@font-face{font-family:'Material Design Icons';src:url('../fonts/materialdesignicons-webfont.woff2') format('woff2'),url('../fonts/materialdesignicons-webfont.woff') format('woff');}
*{outline:none !important;}
body, html{height:100%;}
body{
		overflow-x: hidden;
		font-size:16px;
		font-family:'Raleway', sans-serif;
		color:#191919;
		max-width:1920px;
		margin-left:auto; margin-right:auto;
		font-weight:400;
    }

.clear{clear:both;border:none;background:transparent;padding:0px;margin:0px;height:0px;min-height:0px;overflow:hidden;}
.replace{text-indent:200%;white-space:nowrap;overflow:hidden;}
.relative{position:relative;}
.inline-block{display:inline-block;vertical-align: middle;}
.b-gray{background-color: #f4f4f4;}
.clr2{color:#9d8746;}

.checkbox.checkbox-z label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 21px;
    height: 21px;
    left: 0;
    top: 2px;
    margin-left: -24px;
    border: 2px solid #ccc;
    border-radius: 0px;
    background-color: transparent;

}
.checkbox-info input[type="checkbox"]:checked + label::before, .checkbox-info input[type="radio"]:checked + label::before {
    background-color: #b99941;
    border-color: #b99941;

}

a {color:#9d8746; text-decoration: none;}
a:focus, a:hover {color:#9d8746; text-decoration: underline;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family:'Spectral', serif;
    font-weight: 300;
    line-height: 1.1;
}
.h1, h1{font-size:45px;}
h1 a, .h1 a{color:#191919;}

.content .h1,.content  .h2,.content  .h3,.content  .h4,.content  .h5,.content  .h6,.content  h1,.content  h2,.content  h3,.content  h4,.content  h5,.content  h6 {
    margin-bottom:30px;
    margin-top:50px;
}
.h-decor{padding-bottom:70px; position:relative; text-align:center; margin-bottom: 20px;}
.h-decor:after{
	content:"";
	width:2px; height:50px;
	background-color: #1b1b1b;
	position:absolute;
	bottom:0px; left:50%; margin-left:-1px;
}

.btn-default{
	display: inline-block;
	padding: 13px 32px;
	margin-bottom: 0;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	border: 2px solid #b99941;
	border-radius: 0px;
	color: #b99941;
	background-color: #fff;
	text-transform: uppercase;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition:all .3s;transition:all .3s;
}
.btn-default:active:focus, .btn-default:active:hover, .btn-default.active, .btn-default:active, .btn-default:hover{
	color: #fff;
	background-color: #b99941;
	border-color: #b99941;
}

.btn-primary{
	display: inline-block;
	padding: 13px 32px;
	margin-bottom: 0;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	border: 2px solid #b99941;
	border-radius: 0px;
	color: #fff;
	background-color: #b99941;
	text-transform: uppercase;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition:all .3s;transition:all .3s;
}
.btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active, .btn-primary:active, .btn-primary:hover{
	color: #fff;
	background-color: #191919;
	border-color: #191919;
}
.btn-hero{
	padding: 16px 32px;
	border: 2px solid #1b1b1b;
	color: #b99941;
	background-color: #1b1b1b;
}

.form-control {

    display: block;
    width: 100%;
    height: 50px;
    padding: 6px 24px;
    font-size: 16px;
    line-height: 1.42857143;
    border: 2px solid #b99941;
	border-radius: 0px;
	color: #b99941;
	background-color: transparent;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control:focus {
    border-color: #ccc;
    background-color: transparent;
    box-shadow: none;
}


.ref{
    font-family: 'Spectral', sans-serif;
    font-weight: 400;
}
.prod-desc-img{
	display: block;
	border: 1px solid #f2f2f2;
	padding: 20px;
	text-align: center;
}
.prod-desc-img img{
	max-width:140px;
	max-height:40px;
}


.b-120{padding-top:120px; padding-bottom: 120px;}
.b-60{padding-top:60px; padding-bottom: 60px;}
.mb-30{margin-top:30px; margin-bottom: 30px;}
.mob-30{margin-bottom:30px;}

.a-back{display:inline-block;}
.a-back i{
	width:48px; display:block;
	height:20px;
}
.text-center img{margin-left:auto; margin-right:auto;}

.categories-rwd-swipe li{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eff1f0;
}
.categories-rwd-swipe li:first-child{
	padding-top: 10px;
	border-top: 1px solid #eff1f0;
}
/*
 * 
 */
.st1{fill:none;stroke:currentColor;stroke-width:2;stroke-miterlimit:10;}
.st2{fill:none;stroke:currentColor;stroke-width:1;stroke-miterlimit:10;}
.st5{fill:none;stroke:currentColor;stroke-width:1;stroke-miterlimit:10;}

.flex-logo-list{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.flex-logo-list img{max-width:25%;margin: 25px 0px;}
/*
 * 
 */
.flex-gallery{
	display: -ms-flexbox; /* IE10 */
	display: flex;
	-ms-flex-wrap: wrap; /* IE10 */
	flex-wrap: wrap;
	padding: 0 4px;
}
.flex-gallery .column {
  -ms-flex: 33.2%; /* IE10 */
  flex: 33.2%;
  max-width: 33.2%;
  padding: 0 4px;
}
.flex-gallery .column.x2{
	-ms-flex: 66.8%; /* IE10 */
  flex: 66.8%;
  max-width: 66.8%;
}

.flex-gallery .column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}
/*
 * 
 */

svg{
	width:100%; height:100%;
}
.top-search svg, .menu-close svg {
    width: 22px;
    height: 22px;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border: 0px;
}
.caret:before{
	content:"";
	display:block; 
	width:11px; height:7px;
	margin-top:-4px;
	background-image: url('../images/ico-caret-down.svg');
	background-size: 100%;
}
.xs-m-header{min-height:67px; text-align:right; background-color: #f0ede8; margin-left:-15px; margin-right:-15px;}
.menu-close{
	position:relative; display:inline-block;
	cursor:pointer; z-index:1;
	padding:20px 18px 18px 18px;
}
.menu-close #ico-close .st1{stroke:#fff;}
.ico-next svg{
	width: 30px; height: 14px;
	vertical-align:middle;
	margin-left:15px;
    }
/*
 * 
 */

/*
 * 
 */
.navbar-header {
    position: relative;
    width: 100%;
	margin-right: 0;
	margin-left: 0;
	padding: 40px 0px 70px 0px;
}
.navbar-default {
    background-color: #fff;
    border-radius: 0px;
    border:none;
    position:static;
    margin-bottom:0px;
    border-bottom: 1px solid #f4f4f4;
}
.row-offcanvas-left .navbar-toggle {
    position: relative;
    float: left;
    padding: 9px 10px;
    margin-top: 8px;
    margin-left: -45px;
    margin-bottom: 5px;
    margin-right: auto;
    background-color: transparent;
    background-image: none;
    border: none;
    border-radius: 0px;
}

.navbar-brand {
    margin-left: auto!important;
    margin-right: auto!important;
    float: none;
    width: 410px;
    height: 47px;
    display: block;
    padding: 0px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #fff;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 28px;
    height: 2px;
    border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 7px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #191919;
}
.navbar-brand .logo {
    display: block; width: 100%; height: 100%;
}
.navbar-brand .logo svg{
	width: 100%; height: 100%;
}
.navbar-brand .logo-blog:after {
	content:"blog dla fachowców i amatorów";
	text-transform: uppercase;
	font-size:10px;
	font-weight:700;
	font-family: 'Montserrat', sans-serif;
	position:relative; top:-5px;
    
}


.navbar-default .menu-close .mdi{font-size:36px;}
.navbar-collapse{
	padding-top:56px;
}
.navbar-default .navbar-nav > li > a {
    color: #191919;
    font-weight:400; 
}
.navbar-default .mdi{font-size:18px;line-height: 0px; vertical-align: middle;}
.supmenu{
	position: absolute;
	top: 30px;
	right: 30px;
	padding: 15px 15px 15px 15px;
	margin-left:-30px; margin-right:auto;
	width: auto;
}
.navbar-default .navbar-nav .supmenu > li > a{
	font-weight:300;
	font-size:18px;
}


.supmenu .nav .open > a, .supmenu .nav .open > a:focus, .supmenu .nav .open > a:hover {
    background-color: #eee;
    border-top: none;

}

.navbar-default .supmenu .navbar-nav > li > a {
    padding-top:3px; padding-bottom:3px;
    
}
.ldivide{
	border-left:1px solid #eaeceb;

}
.navbar-default .navbar-decor .mdi{font-size:30px;line-height: 18px;}
.navbar-default .navbar-decor > li > a{
	
	padding-top:25px; padding-bottom:25px;
	text-transform: uppercase;
	font-size:14px; 
}
.navbar-default .navbar-decor > li > a:hover{
	color: #9d8746;
}

.navbar-default .navbar-decor > .active > a, .navbar-default .navbar-decor > .active > a:focus, .navbar-default .navbar-decor > .active > a:hover {
	color:#9d8746;
	background-color:#fff;
}
.dropdown-menu{font-family:'Montserrat', sans-serif;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #9d8746;
    text-decoration: none;
    background-color: #f4f4f4;
    outline: 0;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #fff;
}
.navbar-default .navbar-nav > .open > a{
    color: #555;
    background-color: #fff;
}
.navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #9d8746;
    background-color: #fff;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #eee;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color:#9d8746;
    background-color: #fff;
}
.navbar-center{
	float:none;
	text-align:center;
}
.navbar-nav.navbar-center > li{
	display:inline-block;
	float:none;
}

/*
 * 
 */


.hero{color:#1b1b1b; background-color: #f4f4f4;}
.hero .hero-item{
	background-repeat: no-repeat;
	background-position:50%;
	background-size:cover;
	height: calc(100vh - 150px);
	max-height: 1080px;
	min-height: 640px;
}
.hero h1,.hero .h1 ,.hero p, .content-header h1, .content-header .h1, .content-header p{
	
	}
.hero p, .content-header p{font-size:24px;}
.hero .container{
	text-align:right;
	height:100%;
	display: flex;
	justify-content: flex-end;
    align-items: center; 
}
.hero-content{
	
	text-align:left;
	max-width:340px;
}
.hero .btn-default{
		color: #fff;
	background-color: #51cd3d;
	border-color: #51cd3d;
}
.hero  .btn-default:active:focus, .hero  .btn-default:active:hover, .hero .btn-default:hover{
	color: #fff;
	background-color: #191919;
	border-color: #191919;
}
.section-sub-hero{
	display: block;
	width: 100%;
	position: relative;
}
.section-sub-hero:before {
	content:"";
    display: block;
    width: 100%;
    padding-top: 37.9167%;
    min-height: 720px;
}
.section-sub-hero-row {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;

}
.section-sub-hero-img{
	background-repeat: no-repeat;
	background-position:50%;
	background-size:cover;
	display: block;
	width: 50%;
	max-width: 50%;
	overflow: hidden;
	height: 100%;
	position: relative;
}
.section-sub-hero-txt{
	position:absolute; top:0px; right:0px;
	left:50%;
	display: table;
	width: 50%;
	height: 100%;
	background-color: #504f50;
	box-sizing: border-box;
	color:#fff;
}

.inverse .section-sub-hero-img{float:right;}
.inverse .section-sub-hero-txt{right:auto; left:0px;}

.sub-hero-txt-inner{
    display: table-cell;
    vertical-align: middle;
    padding:0px 60px 0px 60px;

}
.sub-hero-txt-inner .item{padding:20px 0px;}

.section-page-header{
	background-color: #f6f6f7;
	min-height:300px;
	display:flex;
	align-items:center;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
}
.section-page-header h1, .section-page-header .h1{font-size:26px;}
.social-footer{font-size:32px;}
/*
 * 
 */

.icon-mouse{
	width:28px; height:50px;
	border-radius:17px;
	border:2px solid #1b1b1b;
	position:absolute;
	bottom:30px; left:50%; margin-left:-14px;
	cursor:pointer;
}
.icon-mouse-roll{
	width:2px; height:10px;
	background-color:#1b1b1b;
	border-radius:3px;
	position:absolute; top:5px; left:50%; margin-left:-1px;
	animation: 
    nudge ease-in 1.5s infinite;
}

@keyframes nudge {
  0%, 100% {
    transform: translate(0, 0);
    opacity:0;
    height:10px;
  }
  10%{
  	height:12px;
  	opacity:1;
  }
  
  60% {
    transform: translate(0, 20px);
    opacity:1;
    height:12px;
  }
  80% {
  	transform: translate(0, 27px);
     opacity:0;
     height:10px;
  }
  100% {
  	
     opacity:0;
     height:0px;
  }
}

/*
 * 
 */
.home-slider{position:relative;overflow-x:hidden;}
.home-slider ul, .home-slider, .home-slider .caroufredsel_wrapper{height: calc(100vh - 227px) !important; min-height:500px !important; max-height:800px !important;}
.home-slider ul{padding-left:0px;}
.caroufredsel_wrapper{margin:0px !important;}
.home-slider li{display:block;height:100%;float:left;position:relative;overflow:hidden;}



.home-slider .prev, .home-slider .next{opacity:1;position:absolute;top:50%;margin-top:-20px; width:40px; height:15px; color:#1b1b1b ; transition: all 0.4s ease-in-out 0s;}
.home-slider .prev:hover, .home-slider .prev:focus, .home-slider .next:hover, .home-slider .next:focus{color:#b99941;}
.home-slider:hover .prev, .header-slider:hover .next{opacity:1;}
.home-slider .prev{left:20px;}
.home-slider .next{right:20px;}

.slide-0-item{background-position:50%; background-repeat:no-repeat; background-size:cover;}
.slide-0-item .container, .slide-0-item .row , .slide-0-item .col-md-12{ height:100%; position:relative;}
.slide-0-content{
	display:table-cell; 
	margin-left:15%; position:absolute; left:0px; top:50%; max-width:320px; transform: translateY(-50%); text-align:center;
}
.slide-0-item p{font-size:16px;padding:15px 0px 0px 0px;}
.slide-0-item .h3{text-transform: uppercase; font-size:21px;letter-spacing: 1em; margin:0px;}
.slide-0-item .h1{ font-weight:300;margin-top:0px;}
.slide-0-item .h1-big{text-transform: uppercase; font-size:60px; font-weight:300;margin-top:20px;}
.slide-0-item .btm-str{position:absolute; bottom:0px; left:0px; width:100%; background:#fff;display: flex; justify-content:flex-end; border-bottom:1px solid #eaeceb;}
.slide-0-item .btm-str .x1{text-align:right; padding:20px 40px 20px 20px;}
.slide-0-item .btm-str .more{
	background-color: #5fbde3; color:#fff;  padding:0px 40px; vertical-align: middle;
	font-size:32px; font-weight:700;font-family:'Montserrat', sans-serif; display: flex;
	white-space: nowrap;
  justify-content: center;
  flex-direction: column;
}
.slide-0-item .btm-str .more span{display:block; line-height:100%;}

.foo0_pag{position:absolute!important;bottom:160px; width:auto; left:0px; text-align:left; margin-left:5%;}
.foo0_pag a{display:inline-block;color:#fff;margin-right:8px;margin-left:8px; width:60px; height:20px; border-top:3px solid #fff;}
.foo0_pag a:hover{text-decoration:none;}
.foo0_pag a.selected{border-top:3px solid #5fbde3;}
.foo0_pag a span{display:none;}

.wh-c{
	color:#fff;
}
.wh-c .h-decor::after{
	background-color: #fff;
}
.wh-c .btn-hero{
    padding: 16px 32px;
    border: 2px solid #b99941;
    color: #fff;
    background-color: #b99941;
}
.wh-c .btn-hero:hover{
    color: #1b1b1b;
}
/*
 * 
 */
.footer{
	font-size:14px;padding-top:30px;
	border-top:1px solid #f4f4f4;
}
.footer .menu, .footer .addres{
}
.footer .menu ul{
	list-style: none; margin:0px; padding:0px;
}
.footer .menu ul a{
	color:#333;
	display:inline-block; padding-top:4px;
}
.footer .mdi{
	font-size:30px; color:#333;
}
.footer .soc-txt{max-width:calc(100% - 70px); padding-right:10px; line-height:110%; vertical-align: middle;}
.f-logo{
	display:block;
		height: 39px;
	  width: 219px;
	  position:relative;
	  margin-bottom:30px;
}
.f-logo .logo{
    display: block;
    width: 100%;
    height: 100%;
}
.f-logo .logo svg {
    width: 100%;
    height: 100%;
}
.f-logo svg{fill:#1b1b1b;}
.copyright{text-align:center; padding-bottom:20px;}


label.or-xs-collaps, input.or-xs-collaps{display:none;}

/*
 * 
 */
.smart-img {display:inline-block;margin:auto; position:relative;}
.flex-stretch{
	display: flex;
	align-items: center;
}
.flex-stretch>div{}
.smart-img .g-square{
	position:absolute; top:0px; left:0px;
	width:28px; height:28px;
	border:2px solid #51cd3d;
}
.smart-img .g-square:focus{
	
	border-color:transparent;
}
.smart-img .g-square:focus:before{
	content:"";
	display:block;
	margin-top:2px; margin-left:2px;
	width:20px; height:20px;
	background-color:#51cd3d; 
}
/*
 * 
 */
/* Popover */
  .popover {
    border: none; border-radius:0px;
  }
  .popover-title {
    background-color: #fff; 
    border:none;
  }
  .popover.top{border-bottom: 2px solid #51cd3d;}
  .popover.bottom{border-top: 2px solid #51cd3d;}
  .popover.left{border-right: 2px solid #51cd3d;}
  .popover.right{border-left: 2px solid #51cd3d;}
  
    .popover.top .arrow{border:none;width:2px; height:20px; background-color:#51cd3d; bottom:-20px; margin-left:0px}
    .popover.bottom .arrow{border:none;width:2px; height:20px; background-color:#51cd3d; top:-20px; margin-left:0px}
    .popover.left .arrow{border:none;width:20px; height:2px; background-color:#51cd3d; right:-20px; margin-top:-1px}
    .popover.right .arrow{border:none;width:20px; height:2px; background-color:#51cd3d; left:-20px; margin-top:-1px}
    .popover .arrow:after{display: none;}
/*
 * 
 */

.flex-list{
	
	          
	display: -moz-box;              
	display: -ms-flexbox;          
	display: -webkit-flex;          
	display: flex; 
    
    
    -webkit-box-orient: horizontal;
    
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    
    flex-flow: row wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	
	 
	margin-bottom:30px;

}
.flex-list [class*=col-]{
    margin:0 -.3px;
}

.flex-list .item-txt{
	padding:15px 15px 15px 15px;
}
.flex-list .item-img{
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	padding-top:100%;
	
	position:relative;
	-webkit-transition:all .3s;transition:all .3s;
	margin-top:0px;
	margin-bottom:0px;
}
.flex-list-item:hover .item-img{
	margin-top:0px;
	margin-bottom:0px;
}

.flex-list .flex-list-item{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding:15px 0px;
	height:100%;
	text-align:center;
}
.flex-list a, .flex-list a:hover{color:#191919; text-decoration:none;}
.flex-list-item .btn{opacity:1;}

.flex-list-item:before {
    content: "";
    position: absolute;
    top: -0px;
    bottom: -10px;
    left: -0px;
    right: -0px;
    background-color: #fff;
    box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, .1);
    z-index: 1;
    display: none;
}
.flex-list-item:hover:before { display: block;}
.flex-list-item:hover .btn{
	opacity:1;
	background-color: #b99941;
	border-color:#b99941;
	color:#fff;
	}

.flex-list-bl .flex-list-item:before{
	display:none;
}
.flex-list-bl .flex-list-item{border-right:1px solid #ddd; padding:0px 40px; margin:30px 0px;}

.flex-list-item:hover .item-img, .flex-list-item:hover h4, .flex-list-item:hover h3, .flex-list-item:hover p, .flex-list-item:hover >div{z-index:2; position:relative;}
/*
 * 
 */

.list-item .img-box{margin-bottom:10px;}
.date{font-size:.9em;}

.flex-list h3, .flex-list h4, .flex-list .h3, .flex-list .h4{
	margin-top:10px; margin-bottom:10px;
}
/*
 * 
 */

.flex-grid{
	display: flex;
	flex-direction: row;
	 flex-wrap: wrap;
}

.flex-grid .item-img{
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	padding-top:400px;
	position:relative;
	-webkit-transition:all .3s;transition:all .3s;
	margin-top:30px;
	margin-bottom:30px;
}

.flex-grid .flex-grid-item.x2{
	 background-color: #eaeceb;
	 display:block;
	 height:100%;
}

.flex-grid-item, .flex-grid-item:hover{
	color:#191919;
}

.flex-grid-item:hover .item-img{
	opacity:.7;
}

.flex-grid .flex-grid-item.x2 .item-img{
	padding-top: 800px;
	
}
.flex-grid .x2 .txt-desc{
	padding-left:20px; padding-right:20px;
	padding-bottom:20px;
}

/*
 * 
 */
#search, #login {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.98);
    
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    
    opacity: 0;
    z-index:1002;
}

#search.open, #login.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
}
.search-form{
    width:70%;
    max-width:600px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
   padding-right:80px;
   padding-bottom: 50px;
}
#search input[type="search"] {
    color: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0);
    font-size: 40px;
    font-weight: 400;
    text-align: left;
    border: 0px;
    border-bottom:1px solid #999;
    margin: 0px auto;
    width:100%;
    padding-left: 0px;
    padding-right: 0px;
    outline: none;
}
#search .btn {
   position: absolute;
	top: 10px;
	right: 4%;
	background-color: transparent;
	border: black;
	width: 50px;
	height: 50px;
	padding: 0px;
}
#search .btn .mdi{
    font-size:40px;
}
#search .close, #login .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #121212;
    background-color: transparent;
    opacity: 1;
    width: 30px;
height: 30px;
    font-size:40px;
}
#search .close .lnr, #login .close .lnr{
    font-size:40px;
}

#login .search-form{
   max-width:520px;
   padding-right:0px;
}
#login input[type="text"], #login input[type="password"]{
    font-size: 30px;
    width:100%;
    font-weight: 400;
    text-align: left;
    border:1px solid transparent;
    border-bottom:1px solid #999;
    -webkit-box-shadow: none;
    box-shadow: none;
    height:auto;
}
#login .btn-login{
    font-size:20px;
    text-transform:uppercase;
    background-color: #e93943;
    padding:15px 12px;
    width:100%;
    color:#fff;
    margin-top:20px;
}

input::placeholder,#login input[type="text"]::placeholder, #login input[type="password"]::placeholder{color:#B2B5BC; opacity:1;}

/*
 * 
 */
.navbar-nav > li > .dropdown-menu {
-webkit-box-shadow: 0 6px 8px rgba(0,0,0,.075);
	box-shadow: 0 6px 8px rgba(0,0,0,.075);
	border-radius:0px;
	border:1px solid #eff1f0;

}

.dropdown-mega-menu{
    position: static!important;
}
.navbar-nav > li.dropdown-mega-menu > .dropdown-menu {
	border:none; border-top:1px solid #eff1f0;
}
.dropdown-mega-menu>ul{
     position: absolute;
    top: auto;
    z-index: 1000;
    display: none;
    float: none;;
    padding: 0px 0;
    margin: 2px 0 0;
    margin-top: 70px;
    font-size: 14px;
    text-align: center;
    list-style: none;
    background-color: #fff;

     -webkit-box-shadow: 0 6px 8px rgba(0,0,0,.075);
	box-shadow: 0 6px 8px rgba(0,0,0,.075);
	border-radius:0px;
}
.dropdown-mega-menu>ul>div{
    display: -webkit-box;     
  display: -moz-box;         
  display: -ms-flexbox;      
  display: -webkit-flex;     
  display: flex; 
    flex-wrap: wrap;
    min-height:300px;
}
.dropdown-mega-menu>ul>div>div{
	 display: -webkit-box;     
  display: -moz-box;         
  display: -ms-flexbox;      
  display: -webkit-flex;     
  display: flex; 

    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    
	 flex-direction: column;
	 -webkit-flex-direction: column;
	 min-height:300px;
}

.dropdown-mega-menu .row [class*=col-]{
    margin:0 -.3px;
}


.dropdown-mega-menu .dropdown-menu-2{
	display:inline-block;
	text-align:center;
	min-width:20%;
	max-width:20%;
	
}
.dropdown-mega-menu .dropdown-menu-2>a{
	color:#191919;
	text-transform: uppercase;
	font-weight:600;
	 margin-bottom:0px;
	 padding-left:20px; padding-right:20px;
	 padding-top:30px;
	 padding-bottom:20px;
	 display:block;
}
.dropdown-mega-menu .dropdown-menu-2 > a:hover{
	background-color: #f6f6f7;
}

.dropdown-mega-menu .dropdown-menu-2 ul{
	list-style:none;
	margin:0px; padding:0px;
}
.dropdown-mega-menu .dropdown-menu-2 ul a{
	font-size:13px;
	color:#191919;
	padding-left:35px;
}
.main-menu-ico{
	display:block;
	width:60px; height:60px;
	margin:0px auto 20px auto;
	background-size: contain;
	background-repeat: no-repeat;
}
.dropdown-mega-menu .dropdown-menu{
	max-width: 1140px;
	width:100%;
	margin: auto;
	left:0px; right:0px;
	text-align:left;
}
.dropdown-menu ul{list-style :none; margin:0px; padding:0px; width:50%;}
.dropdown-menu a{
	font-family:'Spectral', serif;
	font-size:15px;
	color: #191919;
	display:block;
	padding:6px 0px;
}
.dropdown-menu a:hover, .dropdown-menu .active a{
	color: #9d8746;
}
.m-sub-flex{
	 display: flex;
    flex-wrap: no-wrap;
    padding:30px 30px 30px 45px;
}
.sub-m-title{
	text-transform: uppercase;
	padding-bottom:10px;
}
.m-sub-footer{
	margin:0px 30px 20px 45px;
	padding-top:20px;
	border-top:1px solid #b99941;
}
.m-sub-footer a{color:#b99941;}
.m-sub-pic a{
	display:block; height:100%;
	background-repeat: no-repeat; background-position: 50%; background-size: cover;
	margin-right: -1px;
}
/*
 * 
 */
.cookie {
    z-index: 1001;
    position: fixed;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    border-radius: 0px;
    max-width: 1170px;
    background: #fff;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 15px;
    padding-right: 40px;
    border: none;
    display: none;
    box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, .1);
}
.cookie__wrapper .mdi-close {
    color: #999;
    cursor: pointer;
    font-size: 21px;
    position: absolute;
    right: 10px;
    top: 5px;
    transition: color 250ms;
}
.cookie a{text-decoration:underline;}
/*
 * 
 */
.scroll-top {
  position: fixed;
  right: 1%;
  bottom: 10px;
  background-color: #fff;
  border:1px solid rgba(255,255,255,.2);
  color:#121212;
  padding: 0px;
  text-align:center;
  font-size:32px;
  opacity: 0;
  transition: all 0.4s ease-in-out 0s;
  z-index:2;
  width:54px; height:54px;
  border-radius:50%;
  box-shadow: 0 3px 3px rgba(0,0,0,0.2);
}
.scroll-top a{color:#121212; line-height:54px;}
/*
 * 
 */
.pagination {
    display: block;
    padding-bottom:60px;
    padding-top: 30px;
}
.pagination>li{
    margin: auto;
    display: inline-block;
}
.pagination>li:first-child{
    float:left;
    font-size:28px; 
    }
.pagination>li:last-child{
    float:right; 
    font-size:28px;
}
.pagination > li > a, .pagination > li > span , .pagination > li > span:hover{
    position: relative;
        padding: 1px 12px 1px 12px;
    margin-left: -1px;
    line-height: 32px;
    color: #121212;
    text-decoration: none;
    background: transparent;
    vertical-align: middle;
    display: inline-block;
    font-size:18px;
    font-weight:400;
    border:1px solid transparent;
}
.pagination > li > a .mdi{
	font-size:32px;
}
.pagination > li.active a,.pagination > li.active a:hover,.pagination > li.active a:focus {
    background: #f6f6f7;
	border: none;
	border-radius: 50px;
	padding: 0px;
	width: 38px;
	height: 38px;
	line-height: 38px;
	color: #9d8746;
}
.pagination > li a:hover,.pagination > li a:focus {
    background: transparent;
    border:1px solid transparent;
    color:#000;
}
.pagination > li.disabled>a:hover ,.pagination > li.disabled>a:focus , .pagination > li.disabled>a , .pagination > li.disabled>a i{
    background: transparent !important;
    color:#ccc !important;
    cursor:default;
    border:1px solid transparent;
}
/*
 * 
 */



.img-box {
    position: relative;
    display: block;
    padding-top: 65%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 30px;
margin-bottom: 30px;
}
.img-foto {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
	transition: all .3s;
}
.img-foto:hover{opacity:.7}
/*
 * 
 */
.info {
    padding: 0px 0px 35px 0px;
}
.b-box-img {
    display: block;
    padding-top: 55%;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.b-box-caption{padding-left:0px; padding-right:0px; text-align:right;}
.b-box-img-capiton .opis{display:inline-block; font-size:13px;padding:4px 0px 15px 0px;max-width:60%;}
.b-box-img-capiton .opis:after{
	content:"|";
	display:inline-block;
	margin:0px 10px;
}
.b-box-img-capiton .autor{display:inline-block; font-size:13px;padding:4px 0px 15px 0px;max-width:40%;font-weight:300;font-style:italic;color:#999;}
.mfp-title{text-align:left;line-height:18px;word-wrap:break-word;padding-right:116px;}
.mfp-title small{display:block;margin-top:10px;}
a.gallery-link{cursor:pointer;position:relative;}
a.gallery-link span{font-size:16px;position:absolute;bottom:0px;right:0px;color:#fff;padding:10px 18px;background-color:rgba(0,0,0,.6);}

/*
 * prod 
 */

/*
 * gallery
 */
.gallery-nowosc{position:relative;}
.gallery-nowosc:before{
	content:"n";
	font-family:'Montserrat', sans-serif; font-weight:600;
	position:absolute;
	top:10px; left:10px;
	color:#fff;
	background-color: #9d8746;
	font-size:14px;
	text-transform: uppercase;
	padding:4px 8px;
	z-index:0;
	width:28px; height:28px;
	border-radius:30px;
}
.item-img.gallery-nowosc:before, .h-list-box-img.gallery-nowosc:before{
	font-size:14px;
	top:-5px; left:-5px;
}

#wrapper{position:relative;width:100%;overflow:hidden;padding-bottom:60px;}
#carousel-wrapper{position:relative;width:100%; border:1px solid #ddd;}
.caroufredsel_wrapper{position:relative;}
#carousel, #thumbs{overflow:hidden;}
#carousel{}
#carousel a{display:block;float:left; width:100%; height:600px!important; position:relative;}
#carousel div{width:100%; height:100%;background-position:50%;background-size:cover;background-repeat:no-repeat; position:absolute; top:0px; left:0px;}
#thumbs-wrapper{width:100%;height:auto;position:relative;display:block;margin-top:20px;}
#thumbs{}
#thumbs a{max-width: 140px; border:1px solid #ddd;margin:0px 10px 0px 0px;display:inline-block;position:relative;width:140px;height:140px!important;background-position:50%;background-size:cover;background-repeat:no-repeat;-webkit-transition:all .3s;transition:all .3s;}
#thumbs a i{width:100%;height:100%;position:absolute;top:0px;left:0px;background-color:#263b5d;opacity:.0;-webkit-transition:all .3s;transition:all .3s;}
#thumbs a:hover i{opacity:.1;}
#thumbs a.selected i{background-color:#263b5d;opacity:.1;}
#prev, #next, #prev-gallery, #next-gallery{
	position:absolute;top:50%;margin-top:-15px;color:#121212;font-size:30px;cursor:pointer;text-shadow:0px 0px 3px rgba(0,0,0,.4);
	background-color: #fff;
	}
#prev, #prev-gallery{left:0px;}
#next, #next-gallery{right:0px;}
.carousel-nav .disabled{display:none !important;}
.carousel-more-foto{font-size:16px;position:absolute;bottom:0px;right:0px;color:#fff;padding:10px 18px;background-color:rgba(0,0,0,.6);display:none;}
.carousel-nav-gallery{display:none;}

#carousel .photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: transform .5s ease-out;
  }
/*
 * 
 */
.produkt-info{margin-bottom:30px;text-align: center;}
.produkt-info h1, .produkt-info h2, .produkt-info h3, .produkt-info h4,
.produkt-info .h1, .produkt-info .h2, .produkt-info .h3, .produkt-info .h4
{margin-top:30px;  margin-bottom:10px; }
.produkt-info h5,.produkt-info .h5{margin-top:20px;  margin-bottom:10px; }

.produkt-info .condensed h5, .produkt-info .condensed .h5 {margin-top: 10px;margin-bottom: 0px;}

.produkt-info .space{height:30px;}
.decor-list{list-style:none; margin:0px; padding:0px; display:flex;flex-wrap: wrap;}

.decor-list li{width:50px; line-height:.9; margin:0px 15px 10px 0px;}
.decor-list li .pict{
	width:50px; padding-top:100%;
	display:block;
	background-repeat: no-repeat; background-position: 50%;
	background-size: cover;
	border: 1px solid #ccc;
}
.decor-list li .desc{
	font-size:11px;
}

.panels-voster .panel-default{
	border-radius: 0px;
	border:none;
	-webkit-box-shadow:none;
	box-shadow: none;
}
.panels-voster .panel-default:last-child{border-bottom:1px solid #eaeceb;}
.panels-voster .panel-default > .panel-heading{
	background: none;
	border-top:1px solid #eaeceb;
	padding: 0px 0px;
}
.panels-voster .panel-title {

    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    color: inherit;
}
.panels-voster .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    padding-top:20px;
}

.panels-voster .panel-default > .panel-heading + .panel-collapse.collapse.in > .panel-body {
   padding-top:0px;
   padding-bottom:35px;

}
.panels-voster .panel-title h4{margin:0px;}
.panels-voster .panel-title a{
	display:block;
	position:relative;
	padding:30px 10px 30px 30px;
}
.panels-voster .panel-title a:after{
	content:"\F374";
	font-family: 'Material Design Icons';
	position:absolute;
	top:30px; right:10px;
	
}
.panels-voster .panel-title a.collapsed:after{
	content:"\F415";
	
}
ul.dynamized{
	list-style: none; margin:0px; padding:0px;
}
ul.dynamized a{color:#333; font-weight:600;}

/*
 * 
 */
.h-list{margin-top:60px;}
.h-list h2{margin-bottom:30px;}
.h-list-box{float:left;width:250px;margin:15px;border:none;}
.h-list-box-img{display:block;width:100%;padding-top:100%;;background-position:50%;background-size:cover;}
.h-list-box h4{font-size:16px;color:#333;margin-bottom:2px;}
.h-list-box h4 a{display:block;color:#333;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.h-list-box .cena, .home-car-list .cena{font-size:20px;color:#179CD8;font-weight:400;line-height:20px;}
.h-list-box .cena:after, .home-car-list .cena:after{content:'pln';display:inline-block;text-transform:uppercase;font-size:12px;font-weight:400;vertical-align:text-top;margin:0px 0 0 10px;}
.h-list-box-info{margin:0px 10px 25px 10px; text-align:center;}
.h-list-box-info h3, .h-list-box-info h4, .h-list-box-info .h3, .h-list-box-info .h4 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.slider-img-right{top:0px;left:50%;position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-position:0% 50%;}

/*
 * 
 */
.top-breadcrumb{margin-top:20px; margin-bottom:30px;}
.breadcrumb {
    padding: 8px 0px;
    margin-bottom: 0px;
    list-style: none;
    background-color: #fff;
    border-radius: 4px;
    font-size:14px;
    font-weight:400;
    font-family:'Montserrat', sans-serif;
}
.main-side-n{
	padding-bottom:30px;
	margin-bottom:20px;
	border-bottom:1px solid transparent;
}
.main-header{margin-bottom:30px;}
.main-bottom{margin-top:30px;}

.table-list .table td{vertical-align: middle; border-color:#f4f5f5;}
.table-hover > tbody > tr:hover {background-color: #f6f6f7;}
.btn-round{width:38px; height:38px; line-height:36px; text-align:center; background-color: transparent; padding:0px;border-radius:30px; border:2px solid #9d8746; color:#9d8746;}
.btn-round .mdi{ color:#9d8746; font-size:24px;}

.breadcrumb > .active {
	max-width:300px;
    color: #777;
    white-space:nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.aside-list{padding-top:10px;}
.aside-list a{color:#191919;}
.aside-list-item {
    border-top: 1px solid #f4f5f5;
    padding: 10px 0px;
}
.aside-list-item:first-child{border:none;}

.b-box-more a{
	border: 2px solid #51cd3d;
	text-transform: uppercase;
	padding: 10px 24px;
	margin-top: 30px;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	display: inline-block;
}
/*
 * 
 */
.lead-blog,.lead{font-size:1.2em; padding-bottom:30px;}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.box-cytat {
    background-color: #fff;
    border: 2px solid #51cd3d;
    color:#51cd3d;
    padding: 40px 40px 40px 140px;
    margin: 40px 0px 40px 0px;
    font-size: 21px;
    font-style: italic;
    display: block;
    position: relative;
    min-height: 130px;
}
.box-cytat::before {
    content: "\F27E";
	font-family: 'Material Design Icons';
	font-size: 120px;
	width: 70px;
	height: 51px;
	position: absolute;
	top: 5px;
	left: 10px;
	color: #51cd3d;
	line-height: 120px;
	font-style: normal;
    
}
.svg1{fill:#51cd3d;}
.box-cytat {
    font-size: 21px;
    font-style: italic;
}
/*
 * 
 */
.layer-top{
	position: relative;
	z-index: 3;	
	background-color: #fff;
}
.home-video{
	position: relative;
	z-index: -2;
}
.home-video .sticky {
	margin-left:auto; margin-right:auto;
	max-width:1920px;
    position: fixed;
    width: 100%;
    bottom: 0px;
    left: auto;

}
.video-container-home {
    position: relative;
    padding-bottom: 56.25%;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}
.video-container-home iframe, .video-container-home object, .video-container-home embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.video-content-home{
	display: flex;
	justify-content:center;
	align-items:center;
	position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    max-height: 100vh;
}

.video-content-home .video-content-inner{
	color:#fff;
	text-align:center;
}
.video-content-home .video-content-inner .small{text-transform:uppercase;}
.video-content-home .video-content-inner .h2 {
    margin-top: 5px;
    margin-bottom: 30px;
    text-transform:uppercase;
}

/*
 * 
 */
#aside-menu ul{
	list-style:none; margin:0px; padding:0px;
}
#aside-menu li{
	position:relative;padding-top: 10px; 
	padding-bottom: 10px;
	border-top: 1px solid #eff1f0;
	padding-right: 20px;}
#aside-menu a {
    color: #333;
    font-weight: 600;
}
#aside-menu .aside-menu-caret.collapsed:before,#aside-menu .aside-menu-caret:before{
	content: "\F415";
	position:absolute;
	top:0px; right:0px;
	font-family: 'Material Design Icons';
	font-size: 18px;
	color: #000000;
	line-height: 44px;
	width:44px;
	text-align:center;
}
#aside-menu .aside-menu-caret:before{
	content: "\F374";
}
#aside-menu ul>li>ul{margin-top:10px;}
#aside-menu ul>li>ul a{padding-left:15px;}
#aside-menu ul>li.active>a{color:#9d8746;}
#aside-menu ul>li>ul>li.active>a{color:#9d8746;}
/*
 * 
 */
ul.icon-list{list-style: none; margin:0px; padding:0px 0px 20px 0px;}
ul.icon-list li, ul.icon-list span{display:inline-block;padding-right:20px; vertical-align:middle;}
ul.icon-list span{padding-left:15px;}
ul.icon-list li a{
	display:block; width:40px; height:40px;
	background-position: 50%; background-size: contain;
}
ul.icon-list li a[href$="3ds"]{background-image: url('../images/ico_3ds.png')}
ul.icon-list li a[href$="dwg"]{background-image: url('../images/ico_dwg.png')}
ul.icon-list li a[href$="obj"]{background-image: url('../images/ico_obj.png')}

ul.icon-list li a[href$="pdf"]{background-image: url('../images/ico_pdf.png')}
ul.icon-list li a[href$="jpg"]{background-image: url('../images/ico_jpg.png')}
ul.icon-list li a[href$="doc"]{background-image: url('../images/ico_doc.png')}

ul.icon-list-a li{display:block; padding:6px 0px;}
ul.icon-list-a li a{
	display:inline-block; width:auto; height:40px;
	background-position: 0px 50%; background-size: contain;
	background-repeat:no-repeat; vertical-align:middle; padding-top:12px;
	padding-left:55px;
}
/*
 * 
 */
.gallery-flex{
	text-align:center;
	display: flex;
	flex-wrap: wrap;
}
.gallery-flex>div{
	padding:5px;
}
.gallery-flex a{
	position:relative;
	display:block;
	padding-top:70%;
	width:100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
}
.gallery-flex a span{
	position:absolute; top:0px; left:0px;
	width:100%; height:100%;
	background-color: rgba(255,255,255,0);
	overflow: hidden;
	-webkit-transition: all .6s;
	transition: all .6s;
}
.gallery-flex a span b{
	position:absolute; top:100%; left:0px;
	width:100%; text-align:center; 
	color:#1d1d1d;
	transform: translateY(0%);
	-webkit-transition: all .3s;
	transition: all .3s;
}


.gallery-flex a:hover span{
	background-color: rgba(255,255,255,.7);
}

.gallery-flex a:hover span b{
	position:absolute; top:50%; 
	transform: translateY(-50%);
}

.gallery-flex a:hover{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.jumbotron p {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 400;
}
.jumbotron h1, .jumbotron .h1, .jumbotron h2, .jumbotron .h2, .jumbotron h3, .jumbotron .h3{
    margin-bottom: 30px;
    margin-top: 0px;
}

.svg-map polygon , .svg-map path{
    transition: .6s opacity;
    fill: #9d8746;
    opacity: 0;
}
.svg-map polygon:hover, .svg-map path:hover{
    opacity: .5;
}
.svg-map a.selected polygon , .svg-map a.selected path{
	opacity: .8;
}
.list-group-vr .list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    padding-left:0px;
    margin-bottom: -1px;
    background-color: #fff;
    border:none;
    border-top: 1px solid #ddd;

}
.list-group-vr .list-group-item:first-child {
    border-radius: 0px;
    border-top: none;
}
.list-group-vr .list-group-item a{display:block;}

/* blog */
.navbar-default .mdi.fs-26{font-size:26px;}
.hero-blog .img-box{margin-bottom:0px;}
.hero-blog .jumbo-box {
    font-size: 18px;
    background-color: #eff1f0;
    padding:30px 30px 45px 30px;
}
.sub-h1{font-size:14px; line-height:120%; padding-bottom:10px;}
.sub-h1 a{
	font-size:14px; text-transform: uppercase;
	color:#9d8746;
	font-family:'Roboto', sans-serif;
}
.main-blog .info{
	font-size:14px; color:#999;
	padding: 0px 0px 20px 0px;
}
.main-blog .info .b-break{display:inline-block; margin:0px 10px 0px 10px;}

.hero-blog .jumbo-box .art a{color:#191919;}

.blog-breadcrumb {}
.main-blog  .list-item{
	border:1px solid #f1f1f1;
	margin-top:15px;
	padding:30px;
	}
.main-blog  .list-item .h1{margin-top:15px;}
.main-blog  .list-item .info{padding: 0px 0px 0px 0px;}
.main-blog .art-content{
	padding:0px; border:none;
}
.main-blog .art-content .art-header h1{margin-bottom:10px;}
.main-blog .art-content .art-header .info{margin-bottom:30px;}
.mini-social{margin-top:30px;}
.mini-social .h4{margin:0px 10px 0px 0px;}
.b-box-more .mini-btn-social-box{display:inline-block;vertical-align: middle;}
.b-box-more .mini-btn-social{
	display:table-cell;
	border:2px solid #eaeceb;
	border-left:none;
	left:-2px;
	padding:10px 16px;
}
.b-box-more .mini-btn-social:first-child{border-left:2px solid #eaeceb;}
.b-box-more .mini-btn-social i{font-size:26px; line-height:26px;}
.b-box-more{margin-left:0px; margin-right:0px;}

.art-content .tags{
border-top: 1px solid #eaeceb;
}
.art-content .tags .h4{margin-top:30px;}
.main-blog .list-item-more {
    border: 1px solid #f1f1f1;
    margin-top: 15px;
    padding: 15px 15px 30px 15px;
}
.main-blog .list-item-more .img-box{
	margin-top:0px;
}
.main-blog .list-item-more .h2{
	margin-top:15px;
}
.art{margin-top:20px;}
.pagination > li > a .mdi {

    font-size: 32px;
    vertical-align: middle;

}
/*
 * 
 */
.bordered{
	background-color: #fff;
	display:block;
	text-align:center;
	position:relative;
	margin:20px 0px;
}

.bordered .txt{
	padding:40px 0px 60px 0px;
	margin:0px;
}
.bordered:after{
	content:"";
	top:15px; left:15px;
	width:calc(100% - 30px); height:calc(100% - 30px);
	position:absolute;
	border:2px solid #b99941;
}
.bordered .clr2{transition: all 0.4s ease-in-out 0s;}
.bordered:hover .clr2{color:#1b1b1b;}

.newsletter-box .form-control{
	border-color: #ccc;
	color: #b99941;
}

.newsletter-box .form-control:focus{
	border-color: #b99941;
	color:#fff;
}
.newsletter-box .clr2{color:#fff;}
/*
 * 
 */

@media (max-height:1035px){

}
@media (max-width:1200px){

}
@media (max-width:992px){
	
	.section-sub-hero::before {
	    display: inline;
	    padding-top: 0px;
	    min-height: auto;
	}

	
	.section-sub-hero:before {
		padding-top:0px;  	
	}
	.section-sub-hero-row {
	    position: relative;
	    left: auto;
	    right: auto;
	    top: auto;
	    bottom: auto;
	}
	.section-sub-hero-img {
	    z-index: 1;
	    width: 100%;
	    max-width: 100%;
	    float:none!important;
	    padding-top: 0%;
	}
	.section-sub-hero-txt{
	    height:auto;
	    padding-bottom:30px;
	    display: block;
	    position: relative;
	    width:100%;
	    right: 0;
	    left:auto;
	    top: 0;
	    bottom: 0;
	    z-index: 2;
	}
	
	.navbar-brand {
   
   }
   .navbar-brand .logo-blog:after {
		font-size:0.36em;
		top:-15px;
		
	}
   .flex-list {
     padding:10px; 
   }

}
@media (max-width:767px){
	.flex-logo-list img{max-width:33%;}
	.video-content-home, .video-container-home{display:none;}
	.navbar-header {
	    padding: 10px 0px 10px 55px;
	}
	.navbar-center {
	    float: none;
	    text-align: left;
	}
	.navbar-nav.navbar-center > li {
	    display: block;
	    float: none;
	}
	.navbar-default {
    position: relative;
    min-height: 40px;
	margin-bottom: 0px;
	}
	.supmenu {
    margin-left: 0px;
    top:0px; left:0px;
    
   }
   .m-sub-flex {
	    display: block;
	    padding: 0px 0px 0px 0px;
	    
	}
	.dropdown-menu .row{margin-left:0px; margin-right:0px;}
	
	.m-sub-footer, .m-sub-pic{display:none;}
	.sub-m-title{
		font-size:10px;
		margin-left:-10px;
	}
	
	.m-sub-flex ul{width:100%; display:block;margin-bottom:10px;}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
    padding: 5px 15px 5px 15px;
	}
	.section-page-header {
	    min-height: 200px;
	   }
	.breadcrumb{display:none;}
	.carousel-nav-gallery {
    display: block;
	}
	#thumbs-wrapper{display:none;}
	.row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left .sidebar-offcanvas {
    left: -280px; /* 6 columns */
   	margin-left:0px; margin-right:0px;
   	border:none;
   
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 280px; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 280px; /* 6 columns */
    display:block;
    background-color: #fff;
    z-index:1001;
    margin:0px;
  }
  
  .navbar-brand {
	   width:300px;
	}
	.navbar-brand .logo-blog:after {
		font-size:0.48em;
		top:-10px;
	}
	
	
	.supmenu{position:relative;font-size: 14px; padding:0px;border:none; border-top:1px solid #f0ede8;}
	.navbar-default .navbar-decor > .active > a, .navbar-default .navbar-decor > .active > a:focus, .navbar-default .navbar-decor > .active > a:hover {
	    border-top: none;background-color: #fff;
	    color:#9d8746;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover
	 {
	    color: #9d8746;
	    background-color: #fff;
	    outline: 0;
	}
	.navbar-nav .open .dropdown-menu{
	margin-left: 15px; margin-right:15px;
    display: block;
    padding: 15px 0px 15px 0px;
    border-top: 1px solid #f0ede8;

}
	
	.navbar-default .navbar-decor > li > a, .navbar-default .supmenu .navbar-nav > li > a {
	    border: none;
	    padding-top: 10px;
	    padding-bottom: 10px;
	    text-transform: none;
	    font-size: 15px;
	}
	.navbar-nav .caret {
	    float:right;
	    width:16px;
	}
	.navbar-nav .caret::before {
    content: "";
    display: block;
    width: 16px;
    height: 9px;
    margin-top: 6px;
    margin-right:0px;

}
	
	.navbar-default .navbar-decor > li > a:hover{
	border-top:none;
}
	.ldivide {
	    border-left: none;
	}
	.divider{border-top:0px solid #eaeceb;}
	.xs-inline{display:inline-block!important;padding-top: 10px;}
	.row-offcanvas .offcanvas-back{
		position:fixed;
		top:0px; left:0px;
		width:calc(100%); height:100vh;
		background-color: rgba(0,0,0,0);
		z-index:-1;
		-webkit-transition: all .25s ease-out;
	    -o-transition: all .25s ease-out;
	    transition: left 0.25s ease-out, background-color 1s;
	    display:block;
	}
	.row-offcanvas.active .offcanvas-back{
		left:280px;
		background-color: rgba(0,0,0,.5);
		width:calc(100%); 
		z-index:1000;
	}
	.navbar-collapse {
	    padding-top: 0px;
	    margin:0px;
	}
	
	.footer .menu{text-align:center;}
	.footer .menu>div>ul{padding-bottom:0px;}
	.footer .menu>div>ul li:last-child{padding-bottom:20px;}
	.footer .addres>div{padding-bottom:20px;}
	.footer .addres>div, .footer .addres>div.text-right{text-align:center;}
	.f-logo{margin:auto auto 10px auto}
	.footer .soc-txt{max-width:100%; display:block; padding-bottom:20px;}
	.flex-stretch{display:block;}
	
	.flex-list .item-img{
		padding-top:100%;
	}
	.flex-list .flex-list-item{
		
	}
	.flex-list-bl .flex-list-item{border-right:1px solid #ddd; padding:0px 20px; margin:20px 0px;}
	
	.flex-grid {
 	   display: block; 
    }
	
	
	.flex-grid .flex-grid-item.x2 .item-img{
		padding-top: 60%;
	}
	.flex-grid .flex-grid-item .item-img{
		padding-top: 60%;
	}
	
	.dropdown-mega-menu>ul{
		padding-bottom:20px;
	}
	.dropdown-mega-menu .dropdown-menu-2{
		display:block;
		min-width:100%;
		max-width:100%;
		text-align:left;
	}
	
	.dropdown-mega-menu .dropdown-menu-2>a{
		padding-left:15px;
		padding-top:10px;
		font-size:13px;
		padding-bottom: 0px;
		
	}
	.dropdown-mega-menu .dropdown-menu-2 ul a{
		padding-left:30px;
		
	}
	.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
	    background-color: #eee;
	    border-top: none;;
	}
	.main-menu-ico{
		display:none;
	}

	.flex-list {
	    padding: 30px 15px;
	}
	.flex-list .col-xs-6 {
    	padding-left:15px; padding-right:15px;
    	padding-top:0px; padding-bottom:5px;
    	margin-top:15px; margin-bottom:10px;
	}
	.flex-list-item::before {
	    left: -0px;
	    right: -0px;
	}
	.flex-list-item .btn {
	  /*  display: none;*/
	}
	
	.flex-list-bl .flex-list-item{border-right:1px solid #ddd; padding:0px 40px; margin:10px 0px;}
		
	input.or-xs-collaps[type="checkbox"]{
		display:block;
	  position: absolute;
	  left: -9999px;
	}
	
	.footer .xs-hidden{display:none;}
	
	label.or-xs-collaps{
		display:inline-block;
		padding-bottom: 1px;
		text-transform: none;
		text-decoration: none;
		color: #424242 !important;
		font-size: 16px;;
		font-weight: 400;
	}
	
	label.or-xs-collaps:after {
	
	    font-family: 'Material Design Icons';
	    margin-left: 5px;
	    font-size: 14px;
	    color: #000000;
	    content: '\F140';
	    float: right;
	    margin-top: 3px;
	    color: #333;
	}
	
	input.or-xs-collaps[type="checkbox"] ~ ul{
	  height: 0;
	  transform: scaleY(0);
	}
	
	input.or-xs-collaps[type="checkbox"]:checked ~ ul{
	  height: auto;
	  transform-origin: top;
	  transition: transform .2s ease-out;
	  transform: scaleY(1); 
	}
	.footer .menu.b-60{padding-bottom:0px;}
	.footer .addres{border:none;}
	
	
	.h1, h1 { font-size:30px;}
	.h2, h2 { font-size:25px;}
	.h3, h3 { font-size:22px;}
	.h4, h4 { font-size:18px;}
	
	.main-side-n{
		padding-bottom:30px;
		margin-bottom:20px;
		border-bottom:1px solid #eaeceb;
	}
	
	.container-fluid {
	    padding-right: 0px;
	    padding-left: 0px;
	
	}
	.dropdown-mega-menu > ul > div {
    display: block;
    
    min-height: auto;
	}
	.dropdown-mega-menu > ul > div > div.m-sub-pic{
		display: block;
		margin-left: -10px!important;
		margin-right: 0px!important;
		padding: 0px;
		width: 270px;
		height: 200px;
	}
	.dropdown-mega-menu>ul>div>div{
	min-height:auto;	
	}
	
	.h-list h2 {
	    text-align:center;
	}
	
}
@media (max-width:640px){
	.flex-list .col-xs-6 {
	    /*width: 100%;*/
	}
	.section-page-header {
	    min-height: 150px;
	   }
	   
	   .lead-blog, .lead {
	    font-size: 1.0em;
	    padding-bottom: 30px;
		font-weight:400;
	}
	ul.icon-list span{padding-left:0px; display:block;padding-bottom:6px;}
	.flex-list-bl .flex-list-item{border:none; padding:0px 40px; margin:10px 0px;}
}

@media (max-width:460px){
	.flex-logo-list img{max-width:50%;}
	.flex-list .col-xs-6 {
		width: 100%;
	}
	.section-page-header {
	    min-height: 100px;
	   }
	 .section-page-header h1, .section-page-header .h1{font-size:20px;}
	 
	.h1, h1 { font-size:26px;}
	.h2, h2 { font-size:21px;}
	.h3, h3 { font-size:19px;}
	.h4, h4 { font-size:16px;}
	
	.flex-list {
    padding: 0px 15px;
	}
	.gallery-flex .col-xs-6{
		width:100%;
	}
	
	
	
	/*
	 * 
	 */
	.lead-blog{font-size:1.1em; padding-bottom:20px;}
	/*
	 * 
	 */
}
@media (max-width:560px){
	  .navbar-brand {
	   width:200px;
	}
	.slide-0-content{
		display:table-cell; 
		margin-left:auto; margin-right:auto; position:absolute; left:0px; top:50%; max-width:100%; transform: translateY(-50%); text-align:center;
		padding:0px 15px;
	}
}