body, h1, h2, h3, h4, h5, h6 {
	font-family: "Raleway", sans-serif;
	color: #00477e;

}
.w3-sidenav a, .w3-sidenav h4 {
	font-weight: bold;
	font-color: #fff;
}
.w3-dropdown-content a {
	padding: 6px 16px;
	display: block;
	line-height: .90;
}
header #portfolio{padding-left:0px !important}
.roow {
	width: 100%;
	float: left
}
.wqheader {
	background: #4682b4;
	color: #FFF;
	position: relative;
	padding: 0 0%;
	width: 100%;
	display: table;
	margin:0 ;
}
.wqheader a {
	color: #s1
}
header #portfolio{padding-left:1% !important; padding-right:1% !important}
.wq_searchbtn {
	cursor: pointer
}

.wq_cart img {
	height: 27px;
}
.wq_cart {
	line-height: 0px;
	position:relative;
	top:-4px
}
.wq_logo {
	display: table-cell;
	width: 20%
}
.wq_logo img {
	height: 30px
}
.wq_menu a span {
	display: none
}
.wq_menu a {
	float: left;
	padding: 5px 7px
}
.wq_searchbtn {
	padding: 5px 0 3px 10px
}

.wq_searchbox table {
	margin: 0 0px 0 0 !important
}
.wq_searchbox input {
	border: none !important;
	box-shadow: none !important
}
.wq_cart.pull-right table tr:nth-child(3) {
	color: #00477e;
	font-size: 12px;
	position: absolute;
	right: 1%;
	top: 44px;
}
.wq_cart.pull-right table tr td:nth-child(2) {
	padding: 8px 0
}
/*
.wq_searchbox .gsc-search-box {
	background: url(https://cse.google.com/cse/images/look/cse_theme_shiny_form_bg.png) no-repeat !important;
	background-size: 100% 100% !important;
}*/
/*.wq_searchbox .gsc-search-box input#gsc-i-id1 {
	background: transparent !important;
	border: none !important;
}*/
/*.wq_searchbox{position:relative; top:-3px; margin-left:15px}
/*.wq_searchbox .gsc-search-button:before {
	content: "Search";
	background: #2196F3;
	border: 1px solid #00477E;
	border-radius: 2px;
	color: #s1s1;
	font-family: inherit;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 8px;
}*/
/*.wq_searchbox .gsc-search-button input[type=image] {
	display: none
}*/
/*.wq_searchbox .gsc-control-searchbox-only {
	background: #CCC
}

*/
header#portfolio .w3-container {
	padding: 0px !important
}
header#portfolio .w3-container ul {
	width: 100%
}
footer.w3-container .w3-quarter h3 {
	font-size: 17px;
	margin-bottom: 0px !important
}
footer.w3-container a {
	font-size: 12px
}


SPAN.price {
	text-decoration: none; FONT-WEIGHT: 400; FONT-SIZE: 10pt; COLOR: #00477E; FONT-FAMILY: Arial, sans-serif
}
SPAN.rprice {
	text-decoration: line-through; FONT-WEIGHT: 400; FONT-SIZE: 10pt; COLOR: #00477E; FONT-FAMILY: Arial, sans-serif
}
SPAN.sale {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #8B0000; FONT-FAMILY: Arial, sans-serif
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.w3-main .w3-center .w3-quarter .w3-container p {
	font-size: 12px
}
.wqheader{padding:0px 1%;}
.wq_tabs_nav_wrp ul li{width:100%;}
.policies {
    margin-top: 11px;
}
.related_products_wrp.col-sm-3{width:100%;}
footer.w3-container a {
    font-size: 15px;
}
.wq_cart{top:3px}
}


/*sidenav fontsize*/
#mySidenav table{font-size:13px}

#mySidenav a{font-size:13px}
/* CSS Document */
.simpleLens-container{
    display: table;
    position: relative;
	width:100%;
}

.simpleLens-big-image-container {
    display: table-cell;
   /* vertical-align: middle;*/
    text-align: center;
	position:relative;
    height: 100px;
    width: 100%;
	top: 0px;
	left: 0px;
}

.simpleLens-big-image {
    max-width: 100%;
	max-height:420px;
	margin:0px
}

.simpleLens-lens-image {
    height: auto !important;
    width: 100%;
    display: inline-block;
    text-align: center;
    margin:0;
    box-shadow:none;
    float:none;
    position:relative;
}

.simpleLens-mouse-cursor{
	background-color:#CCC;
	opacity:0.2;
	filter: alpha(opacity = 20);
	position:absolute;
	top:0;
	left:0;
	border:1px solid #999;
	box-shadow:0 0 2px 2px #999;
	cursor:none;
}

.simpleLens-lens-element {
    background-color: #s1s1;
    box-shadow: 0 0 2px 2px #8E8E8E;
    height: 400px;
    left: 105%;
    overflow: hidden;
    position: absolute;
    top: 100px;
    width: 100%;
    z-index: 9999;
    text-align: center;
}

.simpleLens-lens-element img{
    position:relative;
    top:0;
    left:0;
    width:auto !important;
    max-width:none !important;
}



/* CSS Document */
.simpleLens-thumbnails-container a{
    display: inline-block;
}
.simpleLens-thumbnails-container a img{
    display: block;
}
.simpleLens-thumbnail-wrapper{width:25%; float:left; text-align:center; padding:5px; font-size:11px; overflow:hidden}
.simpleLens-thumbnail-wrapper img{width:100%; margin-bottom:0px}
.simpleLens-gallery-container{width:40%; float:left;}

.wq_product_detail{margin:20px 0; width:100%; float:left}
.wq_product_detail #product{float:left; width:60%; padding-left:2%}

.wq_tabs_nav_wrp li {
    display: table-cell;
    float: none;
    padding: 10px 0 0;
}
.wq_tabs_nav_wrp li span{
    background: #4682b4;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
    display: block;
    float: none;
    font-size: 12px;
    font-weight: 600;
    list-style: outside none none;
    margin: 0px 2px 0 !important;
    padding: 6px 5px;
    text-align: center;
    text-transform: uppercase;
}
/*.wq_tabs_nav_wrp li:last-child{border-right:1px solid #4682b4;}*/
.wq_tabs_nav_wrp li:hover{background:#4682b4; color:fff; cursor:pointer}
.wq_tab_description{display:none; border:1px solid #4682b4; padding:1%; float:left; width:100%;}
.wq_tabs_nav.wq_active{ background:##4682b4 ; position:relative; cursor:pointer;}
.wq_active_tab.wq_tab_description{display:block}
.wq_tabs_nav_wrp ul {
    display: table;
    margin: 0;
    padding: 0px 0 0;
    width: 100%;
}
footer.w3-container.w3-padding-10.w3-2017-marina, .w3-highway-blue.w3-center.w3-padding-10{width:100%; float:left}
/*radio*/
input[type=radio]{opacity:0; margin-right:4px}
 input[type=radio] + span {width:15px; height:15px;display:block; border:1px solid #006; border-radius:50%; font-size:80px; font-family:fontawesome; position:absolute; top:2px; left:2px; text-align:center; line-height:0px; content:"." }
.roow label{position:relative; float:left; margin-right:10px}
 input[type=radio] + span::before{ content:"."; color:transparent; position:relative; right:3px; bottom:18px}
 input[type=radio]:checked + span::before{color:#00477E;}
/*cart*/
.fa-question-circle{cursor:pointer}
.wq_product_detail #cart{border:1px solid #00477E; width:100%; float:left; margin-bottom:15px}
.wq_product_detail .carthd{border-bottom:1px solid #4682b4; text-align:center; color:#fff; background:#4682b4;  padding:2px 0}
.col-md-6{width:50%; float:left}
.wq_product_detail select, .wq_product_detail textarea, .wq_product_detail input{width:100%; padding:4px 5px}
.wq_product_detail input[type=radio]{width:auto}
.wq_form_content{background:#F5F5F5; width:100%; float:left; padding:1%}
.wq_form_content .roow{margin-bottom:5px}
.wq_add_to_cart_btn{color:#fff; font-size:16px;background: #4682b4; border:none; padding:5px 10px; border-radius:3px; margin:3px 0; width:100%; padding:3px 5px}
.simpleLens-thumbnails-container .txt{width:100%; float:left}
.related_products_wrp{margin:20px -1% 0; display:inline-block}
/*.related_products_wrp .box-product{border:1px; solid #e7e7e7; padding:5px}*/
.related_products_wrp .col-sm-3{width:25%; float:left; padding:1%; position:relative}
.related_products_wrp .col-sm-3 img{width:100%}
.related_products_wrp .img-wrapper{position:relative; width:100%; float:left}
.related_products_wrp .option{position:absolute; bottom:4px; width:100%; float:left; background:#000; opacity:0.6; text-align:center; display:none}
.img-wrapper:hover .option{display:block}
.related_products_wrp .option a i{color:#FFF; padding:5px 5px}
.label-default.arrowed::before {
    border-right-color: #777;
}

.label.arrowed::before {
    border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: url('home.css') none;
    content: "";
    display: inline-block;
    left: -10px;
    position: absolute;
    top: 0;
    z-index: -1;
}
.related_products_wrp .title{padding-left:1%; padding-right:1%; width:100%; float:left}
.related_products_wrp .title span{border:none solid #00477e; padding:3px 5px; width:100%; float:left; background:#4682b4; color:#FFF;}
.top_pro_disc{padding:0%}
.gely_img_wrp{margin:0 -5px}
.wq_product_detail{color:#00477E}
.related_products_wrp img{margin-bottom:3px !important}
.wq_product_detail .righttwq_product_detail{font-size:13px}
/*ADDED 11-25*/
.simpleLens-thumbnail-wrapper img{width:100%; margin-bottom:0px; height:auto !important}
.at4-share.addthis_32x32_style.atss.atss-right.addthis-animated.slideInRight.at4-show a{width:20px}
.w3-navbar.w3-card-2.w3-highway-blue.w3-opennav.w3-hide-small.w3-medium:hover{opacity:1}
.atss .at-share-btn .at-icon-wrapper, .atss a .at-icon-wrapper{padding:0px}
.atss {width: 20px !important;}
.atss .at-share-btn span .at-icon, .atss a span .at-icon{height:20px !important; line-height:20px !important; width:20px !important}

.at4-share-outer-right.addthis-smartlayers.addthis-smartlayers-desktop.at4-hide{display:block !important; opacity:1 !important}
body > .w3-main{margin-right:20px}
header.w3-container{padding-left:0px; padding-right:0px}
.shareicons div{float:left; margin-right:5px}
.shareicons .addthis_toolbox.addthis_default_style{margin-top:4px}
.simpleLens-big-image{min-width:100px !important;}
.atss .at-share-btn, .atss a{width:2pc}
html, body{font-size:14px}
h1{font-size:24px !important;}
h2{font-size:20px !important; font-weight:bold !important;}
h3{font-size:18px}
h4{font-size:16px}
h5{font-size:14px}
.wq_searchbtn{display:none}
.w3-panel.w3-blue.w3-round-large{width:100%;}
@media only screen and (min-width: 1361px) and (max-width: 1560px) {


.simpleLens-big-image {
	max-height:500px;
}
.simpleLens-lens-element {
    height: 400px;
    left: 105%;
    overflow: hidden;
    top: 100px;
}
}
@media only screen and (min-width: 1221px) and (max-width: 1360px) {


.simpleLens-big-image {
	max-height:450px ;
}
.simpleLens-lens-element {
    height: 400px;
    left: 105%;
    overflow: hidden;
    top: 100px;
}
}

@media only screen and (min-width: 1160px) and (max-width: 1220px) {


.simpleLens-big-image {
	max-height:370px;
}
.simpleLens-lens-element {
    height: 350px;
    left: 105%;
    overflow: hidden;
    top: 100px;
}
}
@media only screen and (min-width: 1061px) and (max-width: 1159px) {


.simpleLens-big-image {
	max-height:340px;
}
.simpleLens-lens-element {
    height: 310px;
    left: 105%;
    overflow: hidden;
    top: 100px;
}
}
@media only screen and (min-width: 993px) and (max-width: 1060px) {


.simpleLens-big-image {
	max-height:320px;
}
.simpleLens-lens-element { 
    height: 300px;
    left: 105%;
    overflow: hidden;
    top: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {


.simpleLens-big-image {
	max-height:410px;
}
.simpleLens-lens-element {
    height: 400px;
    left: 105%;
    overflow: hidden;
    top: 100px;
}
}
@media only screen and (min-width: 601px) and (max-width: 767px) {

.simpleLens-big-image {
	max-height:330px;
}
.simpleLens-lens-element {
    height: 300px;
}
}
@media only screen and (min-width: 480px) and (max-width: 600px) {
.simpleLens-big-image {
	max-height:440px;
}
.simpleLens-lens-element {
    height: 400px;
}
.wq_searchbox {
    margin-left: 15px;
    position: absolute;
    right: 0;
    top: 34px;
}
.wqheader{margin-bottom:25px}
.w3-xxlarge {
    font-size: 25px !important;
}
}
@media only screen and (min-width: 360px) and (max-width: 479px) {

.simpleLens-big-image {
	max-height:440px !important;
}
.simpleLens-lens-element {
    height: 400px;
}
.wq_searchbox {
    margin-left: 0px;
    position: absolute;
    right: 0;
}
.wqheader{margin-bottom:25px}
.w3-xxlarge {
    font-size: 25px !important;
}
.wq_searchbox {top: 40px;}
	.wqheader {margin-bottom: 30px;}
}
@media only screen and (min-width: 240px) and (max-width: 359px) {
.wq_searchbox {top: 40px;}

.simpleLens-big-image {
	max-height:370px;
}
.simpleLens-lens-element {
    height: 300px;
}
.wq_searchbox {
    margin-left: 0px;
    position: absolute;
    right: 0;
}
.wqheader{margin-bottom:30px}
.w3-xxlarge {
    font-size: 25px !important;
}
}


@media only screen and (min-width: 240px) and (max-width: 600px) {
	.simpleLens-lens-image{width:98%}
	body{padding:0 3px}
	.related_products_wrp > div:nth-child(4){clear:both}
.wq_product_detail #product {
    float: left;
    padding-left: 1%;
    padding-right: 1%;
    width: 100%;
}
.simpleLens-gallery-container {
    float: left;
    
    padding-right: 1%;
    width: 100%;
}
.wq_form_content .col-md-6 {
    float: left;
    margin-bottom: 5px;
    width: 100%;
}
.wq_tabs_nav_wrp li{
	width:50%;
	float:left;
}
.related_products_wrp .col-sm-3 {
    float: left;
    padding: 1%;
    position: relative;
    width: 50%;
}
.simpleLens-lens-element {
    left: 10%;
    top: 300px;
}
.responsive-clear{clear:both}

.w3-opennav.w3-hide-xxlarge.w3-large.w3-hover-text-grey{position:absolute; top:0; left:0px; color:#FFF}
.wq_menu.pull-left{visibility:hidden}
#portfolio > a{display:none}

}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	
.wqheader { margin: 0 0 30px;}
.w3-panel.w3-blue.w3-round-large {margin-left: 0;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.wq_searchbox {top: 40px;}
	.wqheader { margin: 0 0 30px;}
	.w3-panel.w3-blue.w3-round-large {margin-left: 0;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {

	.w3-opennav.w3-hide-large.w3-xxlarge.w3-hover-text-grey { margin-left: 11px;}
}
/***********sajid nav-page css*******************/

/***********************IMAGE THUMBNAIL HOVER ENLARGER NEEDED FOR JQUERY ZOOM I DON'T KNOW WHY****************/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 3px;
left: -400px;
border: 1px dashed blue;
visibility: hidden;
color: #1874CD;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 10px; /*position where enlarged image should offset horizontally */

}
/***********************************  end thumbnail hover  begin image zoom jquery******************************/
img.zoom {
    width: 100%;
    height: auto;
    
   
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}
 
.transition {
    -webkit-transform: scale(1.4); 
    -moz-transform: scale(1.4);
    -o-transform: scale(1.8);
    transform: scale(1.8);
}