@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('../fonts/proxima_nova_rgregular.eot');
    src: url('../fonts/proxima_nova_rgregular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proxima_nova_rgregular.woff2') format('woff2'),
         url('../fonts/proxima_nova_rgregular.woff') format('woff'),
         url('../fonts/proxima_nova_rgregular.ttf') format('truetype'),
         url('../fonts/proxima_nova_rgregular.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'proxima_nova_ltsemibold';
    src: url('../fonts/proxima_nova_ltsemibold.eot');
    src: url('../fonts/proxima_nova_ltsemibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proxima_nova_ltsemibold.woff2') format('woff2'),
         url('../fonts/proxima_nova_ltsemibold.woff') format('woff'),
         url('../fonts/proxima_nova_ltsemibold.ttf') format('truetype'),
         url('../fonts/proxima_nova_ltsemibold.svg#proxima_nova_ltsemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body{
	padding: 0;
	margin: 0;
	overflow-x: hidden;
	color: #202020;
	line-height: 24px;
	font-size: 15px;
	background: #ffffff;
	font-family: 'proxima_nova_rgregular';
}
/* Header */
#cms-header{
	position: relative;
	background-image: url(../images/header/bg.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	background-attachment: fixed;
	padding: 200px 20px 190px;
	text-align: center;
	font-size: 65px;
	font-weight: 500;
	color: white;
	z-index: 1;
	text-transform: uppercase;
}
#cms-header:after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: -1;
}
#cms-header img{
	position: relative;
	z-index: 2;
}

/* Welcome */
#welcome{
	padding: 90px 0 80px;
	font-size: 36px;
}
#welcome .playfairdisplay{
	/*font-family: 'Playfair Display';*/
	/*font-style: italic;*/
	line-height: 50px;
	margin-bottom: 40px;
	color: #333333;
}

/* Content */
#cms-content{
	padding: 70px 50px;
	background: #f3f3f3;
	display: block;
}

.row{
	margin-left: -20px;
	margin-right: -20px;
}
.row + .row{
	margin-top: 80px;
}
[class*='col-'],
[class^='col-']{
	padding: 0 20px;
	text-align: center;
}
.clearfix{}
.clearfix:before,
.clearfix:after,
.row:before,
.row:after{
	content: "";
	display: table;
}
.entry-media{
	margin-bottom: 30px;
}
.entry-title{
	font-size: 14px;
	text-transform: uppercase;
	color: #1f1f1f;
	font-family: 'proxima_nova_ltsemibold';
	text-align: center;
}

#cms-parallax{
	background-image: url(../images/parallax.jpg);
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: center center;
	text-align: center;
	position: relative;
	padding: 100px 0;
}
#cms-parallax:after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}
#cms-parallax div{
	color: #fff;
	position: relative;
	z-index: 2;
}
#cms-parallax h2{
	color: #fff;
	text-transform: uppercase;
	font-size: 36px;
	margin-bottom: 20px;
}
#cms-parallax a{
	text-transform: uppercase;
	border:1px solid #fff;
	padding: 0 15px;
	line-height: 50px;
	display: inline-block;
	color: #fff;
	font-family: 'proxima_nova_ltsemibold';
	letter-spacing: 1px;
}
#cms-footer{
	background: #f3f3f3;
	padding: 90px 0;
	color: #878787;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 16px;
	text-align: center;
}


body .overlay-wrap {
    overflow: hidden;
    position: relative; 
}
body .overlay-wrap .overlay {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
	visibility: hidden;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-opacity: 0;
	-khtml-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	opacity: 0;
	-webkit-transform: scale(1.5);
	-khtml-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: all 150ms linear 0ms;
	-khtml-transition: all 150ms linear 0ms;
	-moz-transition: all 150ms linear 0ms;
	-ms-transition: all 150ms linear 0ms;
	-o-transition: all 150ms linear 0ms;
	transition: all 150ms linear 0ms;
}

body .overlay .overlay-content {
	width: 100%;
	padding: 15px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-khtml-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
body .overlay .overlay-content a{
	border: 1px solid #fff;
	padding: 0 20px;
        height: 50px;
	line-height: 50px;
	display: inline-block;
	color: #fff;
        font-size: 15px;
	-webkit-transition: all 150ms linear 0ms;
	-khtml-transition: all 150ms linear 0ms;
	-moz-transition: all 150ms linear 0ms;
	-ms-transition: all 150ms linear 0ms;
	-o-transition: all 150ms linear 0ms;
	transition: all 150ms linear 0ms;
}
body .overlay .overlay-content a:hover{
	background: #fff;
	color: #1f1f1f;
}
body .overlay-wrap:hover .overlay {
	visibility: visible;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-opacity: 1;
	-khtml-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
	-webkit-transform: scale(1);
	-khtml-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 150ms linear 0ms;
	-khtml-transition: all 150ms linear 0ms;
	-moz-transition: all 150ms linear 0ms;
	-ms-transition: all 150ms linear 0ms;
	-o-transition: all 150ms linear 0ms;
	transition: all 150ms linear 0ms;
}

/* HTML tag*/
a{
	text-decoration: none;
	outline: none;
	color: #878787;
}
a:hover,
a:focus,
a:active{
	outline: none;
	color: #b46d70;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
	font-family: 'proxima_nova_ltsemibold';
	color: #1f1f1f;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 0; 
	margin: 0;
}

img{
	max-width: 100%;
}

@media (max-width: 980px){
	[class*='col-'] + [class*='col-'],
	[class^='col-'] + [class^='col-']{
		margin-top: 50px;
	}
}

@media (max-width: 768px){
	#cms-header{
		padding: 50px 20px;
	}
}