@charset "utf-8";
/* CSS Document */
ul:before, ul:after{ content:''; display:table;}
ul:after{ clear:both;}
.full-img img{ width:100%; height:auto;}
img.img-crop { display:block; max-width:none }
.table-cell {display:table-cell; vertical-align:middle; padding:0;}
.table-div{ display:table; height:100%; width:100%; }

.header{ background:#f7f7f7; padding:20px 0; position:fixed; top:0; left:0; right:0; z-index:500;}
.header .container{ max-width:1600px; position:relative;}
.logo{ float:left;}
.logo img{ width:250px;}

.toggleMenu { display:none; height:36px; width:36px; text-transform:uppercase; background:url(images/menu-button.svg) no-repeat center; background-size:24px; text-indent:-9999px; float:right;}
.toggleMenu.active{ background:url(images/menu-close.svg) no-repeat center;background-size:24px; color:#fff; }
.toggleMenu:hover{ color:#fff; }
.main-nav{ float:right}
.menu { list-style:none; *zoom:1; margin:0; padding:0; width:100%; display:table;}
.menu:before, .menu:after { content:""; display:table; }
.menu:after { clear:both; }
.menu ul { list-style:none; min-width:350px; float:none; left:0; top:100%; position:relative; background:rgba(255,255,255, 0.9);}
.menu a { padding:0 20px; color:#7a7875; font-size:14px; font-weight:500; }
.menu a i{ color:#95d1dd; margin-right:5px; font-size:18px; vertical-align:middle}
.menu li { position:relative; padding:0; }
.menu > li > .parent:after{ content:'\f107'; position:absolute; font-family:'FontAwesome'; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); top:23px; font-size:20px;}
.menu li a:hover, .menu li:hover > a, .menu li.current-menu-item > a, .menu li.current-menu-parent > a{color:#7a7875; text-decoration:none;}
.menu > li> a:before, .menu li.current-menu-item > a:before {content:""; display:block; position:absolute; bottom:0; left:50%; width:0; height:6px; border-radius:10px; background:#95d1dd; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); opacity:0; -moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}
.menu > li > a:hover:before, .menu > li:hover > a:before, .menu li.current-menu-item > a:before {width:100%; opacity:1;}
.menu > li { display:table-cell; font-size:16px; position:relative;}
.menu > li:last-child{ background:none;}
.menu > li > a { display:block;  text-transform:uppercase; position:relative; line-height:45px; text-transform:uppercase; }
.menu li ul { position:absolute; left:-9999px; margin:0; list-style:none;  padding:0 }
.menu li ul:after{ background:url(../images/shadow.png); height:10px; width:100%; z-index:-1; content:''; position:absolute; left:0; right:0; top:100%;}
.menu > li.hover > ul { left:0; margin-left:0; }
.menu li li.hover ul { left:100%; top:0; }
.menu li li{ padding:0; line-height:22px; text-align:left; margin:0;}
.menu li li a { display:block; position:relative; z-index:100; padding:8px 10px; background:#f7f7f7;}
.menu li li:last-child{ border-bottom:none; }
.menu li li a:hover{ color:#fff; background:#243c6a;}
.menu li li li a { background-color:#f7f7f7; z-index:200; }
@media screen and (max-width:1199px) {
.menu a { padding:0 9px;}
.menu a{ font-size:13px;}
}
@media screen and (max-width:991px) {
.main-nav .active { display:block; }
.main-nav{ text-align:left; position:absolute; top:100%; left:0; right:0; background:#f7f7f7; z-index:9999; display:block; padding:0; width:auto;}
.menu > li { float:none; display:block; border-bottom:1px solid #d8d8d8; text-align:left; background:none; font-size:16px;}
.menu a{ padding:10px 25px;}
.menu > li > a{ line-height:24px;}
.menu li{ display:block; }
.menu > li > .parent { background-image:none;}
.menu > li > .parent:after{ content:'\f107'; font-family:'FontAwesome'; position:absolute; top:7px; right:15px; left:auto; -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%);}
.menu li.hover > .parent:after{ content:'\f106'; font-family:'FontAwesome';  position:absolute; top:7px; right:15px; left:auto; -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%)}
.menu li li .parent:after {content:'\f107'; font-family:'FontAwesome'; position:absolute; top:7px; right:15px; left:auto; -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%)}
.menu ul { display:block; width:auto; border-bottom:none; min-width:inherit}
.menu > li.hover > ul , .menu li li.hover ul {position:static; margin-left:0}
.menu li li a { padding:8px 35px;}
.menu li li{ text-align:left; }
.menu li li li a{ padding:5px 45px; }
.menu li ul{ box-shadow:none; -webkit-box-shadow:none}
.menu li ul::after{ display:none;}
}

.banner{ position:relative; z-index:100}
.banner .stone{ position:absolute; bottom:-123px; left:0; right:0; background:url(images/rocks.png); height:124px; z-index:100;}
.banner-img .simpleParallax{ min-width:initial; height:100vh; position:relative; overflow:hidden; flex:0 0 auto; display:flex;}
.banner-img .simpleParallax img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.banner-stone{ position:absolute; left:0; bottom:-100px; right:0; z-index:10; background:url(images/rocks-layer.png) center; height:320px;}
.banner-block{ background:#fff; padding:25px; z-index:200; position:absolute; top:35%; -webkit-transform:translateY(-35%); -ms-transform:translateY(-35%); transform:translateY(-35%); z-index:20; width:480px; font-size:18px; color:#333333;}
.banner-block h5, .banner-block h2 { font-weight:800; text-transform:uppercase; text-transform:uppercase; margin:0; line-height:100%; font-family:'Raleway', sans-serif; color:#212832;}
.banner-block span, .banner-block h5{ color:#95d1dd;font-weight:600;}

.w1{ position:relative; z-index:99; background:url(images/shape-img.png) no-repeat top 20px center #f7f7f7; margin-top:-123px; padding-bottom:70px; padding-top:100px;}
.w1 .content{ background:#fff; padding:70px 30px 70px; font-weight:300;}
.w1 .content p strong{ color:#000;}
.w1 .content h3{ font-size:28px; font-family:'Raleway', sans-serif; color:#000; text-transform:uppercase; font-weight:300; margin-bottom:35px;}
.link-block{ background:#212832; color:#fff; padding:28px; position:relative; z-index:100; width:400px; margin-left:-195px; margin-top:80px;}
.link-block h5{ text-transform:uppercase; font-size:18px; margin-bottom:20px;}
.link-block ul{ margin:0; padding:0; list-style:none;}
.link-block ul li{ float:left; font-size:14px; font-weight:700; margin-right:30px;}
.link-block ul li:last-child{ margin-right:0;}
.link-block ul li a{ color:#fff; position:relative;}
.link-block ul li a:hover{ color:#95d1dd;}
.link-block ul li a img {-moz-transition:all 0.5s ease; -webkit-transition:all 0 ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.link-block ul li a span{ display:inline-block; padding-left:8px; text-transform:uppercase;font-weight:600;}
.link-block ul li a:before{ background:url(images/link-icon.png); height:19px; width:16px; display:inline-block; float:left; margin-right:3px; content:''; -moz-transition:all 0.5s ease; -webkit-transition:all 0 ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.link-block ul li a:hover:before{ background:url(images/piedra-blue.png); -webkit-transform:rotate(360deg); transform:rotate(360deg);}

.footer{ background:#212832; padding:30px 0; color:#fff;}
.footer-info{ background:url(images/piedra-blue.png) no-repeat left top; padding-left:26px;}
.footer-info ul{ margin:0; padding:0; list-style:none;}
.footer-info ul li{ margin-bottom:15px;}
.footer-info ul li:alst-child{ margin-bottom:0;}
.footer .form-control{ border:none; border-radius:15px; padding:5px 12px; height:30px}
.footer textarea.form-control{ height:126px;}
.footer input[type=submit]{ background:#95d1dd; color:#fff; height:30px; width:85px; line-height:25px; font-size:13px; text-align:center; border:none; cursor:pointer; display:inline-block; border-radius:30px; text-transform:uppercase;}


.wrapper{ padding:85.6667px 0 0 0; background:#f7f7f7}
.map {height:610px; position:relative; width:100%;}
.map .map-inner { bottom:0; left:0; position:absolute; top:0; width:100%;}
.map .map-inner iframe { height:100%; width:100%;}

.section{ padding:80px 0;}
.section .container{ position:relative; z-index:100}
.contact-section{ padding-bottom:200px; position:relative; overflow:hidden; background:#fff}
.contact-section .container:after{ background:url(images/stone.png); background-size:100%; height:196px; width:463px; position:absolute; content:''; right:45px; bottom:-140px;}
.contact-section:after{ background:#f7f7f7; position:absolute; bottom:0; left:0; right:0; content:''; height:113px; }
.contact-section .form-control{ border-radius:15px; padding:5px 12px; height:30px; border:1px solid #95d1dd; font-weight:300;}
.contact-section textarea.form-control{ height:212px;}
.contact-section input[type=submit]{ background:#95d1dd; color:#fff; height:30px; width:85px; line-height:25px; font-size:13px; text-align:center; border:none; cursor:pointer; display:inline-block; border-radius:30px; text-transform:uppercase;}
.contact-info{ background:url(images/piedra-blue.png) no-repeat left top; padding-left:26px;}
.contact-info ul{ margin:0; padding:0; list-style:none;}
.contact-info ul li{ margin-bottom:15px; color:#333333}
.contact-info ul li:alst-child{ margin-bottom:0;}

.full-width-wrapper{ padding:0 20px 50px; background:#f7f7f7; max-width:1700px; margin:0 auto; overflow:hidden;}
.block-content{ background:#fff; padding:85px 30px; font-size:15px; line-height:26px;  color:#666666; font-weight:300; line-height:26px;}
.block-content .row{ margin-left:-45px; margin-right:-45px;}
.block-content [class*=col-]{ padding-left:45px; padding-right:45px;}
.reverse-col{ direction:rtl;}
.reverse-col [class*=col-]{ direction:ltr;}
.block-content h3{ font-weight:300; text-transform:uppercase; margin-bottom:30px; font-size:28px;}
.block-content h3 span{ display:inline-block; padding:5px 10px; color:#fff; text-transform:uppercase;  background:#95d1dd}
.block-content .text-xl{ font-size:18px; line-height:40px; letter-spacing:1px;}

.gallery-list a.d-block{ position:relative; color:#fff;}
.gallery-list a.d-block .overlay{ position:absolute; opacity:1; top:0; left:0; right:0; bottom:0; z-index:100; padding:30px; background:rgba(42,170,227,0.9); color:#fff; font-size:18px; line-height:42px; font-weight:500; text-transform:uppercase; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;  -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.gallery-list a.d-block:hover .overlay{ opacity:1}

.link-box{ background:#212832; color:#fff; padding:28px; position:relative; z-index:100; width:400px; margin:10px auto 0; text-align:center;}
.link-box h5{ text-transform:uppercase; font-size:18px; margin-bottom:20px;}
.link-box ul{ margin:0; padding:0; list-style:none;}
.link-box ul li{ float:none; display:inline-block; font-size:14px; font-weight:700; margin:0 4px}
.link-box ul li a{ color:#fff; position:relative; font-weight:600;}
.link-box ul li a:hover{ color:#95d1dd;}
.link-box ul li a img {-moz-transition:all 0.5s ease; -webkit-transition:all 0 ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.link-box ul li a span{ display:inline-block; padding-left:8px; text-transform:uppercase;}
.link-box ul li a:before{ background:url(images/link-icon.png); height:19px; width:16px; display:inline-block; float:left; margin-right:3px; content:''; -moz-transition:all 0.5s ease; -webkit-transition:all 0 ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.link-box ul li a:hover:before{ background:url(images/piedra-blue.png); -webkit-transform:rotate(360deg); transform:rotate(360deg);}

.mapblock{ padding:56px 0; text-align:center; background:#dbedf0;}
.mid-content{ position:relative; color:#fff; text-align:center}
.mid-content .full-img .simpleParallax{ min-width:initial; height:621px; position:relative; overflow:hidden; flex:0 0 auto; display:flex;}
.mid-content .full-img .simpleParallax img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.mid-content .content{ padding:30px 10%; text-align:center; color:#fff; position:absolute; z-index:100; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}

.product-top-section{ padding:0 20px 54px; max-width:1700px; margin:0 auto; background:#f7f7f7}
.product-top-inner{ background:url(images/img-22.jpg) no-repeat center; background-size:cover; margin-top:28px;}
.product-top-inner .content{ text-align:center; padding:5% 15px; font-weight:300; font-size:14px;}
.product-top-inner .content h3{ font-size:28px; text-transform:uppercase; text-align:center; margin-bottom:50px;}
.product-top-inner .content  span{ display:inline-block; padding:5px 10px; color:#fff; text-transform:uppercase;  background:#95d1dd}
.product-bottom-inner{ padding:30px; background:rgba(221,185,149,0.7); color:#fff;}
.product-bottom-inner h5{ text-transform:uppercase; text-align:center; font-size:30px;}
.product-bottom-inner .col-xl-8 .row{ position:relative;}
.product-bottom-inner .col-xl-8 .row:after{ background:#95d1dd; width:2px; left:50%; margin-left:-1px; top:1.5rem; bottom:0; content:''; position:absolute;}
.product-block  { padding:0 20px; max-width:1700px; margin:0 auto; overflow:hidden;}
.product-block .product-item{ background:#fff; margin-bottom:10px; position:relative;}
.product-block .product-item [class*=col-]{ direction:ltr;}
.product-block .product-item:nth-child(even){ direction:rtl;}

.product-block .product-item .image-block{ width:50%; position:absolute; top:0; bottom:0; min-width:initial; overflow:hidden; flex:0 0 auto; display:flex;}
.product-block .product-item .image-block img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.product-block .product-item:nth-child(odd) .image-block{ right:0;}
.product-block .product-item:nth-child(even) .image-block{ left:0;}

.product-block .product-item .content{ padding:6% 12%; color:#666666; font-weight:300;}
.product-block .product-item .content h5{ font-weight:300; font-size:20px; text-transform:uppercase; position:relative; margin-bottom:25px; padding-bottom:20px;}
.product-block .product-item .content h5:after{ background:#95d1dd; height:6px; width:170px; content:''; position:absolute; bottom:0; left:0;}
.product-block .product-item .block-content{ padding:5%; color:#fff; text-align:center; min-height:200px;}
.product-block .product-item .block-content.block-1{ background:#7a7875;}
.product-block .product-item .block-content.block-2{ background:#ddb995;}

.product-content-mid{ padding:80px; max-width:1660px; margin:0 auto; color:#fff; position:relative;}
.product-content-mid .image-block{ position:absolute; top:0; bottom:0; left:0; right:0; min-width:initial; overflow:hidden; flex:0 0 auto; display:flex;}
.product-content-mid .image-block img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.product-content-mid .container{ position:relative; z-index:100}
.product-content-mid h5{ font-size:20px; text-transform:uppercase; position:relative; margin-bottom:25px; padding-bottom:20px; text-align:center;}
.product-content-mid h5:after{ background:#95d1dd; height:6px; width:170px; content:''; position:absolute; bottom:0; left:50%; margin-left:-85px;}
.product-content-mid ul{ padding:0; list-style:none;}
.product-content-mid ul li{ background:url(images/piedra-blue.png) no-repeat left 3px; padding-left:22px; margin-bottom:10px;}
.product-content-mid ul li:last-child{ margin-bottom:0;}

.product-uses{ padding:80px 0; text-align:center;}
.product-uses h5{ font-size:20px; text-transform:uppercase; position:relative; margin-bottom:5px; padding-bottom:20px; text-align:center;}
.product-uses h5:after{ background:#95d1dd; height:6px; width:170px; content:''; position:absolute; bottom:0; left:50%; margin-left:-85px;}
.product-uses .row{ margin-left:-5px; margin-right:-5px;}
.product-uses [class*=col-]{ padding-left:5px; padding-right:5px;}
.qbmedia{ float:left;width:100%;padding:8px 0;background:#161c25; font-size: 10px; color:#95d1dd; text-align:center;}
.qbmedia a{ display:inline-block;vertical-align:top;float:none }
.qbmedia a img{width:180px; vertical-align:top;}