.kprofileBox {margin-bottom:20px}
.kprofileTitle {background-color:#277098;color:white;font-size:1.4em;text-align:center;padding:5px}
.kprofileSubTitle { font-size:larger;font-weight:bold;margin:10px 0}
.kprofileLabel {display:inline-block;font-weight:bold}
.kprofileValue {display:inline-block;}
.kprofileChangeThis {color:blue;cursor:pointer;text-decoration:underline;font-size:smaller;}

.kprofileShipmentDetails {display:none};

#kprofileFormHiddenAddress { display:none}

input.no-error, select.no-error {
    background: url(../images/checkout/tickmark.png) 99.5% 50% no-repeat #fff;
    border: 1px solid green;
}

.kprofilePaySourceTile {border:1px solid #CCC;padding:10px;background-color:#efefef;margin:10px 0}
.kprofilePaySourceTile span{display:inline-block;line-height:1;margin-left:20px;vertical-align:middle}
.kprofilePaySourceTile input{vertical-align:middle}

.kprofilePrimaryPaySource { border: 1px solid black !important}



table.kprofileTable {width:100%; border-spacing:0;padding-top:5px;font-size:16px; border-radius:.5em;word-wrap:break-word}
.kprofileTable td {text-align:left;padding:.8em .5em;border-bottom:thin dotted #CCC;}
.kprofileTable tr.titleRow td{padding:.8em .5em !important;white-space:nowrap;border-top:1px solid #CCC;border-bottom:1px solid #CCC;font-style:italic;font-size:18px}





/*
Form styling
*/
.kform {font-size:1em;}
div.kform{position:relative;}
.kform div.kform_spacer {margin:.75em 0;display:block;}
.kformSpacer {margin:.75em 0;display:block;}
.kform input[type="text"],input[type="email"],input[type="tel"],input[type="number"] {
	display:inline-block;
	margin-right:5px;
	padding:12px 18px;
	width:100%;
	box-shadow: 0 0 0 3px rgba(0,0,0,0.05) !important;
	border: 1px solid rgba(0,0,0,0.2);
	font-size: 16px;
	border-radius: 3px;
}
.kform input[type="checkbox"]{display:inline-block;vertical-align: middle;}
.kform select {
    padding: 12px 18px;
    width: 100%;
    box-shadow: 0 0 0 3px rgb(0 0 0 / 5%) !important; 
    border: 1px solid rgba(0,0,0,0.2);
    font-size: 16px;
    border-radius: 3px;
    
}
select{ 
    background: url(../images/checkout/bg-new-select.png) 100% 50% no-repeat #fff;
}
.kform .kform_checkbox label {margin-left:.25em;text-align:left;font-size:1em;vertical-align:middle}
.kform label {padding:5px 5px;display:inline-block;text-align:left;vertical-align:middle}

.kformTitle {font-size:larger;font-weight:bold;margin:20px 0;}
.kformSubTitle {font-size:1em;font-weight:bold;margin:10px 0;}

.kformPaySourceTile {border:1px solid #CCC;padding:10px;background-color:#efefef;margin:10px 0}
.kformPaySourceTile span{display:inline-block;line-height:1;margin-left:20px;vertical-align:middle}
.kformPaySourceTile input{vertical-align:middle}

#kform_paySelect {padding-top:1em;border-top:0 dashed #666}
#kform_paySelectTitle {font-size:1em;font-weight:bold;display:inline-block;}
.kform_paySelectOption {display:inline-block;margin-left:1em}
.kform_title {font-size:1em;font-weight:bold;}

#kform_paySourceCard{margin-bottom:2em}
@media (min-width:1001px){#kform_paySourceCard{margin-bottom:0;}}
#kform_paySourceCheck{margin-bottom:2em;display:none}

.kform_submitBtn{
	border-radius: 3px;
	border:thin outset black;
	color:white;
	height:3em;
	font-weight:bold;
	font-size:18px;
	background-color:#1e8504;
	display:block;}
.kform_submitBtn:hover{cursor:pointer;background-color:#125223}

.kform_upsellBtn{
	width: 100%;
	padding: 12px 20px;
	border: 1px solid #078216;
	color:white;
	font-weight:bold;
	font-size:18px;
	background-color:#0ba11e;
	border-radius: 4px;
	text-align: center;
}
.kform_upsellBtn:hover{
	cursor:pointer;
	background-color:#037512
}

#kform_payPalButton {width:100%}
#kform_payPalButton:hover {cursor:pointer}

#AmazonPayButton{margin-top:20px}
#addressBookWidgetDiv{width:400px;height:200px;}
#walletWidgetDiv{width:400px;height:200px;margin-top:20px}


/*
Order Summary Styling
*/

.kform_orderSummaryTable { cell-spacing:1em;width:100%;}
.kform_orderSummaryTitleRow { font-weight:bold; padding:0 1em}
.kform_orderSummaryRow { padding:0 1em}


/*
Shopping cart styling
*/
#kform_cartDiv { font-family:Arial, Helvetica, sans-serif;}
#kform_cartTitle { font-size:1.2em;font-weight:bold;padding:10px 0;}
#kform_cartTable { width:100%;margin:0px auto 15px auto;font-size:.8em;border-spacing:0}
#kform_cartTable td{border-bottom:1px solid #ccc;padding:6px 10px}
#kform_cartTitleRow {background-color:#f8f8f8;font-weight:bold;}
#kform_cartTitleRow td{font-size:1em;line-height:60px;border-top:1px solid #ccc;}
#kform_emptyCartMessage {text-align:center;font-size:1.2em;font-style:italic;padding:2em 0 !important}
.kform_itemQtyBox {width:30px;display:inline-block}
.kform_cartProductImg {max-width:150px;max-height:75px;vertical-align:middle}
.kform_removeBtn {font-size:10px;padding:2px 1px}
.kform_layout2Col {float:left;width:340px; position:relative;padding-right:20px;float:left}
.kform_continueShoppingBtn {float:right;padding:.25em 1em;}

/*
Product Box styling
*/
.kform_catalogBox { padding:1em 0; border-bottom:1px solid #CCC}
.kform_catalogBox h3 {margin-top:0}
.kform_productBoxImage { max-height:100px;max-width:100px;float:left;margin-right:10px;}
.kform_productSelect {
	width:15px;
	height:15px;
	cursor:pointer;
}
.kform_productSelect:hover {cursor:pointer}
.kform_productBox { text-align:left;width:100%}
.kform_productBox h3 {margin-top:0}
div.kform_selectedProduct {
	background-repeat: no-repeat;
}


/*
Pricing and totals styling
*/
.kform_pricingDiv { font-size:1em;padding:20px 0}
.kform_pricingDiv div {width:auto}
.kform_priceLabel{margin-right:1em;text-align:right;display:inline-block}
#kform_price{}
#kform_shipPrice{}
#kform_salesTax{}
#kform_discount{display:none;color:green}
#kform_insurance{display:none}
#kform_grandTotal{border-top:1px solid #ccc}

.kcartTotals { width:100%;border-spacing: 0}

/*Upsell Page Styling */
.kform_upsellImage {margin-right:20px;max-height:200px;max-width:200px}


/*
Form Error styling
*/

.kformSubmitError
{
	padding:10px 0;
	font-size:16px;
	font-family:Arial;
	border:none;
	color:#cc0000;
	font-weight:bold;
}
.kformSubmitErrorContainer
{
	display:block;
}

.kformInlineError
{
	padding:10px;
	font-size:14px;
	font-family:Arial;
	border:none;
	color:#cc0000;
	font-weight:bold;
}

.kformErrorPop
{
	padding:10px 20px 10px 10px;
	border:medium solid #cc0000;
	color:#cc0000;
	background:white;
	font-size:14px;
	font-family:Arial;
	color:#cc0000;
	font-weight:bold;
}

.kformErrorPopContainer
{
	position:absolute;z-index:10000;
	box-shadow: 5px 5px 5px #888888;
}

.kformErrorOutline
{
	outline: thin solid red !important;
}



/*
Progress bar dialog styling
*/
.kdialogWrap{position:absolute;z-index:2000000;top:0;left:0;width:100%;height:100%;z-index:1000;-webkit-backface-visibility: hidden;}
.kdialogBackground{position:absolute;top:0;left:0;z-index:1;background-color:#666;opacity:0.3;width:100%;height:100%;}

.kdialogContent{
	position:absolute;
	z-index:2000000;
	background-color:white;
	padding:20px;
	border-radius:5px;
	font-size:1em;
	min-width:200px;
	max-width:800px;
	font-family:Arial;
	max-height:80%;
	overflow-y:auto;
}

.kdialogTitle
{
	font-size:20px;
	weight-weight:bold;
	border:1px solid #CCC;
	border-width: 0 0 1px 0;
	font-weight:bold;
	margin-top:0

}

.kformProgressBar {width:60px;height:60px;background-image:url(../images/ajax-loader.gif);background-size:100% 100%;opacity:0.5}

.kdialogXOut{width:15px;height:15px;position:absolute;top:6px;right:6px;background-image:url(../images/icon_xout.html);background-position:0 100%;background-size:100% 200%;}
.kdialogXOut:hover{background-position:0 0;cursor:pointer;cursor:hand;}

.kdialogConfirmOptions{text-align:center;margin:20px;}
.kdialogConfirmOptions input{margin-right:20px;}



@media only screen and (min-width: 980px) {



.ktemplate_pageContainer {width:980px;margin:0 auto;position:relative;font-family:Arial}
.ktemplate_boxLeft {width:620px;float:left;margin-right:20px}
.ktemplate_boxRight {width:340px;float:right}
.ktemplate_sideBar {width:340px;float:right;background-color:#f7f7f7;min-height:800px}
.ktemplate_sideBar h1{margin-top:200px;text-align:center;font-size:2em;font-style:italic;font-weight:100}
.ktemplate_userCopy{padding:40px 0;text-align:center;font-size:2em;font-weight:bold}
.ktemplate_header {background-color:#f7f7f7;height:120px;}
.ktemplate_header h1{text-align:center;font-size:2em;padding-top:40px;font-style:italic;font-weight:100}


.kthanks {width:500px;margin:0 auto;font-family:Arial}
.kthanks_box {border:1px solid black;border-radius: 5px;margin-bottom:20px;width:500px;float:left;margin-right:20px}
.kthanks_boxTitle {background-color:#277098;color:white;font-size:1.4em;text-align:left;padding:5px}
.kthanks_boxContent { padding:20px}

.kthanksItemsTable { width:100%}
.kthanksItemsTable_TitleRow td {font-weight:bold;font-size:larger}
.kthanksItemsTable td{padding:5px}
.kthanks_spacer { white-space:nowrap}
.kthanks_label {font-weight:bold;width:100px;text-align:right;margin-right:10px;display:inline-block}
.kthanks_value {display:inline-block}

#kthanks_reorderLink {}

#kform input[type="text"],input[type="email"],input[type="tel"],input[type="number"] {width:100%;}
#kform select {width:100%;}
#kform_paySourceCard{width:100%;}
.formfields {width:340px}
.kform_submitBtn{width:100%; font-size: 18px;}

/*styling for shopping cart, which has fields inside the .layout2Col class*/
.kform_layout2Col_L{width:440px}
#kform .kform_layout2Col_L input[type="text"],input[type="email"],input[type="tel"],input[type="number"] {width:400px}
#kform .kform_layout2Col_L select {width:430px}

.kform_layout2Col_R {width:440px}
.kform_layout2Col_R input[type="text"],input[type="email"],input[type="tel"],input[type="number"] {width:310px}
#kform .kform_layout2Col_R select {width:430px}
.kform_layout2Col #kform_paySourceCard{width:430px}
.kform_layout2Col #kform_paySourceCard input[type="text"],input[type="email"],input[type="tel"],input[type="number"] {width:100%}
.kform_kcartCheckout .kform_submitBtn{width:100%; font-size: 18px;}

}


@media only screen and (min-width: 1px) and (max-width: 979px) {

.ktemplate_pageContainer {max-width:420px;margin:0 auto;position:relative;font-family:Arial}
.kprofile_container {max-width:520px !important;}
.ktemplate_boxLeft {max-width:400px;margin-right:20px;}
.ktemplate_boxRight {max-width:400px;}
.ktemplate_sideBar {max-width:400px;background-color:#f7f7f7;height:auto}
.ktemplate_sideBar h1{margin-top:200px;text-align:center;font-size:2em;font-style:italic;font-weight:100}
.ktemplate_userCopy{padding:40px 0;text-align:center;font-size:2em;font-weight:bold}
.ktemplate_header {background-color:#f7f7f7;height:120px;width:400px}
.ktemplate_header h1{text-align:center;font-size:2em;padding-top:40px;font-style:italic;font-weight:100}

.kthanks {width:400px;margin:0 auto;font-family:Arial;font-size:12px}
.kthanks_box {border:1px solid black;border-radius: 5px;margin-bottom:20px;float:left;margin-right:20px;width:400px}
.kthanks_boxTitle {background-color:#277098;color:white;font-size:1.4em;text-align:left;padding:5px}
.kthanks_boxContent { padding:20px}

.kthanksItemsTable { width:100%}
.kthanksItemsTable_TitleRow td {font-weight:bold;}
.kthanksItemsTable td{padding:5px}
.kthanks_spacer { white-space:nowrap;font-size:12px}
.kthanks_label {font-weight:bold;width:100px;text-align:right;margin-right:10px;display:inline-block}
.kthanks_value {display:inline-block}

.kprofileTitle {width:460px !important}

#kthanks_reorderLink {}

.formfields {width:400px}
#kform input {font-size:16px}
#kform select {font-size:16px}

.kform_submitBtn{width:100%; font-size:18px!important;}
}


#kcartSigninButton {cursor:pointer;color:blue}


#kcart {}
#kcartTitle { font-size:larger;font-weight:bold;padding:0;margin:0}
#kcartTable { width:100%;margin:0px auto 15px auto;font-size:.8em;border-spacing:0}
#kcartTable td{border-bottom:1px solid #ccc;padding:6px 10px}
#kcartTitleRow {background-color:#f8f8f8;font-weight:bold;}
#kcartTitleRow td{font-size:1em;line-height:60px;border-top:1px solid #ccc;}
.kcartItemQty {width:30px;display:inline-block;text-align:center}
.kcartMinusBtn {display:inline-block;vertical-align:-1px;width:20px;cursor:pointer;font-size:24px;font-family:monospace;text-align:center;font-weight:bold}
.kcartPlusBtn  {display:inline-block;width:20px;cursor:pointer;font-size:24px;font-family:monospace;text-align:center;font-weight:bold}

.kcartProductImage {max-width:150px;max-height:75px;vertical-align:middle}
.kcartRemoveBtn {font-size:10px;padding:2px 1px}

#kcartEmptyCartWarning {text-align:center;font-size:1.2em;font-style:italic;padding:2em 0 !important}
.kcartShopButton {display:block;float:right;}

table.kcartTotals{border:none}
.kcartTotals td{border:none;}

.kcartSubTotal {}
.kcartShipTotal {}
.kcartDiscount {color:green}
.kcartSalesTax {}
td.kcartGrandTotal {font-weight:bold}
.kcartInsurance {}

.kcartAddToCartButton {
	float:right;
	width:100px;
	height:26px;
	background-image:url(../images/add-to-cart.html);
	background-size:100% 100%;
	cursor:pointer;
}


.kcartWidget{
	border:none !important;
	position:relative;
	color:black;
	text-decoration:none;
}
.kcartWidgetImage{
	width:90px;
	height:90px;
	display:inline-block;
	vertical-align:-15px;
	background-image:url(../images/cart.html);
	background-size:100% 100%;
	opacity:1;
	position:relative;
}
.kcartWidgetText{
	height:90px;
	display:inline-block;
	font-size:18px;
	line-height:1.1;
	font-weight:bold;
	font-family:sans-serif;
}
.kcartWidgetOpenLink{
	color:blue;
	text-decoration:underline;
	font-size:smaller;
}


#kcartSignin {width:220px}
#kformSignup input[type=text],input[type=password] {margin:5px 0;min-width:220px;padding:2px 0;text-indent:5px;}

.kcartLogoutWrap{line-height:1;font-size:smaller}
#kcartLogout{display:inline-block;margin-left:10px;color:blue;cursor:pointer}
.checkoutRight input.no-error, 
.checkoutRight select.no-error,
.checkoutRight input.has-error, 
.checkoutRight select.has-error{
padding-right: 20px;
-webkit-appearance: none;
       -moz-appearance: none;
        -ms-appearance: none;
         -o-appearance: none;
            appearance: none;
}
.checkoutRight input.no-error::-ms-expand,
.checkoutRight select.no-error::-ms-expand,
.checkoutRight select.has-error::-ms-expand{
    display: none;
opacity: 0;
}


/* cyrillic-ext */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/arimo/v17/P5sfzZCDf9_T_3cV7NCUECyoxNk37cxcDRrBZQI.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/arimo/v17/P5sfzZCDf9_T_3cV7NCUECyoxNk37cxcBBrBZQI.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/arimo/v17/P5sfzZCDf9_T_3cV7NCUECyoxNk37cxcDBrBZQI.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/arimo/v17/P5sfzZCDf9_T_3cV7NCUECyoxNk37cxcAxrBZQI.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/arimo/v17/P5sfzZCDf9_T_3cV7NCUECyoxNk37cxcAhrBZQI.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/arimo/v17/P5sfzZCDf9_T_3cV7NCUECyoxNk37cxcDxrBZQI.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/arimo/v17/P5sfzZCDf9_T_3cV7NCUECyoxNk37cxcDhrBZQI.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/arimo/v17/P5sfzZCDf9_T_3cV7NCUECyoxNk37cxcABrB.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body{
margin: 0 0 0 0;
font-family: 'Arimo', sans-serif;
background: #fff;
}
a:link,
a:visited{
text-decoration: inherit;
color: inherit;
}
a.textLink:link,
a.textLink:visited{
text-decoration: inherit;
color:#00F;
}
a.textLink:hover{
text-decoration: underline;
}
 #suggestLink{
font-style: italic;
color: #009;
text-decoration: underline;
font-weight: bold;
cursor: pointer;
}
#suggestion{
font-size: 13px;
}
.clear{
clear: both;
}
#hiddenOffers{
display: none !important;
}
.pullLeft{
float: left;
text-align: left;
}
.pullRight{
float: right;
text-align: right;
}
#headerBar{
width: 100%;
height: auto;
margin: 0 auto;
top: 0;
background: #6ab8e6;
color: #fff;
font-size: 20px;
text-align: center;
padding: 15px 0px;
}
#topLogo{
width: 200px;
height: auto;
margin: 0 auto;
margin-top: 12px;
}
#topBar{
width: 1000px;
height: auto;
margin: 0 auto;
margin-top: 12px;
background: #ebebeb;
padding: 8px 0px;
}
#topInner {
       width: 100%;
    height: 23px;
    margin: 0 auto;
    max-width: 360px;
}

#topText1 span::before{
    content:'';
    background: url('../images/checkout/shield1.png');
    width: 18px;
    height: 23px;
    position: absolute;
    left: 0;
    top: 0;
    background-size: contain;
}

.security-icon{
    display: inline-block;
    width: 50%;
    margin-left: 10px;
    float: right;
}

#topText1 span{
    display:inline-block;
    margin-left:29px;
}

.creditlabel_column{
    clear: both;
    overflow: hidden;
}

.creditlabel{
    float: left;
}

.creditcardImage_column{
    float: right;
    max-width: 50%;
}

#shield1{
width: auto;
height: 23px;
float: left;
}

#shield1 img{
    height:100% !important;
}


#topText1{
width: calc(100% - 23px);
    height: 23px;
    float: none;
    line-height: 23px;
    text-align: center;
    color: #404040;
    font-size: 16px;
    position: relative;
}
#topText2{
width: 100%;
height: auto;
margin: 0 auto;
margin-top: 15px;
font-size: 16px;
color: #333;
text-align: center;
font-family: 'Arimo', sans-serif;
}
#mainCheckout{
width: 1000px;
height: auto;
margin: 0 auto;
margin-top: 25px;
}
#checkoutLeft{
width: 550px;
height: auto;
float: left;
}
#checkoutRight{
width: 410px;
height: auto;
float: right;
}
#leftText1{
width: 100%;
height: auto;
font-size: 18px;
padding-bottom: 8px;
border-bottom: 1px solid #ddd;
color: #333;
}
.selectorBox{
width: calc(100% - 42px);
height: auto;
margin: 0 auto;
padding: 18px;
border-radius: 3px;
border: 1px solid #858585;
cursor: pointer;
margin-top: 15px;
}
.selectedBox{
border: 3px solid #6ab8e6;
box-shadow: -1px 2px 4px 1px rgba(0,0,11,.15)
}

.selectedBox .selectorTitle{
   color: #6ab8e6; 
}
.selectorCheck{
width: 22px;
height: 22px;
float: left;
border: 1px solid #7c7c7c;
}
#innerCheck1,
#innerCheck2,
#innerCheck3,
#innerCheck4,
#innerCheck5,
#innerCheck6,
#innerCheck7,
#innerCheck8,
#innerCheck9,
#innerCheck10,
#innerCheck11,
#innerCheck12{
width: 18px;
height: 18px;
margin: 0 auto;
background: #fff;
margin-top: 2px;
}
.innerSelected{
background: #6ab8e6 !important;
}
.selectorMid{
width: 260px;
height: auto;
float: left;
margin-left: 12px;
}
.selectorTitle{
width: 100%;
height: auto;
font-size: 15px;
font-weight: 700;
color: #222;
}

.selectorRecommended img{
    width: 16px;
}
.selectorDevice {
    width: auto;
    height: auto;
    float: left;
    margin-top: 20px;
    padding-bottom: 20px;
}

.selectorDevice img{
    height: 66px;
    width: auto;
}
.mobileTitle{
width: 100%;
height: auto;
font-size: 17px;
font-weight: 700;
color: #222;
display: none;
}
.selectorRight{
width: calc(100% - 300px);
height: auto;
float: right;
}
.selectorRecommended{
width: 100%;
    height: 16px;
    margin-top: 52px;
    font-size: 17px;
    color: #be1e2d;
    text-align: right;
    margin-bottom: 15px;
    font-weight: bold;
}
.selectorStrike{
width: 100%;
height: auto;
margin-top: 5px;
font-size: 17px;
color: #cc0000;
text-align: right;
text-decoration: line-through;
}
.selectorPrice{
width: 100%;
height: auto;
margin-top: 5px;
font-size: 18px;
color: #222;
text-align: right;
font-weight: 700;
}
.mobileRecommended{
width: 100%;
height: 16px;
margin-top: 10px;
font-size: 14px;
color: #222;
text-align: left;
display: none;
}
.mobileStrike{
width: 100%;
height: auto;
margin-top: 5px;
font-size: 17px;
color: #cc0000;
text-align: left;
text-decoration: line-through;
display: none;
}
.mobilePrice{
width: 100%;
height: auto;
margin-top: 5px;
font-size: 18px;
color: #222;
text-align: left;
font-weight: 700;
display: none;
}
.mobileDevice{
width: 100%;
height: auto;
margin-top: 30px;
display: none;
}
#leftText2{
width: 100%;
height: auto;
font-size: 15px;
padding-bottom: 8px;
border-bottom: 1px solid #ddd;
color: #333;
margin-top: 25px;
}
#leftText3{
width: 100%;
height: auto;
margin: 0 auto;
font-family: 'Arimo', sans-serif;
color: #222;
font-size: 14px;
font-weight: 700;
margin-top: 10px;
}
#leftText4{
width: 100%;
height: auto;
margin: 0 auto;
font-family: 'Arimo', sans-serif;
color: #222;
font-size: 14px;
font-weight: 700;
margin-top: 10px;
}
#leftText5{
width: 100%;
height: auto;
margin: 0 auto;
font-family: 'Arimo', sans-serif;
color: #222;
font-size: 14px;
font-weight: 700;
margin-top: 10px;
}
#savingsBox{
width: 100%;
height: auto;
margin: 0 auto;
margin-top: 20px;
border: 1px dashed #EA0013;
background: rgba(248,231,28,0.2);
padding: 20px 0px;
position: relative;
}
#savingsLeft{
width: 200px;
height: auto;
float: left;
}
#savingsRight{
width: calc(100% - 245px);
height: auto;
float: right;
text-align: right;
font-weight: 700;
font-size: 17px;
margin-right: 15px;
}
#discountText{
width: 100%;
height: 20px;
color: #d00;
margin-top: 20px;
margin-bottom: 15px;
}
#discount1{
display: none;
}
#rightText1{
width: 100%;
height: auto;
font-size: 18px;
padding-bottom: 8px;
border-bottom: 1px solid #ddd;
color: #333;
}
#paypalButton{
width: 100%;
height: auto;
margin: 0 auto;
margin-top: 20px;
background: #ffc438;
border-radius: 5px;
border-bottom: 3px solid #c8951d;
cursor: pointer;
padding: 10px 0px;
}
#paypalLogo{
width: 100px;
height: auto;
margin: 0 auto;
}

#ccButton {
    width: 100%;
    max-width: 250px;
    height: auto;
    margin: 0 auto;
    margin-top: 20px;
    background: #ffc438;
    border-radius: 5px;
    border-bottom: 3px solid #c8951d;
    cursor: pointer;
    padding: 7px 0px;
}

#cclogo{
	text-align: center;
}

#cclogo img{
	width: 30px;
	height: auto;
	margin: 0 auto;
	margin-right: 15px;
	    vertical-align: middle;
}

#cclogo span{
font-weight: bold;
    text-align: center;
    vertical-align: middle;
    font-size: 11px;
    text-transform: uppercase;
}
#rightLine1{
width: 100%;
height: 2px;
background: #ddd;
margin: 0 auto;
z-index: 1;
margin-top: 25px;
}
#lineText1{
width: 100%;
height: 18px;
margin: 0 auto;
margin-top: 20px;
z-index: 2;
background: #fff;
line-height: 18px;
color: #333;
text-align: center;
font-size: 18px;
font-weight: 700;
margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: roboto;
}
#lineText1 img{
    padding-right: 5px;
    margin-top:-5px;
}
input:focus {
outline: none !important;
border-color: #4fcee9 !important;
box-shadow: 0 0 4px #4fcee9 !important;
}
#rightText2{
width: 100%;
height: auto;
font-size: 18px;
padding-bottom: 8px;
border-bottom: 1px solid #ddd;
color: #333;
margin-top: 25px;
margin-bottom: 20px;
}
@media (min-width:1001px){
    #rightText2{margin-top:0;}
}
#checkoutButton{
width: 100%;
height: auto;
margin: 0 auto;
margin-top: 20px;
background: #29af5c;
border-radius: 5px;
border-bottom: 3px solid #128e41;
cursor: pointer;
padding: 23px 0px;
color: #fff;
font-size: 18px;
font-weight: 400;
text-align: center;
}
#rightLine2{
width: 100%;
height: 2px;
background: #29af5c;
margin: 0 auto;
z-index: 1;
margin-top: 25px;
}
#lineText2 {
    max-width: 270px;
    height: 18px;
    margin: 0 auto;
    margin-top: -8px;
    z-index: 2;
    background: #fff;
    line-height: 18px;
    color: #333;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 15px;
    letter-spacing: 0.5px;
}
#secureImg{
width: 70%;
height: auto;
margin: 0 auto;
}
#guarImg{
width: 100%;
height: auto;
margin: 0 auto;
}
#fbContainer{
width: 996px;
height: auto;
margin: 0 auto;
margin-top: 30px;
}
.fbBox{
width: 278px;
height: auto;
min-height: 189px;
float: left;
margin-left: 16px;
margin-right: 16px;
padding: 15px 10px;
border: 1px solid #ddd;
}
.fbPic{
width: 32px;
height: 32px;
float: left;
}
.fbMain{
width: calc(100% - 42px);
height: auto;
float: right;
}
.fbTop{
width: 100%;
height: auto;
margin-bottom: 4px;
font-size: 14px;
}
.fbMid{
width: 100%;
height: auto;
margin-bottom: 10px;
font-size: 14px;
color: #333;
}
.fbBot{
width: 100%;
height: auto;
font-size: 12px;
color: #3f5c9a;
}
#guaranteeBox {
    width: calc(100% - 50px);
    height: auto;
    margin: 0 auto;
    padding: 0px 25px;
    margin-top: 25px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
#guaranteeImg {
    width: 125px;
    height: auto;
    float: left;
    margin-right: 20px;
}
#guaranteeText{
width: calc(100% - 125px - 40px);
height: auto;
float: right;
color: #666666;
font-size: 13px;
text-align: left;
line-height: 18px;
}
#footer1{
width: 100%;
height: auto;
margin: 0 auto;
background: #6ab8e6;
padding-top: 25px;
padding-bottom: 50px;
margin-top: 40px;
}
#footerText{
width: 250px;
height: auto;
margin: 0 auto;
text-align: center;
color: #fff;
font-size: 14px;
font-weight: bold;
font-family: 'Arimo', sans-serif;
}
#extraText{
width: 95%;
height: auto;
margin: 0 auto;
text-align: center;
color: #fff;
font-size: 11px;
font-family: 'Arimo', sans-serif;
margin-top: 25px;
}
#leaveFade{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999999;
background: rgba(0, 0, 0, 0.7);
display: none;
}
#leavePop{
width: 800px;
height: auto;
position: fixed;
top: 150px;
left: calc(50% - 400px);
z-index: 1000;
background: #ffe300 ;
border: 5px solid #e43b2c ;
border-radius: 10px;
padding-bottom: 40px;
display: none;
}
.innerStyling{
width: 700px;
height: auto;
margin: 0 auto;
text-align: center;
font-family: 'Arimo', sans-serif;
}
#leaveX1{
width: 35px;
height: 35px;
float: right;
margin-right: -20px;
margin-top: -20px;
z-index: 1005;
cursor: pointer;
}
#innerA1{
color: #2f2f2f ;
font-size: 34px;
font-weight: bold;
padding-top: 40px;
}
#innerB1{
color: #0000ee ;
font-size: 24px;
font-weight: bold;
padding-top: 25px;
}
#innerC1{
color: #e43b2c ;
font-size: 26px;
padding-top: 20px;
}
#innerD1{
color: #2f2f2f ;
font-size: 18px;
padding-top: 25px;
}
#innerE1{
width: 300px;
height: auto;
margin: 0 auto;
text-align: center;
font-family: 'Arimo', sans-serif;
color: #2f2f2f ;
font-size: 32px;
padding-top: 20px;
font-weight: bold;
letter-spacing: 2px;
}
#innerF1{
width: 150px;
height: auto;
margin: 0 auto;
font-family: 'Arimo', sans-serif;
color: #4e4e4e ;
font-size: 10px;
padding-top: 5px;
text-align: center;
}
#innerFa1{
width: 75px;
height: auto;
float: left;
}
#innerFb1{
width: 75px;
height: auto;
float: right;
}
#innerButton1{
width: 400px;
height: auto;
margin: 0 auto;
margin-top: 20px;
padding: 12px 0px;
color: #fff;
font-size: 24px;
font-weight: bold;
text-align: center;
background: #0bba18 ;
border-radius: 4px;
border: 1px solid #099513 ;
cursor: pointer;
}
#innerButton1:hover{
background: #03880d ;
border: 1px solid #04730c ;
}
.priceGroup2{
display: none;
}
#recentBox{
max-width: 280px;
width:100%;
padding: 15px;
height: auto;
position: fixed;
z-index: 500;
left: 15px;
bottom: -115px;
background: #fff;
display: none;
box-shadow: 0px 0px 5px #000;
}
#recentImg{
width: 80px;
height: auto;
float: left;
}
#recentText{
width: calc(100% - 95px);
height: auto;
float: left;
font-size: 13px;
font-family: 'Arimo', sans-serif;
margin-left: 15px;
}
input[type=text], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=email], select, textarea {
    height: inherit;
}

select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
#checkoutRight input.no-error, 
#checkoutRight select.no-error,
#checkoutRight input.has-error, 
#checkoutRight select.has-error{
padding-right: 20px;
-webkit-appearance: none;
       -moz-appearance: none;
        -ms-appearance: none;
         -o-appearance: none;
            appearance: none;
}
input.no-error::-ms-expand,
select.no-error::-ms-expand,
select.has-error::-ms-expand{
    display: none;
    opacity: 0;
}
#topText1 span::before{
        left: 6px;
}
@media screen and (max-width: 1000px) {
body{
overflow-x: hidden;
}
#headerBar{
font-size: 17px;
}
#topLogo{
margin-top: 7px;
}
#topBar{
width: 100%;
margin-top: 7px;
}
#topText2{
font-size: 15px;
}
#mainCheckout{
width: 100%;
}
#checkoutLeft{
width: 97%;
float: none;
margin: 0 auto;
}
#checkoutRight{
width: 97%;
float: none;
margin: 0 auto;
margin-top: 25px;
}
.selectorBox {
    width: calc(100% - 32px);
    height: auto;
    margin: 0 auto;
    padding: 13px;
    cursor: pointer;
    margin-top: 15px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
}
.selectorMid {
    max-width: 50%;
    height: auto;
    float: left;
    margin-left: 8px;
}
.selectorRight {
    width: 68px;
    height: auto;
    position: absolute;
    right: 9%;
}
.mobileTitle,
.mobileRecommended,
.mobileStrike,
.mobilePrice,
.mobileDevice{
display: block;
}
.selectorTitle,
.selectorDevice,
.selectorRecommended,
.selectorStrike,
.selectorPrice{
display: none;
}
#savingsLeft{
width: 150px;
}
#savingsRight{
width: calc(100% - 195px);
font-size: 16px;
}
#fbContainer{
width: 100%;
}
.fbBox{
width: 90%;
height: auto;
float: none;
margin: 0 auto;
margin-bottom: 16px;
min-height: 141px;
}
#leavePop{
width: 90%;
top: 50px;
left: 5%;
border: 3px solid #e43b2c ;
border-radius: 8px;
padding-bottom: 40px;
}
.innerStyling{
width: 80%;
}
#innerA1{
font-size: 26px;
padding-top: 30px;
}
#innerB1{
font-size: 22px;
padding-top: 15px;
}
#innerC1{
font-size: 22px;
padding-top: 12px;
}
#innerD1{
font-size: 16px;
padding-top: 15px;
}
#innerButton1{
width: 90%;
margin-top: 30px;
padding: 10px 0px;
font-size: 20px;
border-radius: 3px;
}
}
.invalid-cardtype, .invalid-cardtype:focus {
    background: url(../images/error-input.html) 99.5% 50% no-repeat #fff;
    border: 1px solid #E21717 !important;
    box-shadow: 0 0 0px #E21717 !important;
}

@media screen and (max-width:991px){
    .mobileRecommended img[height="14"]{height: 15px;}
}

@media screen and (max-width: 767px){
.mobileTitle {
    font-size: 13px;
}

.security-icon {
    width: 46%;
}

.mobileRecommended {
    color: #be1e2d;
    font-weight: bold;
    margin-bottom: 15px;
}


}

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

.selectorMid {
    width: 80%;
    max-width: 100%;
}

.mobilePrice {
    font-size: 13px;
}

#topText1 {
    width: 100% !important;
    font-size: 14px !important;
    position: relative !important;
    padding: 0 5px !important;
    box-sizing: border-box !important;
}

#recentBox {
    max-width: 280px !important;
    width: 80% !important;
}
}
@media (max-width:360px){
    #guaranteeBox {
        display: flex;
        align-items: self-start;
        justify-content: space-evenly;
        width: 100%;
        padding: 0;
    }
    #guaranteeImg {
    width: 50vw;
    height: auto;
    float: left;
    margin-right: 3vw;
}
    #guaranteeText {
        width: 100%;
        margin-left: 0;
        font-size: 4vw;
    line-height: 5vw;
    }
   
    kform_checkbox.fieldToggle {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-size: 14px;
    }
    .kform input[type="text"], input[type="email"], input[type="tel"], input[type="number"]{
        margin-right: 0;
    }
    .small-device{
        display: flex;
        flex-wrap: wrap;
    }
    .small-device *{
        width: 50% ;
        max-width: 50%;;
    }
    
}
@media (max-width:319px){
    .selectorCheck{
        float: none;
    }
    .selectorMid {
        width: 125px !important;
    }
    #lineText1, #lineText2{
        width: 100%;
        font-size: 12px;
    }
    #topText2 {
        font-size: 12px;
    }
    
}  
  
 
#paypal-button {
        margin: 0 auto;
        text-align: center;
        width: 100%;
        margin-top: 15px;
        padding-top: 10px;
        border-radius: 4px;
        cursor: pointer;
    }

    iframe #zoid-paypal-button-b41312d549.paypal-button-layout-vertical>.zoid-outlet {
        min-width: 100% !important;
        border-bottom: 3px solid #c8951d !important;
    }

    div[id^=zoid-paypal-button-] {
        height: 60px !important;
    }

    div[id^=zoid-paypal-button-]>.zoid-outlet {
        width: 340px !important;
    }

    div[id^=zoid-paypal-button-]>.zoid-outlet>iframe {
        width: 340px !important;
    }


    .checkout-button img {
        margin: 0 auto;
        display: inline-block;
        text-align: center;
        cursor: pointer;
        vertical-align: baseline;
        padding-right: 5px;
    }

    .checkout-button a {
        display: block;
    }

    .checkout-button {
        margin: 15px auto 20px;
        background: #2b7bdd;
        font-family: 'Lato';
        font-size: 15px;
        padding: 12px 10px;
        width: 320px;
        border-radius: 6px;
        text-align: center;
        color: #fff;
        font-weight: 500;
    }

    .checkout-button:hover {
        background: #266ec6;
    }

    #rightLine1 {
        margin-top: 10px;
    }

    div#paypal-button {
        margin: 0 auto;
        padding: 0;
    }

    div#kform_paySourceCard:focus {
        outline: none;
    }

    @media screen and (max-width: 375px) {
        .checkout-button {
            width: 94%;
        }
    }

    .invalid-cardtype {
        border: 1px solid #E21717 !important;
        box-shadow: 0 0 3px #E21717 !important;
    }

    .invalid-cardtype-error {
        display: none;
        color: #E21717;
        margin-left: 10px;
    }









.creditlabel_column {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


    @media (min-width: 1001px){
    #checkoutRight {
        display: flex;
        flex-direction: column;
    }
    .checkoutbox {
        order: 2;
    }
    .bill {
        order: 1;
    }
    .checkoutBtn {
        order: 3;
    }
    .price_box{
        order: 4;
    }
    .price_and_discount_mobile{
        display: none;
    }
    .price_and_discount{
        display: block;
    }
    .m-mode{
        display: none;
    }
    .d-mode{
        display: inline;
    }
#fbContainer {
    max-width: 996px;
    width:100%;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
}
    .fbBox {
    width: 30%;
    height: auto;
    min-height: 189px;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 15px 10px;
    border: 1px solid #ddd;
}
    
}

@media (max-width:1000px){
    .price_and_discount_mobile{
        display: block;
    }
    .price_and_discount{
        display: none;
    }
    .m-mode{
        display: inline;
    }
    .d-mode{
        display: none;
    }
    #savingsRight {
        max-width: 180px;
        font-size: 16px;
        width: 100%;
        position: absolute;
        right: 0;
        bottom: 10px;
    }
    #savingsLeft {
        max-width: 150px;
        width: 100%;
    }#leftText3, leftText4, leftText5{
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }
    #leftText3 .pullLeft, #leftTex4 .pullLeft, #leftText5 .pullLeft {
    width: 70%;
}
#leftText3 .pullRight,#leftText4 .pullRight,#leftText5 .pullRight {
    width: 30%;
}
}


@media (max-width:480px){
    .kform .kform_checkbox label {
        font-size: 4.2vw;
    }
    #savingsLeft {
        max-width: 47%;
        width: 100%;
    }
    #topText1 {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #topText1 span::before {
        left: 10px;
    }
    #topText1 span{
        padding-left:0;
    }
    #topText1 span{
        margin-left:0;
    }
} 

@media (max-width:480px){
    #topText1 span {
        padding-left: 0;
        margin-left: 6vw;
        font-size: 3.3vw;
    }
    #topText1 span::before {
        left: 9vw;
    }
    #headerBar {
    font-size: 4vw;
}
#leftText1{
    font-size: 5vw;
}
#topLogo{max-width: 53vw;}
#topText2 span {
    padding-right: 3vw !important;
}
.creditlabel {
    float: left;
    font-size: 4vw;
    margin-top: -0.99vw;
}
#savingsRight {
    max-width: 46vw;
    font-size: 4vw;
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 4.5vw;
}
#kform input, #kform select {
    font-size: 4vw;
    height: 12vw;
    line-height: 100%;
    padding: 0vw 2vw;
}
#lineText1, #lineText2 {
    width: 100%!important;
    font-size: 3.8vw!important;
}
.mobileRecommended {
    margin-bottom: 8vw;
    font-size: 3vw;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.mobileRecommended img {
    margin: 0 !important;
    width: 4vw;
    height: 4vw!important;
}
.mobileTitle {
    font-size: 3.6vw;
    white-space: nowrap;
}
#checkoutButton {
    font-size: 5vw;
    padding: 7vw 4vw;
    box-sizing: border-box;
    margin-top: 6vw;
}
.mobileDevice{
    margin-top: 6vw!important;
}
.selectorRight {
    height: 25vw;
    position: absolute;
    right: 9%;
    top: 0;
    bottom: 0;
    margin: auto;
}
} 


@media (min-width: 1001px){
    .gurrenty-box-desktop {
        display: block;
        max-width: 440px;
        width: 100%;
        margin: auto;
    }
    .gurrenty-box-mobile {
        display: none;
    }
}
@media (max-width: 1000px){
.gurrenty-box-mobile {
    display: block;
}
.gurrenty-box-desktop {
    display: none;
}
}