@import url(https://fonts.googleapis.com/css?family=Lato:400,300);
@import url('https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&display=swap');

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



:root {
	--primary: #00539B;
	--secondary: #323232;
	--tertiary: #FFF;

	--outline-color: #E21838;
	--accessibility-outline: 3px solid blue;

	--menu: var(--primary-2);
	--meuhover: #cf2e2e;
	--bkg: #FFF;
	--primary-1: #00539B;
	--primary-1-hover: #000;
	--primary-2: #FFF;
	--primary-2-hover: #000;
	--primary-3: #ffdd40;
	--neutral-black: #000000;
	--neutral-1: #FFF;
	--neutral-2: #999999;
	--neutral-3: #707070;
	--neutral-white: #FFF;
	--hyperlink: #000;
	--error: #FF0000;

}


body{font: 400 16px/20px 'Hind', sans-serif;color:#000;background-color:#fff;}
a{ color:#000;}
h1{color:#000000; font:600 30px/36px 'Hind', sans-serif; padding:0;}
h1.title{color:#464646;}
h3{color:#000000; font:600 18px/24px 'Hind', sans-serif;}
h4{color:#000000; font:600 14px/20px 'Hind', sans-serif;}

p{padding:0 0 20px 0; margin:0;}


.sub-header{font-family:'Hind','Verdana','Helvetica',Sans-serif;font-size: 22px;color: #000;font-weight: bold;}

/*Header CSS
-----------------------------------------------------------------------------------------------------------*/
.site-logo{padding:20px;}

.header-top {background:var(--primary-2);color:#000;}

.header-middle {background:var(--primary-2); padding:0; }

.header-bottom{background-color:var(--primary-2);color: #FFF;padding-bottom :2px;text-transform:none;padding-bottom: 0px;text-align: center;/* float: left; */}
.header-bottom ul li a{color: var(--primary-1); font-family: 'Hind', sans-serif; font-size: 16px; text-transform: uppercase; font-weight: 700;}
.header-bottom ul li a:hover,
.header-bottom ul li.active > a,
.header-bottom ul li:hover > a{background-color:var(--primary-2); color:var(--meuhover);border-bottom: 0px solid var(--primary-1);padding-bottom: 0px;}
.header-bottom ul ul{background:#000;}
.header-bottom ul ul li a:hover,
.header-bottom ul ul li.active > a,
.header-bottom ul ul li:hover > a{color:#000; background:var(--primary-1);border-bottom: 5px solid var(--primary-1); padding-bottom: 0px;}


.header{padding-bottom:9px;border-bottom:1px solid #eee;font-family:'Hind';color:var(--primary-1);}
/* Adding Modifiers for Activation page and Contact US Page */
.site-content h2 {padding-bottom: 9px;font-family: 'Hind';color: var(--primary-1);}
.page-title h2 {padding-bottom: 9px;border-bottom: 1px solid #eee;font-family: 'Hind';color: var(--primary-1);}




.header-cart span{	background:#e30d0d;}
.login-block{background:var(--primary-2);font-weight:700; font-family:'Hind'}
.login-block a{ color:var(--primary-1);border-color:#FFF; }
.login-here {visibility: visible;}
.login-block{visibility: visible;}
.login-block a{border:none;}

.btn-register {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: Roboto, sans-serif;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  background-color: #000;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  padding: .375rem .75rem;
  text-align: center;
  text-decoration: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  user-select: none;
  vertical-align: middle;
  margin-top: 0 !important;
  font-size: .875rem;
  color: #FFF;
  border: 1px #CCC solid;
}

.btn-register:hover{
    background: var(--primary-1);
	border-color : var(--primary-1);
	font-weight :bold;
	color:#000;
	
}

/*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:none 1px #fff; 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;/* margin-right: auto; *//* margin-left: auto; */align-items: center;}
.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 'Hind', sans-serif; } 

.btn2{ color:#fff; background:#000; } 
.btn2:hover{background:#4d4d4d;}

.input{background:#fff; border-color:#646464; color:#000;  }
.textarea{ background:#fff; border-color: #646464; color:#000; }
.submit{ background:#000;  color:#fff;  }
.submit:hover{background:#202020;}

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



.chk-step span{background:#383838; color:var(--primary-2);}
.chk-step span.active{background:var(--primary-1);}

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

/*Adding Colour to Add Recipient Text*/
[class*="addRecipient"] {color: #fe0000;}

.btn-edit{ border-color: #000; color:#000; }
.btn-edit:hover{background:#292929;}

.btn-add{ border-color: #000; color:#000;}
.btn-add:hover{background:#292929;}

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

.btn-confirm{ border-color: #000; color:#000; font:400 14px/20px 'Hind', sans-serif; }
.btn-confirm:hover{background:#000; color:#fff;}

.submit, .btn2{background:#000; border-radius:3px;}

.submit:hover, .btn:hover{text-decoration: underline;}

.button{background:#000; color:var(--primary-2); border-radius:3px;}
.button:hover{text-decoration: underline;}


.payment-details-sec .btn{border:solid 1px #000; color:#000; }
.payment-details-sec .btn:hover{background:#000; color:#fff;}

.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:var(--primary-2); 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:#767676; background:#fff;}

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

/*Registration*/

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

/* Registration Page CSS
----------------------------------------------------------------------------------------------------------*/
#CountryId.my-dropdown.valid,
#IndustryId.my-dropdown.valid,
#RegisterReasonId.my-dropdown.valid {
    height: 20px;
    width: 100%;
}

div.right-col ul.form li {
    height: 65px;
}


/*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:#646464 solid 1px;}
.button_back:hover{background:#333;}



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

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

/*ContacUs Page CSS
-----------------------------------------------------------------------------------------------------------*/

.form-horizontal ul.form {
    display: flex;
    flex-direction: column;
    padding-left: 1.5em;
}


/*CMS pages
-----------------------------------------------------------------------------------------------------------*/

.question {text-decoration:none; color:#000; padding-bottom:10px;text-color:#1A65AF;font-size:16px; }
.question:hover{color:red; font-size:16px;}

.sub{background-color:#1966af2e; color:#1966af;padding:10px;border-radius:2px;}


/*Footer CSS
-----------------------------------------------------------------------------------------------------------*/
.footer{border-top: red solid 15px;}

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

.footer-top {background: #003a77;color:#FFF;padding-top: 5px;border-top: 15px solid var(--primary-3);}
.footer-top  a{color:#FFF;}
.footer-bottom .row{background:#FFF;}

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

.footer-left{visibility: hidden;}

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


/*-- new header --*/

a.register-here {
    display: none!important;
}

.forgot:hover{
	color:#666;
}

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

	.header-bottom ul{
	
		background:#333333;
		}
	.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:#fff;
	}
	.menu-icon{
		background: #333;
		color: #fff;
	}

	.footer {
    background: #fff;
    border-top: #efefef solid 1px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    flex-direction: row;
}


.footer-menu {
    /* text-align: center; */
    margin-bottom: 10px;
    /* max-width: 100%; */
    margin-top:4px;
}

.footer-top {background: var(--primary-1);color: var(--primary);padding-top: 5px;display: flex;flex-direction: column;flex-wrap: nowrap;}

	.footer-copyright {
    text-align: left;
    font-size: 12px;
    line-height: 11px;
    color: #707070;
    width: 100%;
    padding-top: 8px;
    margin-right: 200px;
    font: 400 12px / 20px 'Hind', sans-serif;
    margin-left: 25%;
}
	.footer-bottom {
    margin: 0px;
    flex: none;
    margin-left: 0px;
}
}