/* Minification failed. Returning unminified contents.
(16,17): run-time error CSS1039: Token not allowed after unary operator: '-color-orange'
(88,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(89,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(90,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(91,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(92,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(93,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(94,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(95,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(96,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(112,35): run-time error CSS1039: Token not allowed after unary operator: '-color-lightgray'
(139,25): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(140,27): run-time error CSS1039: Token not allowed after unary operator: '-color-orange'
(141,34): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(142,39): run-time error CSS1039: Token not allowed after unary operator: '-color-lightblue'
(145,24): run-time error CSS1039: Token not allowed after unary operator: '-color-orange'
(146,31): run-time error CSS1039: Token not allowed after unary operator: '-color-orange'
(149,41): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(149,128): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(149,267): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(150,43): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(150,68): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(152,33): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(152,64): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(152,151): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(153,54): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(155,34): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(155,66): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(155,154): run-time error CSS1039: Token not allowed after unary operator: '-color-orange'
(156,55): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(158,66): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(201,81): run-time error CSS1039: Token not allowed after unary operator: '-color-orange'
(202,81): run-time error CSS1039: Token not allowed after unary operator: '-color-orange'
(216,110): run-time error CSS1039: Token not allowed after unary operator: '-color-orange'
(219,87): run-time error CSS1039: Token not allowed after unary operator: '-color-orange'
(225,31): run-time error CSS1039: Token not allowed after unary operator: '-color-orange'
(226,53): run-time error CSS1039: Token not allowed after unary operator: '-color-orange'
(227,54): run-time error CSS1039: Token not allowed after unary operator: '-color-orange'
(296,43): run-time error CSS1039: Token not allowed after unary operator: '-color-orange'
(302,41): run-time error CSS1039: Token not allowed after unary operator: '-color-orange'
 */
* focus{outline:0;margin:0;padding:0}
button, textarea{color:#222}
select {border: solid 1px #cdcdcd; font-size: 13px; color: #5b5b5b; padding: 5px;}
::-moz-selection {background:#3399ff; color:#fff; text-shadow: none;}
::selection {background: #3399ff; color: #fff; text-shadow: none; }
a:hover {color: #58534f; text-decoration: none; }

*, html {
    scroll-behavior: smooth !important;
}

h1, h3, h2, h4, h5, h6{margin:0;padding:0; font-weight: normal; font-family: 'robotobold'; margin-bottom:10px;}
h1 {color:#206272; font-size:38px;}
h2 {color: #58534f; font-size: 30px;}
h3 {color: #58534f; font-size:1.5rem; margin-bottom:15px}
h4 {color: var(--color-orange); font-size: 20px;}
h5 {color: #58534f; font-size: 18px;}
h6 {color: #58534f; font-size: 14px;}

abbr[title] {border-bottom: 1px dotted; }
b, strong {font-weight: normal; font-family: roboto_slabbold;}
blockquote {margin: 1em 40px; }
dfn {font-style: italic; }
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins {background: #ff9; color: #000; text-decoration: none; }
mark {background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp {font-family: monospace, serif; font-size: 1em; }
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q {quotes: none; }
q:after, q:before {content: ""; content: none; }
small {font-size: 85%; line-height: 1;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup {top: -0.4em; }
sub {bottom: -0.25em; }
dd {margin:0; }
svg:not(:root) {overflow: hidden; }
figure {margin: 0; }
table {border-collapse: collapse; border-spacing: 0;}
td {vertical-align: top;}
iframe body{border-top:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none}
[hidden]{display:none}

p{color:#58534f;font-size:14px;line-height:22px;margin-bottom:15px}

.chromeframe {margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
.disabled {pointer-events: none; opacity: 0.5;}
.wordbreak {word-break: break-all;}

/* ==== fonts ==== */

/*ChaparralPro Regular*/
@font-face {font-family: 'ChaparralProRegular'; src: url('../assets/fonts/chaparralpro-regular.eot'); src: url('../assets/fonts/chaparralpro-regular.eot?#iefix') format('embedded-opentype'), url('../assets/fonts/chaparralpro-regular.woff') format('woff'), url('../assets/fonts/chaparralpro-regular.ttf') format('truetype'), url('../assets/fonts/chaparralpro-regular.svg#chaparralproregular') format('svg'); font-weight: normal; font-style: normal; font-smooth: 1em; font-display: swap }

/*ChaparralPro Bold*/
@font-face {font-family: 'ChaparralProBold'; src: url('../assets/fonts/chaparralpro-bold.eot'); src: url('../assets/fonts/chaparralpro-bold.eot?#iefix') format('embedded-opentype'), url('../assets/fonts/chaparralpro-bold.woff') format('woff'), url('../assets/fonts/chaparralpro-bold.ttf') format('truetype'), url('../assets/fonts/chaparralpro-bold.svg#chaparralprobold') format('svg'); font-weight: normal; font-style: normal; font-smooth: 1em; font-display: swap }

/*Archivo Bold*/
@font-face {font-family: 'archivo_narrowbold'; src: url('../assets/fonts/archivonarrow-bold-webfont.eot'); src: url('../assets/fonts/archivonarrow-bold-webfont.eot?#iefix') format('embedded-opentype'),  url('../assets/fonts/archivonarrow-bold-webfont.woff2') format('woff2'),  url('../assets/fonts/archivonarrow-bold-webfont.woff') format('woff'),  url('../assets/fonts/archivonarrow-bold-webfont.ttf') format('truetype'),  url('../assets/fonts/archivonarrow-bold-webfont.svg#archivo_narrowbold') format('svg'); font-weight: normal; font-style: normal; font-display: swap }

/*Archivo Regular*/
@font-face {font-family: 'archivo_narrowregular'; src: url('../assets/fonts/archivonarrow-regular-webfont.eot'); src: url('../assets/fonts/archivonarrow-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../assets/fonts/archivonarrow-regular-webfont.woff2') format('woff2'),  url('../assets/fonts/archivonarrow-regular-webfont.woff') format('woff'),  url('../assets/fonts/archivonarrow-regular-webfont.ttf') format('truetype'),  url('../assets/fonts/archivonarrow-regular-webfont.svg#archivo_narrowregular') format('svg'); font-weight: normal; font-style: normal; font-display: swap }

/*RobotoSlab Bold*/
@font-face {font-family: 'roboto_slabbold'; src: url('../assets/fonts/robotoslab-bold-webfont.eot'); src: url('../assets/fonts/robotoslab-bold-webfont.eot?#iefix') format('embedded-opentype'),  url('../assets/fonts/robotoslab-bold-webfont.woff2') format('woff2'),  url('../assets/fonts/robotoslab-bold-webfont.woff') format('woff'),  url('../assets/fonts/robotoslab-bold-webfont.ttf') format('truetype'),  url('../assets/fonts/robotoslab-bold-webfont.svg#roboto_slabbold') format('svg'); font-weight: normal; font-style: normal; font-display: swap }

/*RobotoSlab Light*/
@font-face {font-family: 'roboto_slablight'; src: url('../assets/fonts/robotoslab-light-webfont.eot'); src: url('../assets/fonts/robotoslab-light-webfont.eot?#iefix') format('embedded-opentype'),  url('../assets/fonts/robotoslab-light-webfont.woff2') format('woff2'),  url('../assets/fonts/robotoslab-light-webfont.woff') format('woff'),  url('../assets/fonts/robotoslab-light-webfont.ttf') format('truetype'),  url('../assets/fonts/robotoslab-light-webfont.svg#roboto_slablight') format('svg'); font-weight: normal; font-style: normal; font-display: swap }

/*RobotoSlab Regular*/
@font-face {font-family: 'roboto_slabregular'; src: url('../assets/fonts/robotoslab-regular-webfont.eot'); src: url('../assets/fonts/robotoslab-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../assets/fonts/robotoslab-regular-webfont.woff2') format('woff2'),  url('../assets/fonts/robotoslab-regular-webfont.woff') format('woff'),  url('../assets/fonts/robotoslab-regular-webfont.ttf') format('truetype'),  url('../assets/fonts/robotoslab-regular-webfont.svg#roboto_slabregular') format('svg'); font-weight: normal; font-style: normal; font-display: swap }

/*RobotoSlab Thin*/
@font-face {font-family: 'roboto_slabthin'; src: url('../assets/fonts/robotoslab-thin-webfont.eot'); src: url('../assets/fonts/robotoslab-thin-webfont.eot?#iefix') format('embedded-opentype'),  url('../assets/fonts/robotoslab-thin-webfont.woff2') format('woff2'),  url('../assets/fonts/robotoslab-thin-webfont.woff') format('woff'),  url('../assets/fonts/robotoslab-thin-webfont.ttf') format('truetype'),  url('../assets/fonts/robotoslab-thin-webfont.svg#roboto_slabthin') format('svg'); font-weight: normal; font-style: normal; font-display: swap }

/*Roboto Bold*/
@font-face {font-family: 'robotobold'; src: url('../assets/fonts/roboto-bold-webfont.eot'); src: url('../assets/fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),  url('../assets/fonts/roboto-bold-webfont.woff2') format('woff2'),  url('../assets/fonts/roboto-bold-webfont.woff') format('woff'),  url('../assets/fonts/roboto-bold-webfont.ttf') format('truetype'),  url('../assets/fonts/roboto-bold-webfont.svg#robotobold') format('svg'); font-weight: normal; font-style: normal; font-display: swap }

/*Roboto Medium*/
@font-face {font-family: 'robotomedium'; src: url('../assets/fonts/roboto-medium-webfont.eot'); src: url('../assets/fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),  url('../assets/fonts/roboto-medium-webfont.woff2') format('woff2'),  url('../assets/fonts/roboto-medium-webfont.woff') format('woff'),  url('../assets/fonts/roboto-medium-webfont.ttf') format('truetype'),  url('../assets/fonts/roboto-medium-webfont.svg#robotomedium') format('svg'); font-weight: normal; font-style: normal; font-display: swap }

/*Roboto Regular*/
@font-face {font-family: 'robotoregular'; src: url('../assets/fonts/roboto-regular-webfont.eot'); src: url('../assets/fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../assets/fonts/roboto-regular-webfont.woff2') format('woff2'),  url('../assets/fonts/roboto-regular-webfont.woff') format('woff'),  url('../assets/fonts/roboto-regular-webfont.ttf') format('truetype'),  url('../assets/fonts/roboto-regular-webfont.svg#robotoregular') format('svg'); font-weight: normal; font-style: normal; font-display: swap }

:root {
    --color-blue: #206272;
    --color-orange: #ED5527;
    --color-green: #57A34C;
    --color-yellow: #ffc20e;
    --color-body: #58534F;
    --color-lightblue: #89C5CB;
    --color-gray: #666666;
    --color-lightgray: #F6F6F6;
    --color-white: #FFFFFF;
}

ol{margin:0;padding:0;list-style:none}
nav ol{list-style:none none;margin:0;padding:0}

.floatleft {float: left; }
.floatright {float: right; }
.alignright {text-align: right; }
.aligncenter, .text-center {text-align: center; }
.bdrbtmnone {border-bottom: none !important; }
.paybtnwrp{margin:15px 0 0 0; float:right;}
.textnowrap{white-space:nowrap}
.mobshow{display:none;}
.tabshow{display:none;}

.bg-light {background-color: var(--color-lightgray) !important;}

.padding-20{padding:20px !important}
.padding-40-20{padding:40px 20px}
.padtop10{padding-top:10px !important;}
.padtop20{padding-top:20px !important;}
.padbotnone{padding-bottom:0 !important;}
.padtopnone{padding-top:0 !important;}
.mrgnone{margin: 0 !important;}
.mrgbotnone{margin-bottom: 0 !important;}
.mrgtopnone{margin-top: 0 !important;}

.textwhite{color:#fff!important}

.d-block {display: block !important;}
.d-none {display: none !important;}
.d-flex {-moz-display:flex; -webkit-display:flex; -ms-display:flex; display:flex; flex-wrap:wrap;}
.d-inline-flex {display: inline-flex;}
.flex-between{-webkit-box-pack: justify!important;-ms-flex-pack: justify!important;justify-content: space-between!important;}
.flex-center {-webkit-box-align: center !important;-ms-flex-align: center !important;align-items: center !important;}
.align-items-center {align-items: center !important;}
.justify-content-center {justify-content: center !important;}
.justify-content-end {justify-content: flex-end !important;}
.align-self-end{align-self: end !important;}

.ms-auto {margin-left: auto !important;}

.text-blue {color: var(--color-blue) !important}
.text-orange {color: var(--color-orange) !important}
.bg-blue {background-color: var(--color-blue) !important;}
.bg-lightblue {background-color: var(--color-lightblue) !important;}

.font12px {font-size:12px;line-height:16px}
.gbtn {background:var(--color-orange); font-size:18px; line-height:18px; font-family: 'robotobold'; color:#FFF; border: none; font-weight: normal; padding:8px 10px 7px; text-transform: uppercase; text-decoration: none; display:inline-block; cursor:pointer;  border-radius: 2px;}
.gbtn:hover {background: var(--color-orange); color:#206272;}
.tbl td .moshow {display: none; font-weight: bold; }

.btn-outline-blue{border:2px solid var(--color-blue); font-size:1.125rem; line-height:1; font-family: 'robotobold'; color:var(--color-blue); padding:0.5rem 1rem; text-decoration: none; display:inline-block; cursor:pointer;  border-radius: 2px;background-color: var(--color-white);}
.btn-outline-blue:hover {background: var(--color-blue); color:var(--color-white);}

.btn-blue{border:2px solid var(--color-blue); background: var(--color-blue); font-size:1.125rem; line-height:1; font-family: 'robotobold'; color:var(--color-white); padding:0.5rem 1rem; text-decoration: none; display:inline-block; cursor:pointer;  border-radius: 2px;}
.btn-blue:hover {background: transparent; color:var(--color-blue);}

.btn-white{border:2px solid var(--color-white); background: var(--color-white); font-size:1.125rem; line-height:1; font-family: 'robotobold'; color:var(--color-orange); padding:0.5rem 1rem; text-decoration: none; display:inline-block; cursor:pointer;  border-radius: 2px;}
.btn-white:hover {background: transparent; color:var(--color-white);}

.btn-blue.btn-sm, .btn-outline-blue.btn-sm{border:1px solid var(--color-blue); font-size:0.75rem; padding:0.4rem 0.75rem;}

.buttons .btn-outline-blue:not(:last-child){margin-right:0.75rem;}

.banner{position:relative}
.innerbanerbg{background:#89c5cb; padding:33px 0;}
.evinnerbannermob{display: none;}

.bannerbrand {background: #FFF; padding: 24px 30px; margin: 0 auto; width: 980px;}
.brandicon {float: left;} 
.brandicon img {width: 236px; height: 60px;}
.bannerbrand p {font-size: 26px; line-height: 30px; font-family: "archivo_narrowbold"; float: right; text-align: right; margin-bottom: 0;}
.brandiconsml {float: left;}
.brandiconsml img {height: 60px;}
.bnrGeoTrust {background: #0f6cb3;}
.bnrGeoTrust p {color: #0c6db3;}
.bnrGeoTrust p span {color: #f37123;}
.bnrSymantec {background: #ffc20e;}
.bnrSymantec p {color: #000;}
.bnrSymantec p span {color: #ffc20e;}
.bnrThawte {background: #004fa3;}
.bnrThawte p {color: #0c51a1;}
.bnrThawte p span {color: #eb1e4e;}
.bnrRapidSSL {background: #774b2b;}
.bnrRapidSSL p {color: #794d2f;}
.bnrRapidSSL p span {color: #eb5525;}
.bnrComodo {background: #e51937;}
.bnrComodo p {color: #000;}
.bnrComodo p span {color: #e51937;}
.cmnproductbnr p {color: #1f6372;}
.cmnproductbnr p span {color: #ed5527;}
.bnrDigicert{background: #1b75bc;}
.bnrDigicert p{color: #1b75bc;}
.bnrDigicert p span{color: #58534f;}
.bnrSectigo{background: #06af72;}
.bnrSectigo p{color: #06af72;}
.bnrSectigo p span{color: #091b2a;}
.bnrFastSSLCodeSigning, .bnrFastSSL{background: #141d82;}
.bnrFastSSLCodeSigning p, .bnrFastSSL p{color: #141d82;}
.bnrFastSSLCodeSigning p span, .bnrFastSSL p span{color: #00cc84;}


.breadcrumbar {width: 100%; height:40px; background: #FFF; }
#breadcrumbs {display: inline; float: left; margin: 0; width: 100%; color: var(--color-orange); font-family: robotoregular;}
#breadcrumbs li {display: inline; font-size:14px; line-height: 1em; color: var(--color-orange); }
#breadcrumbs li a {color: #58534f; text-decoration: none; margin-right:3px;}
#breadcrumbs li a:link, #breadcrumbs li a:visited { color: #58534f; text-decoration: none; }
#breadcrumbs li a:link, #breadcrumbs li a:hover, #breadcrumbs li a:focus { color:#58534f; }
#breadcrumbs li a::nth-first-child{padding-left:0px;}
.bcrumb-2{padding-left:0px;}

.scheduled-msg{background:#58534f; color: #FFF; padding:5px 10px; position: relative; font-weight: bold;}
.scheduled-msg p {margin:0; padding:0; color:#FFF; font-size:11px; line-height:14px;}
.scheduled-msg .close{cursor: pointer; display: block; height: 16px; position: absolute; right:7px; top:4px;}
.scheduled-msg .close img {vertical-align:top;}
.scheduled-msg span{font-family:Arial, sans-serif !important; font-size: 11px !important;}

.knowledgeicn{width:auto; position: fixed; right: 20px; z-index: 999; bottom: 20px; box-sizing: border-box;}
.knowledgeicn span {display: none; position: absolute; bottom: 65px; left: -45px; right: 0; background: var(--color-orange); color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  font-size:12px; text-align:center; font-family:'archivo_narrowbold'; width:92px;}
.knowledgeicn:hover span {display: block; padding:5px;}
.knowledgeicn span:after, .knowledgeicn span:before{top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute;	pointer-events: none;}
.knowledgeicn span:after {border-color: rgba(255, 113, 70, 0); border-top-color: var(--color-orange); border-width: 5px; margin-left: 20px;}
.knowledgeicn span:before {border-width: 5px; margin-left: 20px;}
.common { margin: 0 0 15px 15px !important; }
.common ul { padding:0 0 0 20px; }
.common ul li { margin: 0 0 0 0; font-size: 14px; background: url(../images/icon-right.svg) no-repeat left 7px; padding: 0 0 0 20px; line-height: 26px; list-style-type: none; }
.common a { color: #58534f; text-decoration: none; }
.common a:hover { color: var(--color-orange); }
.common li a{ text-decoration:underline; color:var(--color-orange); }
.common li a:hover{ text-decoration:none; color:var(--color-orange);}

.common ol { padding:0 0 0 20px; }
.common ol li { margin: 0; font-size: 14px; padding:0; line-height: 26px; list-style:decimal;}

.maincontent{margin:0;padding:40px 0 15px}
.maincontent h1{color:#206272;font-family:archivo_narrowbold;font-size:40px;font-weight:400;padding-bottom:25px;line-height:36px}
.masterdivback { opacity: 0.7; position: fixed; background-color: white; width: 100%; height: 100%; z-index: 9998; }
.masterdivinner{position: absolute;z-index:9999;top:50%;left:50%;margin:-60px 0 0 -60px;}

.left{right:-280px}
.mob-homebanner{display:none}
.btn-group{margin-top:25px}
.btn-group a{font-size: 20px;padding: 12px 20px 11px}
.btn-group a + a{margin-left:15px}
.order-btn-small {padding: 2px 5px;font-size: 14px;color: #ffffff;background: #1b727b;text-decoration: none;cursor: pointer;font-weight: 400;border-color: transparent;}

.moreinfo-popover-link {font-weight: 600;font-size: 13px;margin-top: 1px;}

@media print {
    body{-webkit-print-color-adjust:exact}
    .leftsidebutton{display: none;}
}

@media only screen and (max-width:979px) {
    img { max-width: 100%; height: auto; }
    h3{margin-bottom:0px; font-size:22px;}
	h4{margin-bottom:0px;}
    .wrapper { padding: 0 10px; max-width: 100%; }
    
    .tabshow{display:block !important;}
	.tabhide{display:none !important;}

    .banner{padding:0;}
	.bannerbrand{display:none;}
	.banner:after, .banner:before{display:none;}
    .innerbanerbg{padding:25px 10px;}

    .maincontent{padding-top:20px;}
	.maincontent h1{padding-bottom:10px; font-size:28px; line-height:30px;}

    .breadcrumbar { display: none; }
    .evinnerbannermob { display: block;}
    .scheduled-msg{padding:5px 20px 5px 10px;}
    .maincontent h1{margin-bottom:0px;}
}
@media only screen and (max-width:767px) {
    p{ font-size:13px; line-height: 20px;}

    .mobshow{display:block !important;}
	.mobhide{display: none !important;}

    .maincontent { padding: 30px 0 20px 0; }
    .maincontent h1{margin-bottom:0px;}
	.maincontent h1{ font-size:22px; line-height:20px; margin-bottom:5px;}
    
}
@media only screen and (max-width:480px) {
    .maincontent{padding-top:20px;}
    .common{margin:0px 0 10px 0 !important;}
}
.reviewrap{width:100%; margin-bottom:20px; margin-top:50px;}
.reviewrap h3{font-size:36px; text-transform:uppercase; color:#206272; float: left;}
.reviewrow{margin:0 0 10px 0;} 
.reviewbox{background:#f6f6f6; width:48.9%;  padding:20px; float:left;}
.reviewbox + .reviewbox {float:right;}
.reviewbox .shopimg{ float:right;}
.reviewbox .revnamedate{width:65%; float:left; padding-right:5%;}
.reviewbox .revnamedate p{font-family: 'archivo_narrowbold'; font-size:18px; font-weight:normal; color:#206272; line-height:20px;}
.reviewbox .revnamedate p span{color:var(--color-orange); font-size:14px; line-height:14px; font-family: 'archivo_narrowregular'; display: block; margin-top:5px; font-weight:normal;}
.reviewbox .revrating{width:30%; float:right; text-align:right; line-height: 1;}
.review-head a{float: right; margin-top: 5px; font-size: 14px;}

.review-box{display:flex; justify-content:space-between; flex-wrap:wrap;}

.connectaccept { border: solid 1px var(--color-orange); background: #ffffff; padding:11px 15px; }
.connectbox{float:left; }
.connectbox p{font-family: 'archivo_narrowbold'; font-size: 15px; line-height: 28px; margin-right:15px; float:left; margin-bottom:0px;} 
.connectbox span{float:left;}

.connect{width:19%;}
.social{float:left;}
.social li {float:left;}
.social li + li{margin-left:10px;}
.browsera {border-right:solid 1px #cccccc; border-left:solid 1px #cccccc; padding:0 20px; margin:0 20px; text-align:center;}

.productbar {padding: 20px 0 27px 0;}
.homeproductbox {width:23.45%; background:#f6f6f6; padding: 20px 10px; float: left; min-height: 190px; text-align:center;}
.homeproductbox + .homeproductbox{margin-left:20px;}
.probrandimg{display: block; width: 184px; height:47px; margin:0 auto 12px auto; cursor: pointer;}
.probrandimg img{display: block; margin: 0 auto;}
.homeproductbox .text {font-size: 12px; font-family: 'roboto_slabregular'; color: #58534f; line-height: 16px;}
.propriceraw {padding: 25px 0 0 0;}
.propricebrand {font-family: 'ChaparralProBold'; font-size: 26px; color: #58534f; letter-spacing: -0.065em; margin: 0 0 8px 0; }
.propricebrand span {font-family: 'ChaparralProRegular'; }
.probtn {background:#ffc20e; font-size:16px; padding:4px 10px;  height:30px;}
.probtn:hover {background:#ffc20e; text-decoration: none; color: #58534f; }

.bottombar {background:#89c5cb; width: 100%; position:relative; z-index: 1;}
.bottombarwrap{padding:40px 0 40px 0}

.footbox{float:left;width:19%}
.footbox h4 {color: #155157; font-family: 'archivo_narrowbold'; font-weight:400; font-size: 25px; line-height: 22px; letter-spacing:-0.020em;}
.footbox ul {margin: 10px 0 0 0; padding: 0; list-style-type: none; }
.footbox li {margin: 0 0 0 0; line-height: 22px; color: #155157; font-family: 'archivo_narrowregular';}
.footbox li a {color: #155157; text-decoration: none; }
.footbox li a:hover {color: #ffffff; text-decoration: underline; }
.footbox li span{margin-left:5px;}

.sbox-three{width:24%;}
.sbox-one .first {margin: 0 0 20px 0; }
.datime {font-family: Arial, Tahoma, Verdana; font-size: 11px; margin-top:41px; margin-left:7px; position:absolute; color:#737373;}
.datime a{ text-decoration:none; color:#737373 !important;}
.rightshopper{margin: 0 0 17px 0; width:130px; text-align:center;}

footer {width: 100%; background:#fbfaf6; padding:10px 0px 0 0; position: relative; z-index: 1;}

.footerbar {padding: 20px 0px; font-family: 'robotoregular';}
.footerbar .fleft {float: left; font-size: 12px; margin-bottom:0px;}
.footerbar .fright {float: right; font-size: 12px;}
.footerbar .fright li{float:left; position:relative;}
.footerbar .fright li + li{margin-left:5px; padding-left:7px;}
.footerbar .fright li + li:before{content:"|"; position:absolute; left:0;}
.footerbar .fright a{font-size: 12px; color: #58534f; text-decoration: underline; display:block;}
.footerbar .fright a:hover{text-decoration: none; }

#shopper_review_page .images .verified, #shopper_review_page .merchant_review .info{font-family: 'archivo_narrowbold';}
#shopper_review_page .comments{padding-top: 20px; font-size: 16px; line-height: 20px}
#merchant_page #sa_sort{border: 1px solid #CCC; padding: 3px;}

@media only screen and (max-width:979px) {
	.reviewrap{margin-top:20px;}
	.reviewbox{width:48.66%;}
	.reviewrap h3{font-size:26px;}

	.productbar { padding: 20px 0 0; }
	.bottombarwrap{padding:25px 10px !important;}
	.footerbar{padding:20px 10px;}
	.footbox h4{font-size:20px;}
	.sbox-one{display:none;}
	.footbox{width:25%;}
	.footerbar .fright li{padding:0; display:inline-block; float:none;}

	.homeproductbox{width: 48.5%; margin:0 0 20px !important;}
	.homeproductbox:nth-child(2n){float:right;}
	.homeproductbox p { display: block !important; padding: 10px; text-align: center; }
	.homeproductbox .text { padding: 0 10px 10px; min-height: 32px; margin-bottom: 0px;}
	.propriceraw { padding:0px 10px 0px 10px; text-align: center; }

	.connectaccept {padding:10px; }
	.connect{width:24%; padding-right:20px;}
	.browsera{margin:0;}
	.accept, .browsera{width:38%;}
	.accept{padding-left:20px;}
	.accept p, .browsera p, .connect p{width:100%; padding:0px; margin:0; text-align:left;}

	.bottombar {background: url(../images/footertop.png) repeat-x center top #89c5cb;}
	.bottombarwrap { width: 100%; padding: 0; }
}
@media only screen and (max-width:767px) {
	.reviewrap{margin-bottom:0px;}
	.reviewbox{width:100%; margin-right:0px; margin-bottom:20px;}
	.reviewrap{margin-top:30px;}
	.reviewrap h3{font-size:20px; line-height:20px; margin-bottom:10px; margin-top: 4px;}
	.reviewbox{padding:15px;}

	.bottombarwrap{padding:25px 10px;}
	.footbox{width:100%; padding-bottom:15px; margin:0 0 15px; padding:0 0 15px; border-bottom:1px solid #155157;}
	.footbox.sbox-five{margin-bottom:0; padding-bottom:0; border-bottom:none;}
	.footbox li a{display: inline-block; padding: 3px 0;}

	.footerbar .fleft{width:100%; text-align:center;}
	.footerbar .fright{width:100%; text-align:center; margin-top:5px;}
	.footerbar .fright li a{padding: 5px 0;}
	.footerbar .fright li + li:before{top:5px;}

	.connectaccept { padding:15px; }
	.connect{ width:25%;}
	.accept p, .browsera p, .connect p{width:100%; line-height:22px; padding-bottom:5px;}
	.browsera{ width:32%; padding-left:4%;}
	.accept{ width:32%; padding-left:4%; float: left; }
}
@media only screen and (max-width:568px) {
	.accept, .browsera, .connect{width:100%; border-right:none; padding-left:0;}
	.accept p, .browsera p, .connect p{width:100%; line-height:22px; padding-bottom:5px; text-align:left;}
	.accept, .browsera{ width:100%; border-top:solid 1px #ccc; padding-top:10px; margin-top:10px;}
	.homeproductbox{width:48.1%;}
}
@media only screen and (max-width:480px) {
	.homeproductbox { width: 100%; }
}