/* =============================================================================
 SF MENU
   ========================================================================== */
.sf-menu,.sf-menu>li{float:left}.sf-menu ul li,.sf-menu ul ul li{background:#fff}.sf-menu,.sf-menu *{margin:0;padding:0;list-style:none}.sf-menu li{position:relative;white-space:nowrap;-webkit-transition:background .2s;transition:background .2s}.sf-menu ul{position:absolute;display:none;top:100%;left:0;z-index:99;box-shadow:2px 2px 6px rgba(0,0,0,.2);min-width:12em}.sf-menu a,.sf-menu li.sfHover>ul,.sf-menu li:hover>ul{display:block}.sf-menu a{position:relative;padding:.75em 1em;text-decoration:none;zoom:1}.sf-menu ul ul{top:0;left:100%}.sf-menu{margin-bottom:1em}.sf-menu ul li{border-bottom:1px solid #efefef}.sf-menu li.sfHover,.sf-menu li:hover{-webkit-transition:none;transition:none}.sf-arrows .sf-with-ul{padding-right:2.5em}.sf-arrows .sf-with-ul:after{content:'';position:absolute;top:50%;right:1em;margin-top:-3px;height:0;width:0;border:5px solid transparent;border-top-color:#444;border-top-color:rgba(255,255,255,.5)}.sf-vertical,.sf-vertical li{width:100%}.sf-arrows>.sfHover>.sf-with-ul:after,.sf-arrows>li:hover>.sf-with-ul:after,.sf-arrows>li>.sf-with-ul:focus:after{border-top-color:#fff}.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-right:-3px;border-color:transparent transparent transparent #444;border-left-color:rgba(255,255,255,.5)}.sf-arrows ul .sfHover>.sf-with-ul:after,.sf-arrows ul li:hover>.sf-with-ul:after,.sf-arrows ul li>.sf-with-ul:focus:after{border-left-color:#fff}.sf-vertical ul{left:100%;top:0}.sf-vertical>li{float:none}.sf-vertical .children>li>a{margin-right:20px; padding-left:20px}.sf-vertical.sf-arrows>li>.sf-with-ul:after{margin-top:-5px;margin-right:-3px;border-color:transparent transparent transparent #dFeEFF;border-left-color:rgba(255,255,255,.5)}.sf-vertical.sf-arrows .sfHover>.sf-with-ul:after,.sf-vertical.sf-arrows li:hover>.sf-with-ul:after,.sf-vertical.sf-arrows li>.sf-with-ul:focus:after{border-left-color:#fff}.sf-vertical .children>li>a { border:1px solid #fff; border-bottom:0px; }


/* =============================================================================
 HEADER TOP - STYLE 1
   ========================================================================== */
   
.header-top-1 {border-bottom: 1px solid #efefef;}
.header-top-1 a {  color:#8c8c8c; }
.header-top-1 li a {display: inline-block; line-height: 16px; text-transform: uppercase; padding: 12px 15px;font-size:12px; }
.header-top-1 ul{padding: 0;}
.header-top-1 ul li{list-style: none; display: inline-block; position: relative; float: left; line-height: 16px;}
.header-top-1 >li >a::after, .header-top-1 .btn-group::after{position: absolute; content: ''; top: 0; right: 0; bottom: 0; height: 12px; width: 1px; margin: auto; background-color: rgba(0,0,0,.1);}
.header-top-1 .socials {float: right;}
.header-top-1 .socials .social{float: left;display: inline-block;width: 32px;height: 32px;line-height: 32px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;font-size: 14px;text-align: center;margin: 4px 0 4px 4px;-webkit-transition: all .4s ease;-o-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;}
.header-top-1 .socials .social:hover{background-color: #222222; color: #ffffff;}
 
/* =============================================================================
 HEADER - STYLE 5
   ========================================================================== */
   
.header-5 ul { position:relative; }
.header-5 .phonebox{position: relative; display: inline-block; vertical-align: top; float: left; line-height: 0; padding: 0px 10px 5px 35px;}
.header-5 .phonebox:after{position: absolute; content: ''; top: 0; right: 0; bottom: 0; height: 18px; width: 1px; margin: auto; background-color: rgba(0,0,0,.1);}
.header-5 .phonebox .content{overflow: hidden; padding-left: 8px; display: inline-block; text-align: left;}
.header-5 .phonebox .content .text1{display: block; font-size: 13px; text-transform: uppercase; line-height: 18px;}
.header-5 .phonebox .content .text2{display: block; font-size: 12px;    line-height: 21px;}
.header-5 .verticalmenu-content {    min-width: 287px;    padding:0;    background-color: #ffffff;	position: absolute;	display:none;}
.header-5 .wlt_shortcode_dcats { border:1px solid #ddd; max-width: 267px; }
.header-5 .wlt_shortcode_dcats li { border-bottom:1px solid #ddd; }
.header-5 .wlt_shortcode_dcats li i { float:right; color: #eaeaea; }
.header-5 .languagelist .dropdown-menu, .header-5 .currencylist .dropdown-menu { background:#fff;     z-index: 10000000; }
.header-5 .languagelist .flag {  margin-top:2px; }
.header-5 .hicons { position:relative; }
.header-5 .hicons .icon {    width: 60px;    height: 35px;   position: relative; }
.header-5 .hicons .small {     position: absolute;    bottom: 0;font-size: 12px;  width:60px; text-align:center; top:30px; }
.header-5 .hicons .icon1 { background:url('../../img/icons/star.png') 15px 0px no-repeat; }
.header-5 .hicons .icon-user { background:url('../../img/icons/user.png') no-repeat; width: 35px;    height: 35px;    position: absolute;    left: 0px;    top: 5px; }
.header-5 .hicons .count {    position: absolute;     top: -5px;    right: -1px;font-size: 14px;    text-align: center;    color: #ffffff;    width: 23px;    height: 23px;    line-height: 24px;    border-radius: 50%;    -moz-border-radius: 50%;  -webkit-border-radius: 50%;}
.header-5 .list-inline a { text-decoration:underline; margin-right:10px; }
.header-5 .burger-menu { z-index:1000 !important; } 
.header-5 form{position:relative; margin-top:10px;}
.header-5 button{top:5px; right:10px; background:#fff; border: 0px; position: absolute; cursor:pointer; font-size: 25px; z-index:1000;}
.header-5 .input-group .form-control{height:50px; border: 1px solid #ddd;}
.header-5 .nav-link{color:#333333; height: 50px; line-height: 35px; border: 1px solid #ddd; border-right: 0px; font-size:13px; color:#999999;}
.header-5 .dropdown-menu{padding:0px; margin:0px; font-size:14px;}
.header-5 .dropdown-menu a{border-bottom:1px solid #ddd;}@media (min-width: 992px){.header-5 .ppt-.header-5.center-menu-2 .logo{padding: 5px 0px !important;}}
.header-5 .ppt-menu ul li>a { text-transform:none; color:#fff; }
.header-5 .dropdown-menu { border-radius:0px; padding:0px !important; }
.header-5 .ppt-menu ul li>a { font-weight:normal; }
 
/* XL */
@media (min-width: 992px) {
.header-5 .ppt-.header-5 .logo { padding:0px; }.header-5 .ppt-menu ul ul li>a {    position: relative;        padding: 14px 15px 14px 30px !important;}
.header-5 .ppt-menu>ul>li>a { height: 50px !important;    line-height: 50px !important;     padding: 0 20px !important;	font-weight:normal !important;}
.header-5 .ppt-menu ul > li:first-child a, .header-top-1 ul > li:first-child a { padding-left:0px; }

.header-5 .ppt-menu ul li .dropdown-menu a { padding-left:20px !important;  } 
.header-5 .cartbtn { position:absolute !important;    min-width: 200px;	text-align:left;	right:0px;}
}
/* MD - LG */
@media (min-width: 768px) and (max-width: 992px) {
.header-5 .ppt-.header-5 .logo { padding:0px; }
.header-5 .block-nav-categori { display:none; }
.header-5 .burger-menu { top: 5px; }
}
 
/* SM - MD */
@media (min-width: 576px) and ( max-width: 768px ) {
.header-5 .block-nav-categori { display:none; }
.header-5 .burger-menu { top: 55px; }
}
/* MOBILE */
@media (max-width: 576px) {
.header-5 .block-nav-categori { display:none; }
.header-5 .ppt-.header-5 .logo { padding:0px; }
}


/* =============================================================================
 HEADER - STYLE 1
   ========================================================================== */
.header-1 {z-index:10;  }
.header-1 .header-nav-inner{display: table; width: 100%; background-color: #e9e9e9;} 
.header-1 .block-nav-categori{display: table-cell; vertical-align: middle; width: 287px; position: relative; font-weight:600; }
.header-1 .box-header-nav{display: table-cell; vertical-align: middle;} 
.header-1 .block-nav-categori .block-title{font-size: 14px; color: #ffffff; height: 62px; line-height: 40px; cursor: pointer; display: block; padding: 12px 20px; background: rgba(0, 0, 0, 0.16862745098039217); margin-right:20px; }
.header-1 .phonebox{position: relative; display: inline-block; vertical-align: top; float: left; line-height: 0; padding: 5px 10px 5px 0;}
.header-1 .phonebox:after{position: absolute; content: ''; top: 0; right: 0; bottom: 0; height: 18px; width: 1px; margin: auto; background-color: rgba(0,0,0,.1);}
.header-1 .phonebox .iconsmall{float: left; vertical-align: top; display: inline-block; font-size: 26px; margin-top: 5px; margin-right: 5px;}
.header-1 .phonebox .content{overflow: hidden; padding-left: 8px; display: inline-block; text-align: left;}
.header-1 .phonebox .content .text1{display: block; font-size: 13px; text-transform: uppercase; line-height: 18px;}
.header-1 .phonebox .content .text2{display: block; font-size: 12px;    line-height: 21px;}
.header-1 .dropdown-item { padding-left:10px !important;  }
.header-1 .verticalmenu-content {    min-width: 287px;    padding:0;position: absolute;	display:none;}
.header-1 .wlt_shortcode_dcats { border:1px solid #ddd; max-width: 267px; }
.header-1 .wlt_shortcode_dcats li { border-bottom:1px solid #ddd;     background-color: #ffffff;	 }
.header-1 .wlt_shortcode_dcats li i { float:right; color: #eaeaea; }
.header-1 .languagelist .dropdown-menu, .header-1 .currencylist .dropdown-menu { background:#fff;     z-index: 10000000; }
.header-1 .languagelist .flag {  margin-top:2px; }
.header-1 .hicons { position:relative; }
.header-1 .hicons .icon {    width: 60px;    height: 35px;   position: relative; }
.header-1 .hicons .small {     position: absolute;    bottom: 0;font-size: 12px;  width:60px; text-align:center; top:30px; }
.header-1 .hicons .icon1 { background:url('../../img/icons/star.png') 15px 0px no-repeat; }

.header-1 .phonebox.withicon { background:url('../../img/icons/user1.png') 15px 10px no-repeat; padding-left:40px; }
.header-1 .hicons .icon-cart { background:url('../../img/icons/download.png') 15px 0px no-repeat; }
.header-1 .hicons .count {    position: absolute;     top: -5px;    right: -1px;font-size: 14px;    text-align: center;    color: #ffffff;    width: 23px;    height: 23px;    line-height: 24px;    border-radius: 50%;    -moz-border-radius: 50%;  -webkit-border-radius: 50%;}
.header-1 .list-inline a { text-decoration:underline; margin-right:10px; }
.header-1 .burger-menu { z-index:1000 !important; } 
.header-1 form{position:relative; margin-top:10px;}
.header-1 button{top:5px; right:10px; background:#fff; border: 0px; position: absolute; cursor:pointer; font-size: 25px; z-index:1000;}
.header-1 .input-group .form-control{height:50px; border: 1px solid #ddd;}
.header-1 .nav-link{color:#333333; height: 50px; line-height: 35px; border: 1px solid #ddd; border-right: 0px; font-size:13px; color:#999999;}
.header-1 .dropdown-menu{padding:0px; margin:0px; font-size:14px;}
.header-1 .dropdown-menu a{border-bottom:1px solid #ddd; color:#333333 !important; }@media (min-width: 992px){.header-1 .ppt-.header-1.center-menu-2 .logo{padding: 5px 0px !important;}}
.header-1 .ppt-menu ul li>a { text-transform:none; color:#fff; }

/* XL */
@media (min-width: 992px) {
.header-1 .ppt-.header-1 .logo { padding:0px; }
.header-1 .ppt-menu ul ul li>a {    position: relative;        padding: 14px 15px 14px 30px !important;}
.header-1 .addon-cartbtn { position:absolute !important; right:8px; }
.header-1 .cartbtn {    position: relative;    min-width: 200px;	text-align:left;}
.header-1 .cartbtn .iconb {    position: absolute;    right: 0px;    bottom: 0px;    width: 50px;    line-height: 60px;    border-left: 1px solid #ffffff6e;    text-align: center;
}
}
/* MD - LG */
@media (min-width: 768px) and (max-width: 992px) {
.header-1 .ppt-.header-1 .logo { padding:0px; }
.header-1 .block-nav-categori { display:none; }
.header-1 .burger-menu { top: 5px; }
}
 
/* SM - MD */
@media (min-width: 576px) and ( max-width: 768px ) {
.header-1 .block-nav-categori { display:none; }
.header-1 .burger-menu { top: 55px; }
.header-1 .header-nav-inner{ min-height:62px; }
}
/* MOBILE */
@media (max-width: 576px) {
.header-1 .block-nav-categori { display:none; }
.header-1 .ppt-.header-1 .logo { padding:0px; }
.header-1 .addon-cartbtn { width:100%; text-align:center; }
}

/* =============================================================================
 HEADER - STYLE 3
   ========================================================================== */
.header-3 .addon-text { max-height:95px; overflow:hidden; }
.header-3 .addon-text::before {

position: absolute;
    content: "";
    top: 50%;
    right: 0;
    width: 1px;
    height: 20px;
    background: black;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

 }
.header-3 .icon-basket { background:url('../../img/icons/basket1.png') no-repeat; background-position: 0px 30px; padding-left:30px; }
.header-3 .callus { line-height:20px !important; font-size:11px !important; margin-top:25px !important; font-weight:normal !important; }
.header-3 .callus .num {  font-size:16px !important; font-weight:bold;  }

@media (min-width: 992px){
	.header-3 .ppt-menu.separate-line>ul>li>a {
		padding: 0 15px;
	}
}

/* =============================================================================
 HEADER - STYLE 4
   ========================================================================== */
   
.header-4 .hicons { position:relative; }
.header-4 .hicons .icon {    width: 50px;    height: 40px;    float: right;    position: relative; margin-bottom: 20px; }
.header-4 .hicons small {     position: absolute;    bottom: 0;font-size: 12px;  width:50px; text-align:center; }
.header-4 .icon1 { background:url('../img/icons/basket1-white.png') center center no-repeat; }
@media (min-width: 992px){
.header-4 .ppt-menu.menu-hover-2>ul>li.current-menu>a, .header-4 .ppt-menu.menu-hover-2>ul>li:hover>a {
    background-color: #0f7dd3;
    color: #000;
}
}
@media (min-width: 992px){
.header-4 .ppt-menu.menu-hover-2>ul>li.current-menu>a, .header-4 .ppt-menu.menu-hover-2>ul>li:hover>a {
    background-color: #0f7dd3;
    color: #212121;
}
}

/* =============================================================================
 HEADER - STYLE 6
   ========================================================================== */

.header-6 form{position:relative;}
.header-6  button{top:6px; right:10px; background:#fff; border: 0px; position: absolute; cursor:pointer; font-size: 20px; z-index:1000; color:#999999; }
.header-6 .input-group .form-control{height:45px; border: 1px solid #ddd;}
.header-6 .nav-link{color:#333333; height: 45px; line-height: 30px; border: 1px solid #ddd; border-right: 0px; font-size:13px; color:#999999; }
.header-6 ul.links li {     margin: .25em 7px;    font-size: 12px;    text-transform: uppercase;    letter-spacing: 1px;    list-style-type: none;    display: inline-block; margin-top:10px; position:relative; line-height: 25px;}
.header-6 .icon0 { background:url('../img/icons/user1.png')  no-repeat; padding-left:40px; height: 25px; }
.header-6 .icon1 { background:url('../img/icons/lock1.png')  no-repeat; padding-left:40px; height: 25px; }
.header-6 .icon2 { background:url('../img/icons/favs1.png')  no-repeat; padding-left:40px; height: 25px; }
.header-6 .icon3 { background:url('../img/icons/cart1.png')  no-repeat; padding-left:40px; height: 25px; }
.header-6 ul.links li  span { position: absolute;    top: -10px; right:-10px;    background: #ffd813;    padding: 2px 4px;    color: #1d1d1d;    font-size: 10px; line-height: 15px;    border-radius: 50%;}
.header-6 .burger-menu { z-index:1000 !important; } 

/* =============================================================================
 HERO - STYLE 2
   ========================================================================== */

.hero-2 .text-area { position: absolute; max-width: 50%;  padding:20px;  }
.hero-2 .text-area img { display:none;}
.hero-2 .item img{    display: block;    width: 100%;    height: auto; }
.hero-2 .owl-buttons { position:absolute; top:45%;     width: 100%; }
.hero-2 .owl-next { float:right; margin-top:-40px;  }
.hero-2 .owl-buttons div { text-align: center;    height: 35px; line-height: 30px;    font-size: 30px;    width: 30px;    border-radius: 0px; }
.hero-2 .btn { position:relative; min-width:250px; }
.hero-2 .text-area .iconb {     position: absolute;    right: 0px;    bottom: 0px;    width: 50px;    line-height: 55px;    border-left: 1px solid #ffffff6e;    text-align: center; } 

/* XL */
@media (min-width: 992px) {
.hero-2 .text-area {  top:80px; left:30px; }
}
/* MD - LG */
@media (min-width: 768px) and (max-width: 992px) {
.hero-2 .text-area {  top:50px; left:10px; }
.hero-2 h1 { font-size:21px; }
.hero-2 p.lead { font-size:12px !important; }
.hero-2 .owl-controls { display:none !important; } 
.hero-2 .btn { padding:10px 25px !important; min-width:auto !important; }
.hero-2 .text-area .iconb { display:none; } 

}
 
/* SM - MD */
@media (min-width: 576px) and ( max-width: 768px ) {
.hero-2 .text-area {  top:0px; left:0px; }
.hero-2 h1 { font-size:18px; }
.hero-2 p.lead { font-size:12px !important; }
.hero-2 .owl-controls { display:none !important; } 
.hero-2 .btn { padding:10px 25px !important; min-width:auto !important; }
.hero-2 .text-area .iconb { display:none; } 
}
/* MOBILE */
@media (max-width: 576px) {

.hero-2 .text-area {  top:0px; left:0px; }
.hero-2 h1 { font-size:16px; }
.hero-2 p.lead { font-size:12px !important; }
.hero-2 .owl-controls { display:none !important; } 
.hero-2 .btn { padding:6px 15px !important; min-width:auto !important; }
.hero-2 .text-area .iconb { display:none; } 
}
 

/* =============================================================================
 HERO - STYLE 3
   ========================================================================== */

.hero-3 .owl-buttons { position:absolute; top:45%;     width: 100%; }
.hero-3 .owl-next { float:right; margin-top:-40px;  }
.hero-3 .owl-buttons div { text-align: center;    height: 35px; line-height: 30px;    font-size: 30px;    width: 30px;    border-radius: 0px; }

@media (max-width: 576px) { 
.hero-3 .item img{ margin-bottom:30px; }
.hero-3 .owl-buttons { display:none; }
}
@media (min-width: 768px) {
.hero-3 .item img{ margin-bottom:30px; }
}

/* =============================================================================
 HERO - STYLE 4
   ========================================================================== */

.hero-4 { z-index:0; } 

.banner-boder-zoom{position:relative;overflow:hidden; z-index: 0;}.banner-boder-zoom a:after,.banner-boder-zoom a:before{position:absolute;content:"";display:block;z-index:10;opacity:0}.banner-boder-zoom a:before{top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.2);color:rgba(0,0,0,.2);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.banner-boder-zoom a img,.banner-boder-zoom2 a:before{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease}.banner-boder-zoom a:after{top:10px;left:10px;right:10px;bottom:10px;border:1px solid #fff}.banner-boder-zoom a img{transition:all 1s ease}.banner-boder-zoom:hover a img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.banner-boder-zoom:hover a:before{opacity:1}.banner-boder-zoom:hover a:after{opacity:0}.banner-boder-zoom2{position:relative;overflow:hidden}.banner-boder-zoom2 a:after,.banner-boder-zoom2 a:before{position:absolute;content:"";display:block;z-index:10;opacity:0}.banner-boder-zoom2 a:before{top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);color:transparent;transition:all 1s ease}.banner-boder-zoom2 a:after{top:10px;left:10px;right:10px;bottom:10px;border:1px solid #fff}.banner-boder-zoom2 a img{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.banner-boder-zoom2:hover a img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.banner-boder-zoom2:hover a:before{opacity:1}.banner-boder-zoom2:hover a:after{opacity:0}
 

@media (max-width: 576px) { 
.hero-4 .owl-wrapper-outer { min-height:290px;}
.hero-4 .owl-wrapper-outer .btn { display:block; margin: 40px -20px; }
.hero-4 .text-area { padding:20px;  }
.hero-4 img { display:none !important;}
.hero-4 .text-area h1 { font-size:30px; }
.hero-4 .owl-buttons { display:none; }

.banner-boder-zoom { margin-bottom:30px; }
}

@media (min-width: 768px) {
.hero-4 .text-area { padding:20px }
}
 
@media (min-width: 992px) { 
.hero-4 .text-area {  top: 70px;    left: 70px;} 
}

/* =============================================================================
 HERO - STYLE 5
   ========================================================================== */

.hero-5 img { max-width: 100%; width:100% !important; }


/* =============================================================================
 BANNER IMAGES - STYLE 1
   ========================================================================== */

.banners-1 .banner-boder-zoom{position:relative;overflow:hidden}
.banners-1 .banner-boder-zoom a:after,.banners-1 .banner-boder-zoom a:before{position:absolute;content:"";display:block;z-index:10;opacity:0}
.banners-1 .banner-boder-zoom a:before{top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.2);color:rgba(0,0,0,.2);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.banners-1 .banner-boder-zoom a img, .banners-1 .banner-boder-zoom2 a:before{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease}
.banners-1 .banner-boder-zoom a:after{top:10px;left:10px;right:10px;bottom:10px;border:1px solid #fff}
.banners-1 .banner-boder-zoom a img{transition:all 1s ease}
.banners-1 .banner-boder-zoom:hover a img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.banners-1 .banner-boder-zoom:hover a:before{opacity:1}
.banners-1 .banner-boder-zoom:hover a:after{opacity:0}
.banners-1 .banner-boder-zoom2{position:relative;overflow:hidden}
.banners-1 .banner-boder-zoom2 a:after,.banners-1 .banner-boder-zoom2 a:before{position:absolute;content:"";display:block;z-index:10;opacity:0}
.banners-1 .banner-boder-zoom2 a:before{top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);color:transparent;transition:all 1s ease}
.banners-1 .banner-boder-zoom2 a:after{top:10px;left:10px;right:10px;bottom:10px;border:1px solid #fff}
.banners-1 .banner-boder-zoom2 a img{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.banners-1 .banner-boder-zoom2:hover a img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.banners-1 .banner-boder-zoom2:hover a:before{opacity:1}
.banners-1 .banner-boder-zoom2:hover a:after{opacity:0}
 
@media (max-width: 576px) { 
.banners-1  .banner-boder-zoom { margin-bottom:30px; }
}

/* =============================================================================
 CATEGORY BLOCK - STYLE 1
   ========================================================================== */
   
.home .category-1 .cat-item{background: #F9F9F9; line-height: 1.2; width: 100%; position: relative; border: 1px solid #F1F1F1; font-size: 13px; font-weight: 400; letter-spacing: 0.5px; margin-bottom:15px; }
.home .category-1 .cat-item > a{display: block; padding: 15px; font-weight: 400; position: relative;}
.home .category-1 .cat-item > a:hover::after{padding-left: 5px; color: #292929;}
.category-1 .cat-item .icon{width: 50px; height: 50px; line-height: 48px; font-size: 20px; border-radius: 50%; text-align: center; display: inline-block; vertical-align: middle; margin-right: 10px;}
.category-1 .cat-item .image{width: 50px; height: 50px; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 10px; -webkit-box-shadow: 0px 0px 8px -1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 8px -1px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 8px -1px rgba(0, 0, 0, 0.3); border: 1px solid #FFF;}
.category-1 .cat-item .image img{border-radius: 50%;}
.category-1 .cat-item h6{margin: 2px 0 5px; line-height: 1.2; letter-spacing: 0.7px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease-; transition: all 0.3s ease;max-width:100px;overflow:hidden; text-overflow: ellipsis; font-size:14px;}
.category-1 .cat-item .content{display: inline-block; vertical-align: middle;}
.category-1 .cat-item .content span{color: #A8A8A8}
.category-1 .cat-item:hover h4, .category-1 .cat-item:hover h5, .category-1 .cat-item:hover h6{color: #292929;}
.category-1 .cat-item a{text-decoration:none}
.category-1 .cat-item2 {   background: #F9F9F9;   line-height: 1.2;   width: 100%;   position: relative;   border: 1px solid #F1F1F1;   font-size: 13px;   font-weight: 400;   letter-spacing: 0.5px;   text-align: center;   margin-bottom:20px;   }
.category-1 .cat-item2 .content {     padding: 10px 10px 20px 10px; }
.category-1 .cat-item2 .countb { float: right!important;  padding: 3px;    font-size: 13px;}
.category-1 .cat-item1 {   background: #F9F9F9;   line-height: 1.2;   width: 100%;   position: relative;   border: 1px solid #F1F1F1;   font-size: 13px;   font-weight: 400;   letter-spacing: 0.5px;   text-align: center;   margin-bottom:20px;   }
.category-1.cat-item1 .icon {   width: 100% !important;   height: 160px !important;   display: block !important;  overflow: hidden !important;   margin: auto;   }
.category-1 .cat-item1 .content {     padding: 18px 0px 20px 0px; }

@media (min-width: 992px){ 
.category-1 .cat-item{text-align:left;}
.category-1 .cat-item > a{padding-right: 30px;}
.category-1 .cat-item > a:after{font: normal normal normal 14px/1 FontAwesome; content: "\f105"; position: absolute; top: 25px; right: 0; color: #CCC; font-size: 15px; o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; display: block; margin-left: 10px; width: 25px;}
}

.cat-item4 i { font-size:90px;     font-weight: 300; }

/* =============================================================================
 FOOTER - STYLE 1
   ========================================================================== */
   
.footer-1 { color:#b7b7b7; font-size:14px; }
.footer-1 .socials{overflow: hidden;}
.footer-1 .socials .social{display: inline-block;width: 40px;height: 36px;line-height: 36px;font-size: 18px;text-align: center; margin-right: 10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; color:#fff;}
.footer-1 .socials .social:hover{color: #b7b7b7;}
.footer-1 .links{padding:0px; list-style:none;}
.footer-1 .links li{line-height:40px; border-bottom:1px solid #dddddd1f;}
.footer-1 .links li a{color:#b7b7b7;}
.footer-1 .cards img{opacity:0.8}
.footer-1 .copyright { opacity:0.5; line-height:30px; }

/* =============================================================================
 CHILD CATEGORY RELATED ITEMS
   ========================================================================== */

.moreResults h3 {
    color: #dd3333!important;
}