﻿html{margin:0;padding:0;background:url(../layout/body.jpg) no-repeat left #fff;background-size:cover;background-attachment:fixed;}
body{margin:0 auto;padding:0;overflow-y:scroll;overflow-x:hidden;min-width:260px;max-width:1500px;font-size:16px;line-height:2;font-family:'Open Sans',sans-serif;color:#000;}
#main{color:#73451f;}

/********************************************************************************************************************************** COMMON ELEMENTS */
.t-left{text-align:left;}
.t-right{text-align:right;}
.t-center{text-align:center;}
.t-justify{text-align:justify;}
.red{color:red;}

a{color:#e8ad00;text-decoration:none;cursor:pointer;outline:none;}
a:hover{color:#73451f;text-decoration:none;}
a:focus{outline:none;}
a img{outline:none;}
p{padding:30px 0 0 0;margin:0;}
.services-content p{padding:15px 0; margin:0}
ul, ol{margin:0 0 10px 30px;}
hr {background:rgba(255,255,255,0.5);border:none;clear:both;height:1px;margin:25px 0;padding:0;width:100%;}
hr.black{background:rgba(0,0,0,0.5);}

.full-width{width:100%;}
.max-width{max-width:100%;}
.v-top{vertical-align:top;}
.small{font-size:13px;line-height:1.4;padding: 5px 10px;color: white;font-size: 14px;}
.very-small{font-size:11px;line-height:1.2;}
.big{font-size:150%;line-height:2;}
.gray{color:#9c9c9c;}
.clear{display:block;height:0px;clear:both;}
.nowrap{white-space:nowrap;}
.uc{display:block;padding:80px 20px;text-align:center;font-size:30px;color:#C1C1C1;}
h1,h2,h3,h4,h5,h6{font-weight:bold;margin-top:0em;margin-bottom:0.8em;line-height:1.2;font-family:'Open Sans Condensed',sans-serif;}
h4,h5{font-weight:700;}
h1{font-size:2.4em;} h2{font-size:1.9em;} h3{font-size:1.6em;} h4{font-size:1.3em;} h5{font-size:1.2em;} h6{font-size:1.1em;}
b, strong{font-weight:bold;}
.img-left, .img-right{float:none;margin:0 0 20px 0;display:block;}
.img-border{border:3px solid #fff;}
a:hover .img-border{border:1px solid #73451f;}
table{border-collapse:collapse;}
td, th{padding:0px 4px;vertical-align:top;border:none;}
i,em{font-style:italic;}
.msg{display:block;margin:10px 0;padding:8px 14px;color:#fff;background:#b0b1b3;text-align:center;border-radius:5px;}
iframe{max-width:100%;}
.no-border, .no-border td, .no-border th{border:0;}

.no-gutter > [class*='col-']{padding-right:0;padding-left:0;}
.center-xs, .t-right.center-xs, .t-left.center-xs, .center-sm, .t-right.center-sm, .t-left.center-sm{text-align:center}
.small-xs{font-size:80%;}

.wrap{position:relative;width:100%;padding:60px 0;}
.overlay{position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.2);}
.overlay.light{background:rgba(255,255,255,0.3);}
.wrap-spacer{height:60px;}

.header-wrap{padding:30px 0;background:url(../layout/header_bg.jpg) repeat-x top #fff;}
.top-title{padding:80px 0;position:relative;}
.top-title h1{position:relative;margin:0;font-size: 46px;font-weight: bold;color:#fff;text-shadow:2px 2px 0px #000;}

.content-wrap{padding:80px 0;}
.cover{background-size:cover;background-position:center;}
.manufacturer-logos{margin:20px 0;}
.manufacturer-logos img{max-width:120px;}

.wrap.wrap-menu{padding:0 0 10px 0;z-index:2000;min-height:50px;}
.logo{display:inline-block;height:60px;}
.logo img{border-radius:100%;height:100px;}

.logo-mobile{display: inline-block;height: 150px;width: 1px;position: absolute;left: 50%;}
.logo-mobile img{position: relative;width: 100px;left: -55px;border-radius: 100%;top: -20px;}

.menu-item-link{color:#73451f;}
.menu-item-link:hover, .selected .menu-item-link{color:#73451f;text-decoration:underline;}

#mobile-menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);z-index:2000;}
#mobile-menu{position:absolute;top:6px;right:26px;transition:top 0.3s;z-index:2500;}
.scrolled #mobile-menu{top:0px;}
#icon-menu{display:block;width:40px;cursor:pointer;}
#icon-menu span{display:block;margin:6px 0;width:100%;height:4px;background:#000;transition:0.3s;}
#icon-menu:hover span{background:#000;}
#mobile-menu.open #icon-menu span{margin:5px 0;height:6px;}
#mobile-menu-items{position:absolute;top:46px;right:0px;display:none;background:#fff;border-radius:5px;padding:10px 20px;box-shadow:0 4px 20px 0 rgba(0,0,0,.25);}
.mobile-item-link{display:block;white-space:nowrap;}
.mobile-item-link, .mobile-item-link:hover{margin:0;padding:10px 0;display:block;min-width:150px;border:0;border-top:1px solid #e6e6e6;font-size:14px;font-weight:400;color:#000;}
.mobile-item-link:first-child{border:0;}
.mobile-item-link:hover{color:#000;}
.mobile-submenu{border-top:1px solid #e6e6e6;padding-left:30px;}
.mobile-submenu .mobile-item-link{font-size:13px;}

.box{padding:10% 12%;height:auto;min-height:600px;}
.box.auto-height{min-height:auto;}
.story-box{padding:0% 5%;}
.box h1{font-size:35px;line-height:1;font-weight:bold;margin-bottom:0px;}
.box.box-blue{background:#e8ad00;color:#fff;}
.box-white{background:#fff;}
.box.box-dark{background:#d18a0a;color:#fff;}
.box.box-pink{background:#d18a0a;}
.box.box-yellow{background:#ffcc29;}
.box.box-green{background:#d18a0a;}

.icon-big{width:100px;}
.inverted{filter: invert(100%);}

.image {padding:180px 0;position: relative;background-repeat: no-repeat; background-size: cover; width: 100%}
.image.border-bottom{border-bottom:10px solid #e8ad00;}
.bg-bottom-right{background-position:bottom right;}
.bg-bottom-left{background-position:bottom left;}
.image h1{color: #fff; width:650px;height: auto;margin: 0 0 24px;font-size: 46px;font-weight: bold;  text-align: left;color: #fdfeff; padding: 0 0 0 161px;text-shadow:2px 2px 0px #000;margin-top:0}
.image p{	padding:0;color: #fff; margin-top: 30px;margin-left: 161px;width: 385px; height: auto;font-size: 18px;font-weight: normal;line-height: 1.51;text-shadow:2px 2px 0px #000;}
.image h1, .image p, .image a{position:relative;}

.image.black-text  h1{color: #000;text-shadow:none;}
.image.black-text  p{color: #000;text-shadow:none;}

.page-tilte h1{font-size:42px;margin-bottom:-15px;margin-top:-20px;}
.page-tilte p{margin:0 0 50px 0;}
.page-tilte-btn p {margin: -30px 0 -60px 0;}
.story-section h3 {margin-top:-30px;}
.story-section p {line-height: 1.8}
.story-img-sm img {background-repeat: no-repeat; background-size: cover;width:350px;height:auto;margin-bottom: 25px;}
.story-img-sm {margin-top: 50px;}

.wrap-menu{padding:10px 0 30px 0;}
#top-menu{text-align:center;padding-right: 20px;}
.menu-item{display:inline-block;margin:0 15px;}

#exit-btn{display:block;position:fixed;top:104px;left:0px;width:35px;height:50px;line-height:50px;text-align:center;background:#e8ad00;color:#fff;font-size:10px;font-weight:bold;border-radius:0 20px 20px 0;z-index:1500;box-shadow:3px 4px 5px 0 rgba(0,0,0,0.2);}
#exit-btn:hover{background-color:#d18a0a;}

.form-table td{font-size: 18px;vertical-align:bottom;color:#fff;border:none !important;}
.input-line, #captcha, .cse-ums-input, .newsletter-input{display:inline-block;width:100%;padding:14px;border-radius:8px;border:1px solid #c3cad9;background:transparent;color:#000;vertical-align:top;font-size:18px;}
select {display:inline-block;width:90%;padding:8px 14px;border:none;border:1px solid #c1c1c1;background:rgba(255,255,255,0.7);color:#000;vertical-align:top;cursor:pointer;}
a.button, .button, .cse-ums-submit, .newsletter-button{display:inline-block;padding:20px 40px;font-size: 16px;margin:30px 10px;background:transparent;color:#d18a0a;border:1px solid #d18a0a;text-align:center;vertical-align:top;cursor:pointer;border-radius:40px;line-height:1;transition:background 0.3s;}
.button.white{border:1px solid #fff;color:#fff;background:transparent;}
.button.small{min-height:24px;padding:4px 8px;}
.button.cancel{border:1px solid #b0b1b3;color:#b0b1b3;}
.button:hover, .cse-ums-submit:hover, .newsletter-button:hover{background:#d18a0a;color:#fff;border:1px solid #d18a0a;text-decoration: none;}
.button.white:hover{border:1px solid #fff;color:#d18a0a;background:#fff;}
.image .button{	color: #fff; border: solid 1px #fff;margin-left: 161px; margin-top: 30px;background:#d18a0a;}
.image .button:hover{border: solid 1px #d18a0a;background-color: #d18a0a;}
.box.box-dark .button{border:1px solid #fff;color:#fff;}
.box.box-dark .button:hover{border:1px solid #fff;color:#73451f;background:#fff;}
.box.box-blue .button{border:1px solid #fff;color:#fff;}
.box.box-blue .button:hover{border: solid 1px #d18a0a;background-color: #d18a0a;}

.price-tag{display:inline-block;padding:10px;font-size: 20px;margin:30px 10px;background:rgba(255,255,255,0.5);color:#000;border:2px solid #a06a08;text-align:center;vertical-align:top;cursor:pointer;border-radius:10px;line-height:1;transition:background 0.3s;box-shadow:4px 4px 5px rgba(0,0,0,0.2);}
.price-tag img{display:inline-block;width:60px;vertical-align:bottom;filter: invert(100%);}
.price-tag span{font-weight:bold;font-size:36px;}

.newsletter-input{width:235px;height:44px;margin:0;border-radius:20px 0 0 20px;border:solid 1px #d18a0a;border-right: 0;color:#73451f;background:transparent;}
.newsletter-button{width: 119px;height:44px;margin:0; margin-left:-22px;padding-top: 15px;border-radius:20px;border:0;background:#d18a0a;color:#fff;}
.newsletter-button:hover{background:#fff;color:#73451f;}
.n-response{margin:10px 0;padding:10px 20px;}

#captcha-container{font-size:10px;}
.redstar,#captcha-required{color:red;}
#captcha-img, #new-captcha-img{border:1px solid #adadad;height:40px;margin:4px 0;width:130px;background-color:#fff;}
#captchaimage{display:inline-block;}
#captcha-refresh{display:inline-block;vertical-align:8px;}
#captcha{width:105px;}

.wrap.wrap-bottom{background:#f1f1f1;}

.wrap.parallax{padding:300px 0;background-position:center;background-size:cover;background-attachment:fixed;margin-bottom: -80px;}

.wrap.wrap-top{background:#231509;color:#ffff;padding:5px 0;}

.wrap.wrap-footer{background:#231509;color:#ffff;padding:30px 0;}
.social{margin:30px 0;}
.social img{display:inline-block;border-radius:100%;opacity:0.7;margin:6px;box-shadow:-5px 5px 10px rgba(0,0,0,0.2)}
.social a:hover img{opacity:1;}
.bottom-menu{margin-bottom:40px;}
.bottom-item-link{display:inline-block;margin:0 15px;color:#ffff;}
.bottom-item-link:hover{color:#d18a0a;text-decoration: none;}

#scroll-top{display:none;position:fixed;bottom:110px;right:0px;width:35px;height:50px;background-color:rgba(0,0,0,0.1);background-image:url('../images/layout/back_to_top.png');background-repeat:no-repeat;background-position:center;border-radius:20px 0 0 20px;border:1px solid #fff;z-index:1500;box-shadow:3px 4px 5px 0 rgba(0,0,0,0.2);transition:background-color 0.3s;}
#scroll-top:hover{background-color:#d18a0a;}

.pager { display:block;height:32px;line-height:32px;text-align:right;}
.pager a { display:inline-block;vertical-align:middle;border:none;height:24px;line-height:24px;padding:0px 8px;text-decoration:none;background:#ffcc29;color:#fff;border-radius:3px;}
.pager a:hover{background:#d18a0a;color:#fff;}
.selectorPager { width:40px;height:24px;vertical-align:middle;color:#333;background-color:#fff;display:inline-block;cursor:pointer;padding:0;margin:0;border:1px solid #adadad;}

#tooltip{border:none;}
#tooltip h3 {color:#fff !important;padding:4px 17px;font-size:13px;background-color:#1c1c1c;border:none;text-align:left;border:none;}

.db-container, .download-attachments-container{padding:12px 20px;background:#000;margin-bottom:15px;border-radius:10px;}
.db-info, .download-attachments-info{color:#bbbbbb;font-size:80%;font-style:italic;}
.db-img, .download-attachments-img{vertical-align:middle;}

#gmap {width:100%; height:500px; background-color: transparent; margin: 13px 0 0 0; border: solid 1px #d1d1d1; }
.gmap-content{text-align:center;padding:5px;}
.gmap-content-link{display:inline-block;margin-top:15px;padding:3px 8px;border-radius:10px;background:#a9a9a9;color:#fff;font-size:80%;}
.gmap-content-link:hover{background:#595959;color:#fff;text-decoration:none;}

#bottom-icons img{border-radius:10px;}

.news-block{margin-bottom:0px;}
.news-block p{padding:50px 25px 0px; font-size: 14px;font-weight: normal;color: white;font-style: normal;line-height: 1.67;letter-spacing: normal;text-align: left;text-align: center;width: 300px;margin: auto;}
.news-block-content{text-align:center;height: 410px;}
.news-thumb{display:inline-block;width:350px;height:350px;box-shadow:0px 0px 15px rgba(0,0,0,0.2);background-size:cover;background-position:center;position: relative;border-radius: 100%}
.news-block-title{display:block;color: #73451f;font-size:19px;font-weight:bold;transition: 0.3s;cursor: pointer;}
.news-block-content:hover .news-block-title{color:#73451f;top:-45px;text-shadow:2px 2px 5px rgba(0,0,0,0.3);}
.more-info {position: absolute;top: 0px;left: 0px;background-color: rgb(7, 29, 73,0.6); width: 100%; height: 100%;display: none;border-radius: 100%}
.more-info .button {color: #fff; border: solid 1px #fff;text-decoration: none;}
.more-info .button:hover {border: solid 1px #d18a0a;background-color: #d18a0a;}
.info-button{display:block;font-size: 16px;background: transparent;color: #d18a0a;cursor: pointer;position: absolute;padding:10px;bottom: 10px; left: 0px; width:100%; color:#fff; text-shadow:2px 2px 2px #000;}
.info-button:hover{color:#d18a0a;text-shadow:0px 0px 0px;text-decoration:none;}

.bottom-section {background-repeat: no-repeat; background-size: cover;}
.bottom-section h1{padding-top:260px;text-align:center;font-size: 48px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.35;letter-spacing: -1.6px;color: #fff; text-shadow: 2px 2px 8px #73451f;transition:0.3s;}
.bottom-section:hover h1{color:#73451f;top:-45px;text-shadow: 2px 2px 8px #fff;}
.bottom-section a:hover{text-decoration: none;}
.contact h4 {color: #73451f;font-size: 30px;font-weight: normal;}

.min-height{height:360px;background-position:center;background-size:cover;}

.flavour-logo {height:62px;background-size: cover;}
.flavour-logo img {height: 60px;}
.map img {width: 100%;background-size: cover;}

.contact-info {background-color:#d18a0a; margin-top: -20px;margin-bottom: -40px;}
.contact-info h1, .map-info h1  {color: #fff;text-align: center; padding-top: 20px;}
.contact-info hr, .map-info hr {width: 95%;margin: auto;border-top: dotted 2px #fff;}
.form-table {margin: auto;}
.bg-blue {background-color:#d18a0a;margin-top: -60px;}
.map-info .button {color: #fff;border:1px solid #fff; width: 150px;}
.map-info .button:hover {color:#d18a0a;border:1px solid #fff; background-color: #fff; }
#gmap{width:90%;height:350px;margin:auto;margin-bottom: 50px;border:10px solid #fff;border-radius: 8px;box-shadow:0 4px 20px 0 rgba(0,0,0,0.8);}
.contact-info h4{color: #fff;margin: 25px 20px 0;text-align: center;padding-bottom: 25px;}
label.hidden{display:none;}

.blog-block{display:block;width:100%;margin-bottom:40px;line-height:1.5;}
.blog-block-img{position:relative;display:block;width:100%;height:260px;margin-bottom:15px;background-size:contain;background-repeat:no-repeat;background-position:center;border:1px solid #ddd;}
.play-icon{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(../layout/icon_play.png) no-repeat center;opacity:0.8;}
.play-icon:hover{background-color:rgba(0,0,0,0.4);opacity:0.9;}
a.blog-block-title{display:block;font-size:150%;line-height:1.1;color:#000;font-weight:800;font-family:'Fira Sans Condensed',sans-serif;margin-bottom:5px;}
a.blog-block-title:hover{color:#e75d1e;}
.blog-block-lead{font-size:90%;line-height:1.5;}
.blog-left a.blog-block-title{font-size:18px;}
.blog-left .blog-block-img{height:160px;}
.blog-block-img .top-icon{position:absolute;tp:0;right:0;}
.blog-block-img .top-icon img{width:100px;}
.manuf-logo{width:120px;}

.page-title{display:block;font-size:28px;font-weight:300;letter-spacing:2px;border-bottom:2px solid #000;margin-bottom:40px;}

.gal-thumb{display:inline-block;margin:0 20px 20px 0;border-radius:10px;width:90px;height:90px;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.5s;border:2px solid #fff;box-shadow:0px 0px 5px rgba(0,0,0,0.2);}
.gal-thumb:hover{border:2px solid #000;}

@media (min-width: 768px) {
	#scroll-top{width:50px;right:20px;border-radius:40px;}
	.t-right.center-xs{text-align:right}
	.center-xs, .t-left.center-xs{text-align:left}
	.img-left{float:left;margin:0 20px 10px 0;}
	.img-right{float:right;margin:0 0 10px 20px;}
	.box h1{font-size:45px;margin-top:20px;}
	.min-height{height:500px;}
	#order{width:150px;height:50px;font-size:16px;}
	#order:hover{width:180px;font-size: 18px;}
	.news-thumb {width: 300px;height: 300px;}
	.news-block p{padding:35px 25px 0px;width:250px}
	.news-block-title{font-size:21px;}
	.bottom-section {height: 600px;}
	.bottom-section h1{padding-top:440px;}
	.news-block-content{height: 380px;}
	.contact-info h1, .map-info h1{padding: 20px 0px 0 50px;text-align: left;}
	.form-table {margin-left: 50px;margin-top: 40px;}
	.form-table img{padding: 15px 20px 0 0px;}
	#gmap{ margin-top:50px;}
	.contact-info h4 {margin-left: 50px; text-align: left; }
	.map-info .button, .map-info {margin-left: 50px;}
	.story-section h3 {margin-top: -80px;}
	.story-img {width: 450px;height: 450px; margin: auto;}
	.story-box{padding:0 25%;}
}
@media (min-width: 992px) {
	.t-right.center-sm{text-align:right}
	.center-sm, .t-left.center-sm{text-align:left}
	.row.same-height-md{display:flex;}
	/* a.button, .button{font-size:20px;} */
	.min-height{height:auto;}
	.wrap{padding:100px 0;}
	.wrap-spacer{height:100px;}
	.newsletter-button{padding-top: 11px;}
	.story-section h3 {margin-top: 50px;}
	.contact-info h4 {margin-top: 50px;padding-bottom: 50px;}
	.bg-blue {margin-top: -90px;}
	.contact-info {margin-bottom: -60px;}
	.story-box {padding: 32% 10%;height: 550px;}
	.story-img {margin: 0}
}
@media (min-width: 1200px) {
	.box.whitespace{padding:25% 20%;}
}