/* normal */

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
html,
body {
	font-family: myriad-pro, sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #707070;
	line-height:1.5;

}

body {
	background: #fff;
}
img {
	border: 0px;
	display: block;
	max-width: 100%;
}
a {
	outline: none;
	text-decoration: underline;
	color:#E7540D;
}
a:hover{opacity:0.8}
ul,
ol {
	list-style: disc;
}


h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: copperplate, serif; font-weight: 700; font-style: normal; color:#e7540e; text-transform:uppercase;     letter-spacing: 0.1em;
}

h1{font-size:45px; line-height:51px; margin-bottom: 50px;}
h2{font-size:45px;line-height:51px; margin-bottom: 50px;}
h3{font-size:22px;}
h4{font-size:20px;}
h5{font-size:18px;}
h6{font-size:16px;}

p{margin-bottom: 1em;}

.clear{clear:both;}
.cop{font-family: copperplate, serif; font-weight:500;}
.grecaptcha-badge {display: none}

.maxw1{max-width: 1520px; margin:0 auto;}

.header{}
.header .logo{background:#000; float:left; height: 100%; width:calc(37.5%); padding:37px 30px 37px calc(50% - 760px);}
.header .logo a{display:block; max-width: 360px}
.header .slogan{width:calc(62.5% - 82px); float:left; height: 100%; color:#e7540e; font-size:40px; padding:41px 0; text-transform:uppercase; line-height:50px;}
.header .slogan .inner{max-width:1000px; text-align:center;}
.header .slogan .big{font-size:60px; font-weight:700;}
.header .slogan .bold{font-weight:700;}
.header .contact{background: #faddd0; float:left; width: 82px; height: 100%; padding: 30px 20px; }
.header .contact a{display:block; width: 50px; float:left; margin-bottom: 35px;}
.header .contact a:hover{transform: translate(0, -3px); }
.header .contact a:last-of-type{margin-bottom:0;}

.content .left{float:left; width:calc(37.5%); padding:75px 70px 75px calc(50% - 760px);}
.content .right{float:right; width:62.5%; overflow: hidden}
.content .right .image{position:relative; height: 98vh; width: 100%; background-size: cover!important;}
.content .right .image .buttons img{width: 35px; max-height:35px; margin:20px 0;}
.content .right .buttons{position:absolute; right:0; background: rgba(255, 255, 255, 0.6); height:75px; line-height:75px; z-index: 984}
.content .right .buttons .filter{display:inline-block;}
.content .right .buttons .filter a{border-right: 1px solid #000;}
.content .right .buttons .filter a:hover {color: #e7540e}
.active {background: #e7540e; color: white!important}
.about a {color: #707070}

.content .right .buttons .menu-button-desktop {display: none; cursor: pointer}
.menu-button {cursor: pointer}

.content .right .buttons .filter-mob{display:none;}
.content .right .buttons .filter-mob .m-menu{position:absolute; background: rgba(255, 255, 255, 0.6); top:75px; display:none}
.content .right .buttons .filter-mob .m-menu a{display:block; width:100%; line-height:50px;}

.content .right .buttons .browse{display:inline-block;}
.content .right .buttons .browse a:hover{transform: translate(0, -3px); }
.content .right .buttons a{display: block; float: left; padding: 0 20px; color:#000000; text-transform:uppercase; letter-spacing: 0.1em; text-decoration:none;
}
.content .right .full-screen{position:absolute; right:50px; bottom:20px; width:50px; z-index: 986; cursor: pointer}

.content .left p b, .about .left p b,.content .left p strong, .about .left p strong{font-weight:700; font-size:20px; margin-bottom: 50px; display:block;}

.image .title {
	display: block;
    position: absolute;
    bottom: 60px;
    background: #e6540f;
    height: auto;
    max-width: 450px;
    z-index: 99984564;
    margin-left: 0;
    opacity: 0.8;
	line-height: 60px;
	color: white;
	font-weight: bold;
	padding-left: 60px;
	padding-right: 30px;
}

.about .left{float:left; width:calc(37.5%); padding:95px 70px 50px calc(50% - 760px); background: rgba(0, 0, 0, 0.1);}
.about .right{float:left; width:62.5%; padding:95px calc(50% - 760px) 50px 70px;}
.about .right h2{text-align:center;}

.about .right form{column-count:2; column-gap: 40px; margin-top:50px}

.about .right form label{width:120px; display:inline-block;}
.about .right form .wpcf7-form-control-wrap{display:inline-block; width:calc(100% - 124px); }
.about .right form input{background:#E5E5E5; border:none; padding: 7px 10px; font:inherit; width: 100%; }
.about .right form textarea{width:calc(100%); background:#E5E5E5; border:none; padding: 10px; font:inherit;height: 227px; }
.about .right .textarea label{width:100%; display:block; margin-bottom: 10px}
.about .right .textarea .wpcf7-form-control-wrap{width:100%; }
.about .right form input[type="submit"]{width:auto; padding: 10px 70px; background:#E7540D; text-transform:uppercase; font-weight:700; color:#fff; }



.footer{background:#E7540D; color:#fff; padding: 40px 0;}
.footer a{color:#fff;}
.footer .address{width: 33.33%; float:left; margin-top: 20px;}
.footer .services{width: 33.33%; float:left;text-align:center; font-size:22px; font-weight:700; line-height:2em;}
.footer .services ul{list-style:none; max-width:300px; margin: 0 auto;}
.footer .services ul li{border-bottom: 1px solid #fff;}
.footer .services ul li:last-of-type{border-bottom:0;}
.footer .certificate{width: 33.33%; float:left; text-align:right; margin-top: 30px; font-size:20px; font-weight:700;}
.footer .certificate img{max-width:220px ; display:inline-block; margin-top: 30px}

.bottom{padding: 30px 0; font-size:16px;}
.bottom a{color:#707070; text-decoration:none;}

.subpage{padding: 50px 0;}

.subpage ul, .subpage ol{margin-left: 50px; margin-bottom: 1em}

.mobile-400 {display: none!important}

@media only screen and (max-width: 1570px) {
	.maxw1{margin: 0 30px;}
	.content .left, .about .left, .header .logo{padding-left:30px; padding-right:30px;}
	.about .right{padding-right:30px; padding-left:30px}
	.header .slogan{color:#e7540e; font-size:30px; line-height:40px;}
	.header .slogan .big{font-size:45px;}
	.header .contact a{width: 40px; margin-bottom: 20px;}
}

@media only screen and (max-width: 1260px) {
	
	
	.content .right .buttons .filter{display:none;}
	.content .right .buttons .filter-mob{display:inline-block;}
	.about .right form{column-count:1; column-gap: 0px;}
	
}
@media only screen and (max-width: 1200px) {
	.content .left, .about .left, .content .right, .about .right{width:100%;}
	.content .left{padding-bottom: 30px;}
	.about .left{padding-top: 30px; padding-bottom:30px;}
	.about .right{padding-top: 30px;}
	.content .right .image:after{content:""; padding-bottom: 75%; display:block;}
	.content .right .full-screen{display:none;}
	.about .right form{column-count:2; column-gap: 40px;}
}
@media only screen and (max-width: 850px) {
	.header .slogan{font-size:25px; line-height:28px;}
	.header .slogan .big{font-size:30px;}
	.header .contact{padding: 20px 20px; }
	
	.content .right .image:after {display: none}

	.header .logo{width:100%;}
	.header .logo a{margin:0 auto;}
	.header .slogan{width:calc(100% - 82px)}
	.about .right form{column-count:1; column-gap: 0px;}
	
	.footer .address{width: 100%;  text-align:center;}
	.footer .services{width: 100%; margin-top: 30px;}
	
	.footer .certificate{width: 100%;  text-align:center; }
	
	.content .right .image{height: 60vh;}
	
}

@media only screen and (max-width: 500px) {
	h1{font-size:30px; line-height:41px; margin-bottom: 30px;}
	h2{font-size:30px;line-height:41px; margin-bottom: 30px;}
	.content .left{padding-top: 35px;}
	.maxw1{margin: 0 20px;}
	.content .left, .about .left, .header .logo{padding-left:20px; padding-right:20px;}
	.about .right{padding-right:20px; padding-left:20px}
	.content .right .image{height: 45vh;}
	.header .logo{padding-top: 20px; padding-bottom: 20px;}
}

@media only screen and (max-width: 400px) {
	.content .right .buttons {
		position: absolute;
		background: #fdede5;
		height: 75px;
		line-height: 75px;
		z-index: 984;
		bottom: -75px;
		width: 100%
	}	
	.content .left {
		margin-top: 75px;
	}
	.content .right {
		overflow: inherit;
	}
	
	.filter-mob .menu-button {display: none!important}
	
	.mobile-400 {
		display: block!important;
		position: absolute;
		left: 150px;
		top: 8px;
	}
	
		.mobile-400 img {
			height: 19px;
		}
		
		.browse {
			float: right
		}
		
			.browse a {
				border-left: 1px solid white
			}
			
			.content .right .buttons .filter-mob .m-menu {
				display: block;
				top: 15px;
				background: none
			}
			
			.content .right .buttons .filter-mob .m-menu a {
				background: white;
			}
			
			.content .right .buttons .filter-mob .m-menu a.active {
				background: none
			}
			
			.content .right .buttons .filter-mob .m-menu a {
				display: none
			}
			
			.content .right .buttons .filter-mob .m-menu a:first-child {
				display: block;
				background: none
			}
			
			.content .right .buttons .filter-mob .m-menu a {
				color: black!important
			}
	
	
}