@font-face {
    font-family: 'avenir_85_heavyheavy';
    src: url('/assets/templates/veniam-core/fonts/aeh-webfont.woff2') format('woff2'),
         url('/assets/templates/veniam-core/fonts/aeh-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'Conv_AvenirLTStd-Medium';
	src: url('/assets/templates/veniam-core/fonts/AvenirLTStd-Medium.eot');
	src: local(' '), url('/assets/templates/veniam-core/fonts/AvenirLTStd-Medium.woff') format('woff'), url('/assets/templates/veniam-core/fonts/AvenirLTStd-Medium.ttf') format('truetype'), url('/assets/templates/veniam-core/fonts/AvenirLTStd-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_AvenirLTStd-Black';
	src: url('/assets/templates/veniam-core/fonts/AvenirLTStd-Black.eot');
	src: local(' '), url('/assets/templates/veniam-core/fonts/AvenirLTStd-Black.woff') format('woff'), url('/assets/templates/veniam-core/fonts/AvenirLTStd-Black.ttf') format('truetype'), url('/assets/templates/veniam-core/fonts/AvenirLTStd-Black.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Conv_AvenirLTStd-Light';
	src: url('/assets/templates/veniam-core/fonts/AvenirLTStd-Light.eot');
	src: local(' '), url('/assets/templates/veniam-core/fonts/AvenirLTStd-Light.woff') format('woff'), url('/assets/templates/veniam-core/fonts/AvenirLTStd-Light.ttf') format('truetype'), url('/assets/templates/veniam-core/fonts/AvenirLTStd-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
    font-family: 'a_love_of_thunderregular';
    src: url('/assets/templates/veniam-core/fonts/a_love_of_thunder-webfont.woff2') format('woff2'), url('/assets/templates/veniam-core/fonts/a_love_of_thunder-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body{
	overflow-x:hidden;
}

body .container{
	width:100%;
	max-width:1230px;
	position:relative;
}

img{
	max-width:100%;
}
a:hover{
	text-decoration:none;
}

h1,h2,h3,h4,h5,h6,p,span,a{
	font-family: 'Montserrat', sans-serif;	
}

.top-nav.top-sec .useraccount ul{
	float:none;
	padding:10px 0;
}

.top-nav.top-sec ul li{
	border-right:0;
	float:none;
	display:inline-block;
	vertical-align:middle;
	margin:0;
	text-transform:capitalize;
}

.top-nav.top-sec ul li a {
    color: #095b7e;
	font-size:14px;
	font-weight:bold;
}

.top-nav.top-sec .useraccount a:hover , .site-header .cont a:hover , .top-nav.top-sec ul li a:hover{
	color:#0096d5;
}

footer ul.extrapages li a:hover{
	color:#19b6f8;
}

.top-nav.top-sec .useraccount ul.social-icons{
	padding:0;
}

.top-nav .social-icons li{
	margin-right:0;
	padding:0;
}

.top-nav .social-icons li.social-icons-label{
	font-size:14px;
	margin-right:5px;
	color: #095b7e;
	text-transform:capitalize;
	font-family: 'Montserrat', sans-serif;
}

header .search-form .search-text{
	border:1px solid #b6b6b6;
	height:42px;
}

.top-nav.top-sec ul.social-icons li a{
	width:22px;
	font-size:18px;
}

.top-nav .useraccount{
	text-align:right;	
}

.site-header.head-cust{
	padding:0 0 25px;
}

.site-header .cont , .news-num .mailist-box{
	text-align:right;
}

.site-header .cont a , section.top-nav .cont a{
	font-size:18px;
	font-weight:bold;
	color:#095b7e;
}

.top-nav [class*=" icon-"]:before, .top-nav [class^=icon-]:before{
	font-weight:bold;
	font-size:20px;
}

.site-header .logo a:hover img{
	opacity:1;
}

.site-header .logo-div .logo{
	height:100px;
}

.site-header .search-form-col , .site-header .logo-div , .site-header .news-num{
	width: 35%;
    float: none;
    display: inline-block;
    vertical-align: middle;
}

.site-header .logo-div{
	width:32%;
}

.mobile-nav-bar{
	display:none;
}

.site-header .news-num{
	width:32%;
}

.site-header .search-form-col form button , .site-header .search-form-col form .btn-default.btn-inverse:hover{
	background: none;
    border: 0;
}

.site-header .search-form-col form{
	width:100%;
}

.site-header .search-form-col form .icon-search:before{
	color: #095b7e;
    font-size: 22px;
}

.news-num .mailist-box , .news-num .mailinglist-input.form-control , .news-num .mailinglist-submit , footer .mailinglist-submit , footer .mailinglist-input.form-control{
	width: 100%;
    float: none;	
	display:inline-block;
	vertical-align:middle;
}

.news-num .mailist-box .subscribe , .useraccount .cont{
	display:none;
}

.news-num .mailist-box{
	position:relative;
}

#mailinglist-response-bottom{
	width:310px;
}

.news-num .mailist-box .mailinglist-response{
    position: absolute;
    top: 40px;
    right: 15px;
}

.news-num .mailinglist-input.form-control , footer .mailinglist-input.form-control{
    width: 65%;
    border: 1px solid #b6b6b6;
    box-shadow: none;
    color: #000;
    max-width: 100%;
	height:42px;
}
footer .maillist-options{
	margin:0;
}

footer .mailinglist-input.form-control{
	width:64%;
	background:#e8e8e8;
	border:0;
}

.news-num .mailinglist-submit , footer .mailinglist-submit{
	background: #095b7e;
    padding: 10px 20px;
	width:auto;
	height:42px;
	border:1px solid #095b7e !important;
	transition:all ease 0.3s;
	-webkit-transition:all ease 0.3s;
}

.news-num .mailinglist-submit span#mailing-btn-txt, footer .mailinglist-submit span#mailing-btn-txt{
	font-size:16px;
	font-weight:bold;	
}

.navbar-wrapper .navbar.navbar-inverse{
	background:#0096d5;
	transition: all 0.5s ease;
}

.navbar-wrapper .navbar.navbar-inverse.fixed , .mobile-nav-bar.fixed.fixed{
	position:fixed;
	width:100%;
	top:0;
	transition: all 0.5s ease;
}

.mobile-nav-bar.fixed.fixed{
	background:#fff;
	z-index:1;	
}

.navbar-wrapper ul.navbar-nav.container{
	width:1300px;
}

.navbar-wrapper ul.navbar-nav{
	float:none;
	margin:auto;
	text-align:center;
}

.navbar-nav > li.dropdown > a:after{
	position:absolute;
	top:0;
	bottom:0;
	height:18px;
	margin:auto 5px;
	display:none;
}

.navbar-wrapper ul.navbar-nav li{
	float:none;
	display:inline-block;	
}
.navbar-wrapper ul.navbar-nav li ul.dropdown-menu{
	border:0;
}

.navbar-wrapper ul.navbar-nav li ul.dropdown-menu li{
	display:block;
}


.navbar-wrapper .navbar-inverse .navbar-nav > li > a{
	font-size:17px;
	padding:10px;
	line-height:30px;
	font-weight:bold;
	letter-spacing:0;
}

.navbar-wrapper .navbar-inverse .navbar-nav li:hover a.dropclass , .news-num .mailinglist-submit:hover, footer .mailinglist-submit:hover{
	background:#fff;
	color:#095b7e !important;	
}

.news-num .mailinglist-submit:hover, footer .mailinglist-submit:hover{
	border:1px solid #095b7e !important;
}

.navbar-wrapper .navbar-inverse .navbar-nav li:hover a.dropclass:before{
	content:'';
	position:absolute;
	top:auto;
	bottom:10px;
	border-bottom:2px solid #19b6f8;
	width:calc(100% - 20px);
	display:block;
	height:2px;
}

.navbar-wrapper .dropdown-menu li a{
	font-weight:bold;
	color:#095b7e;
	white-space: normal;
	text-align:center;
	font-size:16px;
}

.navbar-wrapper .navbar-inverse .navbar-nav li a:hover .dropdown-menu a:before{
	display:none;	
}

.top-banner{
	position:relative;
}

.top-banner img , .categories img , .after-category img , .gen-pages img{
	width:100%;
}

.categ-second , .categ-one{
	overflow:hidden;
}

.top-banner .oveflow-sec{
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    background: rgba(12,125,162,0.7);
    margin: auto;
    padding: 0% 2%;
    right: 125px;
    color: #fff;
    text-align: center;
    width: 624px;
}

.top-banner .oveflow-sec div{
    position: absolute;
    width: 100%;
    height: 380px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;	
}

.top-banner .oveflow-sec h2{
	font-size:75px;
	text-transform: uppercase;
	font-family: 'a_love_of_thunderregular';
}

.top-banner .oveflow-sec p{
	font-size: 40px;
    line-height: 48px;
    padding: 0 30px;
	font-family: 'Conv_AvenirLTStd-Light';
	margin-bottom:15px;
}


.top-banner .oveflow-sec a{
	color: #fff;
    border: 2px solid #fff;
    padding: 7px;
    display: block;
    width: 32%;
    margin: auto;
	text-transform: uppercase;
	font-weight:500;
	font-size:18px;
    transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
}
.other-links.one {
    border: 2px solid #b6b6b6;
    position: relative;
    min-height: 294px;
    vertical-align: middle;
	display:block;
	overflow:hidden;
}

.other-links.one img{
	transition:all ease 0.3s;
	-webkit-transition:all ease 0.3s;
}

.other-links.one:hover img{
	transform: scale(1.1);
}

.col-md-3:last-child .other-links.one{
	border:1px solid #000;
}

.after-category .link-text {
    position: absolute;
    bottom: 0;
    text-transform: uppercase;
    background: url('/assets/templates/veniam-core/images/link-text-bg.png');
    right: 0;
    left: 0;
    background-repeat: no-repeat;
    z-index: 0;
    top: auto;
	background-size:100%;
}

.after-category .row{
	margin:0 -20px;	
}

.after-category .col-lg-3 , .after-category .col-md-3 , .gen-pages .col-lg-4 , .gen-pages .col-md-4{
	padding:0 10px;
}

.link-text h2 {
	font-size: 29px;
    color: #fff;
    padding: 12px 20px;
    margin: 0;
    font-weight: 300;
	line-height:29px;
}

.product-items{
	text-align:center;
}

.products-section.featured-prod{
	background:#f2f2f2;
	position:relative;
}

.products-section.featured-prod .product-item .img{
	background:none;
	border:0;
	min-height: 200px;
}

.products-section.featured-prod h2 , h2.blog-head{
    border: 0;
    font-size: 48px;
    color: #095b7e;
    font-weight: bold;	
	position: relative;
    overflow: hidden;
    margin: 20px 0 35px;
}

.products-section.featured-prod h2:after , .blog-sec h2.blog-head:after{
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    bottom: 0;
    z-index: 10;
    top: 20px;
    left: 580px;
    border: 2px solid #0c7da2;
}

.products-section.featured-prod .flex-direction-nav a{
	opacity:1;
}

.products-section.featured-prod .flex-direction-nav .flex-prev{
	left:0px;
	font-size:0;
}

.products-section.featured-prod .flex-direction-nav .flex-prev:before , .products-section.featured-prod .flex-direction-nav .flex-next:before{
	background:url('/assets/templates/veniam-core/images/arrow.png')no-repeat;
	width: 20px;
    height: 50px;
    background-size: 100%;
    position: absolute;
	content:"";
	left:0;
	right:0;
	margin:auto;
}

.products-section.featured-prod .flex-direction-nav .flex-next:before{
	transform:rotate(180deg);	
}

.products-section.featured-prod .flex-direction-nav .flex-next{
	right:0px;
	font-size:0;
}

.products-section.featured-prod .product-item{
	width:100%;
}

.blog-sec h2.blog-head:after{
	left:285px;
	border:2px solid #fff;
}
	

.products-section .product-item .name a{
	font-size:16px;
	text-transform:uppercase;
	color: #0c7da2;
	font-weight:bold;
	transition:all ease 0.3s;
	-webkit-transition:all ease 0.3s;
}

.products-section .product-item .name a:hover{
	color:#19b6f8
}

.products-section .product-item .price span{
	color:#545454;
	font-size:18px;
}

.products-section .action a{
	color: #fff;
	background: #19b6f8;
	border:1px solid #19b6f8;
	font-weight:bold;
	transition:all ease 0.3s;
	-webkit-transition:all ease 0.3s;
}

.products-section .action a:hover{
	color:#19b6f8;
	background:#fff;
}

.category-starts{
	padding:30px 0;
}

.category-starts .row{
	margin:0 -20px;
}

.categories{
	position:relative;
	padding:0 0 20px;
}

.category h2{
	position: absolute;
    top: 40px;
    font-size: 79px;
    text-transform: uppercase;
    background: url('/assets/templates/veniam-core/images/category-bg.png');
    left: 0;
    right: 0;
    width: 96.8%;
    margin: auto;
    color: #60d0ff;
    bottom: auto;
    padding: 15px 25px;;
	font-family: 'Conv_AvenirLTStd-Black';
}

.category.cat-two h2{
	padding:12px;
}

.categ-third{
	margin-top:20px;
	overflow:hidden;
}

.category.cat-one{
	max-height:879px;
	overflow:hidden;
}
.category.cat-one h2{
	font-size:109px;
}

.category.cat-one.col-lg-6 , .category.cat-two.col-lg-6{
	padding:0 10px;
}

.category.cat-one span{
	font-size:75px;
	line-height:38px;
	padding: 0 0px 15px 70px;
}

.category.cat-two span{
	font-size: 54px;
    line-height: 50px;
    margin-top: -11px;
}

.category.cat-two .categ-third span{
	font-size: 48px;
}

.category h2 span{
	text-align:center;
	color:#fff;
	font-size:42px;
	display:block;
	font-family: 'Conv_AvenirLTStd-Medium';
	line-height:normal;
}

.category .categ-third h2{
	top:auto;
	bottom:20px;
	font-size:88px;
}


section.gen-pages{
	padding:60px 0;
	overflow:hidden;
}

.gen-pages .other-links {
    vertical-align: middle;
	border: none;
    min-height: auto;
}

.gen-pages .other-links .categ-one{
	border-bottom:7px solid #0c7da2;
}

.gen-pages .link-text h2 {
    font-size: 30px;
    padding: 12px 0;
	margin:0;
	text-transform: uppercase;
	color: #19b6f8;
	text-align:center;
}

.blog-area{
	background:url('/assets/templates/veniam-core/images/blog-bg.jpg')no-repeat;
	background-size:cover;
	position:relative;
	padding: 80px 0;
}

.blog-area:before{
	background:url('/assets/templates/veniam-core/images/blog-overlay.png')no-repeat;
	background-size:cover;
	content:'';
	display:block;
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
}


.blogss.post-content:nth-child(n+5){
	display:none;
}

.blogss.post-content{
	margin-bottom:30px;
}

.blogss h2{
	font-weight: bold;
    font-size: 28px;
}

.blogss h2 a{
	color:#fff;
}

.blogss h2 a:hover{
	color:#19b6f8;
	text-decoration:none;
}

.blogss .post{
	font-size:18px;
	line-height:30px;
}

.link-the-blog{
	float:left;
	width:100%;
}

a.blog-link{
	display: block;
    overflow: hidden;
    width: 17%;
    margin: 40px auto;
    border: 3px solid #fff;
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    font-size: 19px;
    line-height: normal;
	transition:all ease 0.3s;
	-webkit-transition:all ease 0.3s;
}

.blog-sec{
	color:#fff;
	position:relative;
}

h2.blog-head{
	color:#fff;
	text-transform:uppercase;
	padding:0;
}

footer.site-footer{
	background:#fff;
	position:relative;
	padding-bottom:16px;
}

footer h2{
	color: #19b6f8;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    margin-top: 0;	
}

footer .about-us p{
	color: #545454;
    font-size: 12px;
}

footer ul.extrapages li{
	padding:0 10px;
}

footer ul.extrapages li a{
	color:#545454;
	font-size:12px;
}

footer .mailist-box{
	width:auto;
	float:none;
}

footer span img , .product-items .status , .flex-control-nav{
	display:none;
}

footer .footer-social{
	border:0;
}

footer .copyright , footer .global-footer{
	padding:0;
}

footer .copyright{
	position: absolute;
    bottom: 0px;
	width:310px;
	left:0;
	right:0;
	margin:auto;
}

footer .copyright p{
	font-size:12px;
	color:#545454;
}

footer .subscribe label{
	color:#222226;
	font-size:12px;
	font-family:'Montserrat', sans-serif;
	font-weight: 500;
    line-height: 34px;
}

 input[type='radio']:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #d1d3d1;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid white;
    }

    input[type='radio']:checked:after {
		width: 10px;
		height: 10px;
		border-radius: 15px;
		top: -2px;
		left: 1px;
		position: relative;
		background-color: #009dcd;
		content: '';
		display: inline-block;
		visibility: visible;
		border: 2px solid #e8e8e8;
    }
	
.oveflow-sec a:hover , a.blog-link:hover{
	background:#fff;
	color:#0096d5;
	border:2px solid #0096d5;
}

a.blog-link:hover{
	border:3px solid #0096d5;
}

.category a img{
	transition:all ease 0.4s;
	-webkit-transition:all ease 0.4s;
}

.category a:hover img{
	transform: scale(1.1);
}

span.user-ico:before{
	content:'';
	display:inline-block;
	background:url('/assets/templates/veniam-core/images/user-ico.png')no-repeat;
	background-size:cover;
	width:24px;
	height:24px;
}

.listing-page-content .r-tabs , .listing-page-content .r-tabs .r-tabs-panel.r-tabs-state-active{
	overflow:hidden;
}

@media only screen and (min-width:320px) and (max-width:767px){
	.site-header .search-form-col{
		display:none;
	}
	
	.site-header .cont{
		text-align:center;
	}
	
	.site-header.head-cust{
		padding:5px 0 0;
	}
	.site-header .logo-div , .site-header .news-num , .top-nav.top-sec ul li.cart-title{
		display:none;
	}
	
	.top-nav.top-sec .useraccount ul , .mobile-nav-bar .head-mobile-nav{
		display:table-cell !important;
		float:none !important;
		vertical-align:middle;
	}
	
	.top-nav.top-sec .useraccount ul.social-icons{
		display:inline-block !important;
		float:left !important;
	}
	
	.top-nav.top-sec .useraccount ul.social-icons span:before{
		font-size: 13px;
		font-weight: normal;
		display: block;
		text-align: center;
		margin: auto;
		line-height: 22px;
	}
	
	.top-nav.top-sec .useraccount ul.social-icons li a{
		line-height:22px;
		height:22px;
		margin-right:3px;
	}
	
	section.top-nav .cont a{
		font-size:16px;
		color:#fff;
	}
	
	.top-nav.top-sec .useraccount ul.clearfix{
		display:none !important;
	}
	
	.mobile-nav-bar .head-mobile-nav:first-child{
		width:22%;
		padding:0 4px;
		line-height:normal;
	}
	
	.mobile-nav-bar .head-mobile-nav:first-child span:before , .mobile-nav-bar .head-mobile-nav:last-child span:before{
		margin:0;
		text-align:left;
		vertical-align:middle;
	}
	
	.mobile-nav-bar .head-mobile-nav:last-child{
		width:25%;
		padding:0 4px;
	}
	
	.mobile-nav-bar .head-mobile-nav:last-child a{
		display:inline-block;
		float:none;
		vertical-align:middle;
	}
	
	.mobile-nav-bar .head-mobile-nav:last-child a:first-child{
		padding-right:10px;
	}
	
	.top-nav.top-sec ul.social-icons li a{
		font-size:15px;
	}
	
	
	.home-page .home-page-content{
		padding-top:8px;
	}
	
	.site-header .logo-div.head-mobile-nav{
		display:block;
		width:50%;
		float:left;
		padding:4px;
	}
	
	.site-header .logo-div .logo{
		height:auto;
	}
	
	.head-mobile-nav , footer .about-us{
		padding:4px;
	}
	
	footer .about-us{
		padding:15px;
	}
	
	
	.news-num .mailist-box{
		max-width:100%;
	}
	
	.news-num .mailist-box , footer .mailist-box{
		max-width:767px;
		text-align:center;
	}
	
	.top-banner img{
		min-height:400px;
	}
	
	.top-banner .oveflow-sec{
		right:0;
		left:0;
		width:auto;
	}
	
	.top-banner .oveflow-sec h2{
		font-size:55px;
	}
	
	.top-banner .oveflow-sec p{
		font-size:20px;
		line-height:normal;
	}
	
	.top-banner .oveflow-sec a{
		width:50%;
	}
	
	.category.cat-one h2{
		font-size:64px;
	}
	 .category.cat-two h2{
		font-size:50px;
	}
	
	.category h2{
		width:92%;
	}
	
	.category.cat-one span{
		padding:0;
		font-size:55px;
	}
	
	.category.cat-two span , .category.cat-two .categ-third span{
		font-size:34px;
		line-height:35px;
		margin:0;	
	}
	
	.categ-second , .after-category .col-xs-12 , .gen-pages .col-xs-12{
		margin-top:20px;
	}
	
	.after-category .col-xs-12:first-child , .gen-pages .row , .gen-pages .col-xs-12:first-child , footer .copyright p{
		margin:0;
	}
	
	.category.cat-one.col-lg-6, .category.cat-two.col-lg-6 , .after-category .col-lg-3, .after-category .col-md-3, .gen-pages .col-lg-4, .gen-pages .col-md-4{
		padding:0 15px;
	}
	
	.products-section.featured-prod h2, h2.blog-head{
		text-align:center;
		font-size:24px;
	}
	
	h2.blog-head{
		font-size:44px;
		margin: 0;
    	padding: 0px 0 40px;
	}


	
	.products-section.featured-prod h2:after ,.blog-area  h2.blog-head:after{
		border-bottom: 2px solid #0c7da2;
		content:'';
		top:30px;
		width:70%;
		margin:auto;
		left:0;
		right:0;
	}
	
	.blog-area h2.blog-head:after{
		border-bottom:2px solid #fff;
	}
	
	


	.products-section.featured-prod .flex-direction-nav .flex-prev:before, .products-section.featured-prod .flex-direction-nav .flex-next:before{
		width: 13px;
   		height: 27px;
    	margin: auto;
	}
	
	a.blog-link{
		width:55%;
	}
	
	footer .copyright{
		position:relative;
		padding:15px;
	}
	
	footer.site-footer{
		padding:16px 0 0;	
	}
	
	.useraccount .cont , section.hidden-xs{
		display:block !important;
	}
	
	.mobile-nav-bar{
		display:table;
		width:100%;
	}
	
	.mobile-nav-bar{
		padding:0 10px;
	}
	
	.news-num .cont , section.top-nav .col-sm-9 , .navbar-wrapper .navbar.navbar-inverse{
		display:none;
	}
	.top-sec .col-sm-3{
		background: url(/assets/templates/veniam-core/images/link-text-bg.png);
		background-position: right;
		padding: 5px 15px;
		background-repeat: no-repeat;
		background-size: cover;	
	}
	
	.mobile-menu-widget .search-form-col{
		padding:0;
	}
	
	.mobile-menu-widget .search-form-col .searchBox{
		padding:20px 0;
	}
	
	footer .mailinglist-input.form-control{
		width:78%;
	}
	
	footer .mailinglist-submit{
		width:20%;
	}
	
	.foot-paylogo{
		text-align:center;
	}
	
	footer .maillist-options{
		padding-left:5px;
	}
	
	.mobile-menu-inner .mobile-menu-widget{
		margin:0 0 30px;	
	}
	
	
	.top-banner img, .categories img, .after-category img, .gen-pages img {
     width: auto;
     display: block;
     margin: auto;
    } 
	
	.footer-payper-geo table{
		right:0 !important;
	}
	
}

@media only screen and (min-width:768px) and (max-width:1024px){
	.top-banner .oveflow-sec{
		right: 30px;
		width: 424px;
	}
	
	.top-nav.top-sec .useraccount ul li{
		padding:0;
	}
	
	.top-banner .oveflow-sec div{
		height: 270px;
	}
	
	.top-banner .oveflow-sec h2{
		font-size: 45px;	
	}
	
	.top-banner .oveflow-sec p{
		line-height:34px;
		font-size:30px;
	}
	
	.navbar-wrapper .navbar-inverse .navbar-nav > li > a{
		font-size:14px;
	}
	
	.category h2{
		width:94.3%;
	}
	
	.category.cat-one.col-lg-6, .category.cat-two.col-lg-6 , .gen-pages .col-lg-4, .gen-pages .col-md-4 , .after-category .col-lg-3, .after-category .col-md-3{
		padding:0 15px;
	}
	
	.other-links.one{
		min-height:374px;
	}
	
	
	
	.category-starts .row{
		margin:0 -15px;
	}
	.categ-second, .after-category .col-xs-12, .gen-pages .col-xs-12 {
    	margin-top:0px;
		margin-bottom: 50px;
	}
	.gen-pages .row , .blog-area .row{
		margin:0;
	}
	
	a.blog-link{
		width:30%;
	}
	
	.footer-payper-geo table{
		right:0 !important;
	}
}

@media only screen and (min-width:768px) and (max-width:1023px){
	.navbar-collapse.collapse{
		padding-bottom:15px;
	}
	.category h2{
		width:95.8%;
	}
	
	.site-footer .foot-img , .site-footer .about-us , .site-footer .foot-menu , .site-footer .foot-news{
		display: inline-block;
		vertical-align: middle;
		float: none;
	}
	
	.site-footer .foot-menu{
		width: 55%;
		vertical-align: top;
		padding: 80px 20px;
	}
	
	.site-footer .foot-news{
		width:40%;	
	}
	
	.site-footer .foot-img img{
		display:block;
	}
	
	.site-footer .about-us{
		width:70%;
	}
}




/* 7-5-18 custom css start */

.slides li .price span.on-sale-badge {
    color: #fff;
    font-size: 12px;
    line-height: 30px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    right: auto;
    left: 0;
    padding: 1px 6px;
    background: #095b7e;
}

.rTabs > div {
    overflow: hidden;
}


.createreview-modal.active {
    display: block;
    background: rgba(0,0,0,0.8);
}

.createreview-modal.active .modal-vcenter {
    margin-top: 0px;
}

body.active .atss {
z-index:1;
}


@charset "UTF-8";

/* SpryTabbedPanels.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	clear: none;
	width: 100%;
	padding-top: 70px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanelsTabSelected a {
    color: #fff;
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
    position: relative;
    top: 1px;
    float: left;
    padding: 12px 10px;
    margin: 0px 1px 0px 0px;
    font: bold 0.7em sans-serif;
    background-color: transparent;
    list-style: none;
    border-left: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
    border-right: 1px solid #ececec;
    -moz-user-select: none;
    -khtml-user-select: none;
    cursor: pointer;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */


/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */

.TabbedPanelsTabSelected {
    background-color: #0096d5;
    border-bottom: 1px solid #ececec;
}


/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
    color: #000;
    text-decoration: none;
    font-size: 12px;
    padding: 6px;
}

.TabbedPanelsTabSelected a {
    color: #fff;
}

.TabbedPanelsContentGroup iframe {
    margin: auto;
    display: block;
}

.TabbedPanelsContentGroup .qaBlock .text-right {
    text-align: center;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
    clear: both;
    border-left: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
    border-right: 1px solid #ececec;
    background-color: transparent;
    padding: 10px;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	overflow: hidden;
	padding: 4px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

.VTabbedPanels {
	overflow: hidden;
	zoom: 1;
}

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}

/* Styles for Printing */
@media print {
.TabbedPanels {
	overflow: visible !important;
}
.TabbedPanelsContentGroup {
	display: block !important;
	overflow: visible !important;
	height: auto !important;
}
.TabbedPanelsContent {
	overflow: visible !important;
	display: block !important;
	clear:both !important;
}
.TabbedPanelsTab {
	 overflow: visible !important;
	 display: block !important;
	 clear:both !important;
}
}

.cart-flat {
    position: fixed;
    right: 0;
    top: 50%;
    z-index:1234;
}


.cart-section{
    background: #000;
    background-color: #101010;
    color: #fff;
    border-radius: 20px 0 0 20px;
    padding: 15px;
    text-align: center;
    width: 90px;
}

span.icon-basket.cart-icon {
   display: block;
    font-size: 30px;
    line-height: 1;
}
.cart-flat .cart-section span.item a{color:#fff;}
.cart-flat .cart-section span.item{font-size: 12px;}
.footer-payper span img {display:block;
    max-height: 116px;
    width: auto;}
	
.footer-payper-geo{
	position:relative;
}

.footer-payper-geo table{
    position: absolute;
    top: 46px;
    bottom: 0;
    left: 0;
    right: 65px;
    margin: auto;	
}

.product-cols.row table.prod-thmb-img-table{
	width:100%;
}

.product-cols.row .special-actions{
	padding:30px 0;
}

/* 7-5-18 custom css end */