:root{
    --c0: #b1571f;
	--c1: #6b432a;
    --c2: #FDF8F2;
	--c3: #505050;
	--c4: #decbb2;
}

html{margin:0;padding:0;background:transparent;}
body{margin:0;padding:0;font-size:16px;line-height:1.7; color: var(--c3); font-family: 'Open Sans', sans;}
.wrap{position: relative; width: 100%; padding: 40px 0;}

/********************************************************************************************************************************** COMMON ELEMENTS */
.t-left{text-align:left;}
.t-right{text-align:right;}
.t-center{text-align:center;}
.t-justify{text-align:left;}
a{color:var(--c0);text-decoration:none;outline:none;border:none;cursor:pointer;}
a:hover{color:var(--c1);text-decoration:none;}
a:focus, a:active{outline:0;text-decoration:none;}
hr{display:block;clear:both;height:2px;margin:25px 0;padding:0;border:none;background: var(--c0); opacity: 0.1;}
a img{border:none;}
a{outline:none;}
.gray{color:#c5c5c5;}
h1,h2,h3,h4,h5,h6{font-weight:bold;margin-top:2em;line-height:1.1;color:#000;}
h1{font-size:2em;margin-bottom:0.9em;} h2{font-size:1.8em;margin-bottom:0.7em;color:#be3905;} h3{font-size:1.4em;margin-bottom:0.5em;} h4{font-size:1.2em;margin-bottom:0.3em;} h5{font-size:1.2em;margin-bottom:0.2em;} h6{font-size:1.2em;margin-bottom:0.1em;}
table{border-collapse:collapse;border:none;}
td{border:none;}
p{padding:0;margin:20px 0;}
.full-width{width:100%;}
.max-width{max-width:100%;}
.v-top{vertical-align:top;}
.small{font-size:90%;}
.very-small{font-size:80%;}
.img-left{display:block;float:none;margin:0 0 15px 0;}
.img-right{display:block;float:none;margin:0 0 15px 0;max-width:90%;}
.img-border{padding:5px;border:1px solid #cbcbcb;border-radius:5px;}
ul{margin:10px 0 10px 14px;list-style-image:url("../layout/li.png");}
ol{margin:10px 0 10px 14px;}
li{margin:0 0 4px 0;padding:0 0 0 4px;}
.red{color:#bd2221;}
.green{color:#278542;}
.msg{display:block;padding:10px 10px;margin-bottom:15px;border-radius:5px;background-color:#d8d8d8;color:#000;}
.msg.alert{background-color:#be3905;color:#fff;}
.msg.ok{background-color:#117e02;color:#fff;}
.uc{width:100%;padding:150px 0;font-size:250%;font-weight:800;text-align:center;color:#000;}
.no-gutter > [class*='col-'] {padding-right:0;padding-left:0;}
table.data{border-collapse:collapse;font-size:80%;width:100%;}
table.data td, table.data th{padding:8px;line-height:1.2;border:0;border-bottom:1px solid #cfcfcf;text-align:right;}
table.data th{background:#474747;color:#fff;text-align:center;}
table.contact-table{border-collapse:collapse;}
table.contact-table td, table.contact-table th{padding:2px 8px 2px 0;vertical-align:top;}
.round{border-radius:20px;}
.shadow{box-shadow: 10px 10px 2px rgba(0,0,0,0.1);}

.overlay{position:absolute;top:0;right:0;width:100%;height:100%;background:#fff;}

.header-wrap{padding: 25px 0 45px 0; background-color: var(--c2); }
.header-g{position: absolute; top:0; left:0; width: 100%; height: 100%; background-image: url(../layout/logo-g.png); background-size: 98%; background-position: center 300px; background-repeat: no-repeat; opacity: 0.05;}
.top-logo img{max-width: 100%; width: 200px;}
.lang-link{position: absolute; top: 20px; right:20px; display: inline-block; text-align: center; height: 30px; width: 30px; line-height: 30px; border-radius: 100%; background-color: var(--c0); color: #fff;}
.top-menu{display: block; width: 100%; padding: 30px 0; margin: 30px 0; border: 1px solid rgba(0,0,0,0.1); border-left: 0; border-right: 0; text-align: center;}
.top-menu a{display: inline-block; padding: 0 20px; text-align: center; color: var(--c3); font-size: 12px; line-height: 1.2; font-weight: 600; letter-spacing: .1em;}
.top-menu a.selected, .top-menu a:hover{color: var(--c0);}

.mobile-menu{text-align: center; margin: 30px 0;}
.mobile-menu-icon{display: inline-block; width: 30px; height: 30px; cursor: pointer;}
.mobile-menu-icon span{display: block; height:2px; background-color: var(--c3); margin:7px 0;}
.mobile-menu-icon:hover span{background-color: var(--c0);}

.mobile-menu-items{position:absolute;top:0px;right:0px;display:none;z-index:1600;outline:none;}
.mobile-menu-items a{display:block;padding:8px 30px;margin:2px;white-space:nowrap;text-align:center;color:var(--c0);background:#fff;}
.mobile-menu-items a:hover, .mobile-menu-items a.selected{color:#fff;background:var(--c0);}

.slider-title, .page-title{font-size: 30px; text-align: center; letter-spacing: -.005em; font-family: 'Roboto Slab', sans-serif; font-weight: 200;}
.page-title{color: var(--c0); line-height: 1; margin-bottom: 30px;}
.slider-subtitle{margin: 24px 0 36px 0; text-align: center; font-weight: 400; letter-spacing: .025em; line-height: 1.64706; font-size: 14px;}
.slider-img{max-width: 100%; max-height: 200px;}
#slider-controls{position:absolute;bottom:55%;left:0px;width:100%; height:0;}
.slider-arr {position: absolute; top:0; display: block; width: 60px; height: 60px; border: 0; border-radius: 100%;}
.slider-arr.slider-prev{left: 15px;}
.slider-arr.slider-next{right: 15px;}
.slider-arr span{display: block; width: 25px; height: 25px; border: 3px solid var(--c4); border-right: 0; border-bottom: 0; position: absolute; top:15px; transition: 0.3s;}
.slider-arr:hover span{border-color: var(--c0);}
.slider-arr.slider-prev span{transform: rotate(-45deg); left:16px; }
.slider-arr.slider-next span{transform: rotate(135deg); left:13px; }

.button{display: inline-block; padding: 17px 32px; line-height: 1; font-size: 12px; line-height: 1.2; font-weight: 600; letter-spacing: .1em; border: 0; background: var(--c0); color: #fff; transition: 0.3s;}
.button:hover{background: var(--c3); color: #fff;}

.col-logo{text-align: center;}
.wrap.bg-color{background-color: var(--c2);}

.prd-block{display: block; position: relative; padding: 30px; margin-bottom: 30px; background-color: #fff; transition: 0.3s;}
.prd-block:hover{box-shadow: 0px 0px 20px rgba(0,0,0,0.1);}
.prd-block-img{display: block; height: 150px; background-size: contain; background-position: center; background-repeat: no-repeat;}
.prd-block-title{display: block; margin-top: 20px; font-size: 12px; font-weight: bold; text-align: center; min-height: 42px; color:var(--c0);}
.prd-block-label{position: absolute; width: 60px; height: 60px; padding: 10px; top:-5px; right: -5px; background-color: var(--c0); color: #fff; text-align: center; font-size: 11px; border-radius: 100%; line-height: 1.2;}
.prd-block-label span{font-size: 18px; display: block;}

.blog-block{display: block; margin-bottom: 30px; background-color: #fff; color:var(--c3); transition: 0.3s;}
.blog-block:hover{box-shadow: 0px 0px 20px rgba(0,0,0,0.1);}
.blog-block-img{position: relative; display: block; height: 250px; overflow: hidden;}
.blog-block-img-thumb{position: absolute; top:0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; transition: 0.15s;}
.blog-block:hover .blog-block-img-thumb{width: 110%; height: 110%; top: -5%; left: -5%;}
.blog-block-title{display: block; padding: 20px 20px 15px 20px; font-size: 24px; line-height: 1.4; font-weight: 200; min-height: 42px;}
.blog-block-lead{display: block; padding: 0 20px 40px 20px; font-size: 14px; line-height: 2; font-weight: 300; min-height: 42px; opacity: 0.9;}
.blog-block-category{display: block; padding: 30px 20px 0px 20px; font-size: 14px; line-height: 1; font-weight: 300; color: var(--c0);}

.overlay{position: absolute; top:0; left:0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}
.parallax-wrap{padding: 150px 0; color: #fff; background-size: cover; background-attachment: fixed; background-repeat: no-repeat;}

.logo-bottom{width:170px; opacity: 0.6;}
.table-bottom, .table-top{border-collapse: collapse; border: 0;}
.table-bottom td{padding:0 10px 20px 0; vertical-align: top;}
.table-top td{padding:0 5px 5px 0; vertical-align: top;}
.table-bottom img{height:26px;}
.table-top img{height:20px;}
.title-bottom{font-size: 24px; font-weight: 300; color: #000; margin-bottom:20px;}

.footer-wrap{padding:30px 0; border-top: 1px solid rgba(0,0,0,0.1);}
.social-icon img{display: inline-block; width: 60px; height: 60px; margin: 10px;}

#cookies-icon{position:relative;min-width:50px;min-height:50px;cursor:pointer;}
#cookies-icon img{width:50px;vertical-align:middle;}
#cookies-block{padding:5px;border-radius:30px;background:#FFF9EF;color:#8c2300;position:fixed;bottom:20px;left:20px;box-shadow:2px 2px 5px rgba(0,0,0,0.2);}
#cookies-title{display:inline-block;vertical-align:middle;width:0px;margin-left:0;overflow:hidden;transition:0.3s;font-size:22px;}
#cookies-icon:hover #cookies-title{width:150px;margin-left:15px;}
#cookies-text{position:relative;overflow:hidden;display:none;width:340px;padding:30px;}
#cookies-msg-close{position:absolute;top:5px;right:5px;display:inline-block;width:30px;height:30px;border-radius:100%;background:url(../layout/x_big_b.png) no-repeat center #fff;cursor:pointer}

.top-icon{display:inline-block;width:42px;height:42px;border-radius:100%;margin:0 2px;border:2px solid transparent;}
.top-icon.selected{opacity:1;border:2px solid var(--c0);}
.lang-icon{width:24px;height:24px;border:2px solid #000;opacity:0.3}
.lang-icon:hover{opacity:1;}

#scroll-top{display:none;position:fixed;bottom:100px;right:20px;width:50px;height:50px;background-color:var(--c0);background-image:url('../layout/back_to_top.png');background-repeat:no-repeat;background-position:center;background-size:60%;border-radius:100%;z-index:1600;box-shadow:0 0 10px 0 rgba(0,0,0,0.2);cursor:pointer;}
#scroll-top:hover{background-color:var(--c1);}

@media (min-width: 768px) { /*sm*/
	.t-justify{text-align:justify;}
	.img-left{float:left;margin:0 15px 15px 0;}
	.img-right{float:right;margin:0 0 15px 15px;}
	.slider-title, .page-title{font-size: 40px;}
	.prd-block-img{height: 200px;}
}
@media (min-width: 992px) { /*md*/
	.t-right.center-xs{text-align:right;margin:0;}
	.t-left.center-xs{text-align:left;margin:0;}
	.slider-title, .page-title{font-size: 45px; text-align: left;}
	.page-title.t-center{text-align: center;}
	.slider-subtitle{font-size: 17px; text-align: left;}
	.slider-arr.slider-prev{left: -55px;}
	.slider-arr.slider-next{right: -55px;}
	.slider-img{max-height: 350px;}
	.col-logo{text-align: center;}
	.lang-link{position: relative; top: auto; right: auto;}
	.lang-icon{width:28px;height:28px;}
	.prd-block-img{height: 250px;}
}
@media (min-width: 1200px) { /*lg*/
	.wrap{padding: 80px 0;}
	.header-wrap{padding:30px 0;}
	.parallax-wrap{padding: 200px 0;}
	.footer-wrap{padding:30px 0;}
	.slider-title, .page-title{font-size: 50px;}
}
@media (min-width: 1500px) { /*xl*/

}