@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;900&display=swap');
html, body {
	margin:0;
	padding:0;
	min-height:100%;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	color: #10284b;
}
b {
	font-weight: 500;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:300;
	margin:0;
	font-family: inherit;
	font-size: inherit;
	margin: 0 0 5px;
}
p{
   font-size: 1em;
   line-height: 1.35em;
}
h1 {
   font-size: 2em;
   line-height: 1em;
}
h2 {
   font-size: 1.8em;
   line-height: 1em;
}
h3 {
   font-size: 1.6em;
   line-height: 1em;
}
h4 {
   font-size: 1.4em;
   line-height: 1em;
}
h5 {
   font-size: 1.2em;
   line-height: 1em;
}
h6 {
   font-size: 1em;
   line-height: 1em;
}
a {
	color:#10284b;
	text-decoration:none;
	transition:0.8s;
	-webkit-transition:0.8s;
	-moz-transition:0.8s;
	-o-transition:0.8s;
}
a:hover {
	color:#ffc100;
}
.dblue-col{color: #10284b;}
.dblue-bg{background: #10284b;}
.lblue-col{color: #f2f7fa;}
.lblue-bg{background: #f2f7fa;}
.red-col{color: #f00;}
.lgrey-col{color: #939598;}
.yello-bg{background: #ffc237;}
::-moz-selection { background: #ffc100; color: #fff; }
::selection { background: #ffc100; color: #fff; }
header nav{
    max-height: 80px;
}
header .tophd ul.social{
	padding-top: 4px;
	display: block;
	height: 25px;
}
header .tophd ul.social li{
	margin: 0;
	display: inline-block;
}
header nav .social a{
	padding: 0 20px;
}
header nav .social a img{
	display: block;
}
header nav .social span.user{
	display: block;
	width: 24px;
	height: 26px;
	background: url(../img/user-b.png) center no-repeat;
}
.home_class header nav .social span.user{
	background: url(../img/user.png) center no-repeat;
}
header nav .social span.cart{
	display: block;
	width: 30px;
	height: 27px;
	background: url(../img/cart-b.png) center no-repeat;
}
.home_class header nav .social span.cart{
	background: url(../img/cart.png) center no-repeat;
}
header .social li a small{
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%,0);
	white-space: nowrap;
	font-size: .75rem;
	line-height: 0.8em;
	margin-top: 5px;
}
.tophd .ovdiv{
	line-height: 30px;
}
.tophd{
	font-style: italic;
	padding: 5px 0;
	font-style: .8rem;
	background: rgba(0,0,0,.2);
	color: #fff;
}
.tophd .colw-33:nth-child(2){
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
menu{
	margin: 0;
}
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    background: #fff;
}
nav{
	padding: 0;
	margin: 0;
}
nav ul{
	text-align: center;
	font-size: 0;
}
menu > ul{
	display: flex;
}
nav ul li{
	font-size: 1rem;
	display: inline-block;
	position: relative;
}
nav ul li a {
	display: block;
	padding: 0 15px;
    cursor: pointer;
    color: #0b2240;
    font-weight: 500;
}
nav menu ul li {
	padding:  0 20px;
	position: relative;
}
nav menu ul li.parent {
	padding-right: 30px;
}
nav menu ul li.parent:before{
	width: 6px;
	height: 4px;
	position: absolute;
	top: 12px;
	right: 15px;
	background: url(../img/ddm.png) center no-repeat;
	content: "";
}
nav menu ul li a{
	padding: 0 0 5px 0;
	position: relative;
	text-transform: uppercase;
}
nav menu > ul > li > a:after {
	position: absolute;
	bottom: 3px;
	left: 50%;
	transform: translate(-50%,0);
	width: 0;
	height: 1px;
	background: #fcb331;
	content: "";
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
nav menu > ul > li:hover > a:after,
nav menu > ul > li > a.active:after{
	width: 100%;
}
.ddm{
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	display: none;
	min-width: 200px;
}
nav ul li .ddm a{
	color: #0b2240;
	font-weight: 500;
}
.ddm .row .colw-100{
	position: relative;
}
.subddm{
	position: absolute;
	top: 0;
	left: 100%;
	margin-left: -45px;
	padding: 20px;
	background: rgba(211,211,211,.5);
	display: none;
	min-width: 200px;
}
.ddm ul,
.hdtitle {
	text-align: left;
	width: 100;
	padding: 0 20px;
	box-sizing: border-box;
}
.ddm li {
	display: block;
}
nav ul li .ddm a{
	line-height: 25px;
	padding: 0;
}
nav ul li .ddm a
nav ul li .ddm ul li a{
	font-size: .9rem;
}
header input[type="search"]{
	width: 175px;
	height: 26px;
	border: none;
	border-radius: 13px;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0f0f0+0,c7c7c7+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(199,199,199,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(199,199,199,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(199,199,199,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#c7c7c7',GradientType=0 ); /* IE6-9 */
}
header input[type="submit"]{
	width: 30px;
	height: 30px;
	border: none;
	position: absolute;top: 0;
	right: 0;
	background: url(../img/search.png) center no-repeat !important;
	color: transparent;
}
header input[type="submit"]:hover{
	background: url(../img/search.png) center no-repeat !important;
	color: transparent;
}
.inspddm a{
	display: block;
	position: relative;
}
.inspddm a .overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 20px;
	box-sizing: border-box;
}
.inspddm a .img-bg{
	width: 100%;
	padding: 50% 0;
}
.inspddm a .overlay .tbl{
	padding: 30px;
	background: rgba(255,255,255,.8);
	box-sizing: border-box;
}
.inspddm a .overlay .tbl hr{
	display: inline-block;
	width: 55px;
	height: 2px;
	background: #ffc100;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
nav ul span[class^="icon-"]{
	font-size: 1.3rem;
}
.inspddm a:hover .overlay .tbl hr{
	width: 70px;
	background: #10284b;
}
.inspddm a:hover{
	color: #10284b;
}
.itemcount{
	position: absolute;
	top: -2px;
	right: 9px;
	width: 15px;
	height: 15px;
	background: #10284b;
	color: #fff;
	font-size: .6rem;
	line-height: 15px;
	text-align: center;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.trigger{
	width: 40px;
	height: 40px;
	position: fixed;
	top: 45px;
	right: 20px;
	z-index: 9999;
	display: none;
}
.trigger > div{
	position: relative;
}
.trigger > div > span{
	position: absolute;
	height: 2px;
	width:60%;
	margin:0 20%;
	background: #000;
	top:12px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	transition:.7s;
	-moz-transition:.7s;
	-webkit-transition:.7s;
}
.trigger > div > span:nth-child(2){
	top:19px;
}
.trigger > div > span:nth-child(3){
	top:27px;
}
.trigger > div.close > span:nth-child(1){
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
	top: 19px;
}
.trigger > div.close > span:nth-child(2){
	display: none;
}
.trigger > div.close > span:nth-child(3){
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
	transform: rotate(-45deg);
	top: 19px;
}
.trigger, .sitewrapper{
	transition:.7s;
	-moz-transition:.7s;
	-webkit-transition:.7s;
}
.slided{
	-ms-transform: translate(-320px,0); /* IE 9 */
	-webkit-transform: translate(-320px,0); /* Safari */
	transform: translate(-320px,0); /* Standard syntax */
}
/* END OF HEADER STYLING FOR WEB*/
#overlay{
  position:fixed;
  z-index: 99999;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:#0b2240;
  transition: 1s 0.4s;
  width: 100%;
  height: 100%;
  font-size: 2em;
}
#overlay > div{
  text-align: center;
  display: table;
  width:100%;
  height: 100%;
}
#overlay > div > div{
  vertical-align: middle;
  display: table-cell;
}
#overlay .linewidth {
    width: 100px;
    margin: 0 auto;
    display: none !important;
}
#overlay #progstat {
    font-size: 1.8em;
    line-height: 1.4em;
    color: #fff;
    font-weight: 700;
    display: none !important;
}
#progress {
    height: 1px;
    background: #000;
    display: none !important;
}
.animation-box{
  width: 50px;
  height: 50px;
  background: rgba(0,0,0,.1);
  position: relative;
  margin: 0 auto;
}
.animation-box span{
  width: 5px;
  height: 5px;
  background: #ffc237;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: center; 
  animation-name: example;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
.animation-box span:first-child{
  transform: translate(-50%,-50%) rotate(45deg);
}
.animation-box span:last-child{
  transform: translate(-50%,-50%) rotate(-45deg);
}
@keyframes example {
  0% {width: 5px;}
  80% {width: 40px;}
  10% {width: 5px;}
}
.loader {
  position: absolute;
  width: 20vh;
  height: 20vh;
  top: 50%;
  left: 50%;
  margin-top: -10vh;
  margin-left: -10vh;
  -webkit-perspective: 60vh;
          perspective: 60vh;
          transform: scale(.2);
}
.loader:before,
.loader:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.loader:before {
  left: -13.333333333333334vh;
  background: -webkit-linear-gradient(315deg, #ffc237, rgba(255,255,100,0.95));
  background: linear-gradient(135deg, #ffc237, rgba(255,255,100,0.95));
  -webkit-transform: translateZ(0vh);
          transform: translateZ(0vh);
  z-index: 1;
  -webkit-animation: rotation1 1.5s ease-out infinite;
          animation: rotation1 1.5s ease-out infinite;
}
.loader:after {
  right: -13.333333333333334vh;
  background: -webkit-linear-gradient(315deg, #fff, rgba(255,255,200,0.95));
  background: linear-gradient(135deg, #fff, rgba(255,255,200,0.95));
  -webkit-transform: translateZ(0vh);
          transform: translateZ(0vh);
  z-index: 1;
  -webkit-animation: rotation2 1.5s ease-out infinite;
          animation: rotation2 1.5s ease-out infinite;
}
@-webkit-keyframes rotation1 {
  25% {
    left: 0;
    -webkit-transform: translateZ(-10vh);
            transform: translateZ(-10vh);
  }
  50% {
    left: 13.333333333333334vh;
    -webkit-transform: translateZ(0vh);
            transform: translateZ(0vh);
  }
  75% {
    left: 0;
    -webkit-transform: translateZ(20vh);
            transform: translateZ(20vh);
    z-index: 2;
  }
}
@keyframes rotation1 {
  25% {
    left: 0;
    -webkit-transform: translateZ(-10vh);
            transform: translateZ(-10vh);
  }
  50% {
    left: 13.333333333333334vh;
    -webkit-transform: translateZ(0vh);
            transform: translateZ(0vh);
  }
  75% {
    left: 0;
    -webkit-transform: translateZ(20vh);
            transform: translateZ(20vh);
    z-index: 2;
  }
}
@-webkit-keyframes rotation2 {
  25% {
    right: 0;
    -webkit-transform: translateZ(20vh);
            transform: translateZ(20vh);
    z-index: 2;
  }
  50% {
    right: 13.333333333333334vh;
    -webkit-transform: translateZ(0vh);
            transform: translateZ(0vh);
  }
  75% {
    right: 0;
    -webkit-transform: translateZ(-10vh);
            transform: translateZ(-10vh);
  }
}
@keyframes rotation2 {
  25% {
    right: 0;
    -webkit-transform: translateZ(20vh);
            transform: translateZ(20vh);
    z-index: 2;
  }
  50% {
    right: 13.333333333333334vh;
    -webkit-transform: translateZ(0vh);
            transform: translateZ(0vh);
  }
  75% {
    right: 0;
    -webkit-transform: translateZ(-10vh);
            transform: translateZ(-10vh);
  }
}
.readmore{
	display: inline-block;
	box-sizing: border-box;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.readmore.white-btn{
	background: #fff;
	color: #10284b;
}
.readmore.yellow-btn{
	background: #ffb71b;
	color: #10284b;
}
.readmore.white-btn:hover{
	background: #ffb71b;
}
.readmore.border-btn{
	background: none;
	color: #10284b;
	border: 1px solid #10284b;
	line-height: 18px;
    font-weight: 400;
}
.readmore.white-br-btn{
	border: 1px solid #fff;
}
.logo a{
	display: block;
}
.logo a img{
	width: 222px;
	margin-top: 5px;
}
.hpcateg a{
	position: relative;
	display: block;
}
.hpcateg a .overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: url(../img/shadow.png) center no-repeat;
	color: #fff;
}
.hpcateg a img{
	display: block;
}
.hpcateg h1{
	font-size: 2.5em;
}
.hpcateg .readmore{
	font-size: .8em;
}
.productslist .pad-10{
	box-sizing: border-box;
}
.productslist figure{
	position: relative;
	margin: 0;
	padding: 0;
	overflow:hidden
}
.productslist figure .img-bg{
	width: 100%;
	padding: 75% 0;
}
.productslist figure .overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index:600;
	box-sizing: border-box;
	padding: 30px;
	background: none;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	background: rgba(255,255,255,.3);
	opacity: 0;
}
.productslist div.slick-slide:hover figure .overlay,
.productslist div[class^="colw-"]:hover figure .overlay{
	opacity: 1;
}
main{
	padding: 180px 0 0;
	box-sizing: border-box;
}
.title{
	padding-bottom: 0;
	border-bottom: 1px solid #0a2240;
	text-transform: uppercase;
}
.bigitem .img-bg{
	width: 100%;
	padding: 35% 0;
}
.filtertrigger,
.sizetrigger {
	padding-right: 20px;
	margin-right: 20px;
	position: relative;
}
.filtertrigger:after,
.sizetrigger::after{
	width: 20px;
	height: 20px;
	font-size:9px;
	/*background: url(../css/select.png?v=1.1.1) no-repeat center;*/
    transform: rotate(-180deg);
	position: absolute;
	right: -5px;
	top: 10px;
font-family: 'icomoon';
    content: "\e90d";
}
.categnext{
	width: 22px;
	height: 22px;
	display: inline-block;
	background: url(../img/next.png) center no-repeat;
	margin-left: 5px;vertical-align: middle;
}
.categprev{
	width: 22px;
	height: 22px;
	display: inline-block;
	background: url(../img/prev.png) center no-repeat;
	margin-right: 5px;vertical-align: middle;
}
.ddmfilter{
	position: absolute;
	width: 100%;
	z-index: 800;
	background: #fff;
	top: 100%;
	left: 0;
	border-top: 1px solid #0a2240;
	padding: 10px 0;
	display: none;
}
.accountmenu ul li{
	display: inline-block;
	padding: 0 10px;
}
.accountmenu ul li a{
	display: block;
	padding: 10px 15px;
	color: #0b2240;
	border: 1px solid #0b2240;
	font-weight: 400;
}
.accountmenu ul li a:hover,
.accountmenu ul li a.active{
	background: #ffb71b;
	color: #0b2240;
	border: 1px solid #ffb71b;
}
a.edit{
	display: inline-block;
	background: #f2f7fa;
	color: #0b2240;
	padding: 10px 20px;
}
a.edit span{
	display: inline-block;
	vertical-align: middle;
}
.mainorder{
	border: 1px solid #0f2543;
}
.button-container{
	display: inline-block;
	margin: 20px 0 0;
}
.step-main-heading-box > div,
.traveller-total-amount,
.lblue-bg{
	background: #f2f7fa;
}
.step-main-heading-box{
	border-bottom: 1px solid #0f2543;
}
.jauneitem-part-amount,
.myunitprice{
	margin: 30px 0 0;
}
.button-container *{
	display: inline-block;
	vertical-align: middle;
}
.button-container input[type="text"]{
	width: 80px;
	position: relative;
	height: 30px;
	text-align: center;
}
.itemrow h5{
	line-height: 1.3em;
}
.button-container button{
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
	z-index: 10;
}
.button-container button.cart-qty-minus{
	left: 5px;
}
.button-container button.cart-qty-plus{
	right: 5px;
}
.jauneitem-container img{
	width: 50px;
	float: left;
}
.addresslist input[type="radio"]{
	position: absolute;
	top: 20px;
	right: 25px;
	width: 30px;
	height: 30px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.addresslist input[type="radio"]:checked{
	background: #fff url(check.png) center no-repeat;
}
.addresslist label{
	width: 100%;
	text-align: center;
	height: 100%;
	padding: 20px;
	box-sizing: border-box;
	display: block;
}
.addresslist label h5{
	border-bottom: 1px solid #0b2240;
	padding-bottom: 5px;
	margin-bottom: 15px; 
}
.addresslist input[type="radio"]:checked ~ label{
	background: #ffc237;
}
.cutinhalf > .colw-50:first-child{
	border-right: 1px solid #0b2240;
}
.contactinfo h5{
	margin-top: 20px;
}
.contactinfo h5:first-child{
	margin-top: 0;
}
.cutinhalf .colw-50 .halfcontainer{
	width: 600px;
	padding: 10px;
	box-sizing: border-box;
	max-width: 100%;
}
.cutinhalf .colw-50:nth-child(odd) .halfcontainer{
	float: right;
}
.cutinhalf .colw-50:nth-child(even) .halfcontainer{
	float: left;
}
.contmap .halfcontainer,
.contmap .halfcontainer .map{
	height: 100%;
	box-sizing: border-box;
}
.map iframe{
	width: 100% !important;
	height: 100% !important;
}
.contactform{
	margin-top: 30px;
}
.paymentform input[type="radio"]{
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	background: #ffb71b top no-repeat;
	border: none;
}
.paymentform input[type="radio"]:checked{
	background: #ffb71b url(../img/radio.png) center no-repeat;
}
.cart-itemlisiting img{
	width: 50px;
	float: left;
	margin-right: 10px;
}
.cart-itemlisiting .cartitem{
	border-bottom: 1px solid #d1d3d5;
}
.cart-itemlisiting .cartitem:last-child{
	border-bottom: none;
}
.cartitemstotal{
	padding: 20px 0;
	border-top: 1px solid #0b2240;
	border-bottom: 1px solid #0b2240;
}
.slider-nav.slick-slider img{
	opacity: .7;
}
.slider-nav.slick-slider .slick-current img{
	opacity: 1;
}
.sizelist input[type="radio"]{
	opacity:0;
	position:absolute;
	width:200px;
	height:50px;
	cursor:pointer
}
.sizelist label{
	border: 1px solid #0b2240;
	background: none;
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	text-align: center;
}
.sizelist input[type="radio"]:checked ~ label{
	background: #0b2240;
	color: #fff;
}
.sizelist input[type="radio"]:disabled ~ label{
	background: #f2f7fa;
	border: none;
	color: #0b2240;
}
.tabtrigger{
	position: relative;
	padding-right: 20px;
	display: inline-block;
}
.tabtrigger.lblue-bg{
	width: 100%;
	box-sizing: border-box;
	padding-bottom: 20px;
}
.tabtrigger:after{
	position: absolute;
	right: 0;
	top: 2px;
	font-size: 9px;
	transform: rotate(-180deg);
	font-family: 'icomoon';
	content: "\e90d";
}
.tabtrigger.lblue-bg:after{
	width: 100%;
	box-sizing: border-box;
	top: auto;
	right: auto;
	transform: translate(-50%,0) rotate(-180deg);
	left: 50%;
	bottom: 2px;
}
.tabtrigger.activetab:after{
	transform: rotate(0deg);
}
.tabtrigger.lblue-bg.activetab:after{
	transform: translate(-50%,0) rotate(90deg);
	top: auto;
}
.tabcontent{
	display: none;
}
.tabs > div{
	border-bottom: 1px solid #a2a4a7;
}
.tabs > div:last-child{
	border-bottom: none;
}
button.delete-btn{
	border: none;
	background: none;
}
.tabtable{
	display: none;
}
footer{
	background: #0c2749;
	color: #fff;
	font-size: .8rem;
	padding: 10px 0 0;
	line-height: 1.5em;
	box-sizing: border-box;
}
footer a{
	color: #fff;
}
footer .container{
	position: relative;
}
footer input[type="email"]{
	background: none;
	border: none;
	padding: 0;
	border-bottom: 1px solid #fff;
	height: 30px;
	color: #fff;
}
footer .colw-30.res-s-100:last-child{
	line-height: 1.3em;
}
footer .sign{
	font-size: .7rem;
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
}
.tal
{
	text-align:left !important
}
.tar
{
	text-align:right
}
.displaynone
{
	display:none !important
}
.vError
{
	border:red 1px solid !important
}
.form-error
{
    display:block;
	color:red;
	font-size:12px;
	line-height:10px;
	padding-top:7px;
}
.FormResult  , .FormResult1  , .FormResult2
{
	color:green;
	font-size:16px;
	width:100%;
	display:inline-block;
	line-height:22px
}
/*//////////////////////////////////////////////////MESSAGES\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.messages {
    margin: 0 0 10px;
    overflow: hidden;
	display:inline-block;
	width:100%;
}
.messages, .messages ul {
    list-style: outside none none !important;
    margin: 0;
    padding: 0;
}
.success-msg {
    background-color: #e9ffca;
    background-image: url("../images/msg-success.png");
    border-color: #296a23;
    color: #296a23;
}
.error-msg {
    background-color: #f5dad3;
    background-image: url("../images/msg-error.png");
    border-color: #c02230;
    color: #c02230;
}
.error-msg, .success-msg, .note-msg, .notice-msg {
    background-position: 25px center !important;
    background-repeat: no-repeat !important;
    font-size: 12px !important;
    padding: 25px 25px 25px 75px !important;
	margin:15px 0;
	text-align:left;
}
.note-msg, .notice-msg {
    background-color: #fdeda4;
    background-image: url("../images/msg-note.png");
    border-color: #7c622a;
    color: #7c622a;
}
	.close-msg{
	float:right;}
	.close-msg i {
    cursor: pointer;
    font-size: 24px;
    font-weight: normal;
    margin-top: -4px;
}
.cur{
	cursor:pointer
}
.pagination li{
	display:inline-block;
	padding:0 10px;
	position: relative;
}
.pagination li span[class^="icon-"]:before{
	position: absolute;
    top: -11px;
    left: -1px;
}
.newprice{
    text-decoration: line-through;
	color:#fcb331
}
		.home_class header{
			background: none;
		}
		.home_class header nav{
			background: rgba(0,0,0,.3);
		}
		.home_class header nav .social a{
			color:#FFF
		}
		.home_class header ul li .hreflike{
			color: #fff;
		}
		@media all and (max-width: 960px) and (min-width: 240px) {
			.home_class header{
				background: rgba(0,0,0,.3);
				position: fixed;
				height: 96px;
			}
		}
	.flash_class {
    background: #ffb71b ;
    color: #FFF !important;
    border-radius: 5px;
    padding: 5px 10px;
}	.flash_class:hover {
    color: #FFF !important;
}
#billing_postcode_field , #cash-delivery
{
	display:none
}
.items_hover
{
	position:relative
}
.img_sub
{
	display:none;
	position:absolute;
	top:0;
	left:0;
}
.items_hover .img-bg:nth-child(2)
{
	display:none;
	transition: opacity 1s ease-out;
    opacity: 0;
	position:absolute;
	top:0;
	left:0;
	z-index:500;
}
.loader_payment
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background: url(../images/712.png) center no-repeat  rgba(255,255,255,.6);
	display:none
}
.paymentform
{
	position:relative;
}
.min-h
{
	min-height:60px;
}
.items_hover:hover .img-bg:nth-child(2)
{
    opacity: 1;
    display: block;
}
.load_billing_address
{
}
.login_class input[type="text"],
.login_class input[type="tel"],
.login_class input[type="number"],
.login_class input[type="email"],
.login_class input[type="password"],
.login_class input[type="search"],
.login_class input[type="file"],
.login_class select {
	height:40px !important;
	font-size:12px !important;
}
.login_class header input[type="search"]{
	height: 26px;
}
.popup_top
{
	margin-top:-180px;
}
.grey{
color:grey
}
.login_class label{
font-size:12px;	color:grey !important
}
.bold{
	font-weight:bold
}
.green{
color:#0c2749
}
.red{
color:red
}
.cart-form :first-child input[type="submit"]
{
	background: #0c2749;
    color: #fff;
}/*
.cart-form input[type="submit"]:hover
{
	background: #ffc237;
    color: #0c2749;
}*/
.city_hidden
{
	display:none
}
.zoomImg
{
	max-width:1000px !important;
	height:auto !important;
	width: auto !important;
}
.nextclick::before
{
	transform: rotate(90deg);
	 font-size: 0.7rem !important;
    content: "\e90d" !important;
}
.prevclick::before
{
	transform: rotate(-90deg);
	 font-size: 0.7rem !important;
    content: "\e90d" !important;
}
.fb {
    background-color: #3B5998;
    color: white;
}
.google {
    background-color: #dd4b39;
    color: white;
}
.btn {
    padding: 5px 12px;
    border: none;
    border-radius: 4px;
    margin: 5px 0;
    opacity: 0.85;
    font-size: 14px;
    line-height: 20px;
    width: 150px;
    display: block;
    text-decoration: none;
    text-align: left;
}
.btn:hover{
color:#FFF !important
}
.fa-fw {
    width: 1.28571429em;
    text-align: center;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.tp-bgimg.defaultimg 
{
	background-position:top center !important
}
.d-block
{
	display:inline-block
}

.float-l
{
	float:left !important
}