@import url(https://fonts.googleapis.com/css?family=Lato:400,300);
@font-face {
    font-family: 'cooper_blackregular';
    src: url('../fonts/cooper_black-webfont.eot');
    src: url('../fonts/cooper_black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cooper_black-webfont.woff2') format('woff2'),
         url('../fonts/cooper_black-webfont.woff') format('woff'),
         url('../fonts/cooper_black-webfont.ttf') format('truetype'),
         url('../fonts/cooper_black-webfont.svg#cooper_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri.eot');
    src: url('../fonts/Calibri.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Calibri.woff2') format('woff2'),
         url('../fonts/Calibri.woff') format('woff'),
         url('../fonts/Calibri.ttf') format('truetype'),
         url('../fonts/Calibri.svg#Calibri') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Calibril';
    src: url('../fonts/Calibril.eot');
    src: url('../fonts/Calibril.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Calibril.woff2') format('woff2'),
         url('../fonts/Calibril.woff') format('woff'),
         url('../fonts/Calibril.ttf') format('truetype'),
         url('../fonts/Calibril.svg#Calibril') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Calibri-Bold';
    src: url('../fonts/Calibri-Bold.eot');
    src: url('../fonts/Calibri-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Calibri-Bold.woff2') format('woff2'),
         url('../fonts/Calibri-Bold.woff') format('woff'),
         url('../fonts/Calibri-Bold.ttf') format('truetype'),
         url('../fonts/Calibri-Bold.svg#cooper_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



body{font:400 18px/28px 'Lato', Arial, Helvetica, sans-serif; color:#404041; background-color:#ffffff;}
a{ color:#005b9C;}
a:link {color: #005B9C;}
a:visited  {color: #005B9C;}
a:hover  {color: #005B9C;}
a:active  {color: #005B9C;}
			

h1{color:#004A80; font:600 30px/36px 'Lato','Calibri','Lato', Arial, Helvetica, sans-serif;}
h1.title{color:#004A80;}
h3{color: #404041; font: normal 18px/38px 'Lato','Century Gothic','Calibri', Arial, Helvetica, sans-serif;font-weight: 600;}
h2{color:#005B9C; font:normal 38px/40px 'Lato','Century Gothic','Calibri', Arial, Helvetica, sans-serif;margin-bottom: 40px;}

.site-logo{margin-top: 30px; margin-bottom: 30px;}

/*Header CSS
-----------------------------------------------------------------------------------------------------------*/
.header-top {background: #FFF;color: #FFF; }

.header-middle {background:#FFF; padding:0; }

.header-bottom{background-color:#fff; color: #000; padding-bottom :2px ;border: 2px solid #F2f2f2;display: none;}
.header-bottom ul li a{color:#000; font-family: 'Calibri','lato', sans-serif;font-size:14px;font-weight:900;text-transform:uppercase;}
.header-bottom ul li a:hover,
.header-bottom ul li.active > a,
.header-bottom ul li:hover > a{color:#004A80; }
.header-bottom ul ul{background:#fff;}
.header-bottom ul ul li a{color:#FFF;}
.header-bottom ul ul li a:hover,
.header-bottom ul ul li.active > a,
.header-bottom ul ul li:hover > a{color:#004A80; }


.header{padding-bottom:9px;border-bottom:1px solid #eee;}

.header-cart span{background:#A7A9AB;}
.login-block{background:#004378;font-family: 'lato', sans-serif;font-size:14px;}
.login-block a{ color: #FFFFFF;border-color:#FFFFFF;font:normal 14px/20px 'lato', Arial, Helvetica, sans-serif;font-weight: 600;}
.login-block a:hover{color:#FFFFFF; }

.login-popup input[type="submit"]{font:normal 14px/20px 'lato', Arial, Helvetica, sans-serif; background:#004378;font-size:14px;line-height:25px;font-weight:600;}
.login-popup input[type="email"], .login-popup input[type="password"]{border-color: #DDE3E6;font:normal 18px/20px 'lato', Arial, Helvetica, sans-serif;font-color:#5E6F77;}


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
   -webkit-text-fill-color: #5E6F77;
 
}

.forgot{font-size: 14px;}
.forgot:hover{color:#005B9C}

.btn-go{background:#004A80 !important; border:#004A80 !important;;}


/*Home slider
-----------------------------------------------------------------------------------------------------------
.home-slideshow{border-color: #a5a5a3;}
.home-slideshow .hspager a{background:#a7a7a8; }
.home-slideshow .hspager a.selected{background:#404040;} */


/*Home slider*/
.home-slideshow{padding:0 !important; width:100%; border:solid 1px #a5a5a3; margin:18px auto 0; position:relative; overflow:hidden;}
.home-slideshow ul.homeslider{padding:0; margin:0; list-style:none;}
.home-slideshow ul.homeslider li{position:relative;}		
.home-slideshow ul.homeslider li img {width:100%;height: auto;}
.home-slideshow .hspager{position:absolute; bottom:24px; left:166px; text-align:left; z-index:99;}
.home-slideshow .hspager a{background:#a7a7a8; width:10px; height:10px; border-radius:100%; display:inline-block; margin:0 5px;}
.home-slideshow .hspager a.selected{background:#404040;}
.home-slideshow .hspager a span{display:none;}


/*Menu CSS
-----------------------------------------------------------------------------------------------------------*/

.nav {text-align: justify;min-width: 600px; height: 40px; }
.nav:after { content: ''; display:inline-grid; width: 100%;} 
.nav li {display: inline-block}



/*Main CSS
-----------------------------------------------------------------------------------------------------------*/
#main{ background:#fff;}

.btn{ color:#fff; border:solid 1px #fff; font:normal 16px/28px 'Lato', Arial, Helvetica, sans-serif; } 

.btn2{ color:#fff; background:#174a7c; } 
.btn2:hover{background:#1a446c;}

.input{background:#fff; border-color:#174a7c; color:#000;  }
.textarea{ background:#fff; border-color: #174a7c; color:#000; }
.submit{ background:#fff;  color:#000;  }
.submit:hover{background:#1a446c;}

.checkout-page-header h1{ color:#000000; }


.chk-step span{background:#383838; color:#ffffff;}
.chk-step span.active{background:#1a446c;}

.btn-cs, .btn-co{color:#333333;}


.delivery-details-sec{ border-color: #dedcdc;}
.delivery-details-sec .textarea{border-color:#cacaca;}
.delivery-details-sec .input{border-color:#cacaca; }

.btn-edit{ border-color: #1a2737; color:#1a2737; background:#FFF;}
.btn-edit:hover{background:#1a446c;color:#FFF;}

.btn-add{ border-color: #1a2737; color:#1a2737; background:#FFF;}
.btn-add:hover{background:#1a446c;color:#FFF;}

.btn-delete{background-color: #101010;color: #FFF;}
.btn-delete:hover{background-color:#1a446c;color:#FFF;}

.btn-confirm{ border-color: #1a2737; background-color:#1a2737; color:#fff; font:400 14px/20px 'Calibri','Lato', Arial, Helvetica, sans-serif;background-image: linear-gradient(to bottom, #567ba9, #133269); }
.btn-confirm:hover{background:#1a446c; color:#fff;}

.submit, .btn2{background:#174a7c; border-radius:3px; color:#fff;height:100%;background-image: linear-gradient(to bottom, #1a2737, #1a2737);}
.submit:hover, .btn:hover{background-color:#1a446c; }

.button{background:#174a7c; color:#ffffff; border-radius:3px;background-image: linear-gradient(to bottom, #567ba9, #133269);}
.button:hover{background-color:#1a446c;}


.payment-details-sec .btn{border:solid 1px #174a7c;color:#FFF;background-color:#1a2737;line-height: normal;}
.payment-details-sec .btn:hover{background-color:#1a446c;line-height: normal;}

.order-summary-table th{color:#000000; } 
.order-summary-table td{ color:#393838;}

.black{color:#000 !important;}

.popup{ background:#9a9a9a; border:solid 2px #c2c2c2; }

.popup .btn-confirm{background:#000; color:#fff;background-image: linear-gradient(to bottom, #567ba9, #133269);}
.popup .btn-confirm:hover{background:#363636;}
.popup .card{color:#000;line-height: normal !important; font:400 14px/22px 'Calibri','Raleway', sans-serif;}
.popup .card-text{background:#fff; color:#000;}

.popup h2{color:#ffffff; background:#000;}

.popup2{ background:#FFF; border:solid 2px #c2c2c2; color:#000;}

ul.delivery-method-nav li a{color:#767676;}
ul.delivery-method-nav li a:hover{color:#fff; background:#000;}
ul.delivery-method-nav li a.active{color:#fff; background:#000;}

ul.choose-format{ background:#f7f7f7;}
ul.choose-format li a{border:solid 1px #d9d9d9; background:#fff; color:#767676;}
ul.choose-format li a.active{color:#fff; background:#000;}
ul.choose-format li a:hover{color:#fff; background:#000;}
ul.choose-format li a.active:hover{color:#fff; background:#000;}

ul.pq-tab .price{background:#fff;border:solid 1px #d9d9d9; }

/*Registration*/

.register-page .agreemkt{visibility:hidden;}

/* About */
#footerlogo {   
    width: 100%;
    margin-left: auto; 
    margin-right: auto;

     text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}
#footerlogo a {
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}



/*Order details CSS
-----------------------------------------------------------------------------------------------------------*/

.order_details h3 .fa{color:#231f20; }


.order_from{border:#c3c3c3 solid 1px;}

.heading{background:#e9e9e9;      color:#000; }

/*FOUR*/
.order_from  span, .order_total span{   color:#000; }
.order_from .four .invoice a{color:#000; }

/*THREE*/
.order_item{	border:#c3c3c3 solid 1px;}
.order_item table th { 		background: #e9e9e9; 		color:#000;	}
	
	
.button_back{background:#000; color:#FFF; border:#000 solid 1px;}
.button_back:hover{background:#00b038;}



/*My order CSS
-----------------------------------------------------------------------------------------------------------*/


.my_ordertable table th {background: #9d9d9d;  color:#fff; border-right:#FFF solid 1px;}
.my_ordertable table td { border-bottom:#cacaca solid 1px;}
.my_ordertable table td a{color:#000;}	

.pagination ul li a{ color:#000;}                 
.pagination ul li.active a{border:#9d9d9d solid 1px;}

	

/*Product page CSS
-----------------------------------------------------------------------------------------------------------*/
.products h1{ color:#000; border-bottom:#e5e5e5 solid 1px;}      
.choose_one h3 span{ border:#5e5e5e solid 1px; }

.format{ border:#d9d9d9 solid 1px; }
.format{ background:#FFF; color:#000;}
.format.selected{background:#000; color:#fff;}
.format:hover{background:#000; color:#FFF;}

.choose_one ul li .phy{ color:#767575;}

.txt label{ color:#767575;}
.txt input{border:#d9d9d9 solid 1px; color:#767575;}
.txt button{color:#fff; background:#000;  border:#646464 solid 1px;}




.btn-group button:hover{background-color:#000;}

@media screen and (max-width: 640px) {
.phy, .digi, .txt input{border:#999 solid 1px;}
.txt label{ color:#666;}
}

/*Footer CSS
-----------------------------------------------------------------------------------------------------------*/
.footer-menu ul li{ background:url(../images/devider.jpg) 0 center no-repeat;}
.footer-menu ul li:first-child{ background:none;}
.footer-menu ul li a{color:#005b9c;font-size:12px;font-weight: 600;font: 300 14px/22px 'Lato','Raleway', sans-serif;}
.footer-menu ul li a:hover,
.footer-menu ul li.current-menu-item > a{color:#005b9c;}

.footer-top {background:#F3F4F5; color:#004A80;padding-top: 10px;padding-bottom: 10px;}
.footer-top  a{color:#FFF;}
.footer-bottom .row{background:#FFF;}

.footer-copyright{text-align:center;font-size: 11px;line-height: 14px;color:#5E6F77;}

#back-top{ background:url(../images/back-top.png) center center #616161 no-repeat; }
#back-top:hover{background-color:#714a7c;}


/*-- new header --*/

.forgot:hover{
	color:#666;
}


@media screen and (max-width: 970px) {

.navMenu-main #menu {visibility:hidden;}
.navMenu-main {display: none;}

#slidingMenu{right:-245px !important;}
	
.nav {text-align: justify;min-width: auto;height: 40px; }

#footerlogo {width: 45%}

}


@media screen and (max-width: 767px) {

	.header-bottom ul{
	
		background:#FFF;
		font-weight:600;
		font-size:16px;
		text-transform: uppercase;
		
		}
	.header-bottom ul li{
		border-top:rgba(0,0,0,.5) solid 1px;
		border-bottom:rgba(255,255,255,.1) solid 1px;
	}
	.header-bottom ul li a{
		color:#000;
	}
	.menu-icon{
		background: #FFF;
		color: #000;
	}
	.retail { width:100% }

	
	
	.gn-icon-menu span:before,
	.gn-icon-menu span:after {
	background: #000;}


	.gn-icon-menu span {
	background: #000;
	}


	.navMenu-main #menu {
	background: #FFF;
	visibility:visible;

	}

.navMenu-main #menu:hover {
	 background:#FFF; 
}

nav#navMenu { /* MENU */
	text-transform: uppercase;
	position:absolute;
	top:72px;
	text-align:left;
	width:100%;
}

.header-new{ position: sticky; top: 0; z-index:998; width: auto;border:#e5e5e5 solid 1px}

#slidingMenu{
	
	 background-color: #0e0e0e; 
	 background: rgba(255, 255, 255); 
	right:-245px !important;
}

.top-menu ul li a{ color:#000;}

  
pop .btn-go{color: #FFF;}

}