body {
	color: #777777;
    background-color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
    position: relative;
}
:focus{outline:none !important;}
h1, h2, h3, h4, h5, h6 {
	color: #333;
}
/* default font size */
.fa {
	font-size: 14px;
}
.fa-stack{width: 12px;
    font-size: 12px;
}
.fa-stack .fa{font-size:12px;}
/* Override the bootstrap defaults */
h1 {
	font-size: 33px;
}
h2 {
	font-size: 27px;
}
h3 {
	font-size: 21px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10.2px;
}
a {
	color: #000000;
}
a:hover {
	text-decoration: none;
}
legend {
	font-size: 18px;
	padding: 7px 0px
}
label {
	font-size: 13px;
    font-weight: 500;
    color: #000000;
}
h1, h2, h3, h4, h5, h6{
    color: #000000;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
	font-size: 13px;
}
img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}
header li{
	list-style: none;
}



/*********************************** Header CMS block   ******************************************/

@keyframes mymove{
    0% {
        color: #000000;
    }

    25% {
        color: #ffffff;
    }
    50% {
        color: #000000;
    }
    75% {
        color: #ffffff;
    }
    100% {
        color: #000000;
    }
}

/* logo */
.header-container {
    padding: 0px 0px 10px;
}
header {
    position: relative;
    padding: 30px 0px;
}
.header-logo #logo {
    padding: 0;
    text-align: center;
}
.header-container .row{ margin: 0px; }
.header-logo img{
	max-width:100%;     
	text-align: center;
    display: inline;
}

/* menu */

.nav-responsive { display:none;}
@keyframes slide-down {
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(0);
	}
}
@-webkit-keyframes fixedAnim {
	0% {
		top: -100%
	}
	100% {
		top: 0
	}
}

@-moz-keyframes fixedAnim {
	0% {
		top: -100%
	}
	100% {
		top: 0
	}
}

@keyframes fixedAnim {
	0% {
		top: -100%
	}
	100% {
		top: 0
	}
}

@media (min-width: 992px) {
    .headertop-inner.fixed {
        background-color: #ffffff;
        color: #ffffff;
        position: fixed;
        top: 0;
        z-index: 99;
        animation: 0.9s ease 0s normal both 1 running fixedAnim;
        -webkit-animation: 0.9s ease 0s normal both 1 running fixedAnim;
        -moz-animation: 0.9s ease 0s normal both 1 running fixedAnim;
        -o-animation: 0.9s ease 0s normal both 1 running fixedAnim;
        left: 0;
        right: 0;
        -webkit-box-shadow: 0 1px 12px rgb(0 0 0 / 45%);
        box-shadow: 0 1px 12px rgb(0 0 0 / 45%);
    }
}


@-webkit-keyframes fixedAnim {
	0% {
		top: -100%
	}
	100% {
		top: 0
	}
}

@-moz-keyframes fixedAnim {
	0% {
		top: -100%
	}
	100% {
		top: 0
	}
}

@keyframes fixedAnim {
	0% {
		top: -100%
	}
	100% {
		top: 0
	}
}

@keyframes slide-down {
    0% {
        transform: translateY(-100%);
    } 
    100% {
        transform: translateY(0);
    } 
}
.main-menu {
	height: auto;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;
	padding: 0px ; 
	display:none;	  
}
.main-menu ul {
	list-style: none;
	margin: 0;
	padding: 0; 
}
#menu > ul {
	display: block !important;
   	text-align: left;
   
}
#menu ul {
    display: table-cell;
    float: none;
    list-style: outside none none;
    margin: 0;
    top: auto;
    text-align: center; 
    padding-left: 0px;
}
.main-menu > ul > li {
	position: relative;
	float: none;
    display: inline-block;
    vertical-align: top;
    background-color:transparent;
    margin: 0;
}
.nav-responsive span,
.main-menu > ul > li > a {
	font-size: 14px;
	line-height:26px;
	font-weight: 500;
	color: #000000;
	display: block;
	padding: 20px 20px;
	margin-bottom: 0px;
	z-index: 6;
	position: relative;
	text-transform:capitalize;
}
.main-menu ul > li > a {
    color: #222;
    display: block;
    letter-spacing: 0.6px;
    text-transform: initial;
    position: relative;
    width: auto;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    padding: 0;
    overflow: hidden;
    z-index: 1;
    text-transform: uppercase;
    padding: 16px 0;
    margin: 0 30px;
}
.main-menu > ul > li.top_level > a:hover:before {
    width: 100%;
}
.main-menu > ul > li.top_level > a:before, 
.main-menu > ul > li.top_level > a:after {
    position: absolute;
    content: "";
    left: 0;
    top: auto;
    border-top: 2px solid;
    width: 0;
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    -khtml-opacity: 0;
    transition: all .5s ease 0s;
    -webkit-transition: all .6s ease 0s;
    -moz-transition: all .6s ease 0s;
    -ms-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s;
    -khtml-transition: all .6s ease 0s;
    bottom: 0;
}
.main-menu > ul > li.top_level > a:hover:before, 
.main-menu > ul > li.top_level > a:hover:after {
    left: 0px;
    opacity: 1;
    filter: alpha(opacity=100);
}
.main-menu > ul > li.top_level > a:after {
    left: 100%;
    -webkit-clip-path: polygon(100% 10%, 10% 100%, 100% 100%);
    clip-path: polygon(100% 10%, 10% 100%, 100% 100%);
}


.main-menu a:hover { text-decoration:none}

.main-menu > ul > li:hover > a,
.main-menu > ul > li.top_level.active a {
    color: #a4bebf;
}
.main-menu > ul > li.top_level > a:hover {
    color: #a4bebf;
}
.main-menu > ul > li:hover > ul {
	display: block;
} 
.main-menu > ul > li ul > li > ul {
	display: none;
	background: #15BCF0;
	position: absolute;	
	z-index: 5;
	padding: 5px;	
	margin-left:-13px;
}
.main-menu > ul > li ul > li:hover > ul {
	display: block;
	 top: 0px;
    left: 173px;
}
.main-menu > ul > li ul > li > a {
	color: #262626;
	display: block;
	white-space: nowrap; 
}
.responsive-menu .main-navigation li a{	
	padding: 8px;
	color: #262626;
	display: block;
	white-space: normal; 
}
.main-menu > ul > li ul > li > a{min-width: 185px;}
.main-menu > ul > li > ul > ul > li > a {
	color: #222;
    padding: 10px 15px 0;
    text-transform: capitalize;
    font-size: 13px;
    margin: 0;
}

@media (max-width: 767px) {
	#menu {
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-khtml-border-radius: 4px;
	}
}

/* header menu slide function responsive css */

@media (max-width: 991px) {
    header .responsive-menu .main-navigation {
        position: fixed;
        z-index: 9999;
        margin-top: 0px;
        padding: 0px 10px 10px;
        width: 300px;
        height: 100%;
        max-height: initial;
        background-color: #ffffff;
        list-style: none;
        overflow: auto;
        left: -100%;
        top: 0;
        border: 1px solid #ededed;
        -webkit-box-shadow: 0 8px 15px 0 rgb(0 0 0 / 10%);
        box-shadow: 0 8px 15px 0 rgb(0 0 0 / 10%);
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }
    header .responsive-menu.open .main-navigation {
        left: 0px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    header .responsive-menu.open .main-navigation .menu.expandable {
        border-bottom:1px solid #ededed;
        margin-bottom: 10px;
        top: 0px;
        background-color: #ffffff;
        cursor: pointer;
        position: sticky;
        z-index: 99;
    }
    header .responsive-menu.open .main-navigation .menu.expandable span {
        font-size: 16px;
        text-align: left;
        line-height: 26px;
        font-weight: 500;
        color: #000000;
    }
    header .nav-responsive .expandable {
        position: absolute;
        left: auto;
        top: -48px;
        width: 18px;
        height: 22px;
        display: block;
        background-image: url(../img/menu.svg);
        background-size: 20px;
        background-position: -1px 0px;
        background-color: transparent;
        background-repeat: no-repeat;
    }
    header .nav-responsive .expandable.open {
        background-image: url(../img/menu-close.svg);
        width: 20px;
        background-size: 17px;
        background-position: 0px 0px;
    }
    header .responsive-menu.open .main-navigation .menu.expandable span:after {
        content: "";
        background-position:left center;
        background-color: #ffffff;
        background-repeat: no-repeat;
        left: 2px;
        top: 0;
        position: absolute;
        width: 17px;
        height:46px;
        background-size: 15px;
        background-image: url(../img/menu-close.svg);
    }
}

/* end header menu slide function responsive css */



/*--------------------------  Start Home page Banner Cms Block -------------------------------*/
.newsletter {
    float: left;
    width: 48.9%;
    padding: 101px 70px;
    border: 18px solid #a4bebf;
}
.czbanners {
    float: right;
    width: 51.1%;
    position: relative;
    padding-left: 30px;
    overflow: hidden;
}
.container {
    padding: 0;
}


.headertop-inner {
    position: relative;
    width: 100%;
}
@media (max-width: 767px){
    .czbanners {
        width: 100%;
        padding-left: 0;
    }
}

@media (max-width: 991px) {
    .czbanners {
        padding-left: 20px;
    }
}
.home-content-section h2 {
	position: absolute;
    top: 20%;
    left: 15%;
    transform: translate(-15%, -20%);
    font-size: 30px;
    color: #fff;
	line-height: 40px;
    text-align: left;
}

/* Codezeel Start */

/* box */  
.box {
	margin-top:12px;
}

.box-heading { 
    float: left;
    width: 100%;
    color: #000000;
    position: relative;
    text-align: center;
    font-size: 26px;
    margin: 0 auto 35px;
    font-weight: 600;
    border-bottom: 0;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-family: 'Poppins', sans-serif;
}
.hometab.box .box-heading {
    display: none;
}
.box .box-content {
	background: none;
    border-radius: 0px;
    position: relative;
    margin: 0px -15px;
    border: 0px;
    clear: both;
}

.box .box-content ul , #content .content ul { 
	padding:0px;
	margin:0px;
	list-style:none;
}
.box .box-content ul li , #content .content ul li {
	line-height:0px;
	padding:4px 0;
}

.box .box-content ul li a + a ,
.box .box-content ul li a + a:hover{ background:none; padding-left:0; }


.box .box-content ul ul{
	margin-left:15px;
}

.box.latest, .box.bestseller,
.box.featured, .box.special {
    clear: both;
    float: left;
    width: 100%;
    position: relative;
    margin-top: 90px;
} 

.box.latest {
    padding-bottom: 50px;
	clear: both;
	padding-top: 0;
} 
.box-product { 
	list-style-type: none;
	position:relative;
	width: 100%;
	padding:0px;
	margin:0px;
	list-style: none;
	overflow: hidden;
}
.box-product .product-items { 
	margin-bottom: 14px;
	padding: 0;
	margin:0;
	position:relative;
	overflow: hidden;
}

.product-grid li,
.box-product .product-items,
.product-carousel .slider-item {
	width:295px;
	float:left;
}
 
.ie7 .product-grid li{ width:192px !important; }
.product-block-inner {position: relative;}

.tabspecial_default_width{ width: 264px;}
.tabbestseller_default_width{ width: 264px;}
.tablatest_default_width{ width: 264px;}

.product-block  {
    margin: 15px;
    padding: 0px;
	background:#fff;
	clear:both;
    overflow: hidden;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}

.ie7 #content .product-carousel .product-block,
/*.ie7 #content .product-grid-list .product-block,*/
.ie7  .product-block {border:1px solid #ddd;}

.ie7 #content .product-carousel .product-block:hover,
.ie7 .product-block:hover {border:1px solid #ddd;}


.product-grid .product-thumb .desc,.productbox-grid .product-thumb .price-tax,.product-carousel .product-thumb .price-tax{display:none;}
.product-list .product-details{ overflow:hidden;}

@media (min-width: 768px) {
    .product-list .product-details {
        width: 74%;
    }
}
@media (min-width: 1200px) {
    .product-list .product-details {
        width: 77%;
    }
}
.product-block-inner {
	text-align:left; 
	position:relative;   
	margin:0;
    padding:0;
    overflow: visible;
    float: left;
    width: 100%;
}
@media (max-width: 991px){
    .box-content-gallery {
        margin-bottom: 30px;
    }
}
/*contact us form*/
.form-group {
	margin: 15px 0px 0px;
}
.form-group textarea,
.form-group input{
    width: 100%;
    height: 60px;
    border: 1px solid #eee;
    padding: 0 30px;
    background-color: #fff;
    font-size: 16px;
}
.form-group textarea{
     height: 160px;
     padding-top: 20px;
     resize: none;
 }
.form-group textarea::placeholder,
.form-group input::placeholder{
    opacity: 1;
    color: #777;
}
.contact-btn {
	display: inline-block;
	font-weight: 600;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	border: 1px solid #a4bebf;
	padding: 0 50px;
	font-size: 16px;
	line-height: 48px;
    color: #fff;
    cursor: pointer;
    z-index: 5;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    background-color: #a4bebf;
    box-shadow: 0px 5px 16px 0px rgba(164, 190, 191, .65);
    text-transform: uppercase;
}    
.contact-btn:hover {
    background-color: #fff;
    color: #a4bebf;
    border-color: #a4bebf;
}

.top_button {
    background: url(../img/top-arrow.png) no-repeat scroll center center transparent;
    bottom: 70px;
    cursor: pointer;
    height: 50px;
    padding: 0 0;
    position: fixed;
    right: 30px;
    text-align: center;
    width: 50px;
    z-index: 999;
    font-size: 0;
    display: none;
}




.tab-content {
	overflow:hidden;
}

.main-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.main-slider li.swiper-button-prev {
    background-image: none;
}
.main-slider li.swiper-button-next {
    background-image: none;
    list-style: none;
}
.main-slider .swiper-pager-button li {
    display: block;
    padding: 0px;
    position: absolute;
    z-index: 10;
    cursor: pointer;
    height: auto;
    width: auto;
    margin-top: 0;
	top: 46%;
}
.main-slider .swiper-pager-button li.swiper-button-prev {
    left: 30px;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.main-slider:hover .swiper-pagination {
    opacity: 1;
    filter: alpha(opacity=100);
}
.main-slider .swiper-pager-button li.swiper-button-prev:before,
.main-slider .swiper-pager-button li.swiper-button-next:before {
    content: '';
    opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    background: url(../img/aroow.png) no-repeat scroll;
    height: 45px;
    width: 25px;
    background-position: 0 0;
    display: block;
}
.main-slider .swiper-pager-button li.swiper-button-prev:hover:before {
    background-position: 0px -110px;
}
.main-slider .swiper-pager-button li.swiper-button-next:before{
    background-position: -150px 0px;
}
.main-slider .swiper-pager-button li.swiper-button-next:hover:before {
    background-position: -150px -110px;
}
.main-slider:hover .swiper-pager-button li.swiper-button-prev {
    left: 80px;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.main-slider .swiper-pager-button li.swiper-button-next {
    right: 30px;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.main-slider:hover .swiper-pager-button li.swiper-button-next {
    right: 80px;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.main-slider .swiper-pager-button a:hover { border-color: #a4bebf;}
.main-slider .swiper-pager ul {
    padding-left: 0;
    margin: 0;
    opacity:0;
    -webkit-opacity:0;
    -khtml-opacity:0;
    -moz-opacity:0;
}
.main-slider:hover .swiper-pager ul {
    opacity:1;
    -webkit-opacity:1;
    -khtml-opacity:1;
    -moz-opacity:1;
}
.main-slider:hover .swiper-pager-button a {
    opacity: 1;
    filter: alpha(opacity=100);
}


.main-slider .swiper-pager-button a:hover:before {
    background-color: #a4bebf;
    color: #ffffff;
    border-color: transparent;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}


.panel-default>.panel-heading:hover{  border-color: #888; }
.panel-default>.panel-heading:hover .panel-title {background-color: #ffffff;}




div#product {
    padding-top: 5px;
}


@keyframes bounceIn {
	from, 20%, 40%, 60%, 80%, to {
	  animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	0% {
	  opacity: 0;
	  transform: scale3d(.3, .3, .3);
	}
	20% {
	  transform: scale3d(1.1, 1.1, 1.1);
	}
	40% {
	  transform: scale3d(.9, .9, .9);
	}
	60% {
	  opacity: 1;
	  transform: scale3d(1.03, 1.03, 1.03);
	}
	80% {
	  transform: scale3d(.97, .97, .97);
	}
	to {
	  opacity: 1;
	  transform: scale3d(1, 1, 1);
	}
}

@-webkit-keyframes slideDashXopp {
  from { -webkit-transform: translateX( 0% ); transform: translateX( 0% ); -moz-transform: translateX( 0% ); -ms-transform: translateX( 0% ); -o-transform: translateX( 0% );  }
  to   { -webkit-transform: translateX( -50% ); transform: translateX( -50% ); -moz-transform: translateX( -50% ); -ms-transform: translateX( -50% ); -o-transform: translateX( -50% );}
}


@-moz-keyframes slideDashXopp {
  from { -webkit-transform: translateX( 0% ); transform: translateX( 0% ); -moz-transform: translateX( 0% ); -ms-transform: translateX( 0% ); -o-transform: translateX( 0% );  }
  to   { -webkit-transform: translateX( -50% ); transform: translateX( -50% ); -moz-transform: translateX( -50% ); -ms-transform: translateX( -50% ); -o-transform: translateX( -50% );}
}

@keyframes slideDashXopp {
   from { -webkit-transform: translateX( 0% ); transform: translateX( 0% ); -moz-transform: translateX( 0% ); -ms-transform: translateX( 0% ); -o-transform: translateX( 0% );  }
  to   { -webkit-transform: translateX( -50% ); transform: translateX( -50% ); -moz-transform: translateX( -50% ); -ms-transform: translateX( -50% ); -o-transform: translateX( -50% );}
}
			
@-webkit-keyframes slideDash {
  from { -webkit-transform: translateX( -50% ); transform: translateX( -50% ); -moz-transform: translateX( -50% ); -ms-transform: translateX( -50% ); -o-transform: translateX( -50% ); }
  to   { -webkit-transform: translateX( 0% ); transform: translateX( 0% ); -moz-transform: translateX( 0% ); -ms-transform: translateX( 0% ); -o-transform: translateX( 0% ); }
}


@-moz-keyframes slideDash {
  from { -webkit-transform: translateX( -50% ); transform: translateX( -50% ); -moz-transform: translateX( -50% ); -ms-transform: translateX( -50% ); -o-transform: translateX( -50% ); }
  to   { -webkit-transform: translateX(   0% ); transform: translateX( 0% ); -moz-transform: translateX( 0% ); -ms-transform: translateX( 0% ); -o-transform: translateX( 0% ); }
}

@keyframes slideDash {
  from { -webkit-transform: translateX( -50% ); transform: translateX( -50% ); -moz-transform: translateX( -50% ); -ms-transform: translateX( -50% ); -o-transform: translateX( -50% ); }
  to   { -webkit-transform: translateX(   0% ); transform: translateX( 0% ); -moz-transform: translateX( 0% ); -ms-transform: translateX( 0% ); -o-transform: translateX( 0% ); }
}


@-webkit-keyframes slideDashY {
  from { -webkit-transform: translateY( -50% ); transform: translateY( -50% ); -moz-transform: translateY( -50% ); -ms-transform: translateY( -50% ); -o-transform: translateY( -50% ); }
  to   { -webkit-transform: translateY( 0% ); transform: translateY( 0% ); -moz-transform: translateY( 0% ); -ms-transform: translateY( 0% ); -o-transform: translateY( 0% ); }
}


@-moz-keyframes slideDashY {
  from { -webkit-transform: translateY( -50% ); transform: translateY( -50% ); -moz-transform: translateY( -50% ); -ms-transform: translateY( -50% ); -o-transform: translateY( -50% ); }
  to   { -webkit-transform: translateY( 0% ); transform: translateY( 0% ); -moz-transform: translateY( 0% ); -ms-transform: translateY( 0% ); -o-transform: translateY( 0% ); }
}

@keyframes slideDashY {
  from { -webkit-transform: translateY( -50% ); transform: translateY( -50% ); -moz-transform: translateY( -50% ); -ms-transform: translateY( -50% ); -o-transform: translateY( -50% ); }
  to   { -webkit-transform: translateY( 0% ); transform: translateY( 0% ); -moz-transform: translateY( 0% ); -ms-transform: translateY( 0% ); -o-transform: translateY( 0% ); }
}


@-webkit-keyframes slideDashYopp {
  from { -webkit-transform: translateY( 0% ); transform: translateY( 0% ); -moz-transform: translateY( 0% ); -ms-transform: translateY( 0% ); -o-transform: translateY( 0% ); }
  to   {  -webkit-transform: translateY( -50% ); transform: translateY( -50% ); -moz-transform: translateY( -50% ); -ms-transform: translateY( -50% ); -o-transform: translateY( -50% );}
}


@-moz-keyframes slideDashYopp {
  from { -webkit-transform: translateY( 0% ); transform: translateY( 0% ); -moz-transform: translateY( 0% ); -ms-transform: translateY( 0% ); -o-transform: translateY( 0% ); }
  to   {  -webkit-transform: translateY( -50% ); transform: translateY( -50% ); -moz-transform: translateY( -50% ); -ms-transform: translateY( -50% ); -o-transform: translateY( -50% );}
}

@keyframes slideDashYopp {
  from { -webkit-transform: translateY( 0% ); transform: translateY( 0% ); -moz-transform: translateY( 0% ); -ms-transform: translateY( 0% ); -o-transform: translateY( 0% ); }
  to   {  -webkit-transform: translateY( -50% ); transform: translateY( -50% ); -moz-transform: translateY( -50% ); -ms-transform: translateY( -50% ); -o-transform: translateY( -50% );}
}



/* CMS */


.box .box-content ul, 
#content .content ul { 
	padding: 0px;
	margin:0px;
	list-style:none;
}
.box .box-content ul li{
	padding:1px 0px;	
	position: relative;
}
.box .box-content ul li:last-child a{
    border: medium none;
}
.box .box-content ul li ul li a{
	border:none;
}
#content .content ul li {
	line-height:22px;
	padding:5px;
}
.box .box-content ul li ul li + li{border-top:medium none;}
.box .box-content ul li a , #content .content ul li a {
	padding: 0px;
    color: #222;
    text-transform: capitalize;
    line-height: 30px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    letter-spacing: .6px;
}
.box .box-content ul li a + a , 
.box .box-content ul li a + a:hover{ background:none; padding-left:0; }

.box .box-content ul li a:hover,
#content .content ul li a:hover {
	color: #a4bebf;
}

.box .box-content ul ul{  
	z-index:99;
	width:auto;
}
.box .box-content ul ul li ul {padding:0;}

.box .box-content ul ul li:hover ul {
	display: block;

}
.product-block-inner a img{vertical-align:middle;}



/* Tab cms */
.tab-head , .box-head { 
    text-align: center;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 0;
    margin: 0;
}
.hometab {   
    margin-bottom: 0px;
    float: left;
    width: 100%;
    clear: both;
    position: relative;
    margin-top: 90px;
}
.hometab .htabs {
    float: left;
    text-align: center;
    clear: both;
    margin-bottom: 15px;
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.htabs {
    margin-top: 0px;
    display: block;
    width: auto;
}

.etabs {
    float: none;
    margin: 0px;
    padding: 0;
}

.htabs .etabs li {
    list-style: none outside none;
    position: relative;
    text-align: center;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0px 2px;
}


.htabs .etabs li:last-child {background:none}

.htabs a {
    color: #222;
    display: block;
    text-transform: uppercase;
    float: left;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    padding: 10px 0;
    margin: 0 44px;
    text-align: center;
    position: relative;
    border: 0px;
    background-color: transparent;
    letter-spacing: 0.5px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
}
.etabs li.tab:after {
    content: "";
    border-right: 1px solid #ddd;
    position: absolute;
    right: -5px;
    top: 15px;
    height: 20px;
}
.etabs li.tab:last-child:after {
    content: '';
    border: 0;
} 
.etabs li.tab a.selected:before {
    width: 100%;
    opacity: 1;
    filter: alpha(opacity=100);
}
.etabs li.tab a:hover:before {
    width: 100%;
    opacity: 1;
    filter: alpha(opacity=100);
}
.etabs li.tab a:before {
    content: '';
    position: absolute;
    left: 0;
    top: auto;
    border-top: 2px solid #a4bebf;
    width: 0;
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    -khtml-opacity: 0;
    transition: all .5s ease 0s;
    -webkit-transition: all .6s ease 0s;
    -moz-transition: all .6s ease 0s;
    -ms-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s;
    -khtml-transition: all .6s ease 0s;
    bottom: 0;
}
.htabs a:focus {     
    color: #222;
    background-color: transparent;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.tab-content .tab {
    display: none;
}

.tab-content {
	position:relative;
	padding: 0px;
	z-index: 2;
	overflow: visible;
	margin-bottom: 0px;
}
#tab-latest #tablatest-grid .product-items, #tab-special #tabspecial-grid .product-items, #tab-bestseller #tabbestseller-grid .product-items {
    display: none;
}
/* End Tab cms */
.products-content-section {
    padding: 100px 0px 85px;
}
.gallery-content-section {
    padding: 15px 0px 100px;
}
.about-content-section {
    padding: 0px 0px 100px;
}
.contact-content-section {
    padding: 0px 0px 100px;
}

/* End Datetimepicker Css */
.breadcrumb + .row {
    clear: both;
}

.content-top .container{ padding: 0px; }







/**********		Responsive css start	***********/


@media (max-width: 1459px) {
    .newsletter {
        padding: 56px 50px;
    }
    .newsletter .news-subtitle {
        margin-bottom: 25px;
    }
}
@media (max-width: 1199px) {
    .header-container.fixed .main-menu > ul > li > a {
        padding-left: 0px;
        padding-right: 0px;
    }
    .main-slider:hover .swiper-pager-button li.swiper-button-prev {
    	left: 70px;
    }
    .main-slider:hover .swiper-pager-button li.swiper-button-next {
    	right: 70px;
    }
    .box .box-content ul li ul li a {
        line-height: 22px;
        padding-bottom: 5px;
    }
    .box-heading {
        margin: 0 auto 25px;
    }
    .newsletter {
        padding: 19px 40px;
    }
}
@media (max-width: 991px) {
    header:before {
        background: none;
        height: auto;
        width: auto;
        top: 0;
    }
    #top {
        display: none;
    } 
    .header-container .main-navigation.treeview .nav-top {
        padding-left: 8px;
        padding-top: 4px;
    }
	.nav-responsive span, .main-menu > ul > li > a {
		line-height: 26px;
    }
    .header-container.fixed .nav-responsive .expandable:before {
        top: 9px;
    }
    .headertop-inner.fixed .responsive-menu .nav-responsive .expandable:before {
        left: 20px;
        top: 12px;
    }
    .header-logo, 
    .header-container.fixed .header-logo {
        margin-left: 80px;
        max-width: 183px;
        z-index: 8;
        position: relative;
        text-align: center;
        float: none;
        display: inline-block;
    }
	.main-menu ul > li > a{padding:16px 20px 15px;}
	.main-menu ul > li:first-child > a{padding:16px 20px 15px 8px;}
	.main-slider .swiper-pager div{display: none;}
	.container { top:auto; }	
	
	.hometab {
        margin-top: 50px;
	}

	.main-slider .owl-carousel{width:100%;}
	
	
	
	.col-sm-4.header-logo{float: none;}
	.nav-inner{display:block; color:#fff; margin-bottom:0px}
	.nav-responsive span{border:none; padding: 0; font-size: 0;}
	.content-top #content{min-height:initial;}

	.swiper-pager-button{display:none;}
	.main-slider .swiper-pagination {
	    opacity: 1;
	}

	.header-container.fixed .responsive-menu .nav-responsive span {
		padding-top: 0px;
	}
    .newsletter .news-subtitle {
        margin-bottom: 12px;
    }
    .header-main {
        margin-top: 15px;
        margin-bottom: 0px;
    }
    header.fixed {
        background-color: #a4bebf;
        color: #ffffff;
        position: fixed;
        top: 0;
        z-index: 99;
        animation: 0.9s ease 0s normal both 1 running fixedAnim;
        -webkit-animation: 0.9s ease 0s normal both 1 running fixedAnim;
        -moz-animation: 0.9s ease 0s normal both 1 running fixedAnim;
        -o-animation: 0.9s ease 0s normal both 1 running fixedAnim;
        left: 0;
        right: 0;
        -webkit-box-shadow: 0 1px 12px rgb(0 0 0 / 45%);
        box-shadow: 0 1px 12px rgb(0 0 0 / 45%);
    }
    .header-container {
        min-height: 70px;
    }
    .header-logo {
        margin-top: 8px;
    }
    .box-heading:before {
        bottom: -6px;
    }
    .htabs a{
        font-size: 16px;
        margin-left: 20px;
        margin-right: 20px;
    }

    .newsletter {
        padding: 19px 20px;
        border: 14px solid #a4bebf;
    }
    header {
        min-height: auto;
    }
}
	
@media (max-width: 767px) {
    #products {
        margin-left: 0px;
    }

	.header-logo > div{display:inline-block;}
	.header-logo #logo { margin: 0px; position: static; }
	.main-slider .owl-carousel .owl-buttons,
	.main-slider .owl-carousel .owl-pagination{ display: none; }
	

	
	.owl-carousel .owl-buttons div{opacity:1 !important; -webkit-opacity:1 !important; -moz-opacity:1 !important; -khtml-opacity:1 !important;}
	.box.bestseller{padding-top:30px}
    .product-list .product-details { width:68%;}
	

	.responsive-menu.container { padding: 0!important; position:relative; width:100%; }
	.main-slider { 
        width:100%; 
    }
	.main-slider img { width:100%; }
    .header-logo img {
        max-height: 46px;
    }
    .hometab {
        padding-left: 0;
        padding-right: 0;
    }
    .newsletter {
        width: 100%;
        float: left;
        padding: 80px;
    }

}
@media (max-width: 575px){
    .box-heading {
        font-size: 20px;
        line-height: 30px;
        margin: 0 auto 15px;
    }
    .product-list .product-block {
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 575px) {
    .tab-head { display:inline-block; width:100%; height:auto; border:none; }
    .htabs a {
        padding-top: 0px;
        padding-right: 2px;
        padding-bottom: 10px;
        padding-left: 2px;
        margin-bottom: 0px;
    }
    .etabs li.tab::after {
        top: 4px;
    }
    .htabs a.selected, 
    .htabs a:hover, .htabs a:focus {
        color: #a4bebf;
        background-color: transparent;
    }

    .product-list .product-details {
        float: left;
        width: 100%;
        clear: both;
    }
    .product-list .product-thumb h4:before {
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .header-logo, .header-container.fixed .header-logo {
        max-width: 165px;
    }
}
@media (max-width: 480px) {
    .header-logo img {
        max-height: 42px;
    }
    .main-slider .swiper-pagination {
        bottom: 5px;
    }
    .main-slider .swiper-pager ul { 
        margin-right: 20px;
    }
    .header-logo, .header-container.fixed .header-logo {
        max-width: 100px; 
        margin-top: 14px;
    }
    .htabs a {
        font-size: 14px; 
    }
    .newsletter {
        padding: 20px;
    }
    .newsletter .news-subtitle {
        font-size: 11px;
    }
}

@media only screen and (max-width: 479px) {
    .product-list .product-thumb .product-block-inner {
        text-align: center;
        margin: 0;
        max-width: none;
    }
	.hometab .tab-content{clear:both}
	#menu{width:60%}
	
	
}
@media(max-width: 420px){
    .htabs a {
        margin-left: 10px;
        margin-right: 10px;
    }
}
@media (max-width: 380px) {
    .header-main {
        margin-bottom: 12px;
    }
    header {
        min-height: 65px;
    }
    .header-logo, .header-container.fixed .header-logo {
        margin-left: 30px;
        float: left;
        display: block;
    }
    .header-logo img {
        max-height: 32px;
    }

    .product-block {
        margin: 15px 10px;
    }
    .htabs a {
        margin-left: 5px;
        margin-right: 5px;
    }
    .etabs li.tab:after {
        display: none;
    }
}
@media (max-width: 350px) {
    .product-block-inner { 
        margin: 0 auto;
        max-width: 256px;
        float: none;
        text-align: center;
    }
}
@media(max-width: 320px){
    
    .hometab .product-block-inner { width:100% !important; }
}




@media (max-width: 1199px) and (min-width: 992px) {
    .tablatest_default_width,
    .tabbestseller_default_width,
    .tabspecial_default_width {
        width: 25%;
    }
}
@media (max-width: 991px) and (min-width: 576px) {
    .tablatest_default_width,
    .tabbestseller_default_width,
    .tabspecial_default_width {
        width: 33%;
    }
}

@media (max-width: 575px) and (min-width: 319px) {
    .tablatest_default_width,
    .tabbestseller_default_width,
    .tabspecial_default_width {
        width: 49%;
    }
}