* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:focus{ outline: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
img { border:none;}
a { color:#d1991b; text-decoration:none; border-bottom:1px solid #d1991b;}
a:hover { color:#d1991b; text-decoration:none;  border-bottom:1px dotted #d1991b;}
strong, b { font-weight:600;}
em, i {font-style:italic;}
textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
button {
     -webkit-appearance: none;
     border-radius: 0;
}
select { appearance:none;}

h1 { padding:0; margin:0; text-transform:uppercase; color:#d1991b; font-family: 'IBM Plex Sans', sans-serif; font-weight: 600; font-size:1.875rem;}
h2 {padding:0; margin:0; text-transform:uppercase; color:#d1991b; font-family: 'IBM Plex Sans', sans-serif; font-weight: 600; font-size:1.125rem;}
h3 { padding:0; margin:0; font-family: 'IBM Plex Sans', sans-serif; font-weight: 600; color:#737e84; font-size:1rem;}
h3 a {color:#737e84; text-decoration:none;  border-bottom:none;}
h3 a:hover {color:#737e84; text-decoration:none; border-bottom:1px solid #737e84}
h4 { padding:1.125rem 0 0 ; margin:0; font-family: 'IBM Plex Sans', sans-serif; font-weight: 600; color:#737e84; font-size:1rem;}

p { padding:0; margin:1.125rem 0 0; line-height:1.5;}

h4 + p { margin-top:.5rem}
h1 + h2 { padding-top:2rem;}
p + h2 {padding-top:2rem;}

html { font-size:100%; scroll-behavior: smooth !important;}

body { padding:0; margin:0; font-family: 'IBM Plex Sans', sans-serif; font-weight: 400; color:#737e84; background:#ffffff; font-size:.875rem;}
#myBtn { display: none; position: fixed; bottom: 10px; right: 10px; z-index: 40; outline: none; cursor: pointer; background:none; border:none}
.wrapper { padding:0 1.125rem; margin:0 auto; width:100%; max-width:1170px; position:relative;}

header { padding:1rem 0; margin:0; display:block; width:100%; background:#ffffff; position:fixed; top:0; z-index:3; transition: top 0.2s ease-in-out;
-webkit-box-shadow: 0 2px 7px 0 rgba(1,72,123,.2);
box-shadow: 0 2px 7px 0 rgba(1,72,123,.2);
 }
.nav-up { top:-105px;}
header .wrapper { max-width:1330px; display:flex; flex-wrap: no-wrap; align-items:flex-end; justify-content:space-between;}
.logo { width:180px; padding-bottom:.5rem}
.logo img { width:100%;}
.logo a, .logo a:hover { border-bottom:none;}

.image-section { display:block; width:100%; background:url(../img/top-section.jpg) repeat-x left top fixed; padding:4.375rem 0 0; margin-top:105px;}
.image-section .wrapper { max-width:1330px;}
.image-container { width:100%; position:relative; overflow:hidden;/* background:url(../img/home-image.jpg) no-repeat left top; background-size: auto 100%*/}
/*.image-container:after { content:''; display:block; height:0; padding-bottom:52.5%}*/
.image-container img.d-image { display:block; width:1330px}
.image-container img.m-image { display:none; width:100%}
.home-text { width:100%; max-width:500px; position:absolute; padding:3.6rem 1.5rem 0 4.6rem;}
.home-text h1 { font-size:1.5rem}
.home-text p a {text-transform: uppercase; font-size: .75rem;}
.home-text p { margin-top:.875rem}
.shadow { display: block; width:calc(100% - 2.5rem); position:absolute}
.shadow img { width:100%; display:block;}

.home_container { width:100%; display:flex; flex-wrap:wrap; padding-top:3rem;}
.home_container.services { background:url(../img/mountain.png) no-repeat left bottom; padding-bottom:6.875rem;}
.home_container.about { background:url(../img/pines.png) no-repeat right bottom; padding-bottom:5.875rem;}
.title_area { width:22%; padding-right:1.667rem; text-transform:uppercase; color:#d1991b; font-size:1.125rem; font-weight:600;}
.title_area a, .title_area a:hover { text-decoration:none; border-bottom:none;}
.text_area { width:78%; display:flex; flex-wrap:wrap; justify-content:space-between}
.home_services {width:30%}
.home_services p a { text-transform:uppercase; font-size:.75rem;}
.home_about { width:70%; padding-right:3.667rem;}
.home_about p:first-of-type { margin-top:0;}
.home_about p > strong { font-size:1rem; text-transform:uppercase;}
.about_links { width:30%; text-transform:uppercase; font-size:.75rem;}
.about_links ul { padding: 0; margin:0; list-style:none;}
.about_links ul li { padding-bottom:.2rem; padding-left:1.25rem; background:url(../img/bullet1.png) no-repeat left top; line-height: 1.5;}
.about_list { width:30%;}
.about_list p { padding:0; margin:0 0 1rem}
.about_list ul { padding: 0; margin:0; list-style:none; text-transform:uppercase; font-size:.75rem;}
.about_list ul li { padding-bottom:.2rem; padding-left:1.25rem; background:url(../img/bullet2.png) no-repeat left top; line-height: 1.5;}

.home_container.growth { position: relative; z-index: 2; }
.home_container.growth .title_area { padding-top: 2.5rem; }
.home_container.growth .home_about { width: 40%; padding-top: 2.5rem; }
.home_container.growth .home_about p > strong { font-size:.875rem; text-transform:none;}
.home_container.growth .home_about ul { padding: 0; margin:1rem 0 0; list-style:none;}
.home_container.growth .home_about ul li { padding-bottom:.2rem; padding-left:1.25rem; background:url(../img/bullet2.png) no-repeat left top; line-height: 1.5; text-transform: uppercase; font-size: .75rem;}

.home_container.growth .image { width: 60%; text-align: right; }
.home_container.growth .image img { width: 100%; }

footer { width: 100%; position: relative; z-index: 1; margin-top: -3.5rem; }
.footer_contacts { width: 100%; display: block; background: #f9f5ed; padding: 3rem 0 1.5rem; }
.wrapper + footer .footer_contacts {padding: 5rem 0 1.5rem;}
.footer_contacts .wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; }
.footer_contacts .wrapper { width: auto; }
.footer_contacts span { white-space: nowrap; padding: 0 .2rem; text-decoration:none !important;}
.footer_contacts .wrapper div:nth-of-type(2) a {text-decoration:none !important; border-bottom: none !important;}
footer a {color:#737e84; text-decoration: none; border-bottom: 1px solid #737e84;}
footer a:hover {color:#737e84; text-decoration: none; border-bottom: 1px dotted #737e84;}
.copyright { width: 100%; display: block; background: #f3ebda; padding: 1.5rem 0; text-align: center;}
.copyright p {margin:.5rem 0 0;}

.page-container {display:block; width:100%; background:url(../img/top-section.jpg) repeat-x left top; padding:4.375rem 1.125rem 4.375rem; margin-top:105px; min-height:75vh}
.page-container .wrapper { padding:2rem 0 0 0; margin:0 auto; width:100%; max-width:1330px; position:relative; background:#ffffff;}
.page-container .wrapper:after { content:''; display:block; margin:0; clear:both;}

.page-container + footer { margin-top:0}

.top-text { width:100%; display:flex; flex-wrap:wrap; align-items:center;}
.short-text { width:32%; padding:2rem 1rem 2rem 5rem; order:1}
.image-page { width:68%; order:2}
.image-page img { width:100%}
.map { width:68%; padding:0 2.5rem;  order:2}

.fullWidth-text { width:100%; padding:0 5rem; margin:0 auto;}
.about .fullWidth-text { background:url(../img/fullWidth-about.png) no-repeat bottom center; padding-bottom:7rem}

.page-container p + h3 { padding-top:1.5rem}
.page-container .clients p + h3 { padding-top:0}
.page-container h3 + p { margin-top:.5rem}
.page-container h2 + h3 { padding-top:1.5rem}

.twoCol-text { width:100%; padding:4rem 5rem 0; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-between; position:relative; z-index:2;}
.twoCol-text:after { content:''; width:100%; height:100px; position:absolute; z-index:3; right:5rem; bottom:-6rem; background:url(../img/twoCol-about.png) no-repeat right bottom;}
.twoCol-text div { width:48%}

.clients h3 { margin-top:1.25rem;}
.page-container .clients ul {padding: 0; margin:.5rem 0 0; list-style:none;}
.page-container .clients ul li { padding-bottom:.2rem; /*padding-left:1.25rem;*/ padding-right:1.25rem; /*background:url(../img/bullet2.png) no-repeat left top;*/ line-height: 1.5; text-transform: uppercase; font-size: .75rem; display:inline; white-space:nowrap}

.fullWidth-text ul { padding:0; margin:0.5rem 0 1rem 1.5rem; line-height:1.5;}
.fullWidth-text h1 { padding-top:2rem;}
.fullWidth-text img { max-width:100%}
.half-image img { max-width:48% !important; float:left; margin:0}
.half-image img:nth-of-type(2) { margin-left:2%}
.fullWidth-text.bg { margin-top:2rem; padding-top:2rem; border-top:2px solid #f9f5ed}

.threeCol-text { width:100%; padding:4rem 5rem 0; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-between; position:relative; z-index:2;}
.threeCol-text div { width:32%}
.page-container .threeCol-text ul, .page-container .short-text ul {padding: 0; margin:1rem 0 0; list-style:none;}
.page-container .threeCol-text ul li, .page-container .short-text ul li { padding-bottom:.2rem; padding-left:1.25rem; background:url(../img/bullet2.png) no-repeat left 2px; line-height: 1.5;}


.quality-button { display:block; margin-top:2rem; font-size:.75rem; text-transform:uppercase;}

.hide{display:none;}
.show { width:100%; display:block; position:fixed; bottom:0; left:0; background:#100f0f; z-index:20; color:#ffffff; font-family: 'Montserrat', sans-serif; font-size:.688rem;text-align:center}
.cookiesText { width:80%; float:left; padding-left:1.5rem;padding-bottom:.95rem;font-size:.95rem;}
.cookiesText a, .cookiesText a:hover { color:#ffffff; text-decoration:underline;font-size:.95rem;}
.cookiesbutton {width:10%; float:left; padding-top:.8rem; padding-bottom:.5rem; text-align:right; padding-right:1.5rem;}
.cookiesbutton button { padding:.5rem .7rem; margin:0; background:#ffffff;  font-size:.688rem; color:#100f0f; text-transform:uppercase; font-weight:600; border:none;} 

 #selebrate30{
 display: block;
 width:100%;
 z-index:10000;
 
}

#cel30mobile{ 
   display:none;
}

#cel30{ 
     width:100%;
}

#cel30mobile img{
width: 100%;
}

#selebrate30 b{
  color: #cc1f37;
  font-size:20px;
} 

.b-close {
border-radius: 7px;
font: bold 131% sans-serif;
padding: 0 6px 2px;
background-color: #01487b;
color: #fff;
cursor: pointer;
text-align: center;
text-decoration: none;
position: absolute;
right: 17px;
top: 17px;
}

.b-close:hover {
background-color: #1e1e1e;
}