@font-face {
    font-family: franklin gothic demi cond;
    src: url(../fonts/franklingothic.ttf);
}
@font-face {
    font-family: Gill Sans MT Condensed;
    src: url(../fonts/gill-sans-mt-condensed.ttf);
}
@font-face {
    font-family: century gothic;
    src: url(../fonts/GOTHIC.ttf);
}
@font-face {
    font-family: Arial Narrow;
    src: url(../fonts/Arial Narrow.ttf);
}
body {
    margin: 0;
    padding: 0;
    background: #FFFFFF;
    color: #333;
    float: center;
}
.wrapper {
	margin: 0;
    padding: 0;
    width: 100%;
    /*border-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;*/
}
.header {
    width: 100%;
    background: #FFF;
    border-bottom: 1px solid #8CADCD;
}
.headerinner {
    margin: auto;
    width: 100%;
    max-width: 1200px;
}
.bright {
    border-right: 1px solid #8CADCD;
}
.textsp {
	text-align: left;
}
@media screen and (max-width: 540px) {
    .textsp {
		float: left;
		width: 60%;
		text-align: left;
	}
}
.textspa {
	text-align: center;
}
@media screen and (max-width: 540px) {
    .textspa {
		float: left;
		width: 40%;
		text-align: right;
	}
}
.textspb {
	text-align: right;
}
@media screen and (max-width: 540px) {
    .textspb {
		width: 100%;
		text-align: center;
	}
}
.whlink {
	color: #FFF;
	text-decoration: none;
}
.whlink:hover {
	color: #E4E4E4;
}
.headerbottom {
    width: 100%;
    background: #FFF;
}
.bottominner {
    margin: auto;
    width: 100%;
    max-width: 1200px;
	padding: 40px 0;
}
.logo {
    text-align: center;
}
.logo img {
    height: 60px;
}
.searchbox {
    float: left;
	text-align: left !important;
}
@media screen and (min-width: 540px) {
    .searchbox {
		float: left;
	}
}
.searchboxin {
	width: 320px;
    padding: 7px 0 3px 8px;
    border: 2px solid #439EF6;
	border-radius: 8px;
}
.searchboxupper {
    width: 80%;
    color: #353535;
    font-weight: normal;
    padding: 10px 0 10px 10px;
    font-family: verdana;
    outline: none;
	border: 0;
}
.srchbtn {
    background: url(../images/search.png) no-repeat;
    height: 19px;
    width: 21px;
    border: none;
    vertical-align: middle;
    cursor: pointer;
}
.currencybox {
    float: left;
	margin-top: 10px;
	text-align: left !important;
}
@media screen and (min-width: 540px) {
    .currencybox {
		float: left;
	}
}
.currencyin {
	width: 180px;
    padding: 6px 0 0 10px;
    border: 2px solid #2692A6;
	border-radius: 20px;
}
.currencyupper {
    width: 75%;
    color: #353535;
    font-weight: normal;
    padding-left: 10px;
    font-family: verdana;
    margin-bottom: 4px;
    outline: none;
	border: 0;
}
.currencybtn {
    background: url(../images/arrow.png) no-repeat;
    height: 19px;
    width: 21px;
    border: none;
    vertical-align: bottom;
    cursor: pointer;
}
.topbutton {
	padding: 15px 8px;
	background: #439EF6;
	border: 0px;
	border-radius: 8px;
	color: #FFF;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
}
.topbutton:hover {
	color: #E4E4E4;
	text-decoration: none !important;
}
.topnavmain {
	width: 100%;
    background: #004990;
}
@media (max-width: 540px) {
    .topnavmain {
		width: 100% !important;
	}
	.nomob {
		display: none;
	}
}
.topnav {
    overflow: hidden;
    z-index: 999999 ;
    width: 100% !important;
    text-align: center !important;
}
.topnav a {
	/*float: left;
    display: block;*/
    color: #FFF;
	font-size: 14px;
	font-weight: 400;
    letter-spacing: 1px;
	text-decoration: none;
    text-align: center;
    /*background-color: #56100C;*/
}
.topnav a:hover {
    background-color: #ddd;
    color: black;
}
.menubutton {
    margin-bottom: 0;
    padding: 20px;
    font-weight: 400;
}
.menubutton:hover {
    cursor: pointer;
}
.shopbutton {
    margin-bottom: 0;
    padding: 20px;
    background: #E1FF00;
    color: #3A3A3A;
    font-weight: 400;
}
.shopbutton:hover {
    background: #E4E4E4;
	cursor: pointer;
}
.feature {
    width: 100%;
    background: #FFF;
}
.featureinner {
    margin: auto;
    width: 100%;
    padding: 20px 0;
	max-width: 1200px;
    border-radius: 5px;
}
.bborder {
    border: 1px solid #8CADCD;
}
.bborderp {
    border: 1px solid #D3D3D3;
}
.pabs {
    position: absolute;
}
.aboutbg {
	background: url(../images/aboutbg.png) 100% no-repeat;
}
.headingab {
	color: #004990;
	font-size: 27px;
	font-weight: 900;
}
.mybutton {
	padding: 15px 30px;
	background: #FFF;
	border: 1px solid #E4E4E4;
}
.mybutton:hover {
	color: #999;
}
.subbutton {
	padding: 8px 40px;
	background: #439EF6;
	border: 0px;
	border-radius: 8px;
	color: #FFF;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
}
.subbutton:hover {
	color: #E4E4E4;
}
.subbuttona {
	width: 320px;
	padding: 13px 0 11px 0;
	background: #0A7EF5;
	border: 0px;
	border-radius: 25px;
	color: #FFF;
    font-size: 17px;
    font-weight: 600;
	text-align: center;
	letter-spacing: 1px;
}
.subbuttona:hover {
	color: #E4E4E4;
}
.subbuttonb {
	width: 200px;
	padding: 13px 0 11px 0;
	background: #9857EF;
	border: 0px;
	border-radius: 25px;
	color: #FFF;
    font-size: 17px;
    font-weight: 600;
	text-align: center;
	letter-spacing: 1px;
}
.subbuttonb:hover {
	color: #E4E4E4;
}
.waterbg {
	background: url(../images/watercolor.png) no-repeat;
	background-size: cover;
}
.inputbox {
    width: 320px;
    padding: 10px 5px;
    border: 2px solid #004990;
	border-radius: 8px;
	color: #439EF6;
	font-weight: bold;
}
.inputboxvl {
    width: 320px;
	padding: 15px 5px;
	background: #F7F7F7;
	border-top: 0px;
	border-bottom: 0px;
	border-left: 5px solid #0A7EF5;
	border-right: 0px;
	color: #439EF6 !important;
	font-weight: bold;
	letter-spacing: 1px;
}
::placeholder {
	color: #D8D9DE !important;
	letter-spacing: 1px;
}
.inputboxcl {
    width: 320px;
	padding: 15px 5px;
	background: #FFFFFF;
	border-top: 0px;
	border-bottom: 2px solid #9857EF;
	border-left: 0px;
	border-right: 0px;
	color: #9857EF !important;
	font-size: 17px;
	font-weight: normal;
	letter-spacing: 1px;
}
::placeholder {
	color: #9857EF !important;
	letter-spacing: 1px;
}
.inputboxrd {
    width: 180px;
    padding: 10px 5px;
    border: 1px solid #A5A5A5;
	border-radius: 15px;
	color: #439EF6;
	font-weight: bold;
}
.bgwhite {
	background: #FFF;
}
.protitle {
	color: #333;
}
.proprice {
	color: #333;
	font-size: 15px;
}
.propriced {
	color: #6D81E2;
	font-size: 15px;
}
.treebg {
	background: url(../images/treebg.png) no-repeat;
	background-size: cover;
}
.treebga {
	background: url(../images/treebga.png) no-repeat;
	background-size: cover;
}
.blackbg {
	background: #141414 !important;
}
.lightbg {
	background: #F9F9F9 !important;
}
.clearlink {
	float: right;
	padding: 1px 2px 0px;
	border: 2px solid black;
	border-radius: 8px;
	font-size: 12px;
	color: black;
	font-weight: bold;
}
.clearlink:hover {
	background: #E4E4E4;
}
.myinputbox {
	width: 300px;
	padding: 7px 0;
	border: 1px solid #2692A6;
}
.myinputboxa {
	width: 300px;
	padding: 7px 0;
	border: 1px solid #000;
	border-radius: 10px;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.qtynumber {
	width: 30px;
	padding: 9px;
	border: 0;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	color: #000;
	font-weight: bold;
}
.cartbutton {
	padding: 13px 12px 8px 42px;
	background: url('../images/carta.png') no-repeat left 12px top 12px #FFF;
	border: 2px solid #2692A6;
	font-size: 18px;
	color: #2692A6;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	text-align: center;
	 border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.cartbutton:hover {
	color: #4A4A4A;
}
.cartbuttonb {
	padding: 11px 20px;
	background: #FFF;
	border: 1px solid #2692A6;
	font-size: 16px;
	color: #2692A6;
	font-weight: bold;
	text-align: center;
	border-radius: 60px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
}
.cartbuttonb:hover {
	background: #E4E4E4;
}
.cartbuttonc {
	padding: 11px 17px;
	background: #FFF;
	border: 1px solid #2692A6;
	font-size: 16px;
	color: #2692A6;
	font-weight: bold;
	text-align: center;
	border-radius: 60px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
}
.cartbuttonc:hover {
	background: #E4E4E4;
}
.cartbuttond {
	padding: 11px 17px;
	background: #2692A6;
	border: 1px solid #2692A6;
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
.cartbuttond:hover {
	background: #E4E4E4;
}
.buybutton {
	padding: 15px 14px 10px 42px;
	background: url('../images/bag.png') no-repeat left 15px top 14px #2692A6;
	border: none;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	text-align: center;
	 border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.buybutton:hover {
	color: #4A4A4A;
}
.carttbl {
	width: 100%;
	background: #2692A6 !important;
}
.carttbl th {
	padding: 1%;
	background: #2692A6 !important;
	border: 1px solid #2692A6;
	color: #FFF;
}
.carttbl td {
	padding: 1%;
	background: #FFF !important;
	border: 1px solid #2692A6;
}
.cartimg {
	width: 100px;
}
.smallbox {
	width: 60px;
	padding: 7px;
	border: 1px solid #2692A6;
	border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.couponbox {
	width: 300px;
	padding: 8px;
	border: 2px solid #2692A6;
	 border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.totaltbl td {
	padding: 2%;
	background: #FFF !important;
	border: 1px solid #2692A6;
}
.total-cost {
	color: #2692A6;
}
@media (max-width: 540px) {
	#webview {
		display: none;
	}
	#mobview {
		display: block;
	}
	#webviewcart {
		display: none;
	}
	#mobviewcart {
		display: block;
	}
	#webviewnw {
		display: none;
	}
	#mobviewnw {
		display: block;
	}
}
@media (min-width: 541px) {
	#webview {
		display: block;
	}
	#mobview {
		display: none;
	}
	#webviewcart {
		display: block;
	}
	#mobviewcart {
		display: none;
	}
	#webviewnw {
		display: block;
	}
	#mobviewnw {
		display: none;
	}
}
.bgblue {
	background: #004990;
}
.bgowwhite {
	background: #E4E4E4;
}
.bgskblue {
	background: #439EF6;
}
.ylbottom {
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 2px solid #2692A6;
}
.inputboxchk {
	width: 100%;
	padding: 10px;
	border: 1px solid #2692A6;
	 border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.qurtbl {
	background: #000000 !important;
	border: 1px solid #E4E4E4;
	border-collapse: separate;
}
.qurtbl thead {
	background: #004990;
	color: #E4E4E4; 
}
.qurtbl th, td {
	padding: 12px;
}
.spborder {
	border: 1px solid #114A8E;
}
.spbordera {
	border: 1px dotted #999;
}
.footerbg {
    background: #141414 !important;
}
#stdntblk {
	display: none;
}
.wd100 {
    width: 100% !important;
}
.mr10 {
	margin-right: 10px;
}
.mt12 {
    margin-top: 12px;
}
.mt20 {
    margin-top: 20px;
}
@media screen and (max-width: 540px) {
    .mtm20 {
		 margin-top: 20px;
	}
}
.ml20 {
    margin-left: 20px;
}
.mt20 {
    margin-top: 20px;
}
.mt40 {
    margin-top: 40px;
}
@media screen and (max-width: 540px) {
    .mtm40 {
		 margin-top: 40px;
	}
}
.pd0 {
	padding: 0 !important;
}
.pb0 {
	padding-bottom: 0 !important;
}
.pd12 {
    padding: 12px 0;
}
.pd18 {
    padding: 18px 0;
}
.pd20 {
    padding: 20px;
}
.ptb24 {
	padding: 24px 0 !important;
}
.pdtb30 {
	padding: 30px 0 !important;
}
.pd40 {
	padding: 40px !important;
}
.pdlr40 {
	padding: 0 40px !important;
}
.pdtb40 {
	padding: 40px 0 !important;
}
.pdtb60 {
	padding: 60px 0 !important;
}
.pdtb80 {
	padding: 80px 0 !important;
}
.pdtb100 {
	padding: 100px 0 !important;
}
.pdform {
	padding: 30px 0 55px 0 !important;
}
.pdfooter {
	padding: 30px 0 40px 0 !important;
}
.pdcopyr {
	padding: 22px 0 50px 0 !important;
}
.floatleft {
    float: left;
}
.floatright {
    float: right;
}
.text-left {
    text-align: left !important;
}
.text-center {
    text-align: center !important;
}
.text-right {
    text-align: right !important;
}
.heading {
	margin: auto;
	font-weight: 600;
}
.fntbold {
	font-weight: bold;
}
.font12 {
	font-size: 12px;
}
.smalltxt {
	font-size: 13px;
}
.bigtxt {
	font-size: 20px;
}
.tnhead {
	font-size: 17px;
	letter-spacing: 1px;
}
.redtxt {
	font-size: 12px;
	color: #C10000;
}
.rdtxt {
	color: #C10000;
}
.greentxt {
	font-size: 12px;
	color: rgb(14, 56, 4);
}
.grtxt {
	color: rgb(14, 56, 4);
}
.twhite {
    color: #FFF;
}
.mcltext {
	color: #2692A6;
}
.darktxt {
    color: #3A3A3A;
}
.bluetxt {
	color: #0A7EF5;
}
.pinktxt {
	color: #9857EF;
}
.lightback {
	background: #FCFCFC;
}
.lightbacka {
	background: #E4E4E4 !important;
}
.darkback {
	background: #E7F2ED;
}
.cleaner {
	clear: both;
}
.h3 {
    height: 3px;
}
.h3a {
    height: 3px;
}
.h4a {
	height: 4px;
}
.h5a {
    height: 5px;
}
.h8 {
    height: 8px;
}
.h10 {
    height: 10px;
}
.h10b {
    height: 10px;
    border-top: 1px dashed #999999;
}
.h12 {
    height: 12px;
}
.h15 {
    height: 15px;
}
.h20 {
    height: 20px;
}
.h25 {
    height: 25px;
}
.h30 {
    height: 30px;
}
.h35 {
    height: 35px;
}
.h40 {
    height: 40px;
}
.h45 {
    height: 45px;
}
.h50 {
    height: 50px;
}
.h55 {
    height: 55px !important;
}
.h60 {
    height: 60px;
}
.h70 {
    height: 70px;
}
.h80 {
    height: 80px;
}
.h200 {
    height: 200px;
}