html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0;font-size:100%;outline:none}

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

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

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

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

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

*, :before, :after {box-sizing:border-box}
body {color: #515151; font-family: robotoregular,sans-serif; font-size: 15px; line-height: 1;background: #fff;}

ul, ol { list-style: none }
ul li, ul {list-style: none; margin: 0; padding: 0;}
img { border: 0; vertical-align: middle;}
.clear { clear: both; float: none;}
a{color: #515151; text-decoration: underline}
a:hover{text-decoration: none; color: #c41230;}
b, strong { font-weight: 400;font-family: robotobold,sans-serif; }
blockquote { margin: 20px; padding: 25px 60px 25px 70px; font-size: 16px; font-weight: normal; font-style: italic; text-align: justify; border-left: 4px solid #515151; /*box-shadow: 0 0 15px 0 rgba(40, 61, 88, 0.07);*/ position: relative; background: #f5f5f5;}
blockquote:before { content: "\f10d";font-weight: 900;position: absolute;font-size: 35px;opacity: 0.3;top: 13%;left: 15px;z-index: 1;font-family: "FontAwesome"; }
blockquote:after { content: "\f10e";font-weight: 900;position: absolute;font-size: 35px;opacity: 0.3;bottom: 22%;right: 20px;z-index: 1;font-family: "FontAwesome"; }
input, textarea { background-color: #f5f5f5; margin: 8px 0px; border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #cfd6da; border-bottom: 1px solid #cfd6da; color: #333 }
.wrapper{width: 1200px;margin: 0 auto;position: relative;} 

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{text-decoration: none; font-weight: normal; color: #222}
h1,h2,h3,h4,h5,h6{font-family:robotobold,sans-serif; line-height: 1;font-weight:400; margin-bottom:15px;}
h1{font-size:32px; color:#c41230}
h2{font-size:28px; color:#222}
h3{font-size:22px; color:#4f4f4f}
h4{font-size:18px; color:#606060}
h5{font-size:16px}
p {line-height: 24px;margin: 0 0 10px;}

.fleft { float: left; }
.fright { float: right; }
.mobshow { display: none; }
.mobhide { display: block; }
.mobimgshow { display: block; }
.tabshow{display:none!important}
.row{margin-left:-10px;margin-right:-10px;}
.mt-0{margin-top:0!important}
.mt-10{margin-top:10px!important}
.pt-0{padding-top: 0 !important;}
.pb-0{padding-bottom: 0 !important;}

.bg-gray {background: #f4f4f4;}
.bg-white {background: #fff;}
.bg-white, .bg-gray {padding: 60px 0;}

.d-flex{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap}
.flex-end{justify-content:flex-end}
.flex-between{justify-content:space-between}
.flex-column{-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column}
.align-self-center{-ms-align-self:center;align-self:center}
.align-self-end{-ms-align-self:flex-end;align-self:flex-end}
.align-items-center { align-items: center !important; }
code,kbd,pre,samp{display:block;padding:5px 10px;margin:0 0 12.5px;line-height:1.6;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ddd;font-size:1em;font-family: monospace,monospace; font-weight: 400}

.buttonlight {font-family: 'robotobold',sans-serif;font-size: 16px;font-weight: normal;color: #fff;padding: 10px 15px;background: #00b892;border: 2px solid #00b892;display: inline-block;text-transform: uppercase;cursor: pointer;text-decoration: none;line-height: 1;text-align: center;}
.buttonlight:hover{color: #00b892;background: transparent;}

/*--- New Header CSS ----*/
.displaynone{display:none}
.headercover{margin-bottom: 20px;}
.mobcover{float:left}

/************* Header ************/
.headmenu { position: relative; z-index: 3; background:#e7ebed;}
.bdrleftnone { border-left: none !important; }

header{background:#fff}
.headmenu { position: relative; z-index: 3;background: #222;}
.bdrleftnone { border-left: none !important; }

.topnav > ul{float: right;}
.topnav > ul > li{float: left;}
.topnav ul ul{display: none; position: absolute; background:#4e5a60; z-index: 9999;}
.topnav ul > li:hover ul{display: block;}
.topnav ul ul li a:hover{background:#515151;}
.topnav ul>li>a{padding:8px 15px;display:block}
.topnav ul li a{text-decoration:none;font-family:robotoregular,sans-serif;outline:0}
.topnav ul ul{display:none;position:absolute;background:#222;z-index:9999}
.topnav ul ul a {color: #fff;padding: 10px 15px;font-size: 13px}

.tollfree{font-size:20px;padding:0 0 0 30px;background:url("../images/phone-icon.svg") left center no-repeat;float:right;margin:12px 0 20px}
.tollfree a{font-family:robotolight,sans-serif;text-decoration:none;color:#515151}
.header .topnav { padding-top: 5px; }
.header-right .tollfree { margin: 0; font-size: 16px; margin-right: 1rem; padding: 0 0 0 24px; background-size: contain; }
.socialwrap{margin-right:10px}
.socialwrap a{margin:0 7px 0 0;display:block}
.worldmap{background:url(../images/icon-world.svg) left 1px no-repeat;height:30px;padding:0 0 0 50px}
.countrylist ul{z-index:9999;border:1px solid #dbe0e3}
.countrylist #listbg{width:150px}
.countrylist #listbg>li{padding:6px 25px 6px 8px}
.countrylist #listbg>li:after{content:"";height:0;width:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #7a7a7a;position:absolute;right:10px;top:11px}
.countrylist #listbg>li>div{background-position:0 center;line-height:16px}
.countrylist>ul>li{padding:8px 5px}
.countrylist ul li{font-size:12px;position:relative;padding:5px;text-indent:25px}
.countrylist ul ul{position:absolute;top:28px;left:-1px;display:none;margin-top:-1px;background:#fff;border-top:none;width:150px}
.countrylist ul ul li{text-indent:28px;background-position:8px center}
.countrylist ul li a{text-decoration:none;font-family:robotoregular,sans-serif}

.countrylist #listbg > li:hover ul{display:block;}
.flagus {background: url('/images/us.png') no-repeat; line-height: 16px}
.flagin {background: url('/images/in.png') no-repeat}
.flaguk {background: url('/images/uk.png') no-repeat}
.flagau {background: url('/images/au.png') no-repeat}
.flagca {background: url('/images/ca.png') no-repeat}
.flagsg {background: url('/images/sg.png') no-repeat}
.flagph {background: url('/images/ph.png') no-repeat}

.socialwrap {float: right; }
.socialwrap a {height: 30px; width: 30px; float: left; margin: 0 7px 0 0; display: block;}
.socialwrap .facebookicon {background: url("/images/icon-facebook.svg") right center no-repeat;}
.socialwrap .twittericon {background: url("/images/icon-twitter.svg") left center no-repeat;}
.socialwrap .googleplusicon {background: url("/images/icon-gplus.svg") no-repeat;}

.topmenu > li {border-right:1px solid #4f4f4f;}
.topmenu>li>a{text-decoration:none;color:#fff;text-transform:uppercase;display:block;padding:20px;font-family:robotoregular,sans-serif}
.topmenu > li:hover > a {background:#c41230; color:#FFF;}
.topmenu .main-submenu {position: absolute; background: #ffffff; border: 10px solid #c41230; z-index:999; top:100%; display:none; padding:15px;}
.main-submenu li{padding:0 0 0 20px;background:url("/images/iconarrowuli.svg") 0px 3px no-repeat}
.main-submenu li a{font-size:14px;line-height:24px;text-decoration:none;font-family:robotoregular,sans-serif}
.topmenu li:hover .main-submenu{display:block;}

.topmenu > li:first-child .main-submenu{padding: 0;}
.tablist{float: left; width: 180px; background: #f3f5f6;}
.tablist li a{padding:10px 20px; display: block;}
.tablist ul li + li{border-top: 1px solid #dbe0e3;}
.tablist ul li{position: relative; padding: 0; background: none;}
.tablist ul li.ui-tabs-active{background:#dbe0e3;}
.tablist ul li.ui-tabs-active:after{content:""; height: 0; width: 0; position: absolute; top: 11px; right: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #FFF;}
.tabdetail{float: left; width: 290px; padding: 15px 20px;}
.tabdetail div{display: none;}
.viewcart a{background:url("../images/icon-cart.svg") no-repeat 20px center #fff;padding:20px 20px 20px 45px;text-decoration:none;display:block;font-family: robotobold,sans-serif}

/************* Mobile Menu ************/
#showmobmenu{color:#ed7714;right:0;height:40px;width:40px;background:url("../images/mobmenuicon.svg") no-repeat center center;margin:0;display:block;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;text-indent: -9999px}
.left{right:-280px}
#mobmenu{position:fixed;background:#222;height:100%;z-index:9999;width:280px;color:#bbb;top:0;opacity:1;overflow:auto;padding:0;margin:0!important;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
#mobmenu ul{list-style:none;margin-top:0;padding:0}
#mobmenu ul li{border-bottom:1px solid #353535;font-size:15px}
#hidemobmenu{background:url(/images/momenu-close.svg) center center no-repeat #c41230;height:40px;text-indent: -999px;}
#mobmenu ul li a{display: block;padding: 10px 15px;text-decoration: none;color: #fff;font-weight: 400;font-family: robotobold,sans-serif;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
#mobmenu ul a i{font-size:18px;margin-top:3px;width:12px;height:10px}
#mobmenu ul a i.fa-caret-down{background:url("/images/whtarrow-down.png") 0 3px no-repeat}
#mobmenu ul a i[class*="fa-caret"]{float:right}
#mobmenu ul li ul{margin-top:0;display:none;background:#f4f4f4}
#mobmenu ul li ul li{border-bottom:none;font-family:robotoregular,sans-serif;font-size:14px}
#mobmenu ul li ul li a{color: #515151;font-family: robotoregular,sans-serif;font-size: 13px;}
#mobmenu>ul>li+li>a:hover {background: #111;}
#mobmenu ul li a.active+ul { display: block }
#mobmenu ul a i.fa-caret-left { background: url("/images/whtarrow-up.png") no-repeat 0 3px; }
#mobmenu .fa-caret-down::before, #mobmenu .fa-caret-left::before{content: '';}
.show { right: 0; }
.hide { right: -280px; }
/************* Mobile Menu End ************/

/* ==== Breadcrumbs ==== */
.breadcrumbs { padding: 0px 0px 20px 0px; display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap}
ol.breadcrumbs { padding: 0; }
ol.breadcrumbs li { color: #222;font-family: 'robotobold',sans-serif;line-height: 20px;font-size: 14px;text-decoration: none;}
ol.breadcrumbs li span.currentprod { color: #c41230; }
ol.breadcrumbs li+li {padding-left: 24px;margin-left: 20px;background: url('../images/breadcrumb-arrow.svg') 0 center no-repeat;}
ol.breadcrumbs li:first-child a {text-indent: -9999em;height: 20px;width: 23px;background: url('../images/icon-home.svg') no-repeat;display: block;}
ol.breadcrumbs li a:hover{color: #c41230;}
ol.breadcrumbs li a { text-decoration: none;}
/* ==== Breadcrumbs End ==== */

/*==== Footer ====*/
.footer {background: #222222; color: #FFF;}
.footer-top{padding: 40px 0;}
.footmenu-col:first-child{width: 28%;}
.footmenu-col + .footmenu-col{width: 18%;}
.footmenu-col h4{color: #FFF; margin-bottom: 15px;}
.footmenu-col ul li{padding-left: 15px; background: url("../images/foot-arrow-white.svg") no-repeat left center;}
.footmenu-col ul li + li{margin-top: 12px;}
.footmenu-col ul li a{text-decoration: none; color: #FFF; font-size: 14px; font-family: 'robotoregular', sans-serif;}

.footer-bottom p{margin-bottom: 0;}
.footer-bottom{border-top: 1px solid #373737; padding: 20px 0; font-size: 13px;}
.footer-bottom ul li{display: inline-block; padding: 0 15px;}
.footer-bottom ul li a{font-family: 'robotoregular', sans-serif; color: #FFF;text-decoration: underline;}
.footer-bottom ul li + li{border-left: 1px solid #FFF;}

.socialicons a {width: 30px; height: 30px; display: block; text-indent: -9999em; margin-bottom: 20px;}
.socialicons a + a {margin-left: 13px;}
.socialicons .linkedin{background:url(../images/icon-linkedin.svg) no-repeat}
.socialicons .fbicon{background:url(../images/icon-facebook.svg) no-repeat}
.socialicons .twiticon{background:url(../images/icon-twitter.svg) no-repeat}
.socialicons .youtubeicon{background:url(../images/icon-utube.svg) no-repeat}
.socialicons .gplusicon{background:url(../images/icon-gplus.svg) no-repeat}

.footerdetails p {font-size: 12px; line-height: 20px; padding-top: 20px;}
.footerdetails p a{color: #FFF; font-family: 'robotoregular', sans-serif;text-decoration: underline}
.footerdetails p a:hover{color: #FFF;}

.main-submenu li a:hover{color:#c00}

/*==== Footer End ====*/

.tool-txt h1{font-size: 2.2em;line-height: 1.2em}
.tool-txt h2{font-size: 1.5em;line-height: 1.2em;border: none!important;background: 0;padding: 0;}
.tool-txt h3{font-size: 1.4em;line-height: 1.2em;margin: 20px 0 8px;}
.tool-txt h4, .maincontent h4{letter-spacing: -.032em;line-height: 1.2em;margin: 0 0 5px;}

.mrgtop20{margin-top: 20px;}
.logo { padding: 0 0;-ms-align-self: flex-end;align-self: flex-end;}
.content {padding: 20px 0; background: #ffffff; }
.content h1 {text-transform: uppercase;}
.tool-txt p {margin: 0 0 10px;text-align: left;}
.tool-txt ol li{margin-bottom: 5px; line-height: 20px}
.content p{margin-bottom: 15px;}

.friendlytxt{margin-top: 20px;}
.content ul{ margin: 0 0 10px 30px;}
.content ul li{line-height: 24px; position: relative; padding:0 0 5px 15px;}
.content ul li:before{content: ''; height: 0; width: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #4e5a60; position: absolute; top: 7px; left: 0;}

.formraw{position: relative;}
.formraw + .formraw { margin-top: 15px; }
.formraw label { margin-bottom: 10px;font-weight: 400;font-family: robotobold,sans-serif;display: block; letter-spacing: 0.1px;}
.formraw label em {	color: #f00;margin-right: 5px;}
.formraw textarea, .formraw select, .formraw .inputtxt { border: 1px solid #cfd6da; padding: 10px; width: 100%; box-sizing: border-box; background: #fff;border-radius: 3px;line-height: 20px}
.formraw .form-hint { display: block; font-size: 14px; line-height: 18px;font-family: robotoregular,sans-serif; font-weight: 400}
.formraw textarea:focus, .formraw select:focus, .formraw .inputtxt:focus{border-color: #222222;outline:none}
.formraw input[type=submit] {font-family: 'robotobold',sans-serif;font-size: 16px;font-weight: normal;color: #fff;padding: 10px 15px;background: #00b892;border: 2px solid #00b892;display: inline-block;text-transform: uppercase;cursor: pointer;text-decoration: none;line-height: 1;text-align: center;}
.formraw input:focus{outline: none!important;color: #00b892;background: transparent;}
.formraw input:hover{color: #00b892;background: transparent;}
.formraw .error { font-size: 11px; color: #F00; font-weight: normal; margin-top: 5px; }
.formraw input.error { border: 1px solid #f00; }
.formraw label.error{position: absolute; bottom: -20px;}
.result-list { margin-bottom: 20px; }
.result-dtl .result-list { background: #fff;/*box-shadow: 0 0 3px rgba(122,122,122,.1);*/padding: 20px;border: 1px solid #dde3e8;margin: 20px 0px; }
.result-dtl .result-list ul li {margin: 0;background: url(/images/icon-checkmark.svg) no-repeat left 5px;line-height: 20px;padding-top: 0px;list-style: none;padding-left: 25px}
.result-dtl .result-list ul li + li {margin-top: 5px;}

.result-dtl { margin: 20px 0 0px 0; /*border-top: 1px solid #dcdcdc;*/ }
.result-dtl ul{margin: 0;width: 70%;}
.result-dtl ul li span { font-weight: 400;font-family: robotobold,sans-serif;}

.downarrow { text-align: center; padding: 20px 0; }
.result-box { background: #fff;border: 1px solid #dde3e8;padding: 20px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items: center;justify-content: flex-start; }
.result-box ul li {margin: 0;background: url(/images/icon-checkmark.svg) no-repeat left 5px;line-height: 20px;padding-top: 0px;list-style: none;padding-left: 25px;word-break:break-word;}
.result-box ul li + li {margin-top: 5px;}
.result-box textarea { border: none; height: 315px; width: 100%; word-break: keep-all; background: #e7ebed;}
.result-box p img{margin-bottom: 20px}
.result-box p {width: 30%;text-align: center;}

.errormsg { border: 1px solid #ca9195; margin: 15px 0; background: #fed2d3; padding: 10px 15px; color: #7a1c2a; line-height: 20px; font-size: 14px; display: block; }
.warningmsg { border: 1px solid #efdfbe; margin: 15px 0; background: #fbf2d4; padding: 10px 15px; color: #515151; line-height: 20px; font-size: 14px; }
.succesmsg { border: 1px solid #a1da96; margin: 15px 0 0px 0; background: #d4fecc; padding: 10px 15px; color: #377f2b; line-height: 20px; font-size: 14px; }
.infomsg { border: 1px solid #e7e07b; margin: 15px 0; background: #fffddf; padding: 6px 15px; color: #98934d; line-height: 20px; font-size: 14px; }
.errormsg span, .warningmsg span, .succesmsg span, .infomsg span { display: block; word-wrap: break-word; }
.warningmsg hr{border-top:solid 1px #737433;}

.homeboxes{display: grid;grid-gap: 20px;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));margin: 30px 0}
.home-box {background: #fff;padding: 20px;text-align: center;display: flex;flex-direction: column;justify-content: space-between;box-shadow: rgba(122, 122, 122, 0.4) 0px 0px 3px;}
.home-box .homeboxdtl img{margin: 25px 0px;}
.home-box .homeboxdtl h4{line-height: 24px; text-align: left; min-height: 52px;color: #222;}
.home-box .homeboxdtl h4:hover{color:#c41230}
.home-box a{text-decoration:none; display:block; padding: 0;}
.home-box h3 {font-size: 18px;letter-spacing: -0.011em;line-height: 42px;margin: 0;font-family: robotobold,sans-serif;font-weight: 400;}
.home-box a.home-link { background: #00b892;border: 2px solid #00b892;color: #fff;font-family: 'robotobold',sans-serif;font-size: 16px;padding: 10px 15px;text-transform: uppercase;cursor: pointer;font-weight: normal;text-decoration: none;display: inline-block;line-height: 1;text-align: center;width: 100%;letter-spacing: 0.03em; }
.home-box a.home-link:hover{color:#00b892;background: transparent;}
.home-box .pcontent{ padding: 0px 0px 10px 0px; text-align: left; min-height: 90px;}
.home-box .pcontent a{display: block; padding:0; float: right; margin: 10px 0 0px 0px; font-weight: bold;}

/************* Table ***************/
.domainchecktbl{padding-bottom:10px}
.domainchecktbl table { border-collapse: collapse; border-spacing: 0; margin: 20px 0; text-align: left; width: 100%;}
.domainchecktbl tr th, .domainchecktbl thead th { background: #222;color: #fff;font-family: 'robotobold',sans-serif;padding: 15px;line-height: 24px;align-self: center; text-align:center}
.domainchecktbl tr th:first-child, .domainchecktbl thead th:first-child{text-align:left}
.domainchecktbl tr th strong a, .domainchecktbl thead th strong a{color: #fff;}
.domainchecktbl tr+tr:nth-child(2n+1) {background: #f1f1f2;}
.domainchecktbl tr td:first-child{text-align:left}
.domainchecktbl tr td {padding: 10px 15px; line-height: 24px;text-align:center }
.domainchecktbl tr.odd td { background: #eee }
/************* End Table ***************/

.loader { display: none; height: 100px; width:100%; text-align:center; margin:0 auto;}
.loader > img{width:100px;}

div.chat-fc-form-outer{left:20px; right:0px;}
.pre-fc-error{text-align:left !important;}
.chat-fc-form-outer div.fc-form{ padding: 10px 20px 20px 20px !important;}
.chat-fc-form-outer div.fc-form p{font-size: 14px; color: #4f4f4f !important; margin-bottom: 10px !important;}
.chat-fc-form-outer p.header{margin: 0px; background-color: #00b892 !important;}
.chat-fc-form-outer div.fc-form p{margin-bottom:0 0 30px 0;}
.chat-fc-form-outer div.fc-form a.fc-button{background-color: #00b892 !important; text-decoration: none !important; font-weight: bold; box-sizing: border-box; font-size:14px;}
.chat-fc-form-outer div.fc-form ul li{margin-bottom: 5px !important;}
.chat-fc-form-outer div.fc-form ul li input{box-sizing: border-box; background: none !important; padding:8px !important; margin-bottom:0px !important;}
.pre-fc-field select{border: 1px solid #ddd; border-radius: 3px; padding: 8px; width: 100%;}
li.pre-fc-field select{height: 36px !important;}
.chat-fc-form-outer div.fc-form ul li input:focus{box-shadow: none !important;}
.chat-fc-form-outer div.fc-form ul li label{font-size: 13px !important; margin-top: 1px !important; position: static !important; top: 0px !important; margin-left: 0px !important;}
.chat-fc-form-outer div.fc-form ul li:last-child{margin-bottom: 15px !important;}

.ctawrap{width:100%;}
.ctawrap .ctaleft{width:68%; float:left; margin-right:2%;}
.ctawrap .ctaright{width:30%; float:right;}
.ctabox{padding:15px; box-sizing: border-box; background:#e7ebee;}
.ctabox p{margin:0 0 10px 0; padding:0 0 0 0; font-family: robotoregular,sans-serif; font-weight:normal;}
.ctabox h4{font-family: robotoregular,sans-serif; font-weight: normal; font-size:20px; color: #4e5a60; margin: 0 0 8px 0; padding: 0 0 0 0; text-align: center; }
.ctabox h5{font-family: robotoregular,sans-serif; font-size:22px; color: #c42032; margin: 0 0 10px 0; padding: 0 0 0 0; line-height: 24px; text-align: center; text-transform: uppercase; font-weight: 500;}
.ctabox p{margin:0 0 0 0; padding:0 0 0 0; text-align: center; font-size: 16px;}
.ctabox p a {font-family: 'robotobold',sans-serif;font-size: 16px;font-weight: normal;color: #fff;padding: 10px 15px;background: #00b892;border: 2px solid #00b892;display: inline-block;text-transform: uppercase;cursor: pointer;text-decoration: none;line-height: 1;text-align: center;}
.ctabox p a:hover{color: #00b892;background: transparent;}

.tool-txt ol.breadcrumbs {margin: 0;list-style: none; }
.tool-txt ol.breadcrumbs li + li, .tool-txt ul.breadcrumbs li + li{margin-top: 0px;}

.tool-txt ul, .friendlytxt ul{margin: 10px 0 10px 25px; padding: 0;}
.tool-txt ul li, .friendlytxt ul li{margin: 0; background: url(/images/icon-checkmark.svg) no-repeat left 5px; line-height: 20px; padding-top: 0px; list-style: none; padding-left: 25px;} 
.tool-txt ol, .friendlytxt ol {margin: 10px 0 10px 40px; padding: 0; list-style: decimal; }
.tool-txt ol li + li, .tool-txt ul li + li, .friendlytxt ul li + li{margin-top: 5px;}

.cuponbox{background-color: #FFF; padding: 1.5rem; border: 2px dashed #dde3e8; max-width: 340px; text-align: center; margin-top: 1.5rem;}
.cuponbox h4{color: #c42032;}
.cuponbox strong{display: block; margin: 1rem 0;}

.hgroup-center{margin-bottom: 2rem; text-align: center;}
.hgroup-center p{margin-bottom: 0;}

.toolboxes{display: grid; grid-gap: 1.5rem; grid-template-columns: repeat(auto-fit,minmax(230px,1fr));}
.toolboxes > a{display: block; text-decoration: none; text-align: center; background-color: #f4f4f4; padding: 1.5rem;}
.toolboxes > a strong{display: block; margin-top: 1rem; font-size: 1rem;}

@media only screen and (max-width:1199px){
	img{max-width:100%;height:auto;}
	.wrapper{width:100%;padding:0 20px}
}
@media only screen and (max-width:1099px){
	.wrapper{padding:0 15px}
	.topmenu>li>a{padding:20px 15px}
}
@media only screen and (max-width:992px){
	.wrapper{padding: 0 10px;}
	.tabhide{display: none;}
	.bg-white, .bg-gray {padding: 40px 0;}
	
	.tool-txt h1{font-size: 28px;}
	.tool-txt h2{font-size: 24px;}
	.tool-txt h3{font-size: 20px;}
	.tabhide{display:none!important}
	.tabshow{display:block!important}
	.breadcrumbs {padding: 10px;background: #f4f4f4;margin: 0 -10px 15px;}
	ol.breadcrumbs {padding: 0px;background: #f4f4f4;margin: 0px;}
	
	.headercover{padding:15px 0px 15px 0px; margin-bottom:0px; background: #fff}
	.header-right{width:100%;padding-top:15px;margin-top:15px;border-top:1px solid #dde3e8;justify-content:space-between;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row}
	.viewcart{width:40px}
	.viewcart a{width:100%;height:40px;padding:0;background-position:center center!important;text-indent: -999px;}
	.tollfree{margin:0;-ms-align-self:center;align-self:center}
	.footer-top{padding: 30px 0 0;}
    .footmenu-col{width: 33.333333% !important; margin-bottom: 30px;}
    .footmenu-col:last-child p img{max-width: 216px;}
}
@media only screen and (max-width:959px){
	img{display:inline; max-width:100%; height:auto}
	.logo {margin:0;}
	.header-right {padding: 15px 0px 0px 0px; margin-top: 15px; float: left; border-top: 1px dotted #dcdcdc; width: 100%;}
	.content{padding: 0px 10px 20px 10px;}
}
@media only screen and (max-width: 928px) and (min-width: 801px)  {
    .ctawrap .ctaleft {width: 63%;}
    .ctawrap .ctaright{width: 35%;}
}
@media only screen and (max-width:800px){
	
	#menurow{background:none;}
	.headmenu {position: absolute; right: 60px; top: -1px; background:none;}
	.cartview{display:none;}
	.topmenu{display:none;}
	
	.ctawrap .ctaleft {width: 100%;}
    .ctawrap .ctaright{width: 100%; margin-bottom: 20px;}
    .ctabox{margin:0 auto; width: 320px;}
}
@media only screen and (max-width:767px){	
	body{font-size:13px}
	p{line-height:20px}
	p br{display:none}
	.mobhide{display:none!important}
	.bg-white, .bg-gray {padding: 24px 0;}
	
	#wrap{display:block; padding: 0px 0px 10px 0px;}
	h4 {font-size: 14px;}
	.tool-txt h1{font-size: 20px;}
	.tool-txt h2{font-size: 16px;}
	.tool-txt h3{font-size: 14px;} 
	.logo{width: 66%;padding-right: 15px;}
	.maincontent{margin: 0px;padding:0 0 20px;}
	
	div.chat-fc-form-outer{height:auto !important;}
	.chat-fc-form-outer div.form ul li input{width:100% !important;}
	
	.mob-menu-cart{width:100px}
	.worldmap{background:none;padding:0}
	.tollfree{font-size:15px;font-family:robotoregular,sans-serif;line-height:20px;padding-left:20px;-webkit-background-size:16px;background-size:16px}
	
	.content { padding-bottom: 15px; }
	.content h1 { font-size: 20px; }
	.content h2 { font-size: 16px; }
	.result-box p { display: none; }
	.result-box ul { width: 100%; }
	.csrform .formraw{padding:0; width:100%;}
	
	.footer-top{padding: 20px 0 0;}
    .footmenu-col{width: 50% !important; margin-bottom: 20px;}
    .footer-bottom .flex-between{justify-content: center;}
    .footer-bottom .flex-between ul{margin-top: 15px;}
	.homeboxes{grid-template-columns: repeat(auto-fit,minmax(250px,1fr));}
	
	.cuponbox{max-width: 100%;}
}
@media only screen and (max-width:640px){
	.home-box .homeboxdtl h4{min-height: 72px;font-size: 16px;line-height: 20px;}
	.home-box a.home-link{font-size:14px}
	.rightsha{margin:0 0 20px 0!important; text-align:left}
	.result-dtl ul{width:100%}
	.infomsg{line-height:30px}
}
@media only screen and (max-width:600px){
	.mobhide{display:none}
	.sitemaplinks .copyright{border-bottom:0}
}
@media only screen and (max-width:568px){
	.content ul{margin-left: 10px;}
	.footmenu-col{width: 100% !important; margin-bottom: 20px;}
    .footer-bottom .flex-between ul{text-align: center; margin-top: 0;}
    .footer-bottom .flex-between ul li{margin-top: 15px;}
}
@media only screen and (max-width:480px) {
	.form-wrap { width: 100%; }
    .ctabox{width:100%;}
	ol.breadcrumbs li {font-size: 13px;}
	ol.breadcrumbs li+li{padding-left: 18px;margin-left: 10px;}
}
@media only screen and (max-width:360px){
	.logo{width:65%}
}
@media only screen and (max-width:320px){
	.worldmap{background:none; padding:0}
	div.chat-fc-form-outer{width: 96% !important; margin-left: 2% !important;}
	.chat-fc-form-outer div.form p{margin: 10px 0 5px 0 !important;}
}

/* ============================================================
   SSL Converter Tool Styles
   Add these to /ssltools/css/ssltools.css
   ============================================================ */

/* --- Page Layout --- */
.ssl-converter { padding: 20px 0; }
.page-title h1 { font-size: 2.2rem; padding-bottom: 0; color: #89c5cb; }
.page-title p { max-width: 800px; color: #5a6c7d; padding-bottom: 5px; }

/* --- Conversion Section --- */
.conversion-section { background: white; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); padding: 30px; margin-bottom: 40px; }
.section-title { font-size: 1.3rem; margin-bottom: 20px; color: #2c3e50; padding-bottom: 10px; border-bottom: 1px solid #eaeaea; }

/* --- Dropdowns --- */
.conversion-form { display: flex; flex-wrap: wrap; gap: 15px; align-items: center; justify-content: center; background: #f8fafc; padding: 25px; border-radius: 8px; margin-bottom: 30px; }
.select-wrapper { position: relative; flex: 1; min-width: 200px; }
.select-wrapper select { width: 100%; padding: 12px 15px; border: 1px solid #d1d9e6; border-radius: 6px; background-color: white; font-size: 1rem; color: #333; appearance: none; cursor: pointer; transition: all 0.3s; }
.select-wrapper select:focus { outline: none; border-color: #4a90e2; box-shadow: 0 0 0 3px rgba(74,144,226,0.2); }
.select-wrapper::after { content: "▼"; font-size: 0.8rem; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); pointer-events: none; color: #7b8a9c; }
.convert-text { font-weight: 600; color: #5a6c7d; }

/* --- Buttons --- */
.btn { background-color: #ED5527 !important; color: white !important; border: none; padding: 12px 25px; border-radius: 6px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: all 0.3s; text-decoration: none; display: inline-block; }
.btn:hover { background-color: #206272 !important; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(74,144,226,0.3); }

/* --- Cards Grid --- */
.conversion-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; margin-top: 20px; }
.conversion-card { background: white; border: 1px solid #e1e8f0; border-radius: 8px; padding: 20px; transition: all 0.3s; cursor: pointer; text-decoration: none; display: block; }
.conversion-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.08); border-color: #4a90e2; }
.conversion-card h3 { color: #2c3e50; margin-bottom: 10px; font-size: 1.1rem; }
.conversion-card p { color: #7b8a9c; font-size: 0.9rem; }
.file-types { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 15px; }
.file-type { background: #f0f4f8; padding: 5px 10px; border-radius: 4px; font-size: 0.8rem; color: #4a5568; }

/* --- File Input Groups --- */
.file-input-group { margin-bottom: 20px; padding: 15px; background: white; border-radius: 6px; border: 1px solid #e1e8f0; }
.file-input-group label { display: block; margin-bottom: 8px; font-weight: 600; color: #2c3e50; }
.file-input-group small { color: #555; display: block; margin-top: 4px; }
.file-input { width: 100%; padding: 12px; border: 1px solid #d1d9e6; border-radius: 6px; background: white; }
.password-input { width: 100%; padding: 12px; border: 1px solid #d1d9e6; border-radius: 6px; margin-top: 10px; }
.input-hint { font-size: 0.85rem; color: #6c757d; margin-top: 5px; }
.warning-text { color: #856404 !important; }

/* --- Status Messages --- */
.status-message { margin-top: 12px; font-weight: 600; }
.status-message.success { color: #155724; }
.status-message.error { color: #721c24; }

/* --- OpenSSL Section --- */
.openssl-section { margin-top: 40px; padding-top: 30px; border-top: 2px solid #eee; }
.openssl-section h2 { color: #2c3e50; margin-bottom: 15px; font-size: 1.5em; }
.openssl-section p { color: #666; line-height: 1.6; margin-bottom: 20px; }

/* --- Options Group --- */
.options-group { margin: 20px 0; display: flex; gap: 20px; flex-wrap: wrap; }
.option-checkbox { display: flex; align-items: center; gap: 8px; padding: 8px 12px; background: #f8f9fa; border-radius: 4px; }
.option-checkbox input[type="checkbox"] { margin: 0; }
.options-note { display: block; margin-top: 5px; color: #6c757d; font-size: 0.85em; }

/* --- Command Box --- */
.command-box { background: #f8f9fa; padding: 20px; border-radius: 8px; border: 1px solid #dee2e6; margin: 20px 0; }
.command-box label { font-weight: 600; color: #2c3e50; display: block; margin-bottom: 10px; }
.command-content { display: flex; align-items: flex-start; gap: 15px; }
.command-content code { flex: 1; background: #fff; padding: 15px; border-radius: 6px; border: 1px solid #e9ecef; font-family: "Courier New", monospace; font-size: 0.9em; white-space: pre-wrap; word-break: break-all; line-height: 1.4; color: #e83e8c; display: block; }
.copy-btn { background: #6c757d; color: white; border: none; padding: 10px 15px; border-radius: 4px; cursor: pointer; font-size: 0.9em; white-space: nowrap; transition: background-color 0.2s; margin-top: 7px; }
.copy-btn:hover { background: #5a6268; }
.command-note { font-size: 0.9em; color: #666; font-style: italic; margin-top: 10px; }
.command-note code { background: #f8f9fa; padding: 2px 6px; border-radius: 3px; font-size: 0.85em; display: inline; color: #e83e8c; border: none; }

/* --- Info Note --- */
.info-note { background: #d1ecf1; border: 1px solid #bee5eb; border-radius: 6px; padding: 15px; margin-top: 20px; }
.info-note p { color: #0c5460; }

/* --- Responsive --- */
@media (max-width: 768px) {
    .conversion-form { flex-direction: column; }
    .select-wrapper { min-width: 100%; }
    .options-group { flex-direction: column; gap: 10px; }
    .command-content { flex-direction: column; }
    .conversion-grid { grid-template-columns: 1fr; }
}