@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;
}

body{font:400 14px/20px 'Lato', Arial, Helvetica, sans-serif; color:#000000; background-color:#ffffff;}
a{ color:#993400;}
h1{color:#000000; font:600 30px/36px 'Lato', Arial, Helvetica, sans-serif;}
h1.title{color:#041404;}
h3{color:#000000; font:normal 18px/24px 'Lato', Arial, Helvetica, sans-serif;}
h2{font-size:18px;}

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

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

.header-bottom{background-color:#fff; color: #000; padding-bottom :2px }
.header-bottom ul li a{color:#000; font-family: 'lato', sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;}
.header-bottom ul li a:hover,
.header-bottom ul li.active > a,
.header-bottom ul li:hover > a{background-color:#17a7c; }
.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:#174a7c; }


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

.header-cart span{	background:#e30d0d;}
.login-block{	background:#efefef;}
.login-block a{ color:#174a7c;border-color:rgba(0,0,0,.1); }
.btn-go{background:#174a7c !important; border:#17a7c !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;}




/*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:#2e5c89;}

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

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


.chk-step span{background:#383838; color:#ffffff;}
.chk-step span.active{background:#2e5c89;}

.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: #174a7c; color:#000; }
.btn-edit:hover{background:#2e5c89;}

.btn-add{ border-color: #174a7c; color:#000;}
.btn-add:hover{background:#2e5c89;}

.btn-delete{background-color:#174a7c; background-image:url(../images/delete.png); border-color: #000;color:#fff;}
.btn-delete:hover{background-color:#2e5c89;}

.btn-confirm{ border-color: #174a7c; background-color:#174a7c; color:#fff; font:400 14px/20px'Lato', Arial, Helvetica, sans-serif; }
.btn-confirm:hover{background:#2e5c89; color:#fff;}

.submit, .btn2{background:#174a7c; border-radius:3px; color:#fff;height:100%;}

.submit:hover, .btn:hover{background-color:#2e5c89; }

.button{background:#174a7c; color:#ffffff; border-radius:3px;}
.button:hover{background-color:#2e5c89;}


.payment-details-sec .btn{border:solid 1px #174a7c;color:#FFF;background-color:#174a7c;line-height: normal;}
.payment-details-sec .btn:hover{background-color:#2e5c89;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;}
.popup .btn-confirm:hover{background:#363636;}
.popup .card{color:#000;line-height: normal !important; font:400 14px/22px 'Raleway', sans-serif;}
.popup .card-text{background:#fff; color:#000;}

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

.popup2{ background:#9a9a9a; 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;}


/*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:#000;font-size:12px}
.footer-menu ul li a:hover,
.footer-menu ul li.current-menu-item > a{color:#174a7c;}

.footer-top {background:#fafafa; color:#000;padding-top: 5px;}
.footer-top  a{color:#FFF;}
.footer-bottom .row{background:#FFF;}

.footer-copyright{text-align:center;font-size: 10px;line-height: 11px;color:#000;}

#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;

	}
	
	#slidingMenu{
	right:-245px !important;
}
	

  }


@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;}

}