@charset "utf-8";
/*
Theme Name: Cardea Solutions
Theme URI: 
Description: 
Version: 1.0
Author: APJ Digital
Author URI: apjdigital.com
Tags: Black, custom header, fixed width

*/
@font-face {
   font-family: 'montserratbold';
   src: url('/static/fonts/montserrat-bold-webfont.eot');
   src: url('/static/fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/static/fonts/montserrat-bold-webfont.woff2') format('woff2'), url('/static/fonts/montserrat-bold-webfont.woff') format('woff'), url('/static/fonts/montserrat-bold-webfont.ttf') format('truetype'), url('/static/fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'montserratregular';
   src: url('/static/fonts/montserrat-regular-webfont.eot');
   src: url('/static/fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/static/fonts/montserrat-regular-webfont.woff2') format('woff2'), url('/static/fonts/montserrat-regular-webfont.woff') format('woff'), url('/static/fonts/montserrat-regular-webfont.ttf') format('truetype'), url('/static/fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'ProximaBold';
   src: url('/static/fonts/ProximaNovaSoft-Bold/ProximaNovaSoft-Bold-webfont.eot?') format('eot'), url('/static/fonts/ProximaNovaSoft-Bold/ProximaNovaSoft-Bold-webfont.woff') format('woff'), url('/static/fonts/ProximaNovaSoft-Bold/ProximaNovaSoft-Bold-webfont.ttf') format('truetype')
}
@font-face {
   font-family: 'ProximaRegular';
   src: url('/static/fonts/ProximaNovaSoft-Regular/ProximaNovaSoft-Regular-webfont.eot?') format('eot'), url('/static/fonts/ProximaNovaSoft-Regular/ProximaNovaSoft-Regular-webfont.woff') format('woff'), url('/static/fonts/ProximaNovaSoft-Regular/ProximaNovaSoft-Regular-webfont.ttf') format('truetype')
}
/* General css
===================================================================*/
*, *:before, *:after {
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   outline:none;
}
.tb {
   display: table;
   width: 100%;
}
.tbcell {
   display: table-cell;
   vertical-align: middle;
   float: none;
}
.alignleft {
   float: left;
}
img.alignleft {
   float: left;
   margin-right: 15px;
}
img.alignright {
   float: right;
   margin-left: 15px;
}
img.aligncenter {
   display: block;
   margin: 0 auto;
}
.alignright {
   float: right;
}
.center {
   text-align: center;
}
.clear {
   clear: both;
}
.noborder {
   border: none !important;
}
.nobg {
   background: none !important;
}
.nomargin {
   margin: 0px !important;
}
.nopadding {
   padding: 0px !important;
}
.bmargin {
   margin-bottom: 0px;
}
.bold {
   font-weight: bold;
}
.middle {
   display: inline;
   vertical-align: middle;
}
.underline {
   text-decoration: underline;
}
img {
   max-width: 100%;
   height: auto;
}
.spacer10 {
   height: 10px;
   line-height: 10px;
   display: block;
}
.spacer15 {
   height: 15px;
   line-height: 15px;
   display: block;
}
.spacer20 {
   height: 20px;
   line-height: 20px;
   display: block;
}
.spacer30 {
   height: 30px;
   line-height: 30px;
   display: block;
}
.spacer40 {
   height: 40px;
   line-height: 40px;
   display: block;
}
.spacer50 {
   height: 50px;
   line-height: 50px;
   display: block;
}
.spacer60 {
   height: 60px;
   line-height: 60px;
   display: block;
}
.spacer70 {
   height: 70px;
   line-height: 70px;
   display: block;
}
.spacer80 {
   height: 80px;
   line-height: 80px;
   display: block;
}
.spacer80 {
   height: 80px;
   line-height: 80px;
   display: block;
}
.spacer90 {
   height: 90px;
   line-height: 90px;
   display: block;
}
.spacer100 {
   height: 100px;
   line-height: 100px;
   display: block;
}
.ico {
   display: inline-block;
   vertical-align: middle;
   margin-right: 5px;
}
.section-normal {
   padding-top: 70px;
   padding-bottom: 70px !important;
}
::-webkit-input-placeholder {
 opacity:1 !important;
 color:#fff !important;
}

:-moz-placeholder { /* Firefox 18- */
 opacity:1 !important;
 color:#fff !important;
}

::-moz-placeholder {  /* Firefox 19+ */
 opacity:1 !important;
 color:#fff !important;
}

:-ms-input-placeholder {
 opacity:1 !important;
 color:#fff !important;
}
.pt10 {
   display: inline-block;
   padding-top: 10px;
}
.pt20 {
   display: inline-block;
   padding-top: 20px;
}
.pt30 {
   display: inline-block;
   padding-top: 30px;
}
.pt40 {
   display: inline-block;
   padding-top: 40px;
}
.pt50 {
   display: inline-block;
   padding-top: 50px;
}
.pt60 {
   display: inline-block;
   padding-top: 60px;
}
/* Typography css
===================================================================*/
body {
   font-size: 14px;
   font-family: 'montserratregular', Arial, Helvetica, sans-serif;
   font-weight:normal;
   background: #cbe0e0;
   color: #6e858d;
}
p {
   line-height: 22px;
   margin-top: 0px;
   margin-bottom: 10px;
}
a, a:focus {
   color: #22a7f0;
}
a:hover {
   text-decoration: none;
}
.button:focus { color:#fff !important; }
.lightblue {
   color: #6e858d;
}
.darkblue {
   color: #2c4b60;
}
.dullblue {
   color: #cbe0e0 !important;
}
.orange, td.orange {
   color: #ff6600 !important;
}
.green, td.green {
   color: #afd24d !important;
}
.white {
   color: #fff;
}
.seprator {
   height: 2px;
   background: #cbe0e0;
   display: block;
   margin-top: 40px;
   margin-bottom: 40px;
}
.seprator-thin {
   height: 1px;
   background: #cbe0e0;
   display: block;
   margin-top: 10px;
   margin-bottom: 40px;
}
/* headings css
===================================================================*/
h1 {
   font-family: 'ProximaRegular';
   font-weight: bold;
   font-size: 60px;
   line-height: 60px;
   margin-top: 0px;
   margin-bottom: 10px;
   color: #2c4b60;
   letter-spacing: 0.3px;
}
h2 {
   font-family: 'ProximaRegular';
   font-weight: bold;
   font-size: 40px;
   line-height: 40px;
   margin-top: 0px;
   margin-bottom: 10px;
   color: #2c4b60;
   letter-spacing: 0.3px;
}
h3 {
   font-family: 'ProximaRegular';
   font-weight: bold;
   font-size: 25px;
   line-height: 32px;
   margin-top: 0px;
   margin-bottom: 10px;
   color: #2c4b60;
   letter-spacing: 0.3px;
}
h4 {
   font-family: 'ProximaRegular';
   font-weight: bold;
   font-size: 22px;
   line-height: 25px;
   margin-top: 0px;
   margin-bottom: 10px;
   color: #2c4b60;
   letter-spacing: 0.3px;
}
h5 {
   font-family: 'ProximaRegular';
   font-weight: normal;
   font-size: 20px;
   line-height: 25px;
   margin-top: 0px;
   margin-bottom: 10px;
   color: #2c4b60;
}
h6 {
   font-family: 'montserratregular', Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 17px;
   line-height: 17px;
   margin-top: 0px;
   margin-bottom: 10px;
   color: #2c4b60;
}
.heading {
   font-size: 60px;
   line-height: 70px;
   color: #fff;
   text-align: right;
   letter-spacing: 1px;
   text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
/* Layout css
===================================================================*/
#wrapper {
   max-width: 1387px;
   margin: 0 auto;
}
.container {
   max-width: 992px;
}
.container-small {
   max-width: 800px;
   display: block;
   clear: both;
   margin: 0 auto;
}
#hero-bg {
   /*background: #314d65 url(/static/images/header-bg.jpg) bottom center repeat-x;*/
   background: #2c4b60 url(/static/images/subheader_image.png) bottom center repeat-x;
   width: 100%;
   min-height: 500px;
   padding-bottom: 50px;
}

#hero-bgs {
    background: #314d65 url(/static/images/header-bg.jpg) bottom center repeat-x; */
    width: 100%;
    min-height: 695px;
    padding-bottom: 50px;
}
}

#hero-bg {
   /*background: #314d65 url(/static/images/header-bg.jpg) bottom center repeat-x;*/
   background: #2c4b60 url(/static/images/subheader_image.png) bottom center repeat-x;
   width: 100%;
   min-height: 500px;
   padding-bottom: 50px;
}
#hero-bg-dark {
   background: #2c4b60 url(/static/images/subheader_image.png) bottom center repeat-x;
   width: 100%;
   min-height: 500px;
   padding-bottom: 50px;
}
#logo {
   margin-top: 28px;
}

.col-st {
   color:#2c4b60 !important;
}

.centclass {
   text-align:center;
}

.b3px {
   border-radius:3px 0px 0px 3px;
}

.b3pxa {
   border-radius:0px 3px 3px 0px;
}

.login-btn {
   color: #fff;
   font-size: 14px;
   padding: 11px 5px 11px 5px;
   border-radius: 8px;
   border: solid 2px #fff;
   text-align: center;
   float: right;
   margin-top: 23px;
   width: 108px;
   opacity: 0.8;
}
.login-btn:visited { text-decoration:none !important; color:#fff !important; }
.login-btn:hover {
   opacity: 1;
   color: #fff;
   text-decoration: none;
}
.login-btn:visited {
   color: #fff !important;
   text-decoration: none !important;
}
#header .container {
   padding-top: 10px;
   padding-bottom: 20px;
}
#navbar {
   padding-top: 25px;
}
#navbar ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
}
#navbar ul > li {
   display: inline-block;
   padding-left: 0px;
   background: none !important;
}
#navbar ul > li > a {
   color: #fff;
   font-size: 14px;
   font-weight: normal;
   text-transform: capitalize;
   opacity: 0.8;
   border: none !important;
   letter-spacing: 0.3px;
}
#navbar ul > li > a:hover, #navbar ul > li.active > a {
   opacity: 1;
   text-decoration: none;
}
.snav {
   background: #fff !important;
   z-index: 999;
   position: absolute;
   border-radius: 8px;
   display: none;
   box-shadow:2px 2px 6px rgba(0, 0, 0, 0.2);
   overflow:hidden !important;
   
}
.snav.multicols {
   width: 800px;
}
.col1 {
   float: left;
   width: 33.33%;
   padding: 40px 40px 20px !important;
   text-align: center;
   border: none !important;
}
.col2 {
   float: left;
   width: 33.33%;
   padding: 40px 40px 20px !important;
   text-align: center;
   border-left: solid 1px #cfdfe0 !important;
   border-right: solid 1px #cfdfe0 !important;
}
.col3 {
   float: left;
   width: 33.33%;
   padding: 40px 40px 20px !important;
   text-align: center;
   border: none !important;
}
.snav.multicols a:hover {
   background: #e5efef !important;
   ;
}
.mtitle {
   font-size: 23px;
   text-align: center;
   font-family: 'ProximaRegular';
   display: block;
   color: #344b62;
   margin-bottom: 10px !important;
}
.stitle {
   font-size: 13px;
   text-align: center;
   font-family: 'montserratregular', Arial, Helvetica, sans-serif;
   display: block;
   color: #6e858d;
   margin-bottom: 20px !important;
}
.snav .pkg-amount .price {
   font-size: 55px !important;
}
.domain .pkg-amount .price, .pkg-amount.ssl .price {
   font-size: 55px !important;
}
.snav .pkg-amount .price sup, .domain .pkg-amount .price sup, .pkg-amount.ssl .price sup {
   font-weight: normal;
   top: -10px;
}
.snav li {
   display: block !important;
   float: none;
}
.snav li a {
   color: #6e858d !important;
   border: none !important;
}
.snav li a:hover {
   color: #2c4b60 !important;
}
#navbar a.isnav {
   padding-right: 25px !important;
}
#banner {
   width: 100%;
   margin-top: 50px;
   margin-bottom: 0px;
}
#banner .container {
   padding-bottom: 20px;
}
#content {
   width: 100%;
   padding-bottom: 0px;
   background: #fff;
   display: block;
}
.section {
}
.widgetbox {
   width: 100%;
}
.widget-layout-a .widget-title {
   font-size: 16px;
   font-weight: bold;
   text-transform: uppercase;
   border-bottom: solid 6px #000;
   color: #000;
   padding: 0px 10px 10px;
   margin-bottom: 15px;
   margin-top: 0px;
}
.widget-layout-b .widget-title {
   font-size: 16px;
   font-weight: bold;
   text-transform: uppercase;
   color: #000;
   padding: 0px 0px 10px;
   margin-bottom: 15px;
   margin-top: 0px;
}
.news-item {
   width: 100%;
   margin-bottom: 15px;
}
.item-date {
   color: #000;
}
.widget-social a {
   display: inline-block;
   margin-right: 10px;
}
#footer {
   width: 100%;
   display: block;
   background: #fff;
   padding-top: 20px;
   padding-bottom: 10px;
   border-top: solid 1px #dedede;
   margin-bottom: 60px;
}
.fnav {
   list-style: none;
   margin: 0px;
   padding: 0px;
}
.fnav li {
   margin-left: 10px;
   display: inline-block;
}
.fnav li:frist-child {
margin:0px;
}
.fnav li a {
   color: #6e858d;
   font-size: 12px;
   text-transform: uppercase;
   text-decoration: none;
   opacity: 0.8;
   font-weight: normal;
   display: block;
   padding-top: 10px;
   padding-bottom: 10px;
}
.fnav li a:hover {
   opacity: 1;
}
.copyright {
   text-align: right;
   font-size: 12px;
   color: #6e858d;
   font-weight: normal;
}
.social-links a i {
   font-size: 12px;
   color: #6e858d;
}
.social-links a {
   display: inline-block;
   border: solid 2px #6e858d;
   border-radius: 50%;
   width: 30px;
   height: 30px;
   line-height: 30px;
   text-align: center;
   margin-left: 5px;
   opacity: 0.8;
}
.social-links a:hover {
   opacity: 1;
}
/* MISC css
===================================================================*/
.pageheading h1 {
   color: #fff;
   text-align: center;
}
.pageheading h6 {
   color: #cbe0e0;
   text-align: center;
}
.domain-search-bg {
   background: #edbf3e url(/static/images/under-header-bg.jpg) top center repeat-x;
   min-height: 264px;
   width: 100%;
   display: block;
   padding-bottom:50px;
}
.search-domain {
   width: 100%;
   position: relative;
}
.txtdomain {
   width: 100%;
   padding: 20px;
   background: #fff;
   color: #2c4b60;
   font-size: 20px;
   padding-right: 70px;
   border-bottom: solid 2px #3f6293;
   border-top: none;
   border-left: none;
   border-right: none;
   font-weight: normal;
   font-family: 'montserratregular', Arial, Helvetica, sans-serif;
}
.btn-search {
   background: none;
   border: none;
   position: absolute;
   top: 20px;
   right: 20px;
}
.domain-search-bg .domain-price {
   float: left;
   margin-right: 20px;
   color: #fff;
   font-size: 17px;
   font-family: 'montserratbold';
   text-shadow: 0px 2px 1px #3f6293;
   margin-bottom: 10px;
}
.domain-search-bg .domain-price span {
   background: url(/static/images/icons/label.png) center center no-repeat;
   width: 72px;
   height: 37px;
   line-height: 37px;
   text-shadow: none;
   color: #ff6600;
   display: inline-block;
   padding-left: 10px;
}
.domain-note {
   text-align: right;
   color: #fff;
   font-size: 12px;
}
.sub-hero-bg {
   background: #2c4b60 url(/static/images/subheader_image.png) bottom center repeat-x;
   width: 100%;
   min-height: 416px;
   color: #cbe0e0;
   padding-bottom: 1px;
}
.sub-hero-bg h3, .sub-hero-bg p {
   color: #fff;
}
.switching-bg {
   background: #e5efef;
   width: 100%;
   color: #6e858d;
}
.switching-item {
   position: relative;
   padding-left: 50px;
   text-align: left;
}
.switching-item .sw-icon {
   position: absolute;
   z-index: 99;
   top: 0px;
   left: 0px;
}
.plans {
   border-left: solid 1px #cbe0e0;
   border-right: solid 1px #cbe0e0;
   border-bottom: solid 3px #cbe0e0;
   margin-bottom: 40px;
}
.plans .col-sm-6, .plans .col-sm-3, .plans .col-sm-2 {
   padding-bottom: 40px !important;
}
.col-sm-6.devider, .col-sm-3.devider, .col-sm-2.devider {
   border-right: solid 1px #cbe0e0;
}
.planspecs .txtbig {
   font-size: 17px;
}
.dotline {
   border-bottom: dotted 1px #d1d7d9;
}
.plan-label {
   background: #ff6600 none repeat scroll 0 0;
   color: #fff;
   display: inline-block;
   height: 40px;
   line-height: 40px;
   position: absolute;
   text-align: center;
   top: -40px;
   width: 100%;
   letter-spacing: 5px;
   left:0px;
}
.plan-label.second {
   margin-left: 0px;
}
.plans.domain {
   margin-bottom: 0px;
}
.stuff-item {
   padding-bottom: 20px;
}
.stuff-item span {
   display: inline-block;
   vertical-align: middle;
   font-size: 20px;
   color: #2c5460;
   padding-left: 10px;
}
.block-package-white {
   background: #fff;
   padding: 40px 35px;
   border-radius: 8px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   max-width:310px;
   display:block;
   margin:0 auto;
}
.pkg-amount .price {
   font-family: 'ProximaBold';
   font-size: 70px;
   font-weight: normal;
}
.pkg-amount .price sup {
   font-size: 30px;
   top: -12px;
}
.pkginfo {
   text-align: left;
   max-width: 175px;
   margin: 0 auto;
}
.titbits span {
   display: inline-block;
   vertical-align: middle;
   padding-left: 10px;
}
.titbits p {
   margin-bottom: 15px;
   text-align: left;
}
.software-item {
   width: 18%;
   float: left;
   margin-right: 19px;
   margin-bottom: 19px;
}
.software-item .last {
   margin-right: 0px;
   margin-bottom: 19px;
}
.software-box {
   padding-top: 24px;
   padding-bottom: 24px;
   border: solid 2px #cbe0e0;
   border-radius: 4px;
   text-align: center;
   position: relative;
}
.software-box img {
   margin-bottom: 25px;
}
.software-box h4 {
   color: #2c4b60;
   font-size: 17px;
   font-weight: normal;
   padding: 0px;
   font-family: 'montserratregular';
}

.fc14 {
   font-size:14px !important;
}

.mrgt30 {
   margin-top:30px;
}

.mrgt5 {
   margin-bottom:5px;
}

.pdl40 {
   padding-left:45px !important;
}

.pdr40 {
   padding-right:45px !important;
}

.bdb3 {
   border-bottom:3px solid #cbe0e0;
}

.software-box .lbl {
   position: absolute;
   background: #ff6600;
   font-size: 10px;
   width: 100px;
   height: 15px;
   line-height: 15px;
   border-radius: 3px;
   bottom: -7px;
   left: 50%;
   color: #fff;
   text-transform: uppercase;
   margin-left: -50px;
}
.faq-item {
   padding-bottom: 30px;
}
.faq-item h6 {
   color: #fff;
}
.faq-item p {
   color: #c5d9d9;
}
.faq-seprator {
   height: 2px;
   display: block;
   background: #395568;
   margin-top: 0px;
   margin-bottom: 40px;
}
.whitebg {
   background: #fff;
}
.whitebg p {
   color: #6e858d;
}
.whitebg h3 {
   color: #2c4b60;
}
.helpmore {
   padding: 30px;
}
#hero-bg-small {
   background: #2c4b60;
   padding-bottom: 20px;
}
.support-item {
   margin-bottom: 50px;
}
.contact-form .form-field {
   margin-bottom: 12px;
}
.contact-form .form-field input {
   border: solid 2px #fff;
   background: #2c4b60;
   color: #fff;
   opacity: 1 !important;
   font-size: 14px;
   padding: 15px;
   width: 100%;
   border-radius: 8px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
}
.contact-form .form-field select {
   border: solid 2px #fff;
   background: #2c4b60;
   color: #fff;
   opacity: 1 !important;
   font-size: 14px;
   padding: 15px;
   width: 100%;
   border-radius: 8px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
}
.contact-form .form-field textarea {
   border: solid 2px #fff;
   background: #2c4b60;
   color: #fff;
   opacity: 1 !important;
   font-size: 14px;
   padding: 15px;
   width: 100%;
   border-radius: 8px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   height: 184px;
}
.tabs-nav {
   border: solid 2px #cbe0e0;
   display: table;
   width: 100%;
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}
.tabs-nav ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
}
.tabs-nav li {
   border-left: solid 1px #cbe0e0;
   display: block;
   float: left;
   width: 33.33%;
}
.tabs-nav li:first-child {
   border: none;
}
.tabs-nav li a {
   padding: 63px 30px 30px;
   text-align: center;
   display: block;
   color: #6e858d;
}
.tabs-nav li a:hover, .tabs-nav li.active a {
   text-decoration:none !important;
   border-bottom:none !important;
}
.tabs-nav li.domain-pricing-tab-button a{
   background: url(/static/images/icons/domain-tab-pricing.png) center 18px no-repeat;
}
.tabs-nav li.active.domain-pricing-tab-button a:hover, .tabs-nav li.active.domain-pricing-tab-button a{
   background: #fff url(/static/images/icons/domain-tab-pricing-active.png) center 18px no-repeat;
}

.tabs-nav li.more-information-tab-button a{
   background: url(/static/images/icons/domain-tab-info.png) center 18px no-repeat;
}
.tabs-nav li.active.more-information-tab-button a:hover, .tabs-nav li.active.more-information-tab-button a{
   background: #fff url(/static/images/icons/domain-tab-info-active.png) center 18px no-repeat;
}

.tabs-nav li.transferring-domain-tab-button a{
   background: url(/static/images/icons/domain-tab-transfer.png) center 18px no-repeat;
}
.tabs-nav li.transferring-domain-tab-button a:hover, .tabs-nav li.active.transferring-domain-tab-button a{
   background: #fff url(/static/images/icons/domain-tab-transfer-active.png) center 18px no-repeat;
}


.datatable table {
   border-left: solid 1px #dee3e7;
   border-top: solid 1px #dee3e7;
   border-bottom: solid 2px #dee3e7;
   background: #fff;
   border-collapse:collapse;
}
.datatable tr th {
   padding: 10px;
   border-right: solid 1px #dee3e7;
   border-bottom: solid 1px #dee3e7;
   font-weight: normal;
   font-size: 14px;
   color: #6e858d;
   text-align: center;
   background: #fff;
   width:16.666%;
}
.datatable tr th.right, .datatable tr td.right {
   text-align: right;
}
.datatable tr td {
   padding: 10px;
   border-right: solid 1px #dee3e7;
   border-bottom: solid 1px #dee3e7;
   font-weight: normal;
   font-size: 14px;
   color: #2c4b60;
   text-align: center;
   background: #fff;
}
/*Buttons
============================================================================*/
.button-orange {
   background: #ff6600 !important;
}
.button-orange:hover {
   background: #ff7f29 !important;
}
.button {
   display: inline-block;
   padding: 13px 35px;
   background: #2c4b60;
   color: #fff;
   border-radius: 8px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   border: none;
}
.button.medium {
}
.button:hover {
   color: #fff;
   background: #3c617a;
}
.button.alt {
   background: #fff;
   color: #2c4b60;
   border: solid 2px #2c4b60;
}
.button.alt:hover {
   background: #2c4b60;
   color: #fff;
}
.button-orange.alt {
   background: #fff !important;
   border: solid 2px #ff6600 !important;
   color: #ff6600 !important;
}
.button-orange.alt:hover {
   background: #ff6600 !important;
   border: solid 2px #ff6600 !important;
   color: #fff !important;
}
.ssl-item {
   background: #fff;
   padding: 30px;
   border-bottom: solid 1px #cbe0e0;
}
.ssl-item .col-sm-2 {
   width: 10.677%;
}
.plans.domain .col-sm-2 {
   width: 20%;
}
.support-article ol {
   padding-left: 15px;
}
.support-article ol li {
   margin-bottom: 10px;
}
.support-nav-left ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
   padding-top: 10px;
}
.support-nav-left ul li {
   margin-bottom: 10px;
}
.support-nav-left ul li.active a {
   color: #2c4b60;
}
.tool-tip, .htool-tip {
   position: relative;
   cursor: pointer;
   display: inline-block;
}
.tool-tip-info {
   background: #fff;
   position: absolute;
   bottom: 30px;
   left: 50%;
   margin-left: -110px;
   width: 220px;
   padding: 20px !important;
   border: solid 1px #dddddd;
   border-radius: 8px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   font-size: 13px !important;
   color: #6e858d !important;
   z-index: 9999;
   transition: transform 0.3s ease 0s, all 0.3s ease 0s;
   display: none !important;
}
.htool-tip:hover > .tool-tip-info,
.tool-tip.active > .tool-tip-info {
   display: block !important;
}
.tab-content {
   display: none;
}
.csselct .bootstrap-select {
   width: 100% !important;
}
.csselct .bootstrap-select > .dropdown-toggle {
   padding-top: 15px;
   padding-bottom: 15px;
   border: solid 2px #fff !important;
   border-radius: 8px !important;
   background-color: #2c4b60 !important;
   color: #fff !important;
}
.col-sm-6.deviderL, .col-sm-3.deviderL, .col-sm-2.deviderL { border-left:solid 1px #cbe0e0;   }

/* Mobile Nav css
===================================================================*/
#mobile-nav {
   background: #314d65;
   position: fixed;
   height: 100%;
   width: 320px;
   z-index: 999;
   top: 0px;
   right: -430px;
   transition: transform 0.3s ease 0s, all 0.3s ease 0s;
}
#mobile-nav.active {
   right: 0px;
}
#mobile-nav .mnav-inner {
   padding: 10px 30px 30px;
}
.mbnav {
   list-style: none;
   margin: 0px;
   padding: 0px;
}
.mbnav ul {
   list-style: none;
   padding: 0px;
}
.mbnav li {
   display: block;
   clear: both;
   border-top: solid 1px #fff;
}
.mbnav li:first-child {
   border: none;
}
.mbsnav li:first-child {
   border-top: solid 1px #fff !important;
}
.mbnav li a {
   padding: 10px 10px;
   color: #fff;
   display: inline-block;
   display: block;
   position: relative;
   font-size: 14px;
}
.mbsnav li a {
   padding: 10px 15px;
   font-size: 14px;
}
.mbnav li a:hover {
   text-decoration: none;
}
.isnav:after {
   position: absolute;
   top: 50%;
   right: 1em;
   margin-top: -7px;
   height: 0;
   width: 0;
   content: "\f107";
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
.mbsnav {
   display: none;
   transition: transform 0.3s ease 0s, all 0.3s ease 0s;
}
.mobile-nav-action a {
   float: right;
   color: #fff;
   font-size: 18px;
}
.mobile-nav-action {
   display: table;
   width: 100%;
}
.mobile-nav-action a:hover {
   text-decoration: none;
}
.mobile-nav {
   color: #fff;
   border: solid 2px #fff;
   float: right;
   margin-left: 10px;
   margin-top: 22px;
   padding: 12px 18px;
   opacity: 0.8;
   border-radius: 8px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   font-size: 14px;
   display: none;
}
.mobile-nav:hover {
   color: #fff;
   opacity: 1;
}
/* Responsive css
===================================================================*/
@media screen and (max-width: 996px) {
.container {
   padding-left: 15px;
   padding-right: 15px;
}
}
@media screen and (max-width: 800px) {
#navbar ul > li > a {
   font-size: 12px;
}
.container-small {
   padding-left: 15px;
   padding-right: 15px;
}
.snav.multicols {
   width: 600px;
}
.col1, .col2, .col3 {
   padding: 20px 20px 10px !important;
}
.datatable { overflow-x:scroll; overflow-y:hidden; }
.datatable tr th, .datatable tr td { width:auto !important; padding:4px; font-size:12px;  }
h1 { font-size:48px; line-height:50px; }
}
@media screen and (max-width: 767px) {
#navbar {
   display: none;
}
.mobile-nav {
   display: block;
}
.fnav {
   text-align: center;
}
.copyright {
   text-align: center;
   padding-bottom: 10px;
}
.copyright br {
   display: none;
}
.social-links {
   text-align: center;
   padding-bottom: 20px;
}
.switching-bg [class*="col"] {
   text-align: center;
}
.contact-info [class*="col"] {
   text-align: left;
}
.col-sm-6.devider, .col-sm-3.devider, .col-sm-2.devider {
   border-right: none; border-left: none;
}
.col-sm-6.deviderL, .col-sm-3.deviderL, .col-sm-2.deviderL {
   border-right: none; border-left: none;border-top:1px solid #cbe0e0;
}

.titbits {
   padding-left:20px;
}

.domain-note {
   display: none;
}
.stuff-item {
   text-align: center;
}
.stuff-item span {
   display: block;
   text-align: center;
}
.software-item {
   width: 30%;
}
.plans.domain .col-sm-2 {
   width: 100%;
}
.plan-label {
   position: relative;
   width: 100%;
}
.plan-label.second {
   position: relative;
   top: 0px;
   margin-left: 0px;
   width: 100%;
}
.tabs-nav li a {
   padding: 60px 10px 10px;
}
.stuff-item .ico {
   margin-right: 0px;
   margin-bottom: 10px;
}
.heading { text-align:center; font-size:30px; line-height:35px; }
.datatable tr th, .datatable tr td { width:auto; padding:4px; font-size:12px;  }
}
@media screen and (max-width: 640px) {
   .coupon > p {
     padding-top: 15px !important;
   }
   .validation-errors {
      margin-bottom:15px;
   }
   .success-message {
      margin-bottom:15px;
   }
   .contact-form .form-field textarea {
      height: 184px;
      width:100%;
   }
}
@media screen and (max-width: 480px) {
   .software-item {
      width: 100%;
   }
}
@media screen and (max-width: 325px) {
   .coupon {
      height:95px !important;
   }
}
.coupon {
   background-image: url('/static/images/coupon.png');
   background-repeat: no-repeat;
   background-size: auto auto;
   width: auto;
   height: 73px;
   background-position: center;
}
.coupon > p {
   padding-top: 25px;
   font-size: 18px;
   color: #56A3F3;
}
.coupon-orange {
   color: #EC6C00;
   font-weight:100;
}
.validation-errors {
  background-color: #D65336;
  border-radius: 10px;
  padding: 13px;
  color: #ffffff;
  display:inline-block;
}
.contact-form .form-field textarea {
    margin: 0px;
    height: 252.5px;
    resize: vertical;
    width:100%;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {outline:none !important;}
.bootstrap-select .dropdown-toggle:focus {
  outline:none !important;
}
.success-message {
  background-color: #B3D338;
  border-radius: 10px;
  padding: 13px;
  color: #ffffff;
  display:inline-block;
}
.header-lined h1 {
   font-size:40px !important;
}
.col-sm-3 .pull-right {
   padding-left: 0;
}
.message-container {
   display:inline-block;
}
.section-status {
   padding:50px;
}
.status-info {
   padding:0 80px;
}
.status-header{
   padding:0 95px;
}
.status-table tr > th:first-child, .status-table tr > td:first-child, .status-event tr > td, .status-event tr > th{
   text-align: left;
   padding-left:20px;
}
.status-event tr > td {
   padding-left:30px;
}
.status-table,.status-event {
   width:100%;
   border: solid 1px #dee3e7;
   border-bottom: solid 2px #dee3e7;
}
.orange-text {
   color:#ff6600 !important;
}
.green-text {
   color:#B3D338 !important;
}
.time-stamp-text {
 font-size:14px;
 color:#2c4b60;
}

.no-padding-left {
   padding-left:0;
   padding-right:25px;
}
.no-padding-right {
   padding-right:0;
   padding-left:25px;
}
.update-info {
      border-bottom: solid 1px #dee3e7;
}
.time-stamp-text > a {
   padding-left: 5px;
}
.header-lined h1 {
   font-size:40px;
}
.col-sm-3 .pull-right {
   padding-left: 0;
}
   .message-container {
      display:inline-block;
=======
@charset "utf-8";
/*
Theme Name: Cardea Solutions
Theme URI: 
Description: 
Version: 1.0
Author: APJ Digital
Author URI: apjdigital.com
Tags: Black, custom header, fixed width

*/
@font-face {
   font-family: 'montserratbold';
   src: url('/static/fonts/montserrat-bold-webfont.eot');
   src: url('/static/fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/static/fonts/montserrat-bold-webfont.woff2') format('woff2'), url('/static/fonts/montserrat-bold-webfont.woff') format('woff'), url('/static/fonts/montserrat-bold-webfont.ttf') format('truetype'), url('/static/fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'montserratregular';
   src: url('/static/fonts/montserrat-regular-webfont.eot');
   src: url('/static/fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/static/fonts/montserrat-regular-webfont.woff2') format('woff2'), url('/static/fonts/montserrat-regular-webfont.woff') format('woff'), url('/static/fonts/montserrat-regular-webfont.ttf') format('truetype'), url('/static/fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'ProximaBold';
   src: url('/static/fonts/ProximaNovaSoft-Bold/ProximaNovaSoft-Bold-webfont.eot?') format('eot'), url('/static/fonts/ProximaNovaSoft-Bold/ProximaNovaSoft-Bold-webfont.woff') format('woff'), url('/static/fonts/ProximaNovaSoft-Bold/ProximaNovaSoft-Bold-webfont.ttf') format('truetype')
}
@font-face {
   font-family: 'ProximaRegular';
   src: url('/static/fonts/ProximaNovaSoft-Regular/ProximaNovaSoft-Regular-webfont.eot?') format('eot'), url('/static/fonts/ProximaNovaSoft-Regular/ProximaNovaSoft-Regular-webfont.woff') format('woff'), url('/static/fonts/ProximaNovaSoft-Regular/ProximaNovaSoft-Regular-webfont.ttf') format('truetype')
}
/* General css
===================================================================*/
*, *:before, *:after {
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   outline:none;
}
.tb {
   display: table;
   width: 100%;
}
.tbcell {
   display: table-cell;
   vertical-align: middle;
   float: none;
}
.alignleft {
   float: left;
}
img.alignleft {
   float: left;
   margin-right: 15px;
}
img.alignright {
   float: right;
   margin-left: 15px;
}
img.aligncenter {
   display: block;
   margin: 0 auto;
}
.alignright {
   float: right;
}
.center {
   text-align: center;
}
.clear {
   clear: both;
}
.noborder {
   border: none !important;
}
.nobg {
   background: none !important;
}
.nomargin {
   margin: 0px !important;
}
.nopadding {
   padding: 0px !important;
}
.bmargin {
   margin-bottom: 0px;
}
.bold {
   font-weight: bold;
}
.middle {
   display: inline;
   vertical-align: middle;
}
.underline {
   text-decoration: underline;
}
img {
   max-width: 100%;
   height: auto;
}
.spacer10 {
   height: 10px;
   line-height: 10px;
   display: block;
}
.spacer15 {
   height: 15px;
   line-height: 15px;
   display: block;
}
.spacer20 {
   height: 20px;
   line-height: 20px;
   display: block;
}
.spacer30 {
   height: 30px;
   line-height: 30px;
   display: block;
}
.spacer40 {
   height: 40px;
   line-height: 40px;
   display: block;
}
.spacer50 {
   height: 50px;
   line-height: 50px;
   display: block;
}
.spacer60 {
   height: 60px;
   line-height: 60px;
   display: block;
}
.spacer70 {
   height: 70px;
   line-height: 70px;
   display: block;
}
.spacer80 {
   height: 80px;
   line-height: 80px;
   display: block;
}
.spacer80 {
   height: 80px;
   line-height: 80px;
   display: block;
}
.spacer90 {
   height: 90px;
   line-height: 90px;
   display: block;
}
.spacer100 {
   height: 100px;
   line-height: 100px;
   display: block;
}
.ico {
   display: inline-block;
   vertical-align: middle;
   margin-right: 5px;
}
.section-normal {
   padding-top: 70px;
   padding-bottom: 70px !important;
}
::-webkit-input-placeholder {
 opacity:1 !important;
 color:#fff !important;
}

:-moz-placeholder { /* Firefox 18- */
 opacity:1 !important;
 color:#fff !important;
}

::-moz-placeholder {  /* Firefox 19+ */
 opacity:1 !important;
 color:#fff !important;
}

:-ms-input-placeholder {
 opacity:1 !important;
 color:#fff !important;
}
.pt10 {
   display: inline-block;
   padding-top: 10px;
}
.pt20 {
   display: inline-block;
   padding-top: 20px;
}
.pt30 {
   display: inline-block;
   padding-top: 30px;
}
.pt40 {
   display: inline-block;
   padding-top: 40px;
}
.pt50 {
   display: inline-block;
   padding-top: 50px;
}
.pt60 {
   display: inline-block;
   padding-top: 60px;
}
/* Typography css
===================================================================*/
body {
   font-size: 14px;
   font-family: 'montserratregular', Arial, Helvetica, sans-serif;
   font-weight:normal;
   background: #cbe0e0;
   color: #6e858d;
}
p {
   line-height: 22px;
   margin-top: 0px;
   margin-bottom: 10px;
}
a, a:focus {
   color: #22a7f0;
}
a:hover {
   text-decoration: none;
}
.button:focus { color:#fff !important; }
.lightblue {
   color: #6e858d;
}
.darkblue {
   color: #2c4b60;
}
.dullblue {
   color: #cbe0e0 !important;
}
.orange, td.orange {
   color: #ff6600 !important;
}
.green, td.green {
   color: #afd24d !important;
}
.white {
   color: #fff;
}
.seprator {
   height: 2px;
   background: #cbe0e0;
   display: block;
   margin-top: 40px;
   margin-bottom: 40px;
}
.seprator-thin {
   height: 1px;
   background: #cbe0e0;
   display: block;
   margin-top: 10px;
   margin-bottom: 40px;
}
/* headings css
===================================================================*/
h1 {
   font-family: 'ProximaRegular';
   font-weight: bold;
   font-size: 60px;
   line-height: 60px;
   margin-top: 0px;
   margin-bottom: 10px;
   color: #2c4b60;
   letter-spacing: 0.3px;
}
h2 {
   font-family: 'ProximaRegular';
   font-weight: bold;
   font-size: 40px;
   line-height: 40px;
   margin-top: 0px;
   margin-bottom: 10px;
   color: #2c4b60;
   letter-spacing: 0.3px;
}
h3 {
   font-family: 'ProximaRegular';
   font-weight: bold;
   font-size: 25px;
   line-height: 32px;
   margin-top: 0px;
   margin-bottom: 10px;
   color: #2c4b60;
   letter-spacing: 0.3px;
}
h4 {
   font-family: 'ProximaRegular';
   font-weight: bold;
   font-size: 22px;
   line-height: 25px;
   margin-top: 0px;
   margin-bottom: 10px;
   color: #2c4b60;
   letter-spacing: 0.3px;
}
h5 {
   font-family: 'ProximaRegular';
   font-weight: normal;
   font-size: 20px;
   line-height: 25px;
   margin-top: 0px;
   margin-bottom: 10px;
   color: #2c4b60;
}
h6 {
   font-family: 'montserratregular', Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 17px;
   line-height: 17px;
   margin-top: 0px;
   margin-bottom: 10px;
   color: #2c4b60;
}
.heading {
   font-size: 60px;
   line-height: 70px;
   color: #fff;
   text-align: right;
   letter-spacing: 1px;
   text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
/* Layout css
===================================================================*/
#wrapper {
   max-width: 1387px;
   margin: 0 auto;
}
.container {
   max-width: 992px;
}
.container-small {
   max-width: 800px;
   display: block;
   clear: both;
   margin: 0 auto;
}
#hero-bg {
   /*background: #314d65 url(/static/images/header-bg.jpg) bottom center repeat-x;*/
   background: #2c4b60 url(/static/images/subheader_image.png) bottom center repeat-x;
   width: 100%;
   min-height: 500px;
   padding-bottom: 50px;
}

#hero-bgs {
    background: #314d65 url(/static/images/header-bg.jpg) bottom center repeat-x; */
    width: 100%;
    min-height: 695px;
    padding-bottom: 50px;
}
}

#hero-bg {
   /*background: #314d65 url(/static/images/header-bg.jpg) bottom center repeat-x;*/
   background: #2c4b60 url(/static/images/subheader_image.png) bottom center repeat-x;
   width: 100%;
   min-height: 500px;
   padding-bottom: 50px;
}
#hero-bg-dark {
   background: #2c4b60 url(/static/images/subheader_image.png) bottom center repeat-x;
   width: 100%;
   min-height: 500px;
   padding-bottom: 50px;
}
#logo {
   margin-top: 28px;
}

.col-st {
   color:#2c4b60 !important;
}

.centclass {
   text-align:center;
}

.b3px {
   border-radius:3px 0px 0px 3px;
}

.b3pxa {
   border-radius:0px 3px 3px 0px;
}

.login-btn {
   color: #fff;
   font-size: 14px;
   padding: 11px 5px 11px 5px;
   border-radius: 8px;
   border: solid 2px #fff;
   text-align: center;
   float: right;
   margin-top: 23px;
   width: 108px;
   opacity: 0.8;
}
.login-btn:visited { text-decoration:none !important; color:#fff !important; }
.login-btn:hover {
   opacity: 1;
   color: #fff;
   text-decoration: none;
}
.login-btn:visited {
   color: #fff !important;
   text-decoration: none !important;
}
#header .container {
   padding-top: 10px;
   padding-bottom: 20px;
}
#navbar {
   padding-top: 25px;
}
#navbar ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
}
#navbar ul > li {
   display: inline-block;
   padding-left: 0px;
   background: none !important;
}
#navbar ul > li > a {
   color: #fff;
   font-size: 14px;
   font-weight: normal;
   text-transform: capitalize;
   opacity: 0.8;
   border: none !important;
   letter-spacing: 0.3px;
}
#navbar ul > li > a:hover, #navbar ul > li.active > a {
   opacity: 1;
   text-decoration: none;
}
.snav {
   background: #fff !important;
   z-index: 999;
   position: absolute;
   border-radius: 8px;
   display: none;
   box-shadow:2px 2px 6px rgba(0, 0, 0, 0.2);
   overflow:hidden !important;
   
}
.snav.multicols {
   width: 800px;
}
.col1 {
   float: left;
   width: 33.33%;
   padding: 40px 40px 20px !important;
   text-align: center;
   border: none !important;
}
.col2 {
   float: left;
   width: 33.33%;
   padding: 40px 40px 20px !important;
   text-align: center;
   border-left: solid 1px #cfdfe0 !important;
   border-right: solid 1px #cfdfe0 !important;
}
.col3 {
   float: left;
   width: 33.33%;
   padding: 40px 40px 20px !important;
   text-align: center;
   border: none !important;
}
.snav.multicols a:hover {
   background: #e5efef !important;
   ;
}
.mtitle {
   font-size: 23px;
   text-align: center;
   font-family: 'ProximaRegular';
   display: block;
   color: #344b62;
   margin-bottom: 10px !important;
}
.stitle {
   font-size: 13px;
   text-align: center;
   font-family: 'montserratregular', Arial, Helvetica, sans-serif;
   display: block;
   color: #6e858d;
   margin-bottom: 20px !important;
}
.snav .pkg-amount .price {
   font-size: 55px !important;
}
.domain .pkg-amount .price, .pkg-amount.ssl .price {
   font-size: 55px !important;
}
.snav .pkg-amount .price sup, .domain .pkg-amount .price sup, .pkg-amount.ssl .price sup {
   font-weight: normal;
   top: -10px;
}
.snav li {
   display: block !important;
   float: none;
}
.snav li a {
   color: #6e858d !important;
   border: none !important;
}
.snav li a:hover {
   color: #2c4b60 !important;
}
#navbar a.isnav {
   padding-right: 25px !important;
}
#banner {
   width: 100%;
   margin-top: 50px;
   margin-bottom: 0px;
}
#banner .container {
   padding-bottom: 20px;
}
#content {
   width: 100%;
   padding-bottom: 0px;
   background: #fff;
   display: block;
}
.section {
}
.widgetbox {
   width: 100%;
}
.widget-layout-a .widget-title {
   font-size: 16px;
   font-weight: bold;
   text-transform: uppercase;
   border-bottom: solid 6px #000;
   color: #000;
   padding: 0px 10px 10px;
   margin-bottom: 15px;
   margin-top: 0px;
}
.widget-layout-b .widget-title {
   font-size: 16px;
   font-weight: bold;
   text-transform: uppercase;
   color: #000;
   padding: 0px 0px 10px;
   margin-bottom: 15px;
   margin-top: 0px;
}
.news-item {
   width: 100%;
   margin-bottom: 15px;
}
.item-date {
   color: #000;
}
.widget-social a {
   display: inline-block;
   margin-right: 10px;
}
#footer {
   width: 100%;
   display: block;
   background: #fff;
   padding-top: 20px;
   padding-bottom: 10px;
   border-top: solid 1px #dedede;
   margin-bottom: 60px;
}
.fnav {
   list-style: none;
   margin: 0px;
   padding: 0px;
}
.fnav li {
   margin-left: 10px;
   display: inline-block;
}
.fnav li:frist-child {
margin:0px;
}
.fnav li a {
   color: #6e858d;
   font-size: 12px;
   text-transform: uppercase;
   text-decoration: none;
   opacity: 0.8;
   font-weight: normal;
   display: block;
   padding-top: 10px;
   padding-bottom: 10px;
}
.fnav li a:hover {
   opacity: 1;
}
.copyright {
   text-align: right;
   font-size: 12px;
   color: #6e858d;
   font-weight: normal;
}
.social-links a i {
   font-size: 12px;
   color: #6e858d;
}
.social-links a {
   display: inline-block;
   border: solid 2px #6e858d;
   border-radius: 50%;
   width: 30px;
   height: 30px;
   line-height: 30px;
   text-align: center;
   margin-left: 5px;
   opacity: 0.8;
}
.social-links a:hover {
   opacity: 1;
}
/* MISC css
===================================================================*/
.pageheading h1 {
   color: #fff;
   text-align: center;
}
.pageheading h6 {
   color: #cbe0e0;
   text-align: center;
}
.domain-search-bg {
   background: #497099 url(/static/images/under-header-bg.jpg) top center repeat-x;
   min-height: 264px;
   width: 100%;
   display: block;
   padding-bottom:50px;
}
.search-domain {
   width: 100%;
   position: relative;
}
.txtdomain {
   width: 100%;
   padding: 20px;
   background: #fff;
   color: #2c4b60;
   font-size: 20px;
   padding-right: 70px;
   border-bottom: solid 2px #3f6293;
   border-top: none;
   border-left: none;
   border-right: none;
   font-weight: normal;
   font-family: 'montserratregular', Arial, Helvetica, sans-serif;
}
.btn-search {
   background: none;
   border: none;
   position: absolute;
   top: 20px;
   right: 20px;
}
.domain-search-bg .domain-price {
   float: left;
   margin-right: 8px;
   color: #fff;
   font-size: 17px;
   font-family: 'montserratbold';
   text-shadow: 0px 2px 1px #3f6293;
   margin-bottom: 10px;
}
.domain-search-bg .domain-price span {
   background: url(/static/images/icons/label.png) center center no-repeat;
   width: 97px;
   height: 37px;
   line-height: 37px;
   margin-left: 10px;
   text-shadow: none;
   color: #ff6600;
   display: inline-block;
   padding-left: 10px;
}
.domain-note {
   text-align: right;
   color: #fff;
   font-size: 12px;
}
.sub-hero-bg {
   background: #2c4b60 url(/static/images/subheader_image.png) bottom center repeat-x;
   width: 100%;
   min-height: 416px;
   color: #cbe0e0;
   padding-bottom: 1px;
}
.sub-hero-bg h3, .sub-hero-bg p {
   color: #fff;
}
.switching-bg {
   background: #e5efef;
   width: 100%;
   color: #6e858d;
}
.switching-item {
   position: relative;
   padding-left: 50px;
   text-align: left;
}
.switching-item .sw-icon {
   position: absolute;
   z-index: 99;
   top: 0px;
   left: 0px;
}
.plans {
   border-left: solid 1px #cbe0e0;
   border-right: solid 1px #cbe0e0;
   border-bottom: solid 3px #cbe0e0;
   margin-bottom: 40px;
}
.plans .col-sm-6, .plans .col-sm-3, .plans .col-sm-2 {
   padding-bottom: 40px !important;
}
.col-sm-6.devider, .col-sm-3.devider, .col-sm-2.devider {
   border-right: solid 1px #cbe0e0;
}
.planspecs .txtbig {
   font-size: 17px;
}
.dotline {
   border-bottom: dotted 1px #d1d7d9;
}
.plan-label {
   background: #ff6600 none repeat scroll 0 0;
   color: #fff;
   display: inline-block;
   height: 40px;
   line-height: 40px;
   position: absolute;
   text-align: center;
   top: -40px;
   width: 100%;
   letter-spacing: 5px;
   left:0px;
}
.plan-label.second {
   margin-left: 0px;
}
.plans.domain {
   margin-bottom: 0px;
}
.stuff-item {
   padding-bottom: 20px;
}
.stuff-item span {
   display: inline-block;
   vertical-align: middle;
   font-size: 20px;
   color: #2c5460;
   padding-left: 10px;
}
.block-package-white {
   background: #fff;
   padding: 40px 35px;
   border-radius: 8px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   max-width:310px;
   display:block;
   margin:0 auto;
}
.pkg-amount .price {
   font-family: 'ProximaBold';
   font-size: 70px;
   font-weight: normal;
}
.pkg-amount .price sup {
   font-size: 30px;
   top: -12px;
}
.pkginfo {
   text-align: left;
   max-width: 175px;
   margin: 0 auto;
}
.titbits span {
   display: inline-block;
   vertical-align: middle;
   padding-left: 10px;
}
.titbits p {
   margin-bottom: 15px;
   text-align: left;
}
.software-item {
   width: 18%;
   float: left;
   margin-right: 19px;
   margin-bottom: 19px;
}
.software-item .last {
   margin-right: 0px;
   margin-bottom: 19px;
}
.software-box {
   padding-top: 24px;
   padding-bottom: 24px;
   border: solid 2px #cbe0e0;
   border-radius: 4px;
   text-align: center;
   position: relative;
   height: 175px;
}
.software-box img {
   margin-bottom: 25px;
}
.software-box h4 {
   color: #2c4b60;
   font-size: 17px;
   font-weight: normal;
   padding: 0px;
   font-family: 'montserratregular';
}

.fc14 {
   font-size:14px !important;
}

.mrgt30 {
   margin-top:30px;
}

.mrgt5 {
   margin-bottom:5px;
}

.pdl40 {
   padding-left:45px !important;
}

.pdr40 {
   padding-right:45px !important;
}

.bdb3 {
   border-bottom:3px solid #cbe0e0;
}

.software-box .lbl {
   position: absolute;
   background: #ff6600;
   font-size: 10px;
   width: 100px;
   height: 15px;
   line-height: 15px;
   border-radius: 3px;
   bottom: -7px;
   left: 50%;
   color: #fff;
   text-transform: uppercase;
   margin-left: -50px;
}
.faq-item {
   padding-bottom: 30px;
}
.faq-item h6 {
   color: #fff;
}
.faq-item p {
   color: #c5d9d9;
}
.faq-seprator {
   height: 2px;
   display: block;
   background: #395568;
   margin-top: 0px;
   margin-bottom: 40px;
}
.whitebg {
   background: #fff;
}
.whitebg p {
   color: #6e858d;
}
.whitebg h3 {
   color: #2c4b60;
}
.helpmore {
   padding: 30px;
}
#hero-bg-small {
   background: #2c4b60;
   padding-bottom: 20px;
}
.support-item {
   margin-bottom: 50px;
}
.contact-form .form-field {
   margin-bottom: 12px;
}
.contact-form .form-field input {
   border: solid 2px #fff;
   background: #2c4b60;
   color: #fff;
   opacity: 1 !important;
   font-size: 14px;
   padding: 15px;
   width: 100%;
   border-radius: 8px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
}
.contact-form .form-field select {
   border: solid 2px #fff;
   background: #2c4b60;
   color: #fff;
   opacity: 1 !important;
   font-size: 14px;
   padding: 15px;
   width: 100%;
   border-radius: 8px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
}
.contact-form .form-field textarea {
   border: solid 2px #fff;
   background: #2c4b60;
   color: #fff;
   opacity: 1 !important;
   font-size: 14px;
   padding: 15px;
   width: 100%;
   border-radius: 8px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   height: 184px;
}
.tabs-nav {
   border: solid 2px #cbe0e0;
   display: table;
   width: 100%;
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}
.tabs-nav ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
}
.tabs-nav li {
   border-left: solid 1px #cbe0e0;
   display: block;
   float: left;
   width: 33.33%;
}
.tabs-nav li:first-child {
   border: none;
}
.tabs-nav li a {
   padding: 63px 30px 30px;
   text-align: center;
   display: block;
   color: #6e858d;
}
.tabs-nav li a:hover, .tabs-nav li.active a {
   text-decoration:none !important;
   border-bottom:none !important;
}
.tabs-nav li.domain-pricing-tab-button a{
   background: url(/static/images/icons/domain-tab-pricing.png) center 18px no-repeat;
}
.tabs-nav li.active.domain-pricing-tab-button a:hover, .tabs-nav li.active.domain-pricing-tab-button a{
   background: #fff url(/static/images/icons/domain-tab-pricing-active.png) center 18px no-repeat;
}

.tabs-nav li.more-information-tab-button a{
   background: url(/static/images/icons/domain-tab-info.png) center 18px no-repeat;
}
.tabs-nav li.active.more-information-tab-button a:hover, .tabs-nav li.active.more-information-tab-button a{
   background: #fff url(/static/images/icons/domain-tab-info-active.png) center 18px no-repeat;
}

.tabs-nav li.transferring-domain-tab-button a{
   background: url(/static/images/icons/domain-tab-transfer.png) center 18px no-repeat;
}
.tabs-nav li.transferring-domain-tab-button a:hover, .tabs-nav li.active.transferring-domain-tab-button a{
   background: #fff url(/static/images/icons/domain-tab-transfer-active.png) center 18px no-repeat;
}


.datatable table {
   border-left: solid 1px #dee3e7;
   border-top: solid 1px #dee3e7;
   border-bottom: solid 2px #dee3e7;
   background: #fff;
   border-collapse:collapse;
}
.datatable tr th {
   padding: 10px;
   border-right: solid 1px #dee3e7;
   border-bottom: solid 1px #dee3e7;
   font-weight: normal;
   font-size: 14px;
   color: #6e858d;
   text-align: center;
   background: #fff;
   width:16.666%;
}
.datatable tr th.right, .datatable tr td.right {
   text-align: right;
}
.datatable tr td {
   padding: 10px;
   border-right: solid 1px #dee3e7;
   border-bottom: solid 1px #dee3e7;
   font-weight: normal;
   font-size: 14px;
   color: #2c4b60;
   text-align: center;
   background: #fff;
}
/*Buttons
============================================================================*/
.button-orange {
   background: #ff6600 !important;
}
.button-orange:hover {
   background: #ff7f29 !important;
}
.button {
   display: inline-block;
   padding: 13px 25px;
   background: #2c4b60;
   color: #fff;
   border-radius: 8px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   border: none;
}
.button.medium {
}
.button:hover {
   color: #fff;
   background: #3c617a;
}
.button.alt {
   background: #fff;
   color: #2c4b60;
   border: solid 2px #2c4b60;
}
.button.alt:hover {
   background: #2c4b60;
   color: #fff;
}
.button-orange.alt {
   background: #fff !important;
   border: solid 2px #ff6600 !important;
   color: #ff6600 !important;
}
.button-orange.alt:hover {
   background: #ff6600 !important;
   border: solid 2px #ff6600 !important;
   color: #fff !important;
}
.ssl-item {
   background: #fff;
   padding: 30px;
   border-bottom: solid 1px #cbe0e0;
}
.ssl-item .col-sm-2 {
   width: 10.677%;
}
.plans.domain .col-sm-2 {
   width: 20%;
}
.support-article ol {
   padding-left: 15px;
}
.support-article ol li {
   margin-bottom: 10px;
}
.support-nav-left ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
   padding-top: 10px;
}
.support-nav-left ul li {
   margin-bottom: 10px;
}
.support-nav-left ul li.active a {
   color: #2c4b60;
}
.tool-tip, .htool-tip {
   position: relative;
   cursor: pointer;
   display: inline-block;
}
.tool-tip-info {
   background: #fff;
   position: absolute;
   bottom: 30px;
   left: 50%;
   margin-left: -110px;
   width: 220px;
   padding: 20px !important;
   border: solid 1px #dddddd;
   border-radius: 8px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   font-size: 13px !important;
   color: #6e858d !important;
   z-index: 9999;
   transition: transform 0.3s ease 0s, all 0.3s ease 0s;
   display: none !important;
}
.htool-tip:hover > .tool-tip-info,
.tool-tip.active > .tool-tip-info {
   display: block !important;
}
.tab-content {
   display: none;
}
.csselct .bootstrap-select {
   width: 100% !important;
}
.csselct .bootstrap-select > .dropdown-toggle {
   padding-top: 15px;
   padding-bottom: 15px;
   border: solid 2px #fff !important;
   border-radius: 8px !important;
   background-color: #2c4b60 !important;
   color: #fff !important;
}
.col-sm-6.deviderL, .col-sm-3.deviderL, .col-sm-2.deviderL { border-left:solid 1px #cbe0e0;   }

/* Mobile Nav css
===================================================================*/
#mobile-nav {
   background: #314d65;
   position: fixed;
   height: 100%;
   width: 320px;
   z-index: 999;
   top: 0px;
   right: -430px;
   transition: transform 0.3s ease 0s, all 0.3s ease 0s;
}
#mobile-nav.active {
   right: 0px;
}
#mobile-nav .mnav-inner {
   padding: 10px 30px 30px;
}
.mbnav {
   list-style: none;
   margin: 0px;
   padding: 0px;
}
.mbnav ul {
   list-style: none;
   padding: 0px;
}
.mbnav li {
   display: block;
   clear: both;
   border-top: solid 1px #fff;
}
.mbnav li:first-child {
   border: none;
}
.mbsnav li:first-child {
   border-top: solid 1px #fff !important;
}
.mbnav li a {
   padding: 10px 10px;
   color: #fff;
   display: inline-block;
   display: block;
   position: relative;
   font-size: 14px;
}
.mbsnav li a {
   padding: 10px 15px;
   font-size: 14px;
}
.mbnav li a:hover {
   text-decoration: none;
}
.isnav:after {
   position: absolute;
   top: 50%;
   right: 1em;
   margin-top: -7px;
   height: 0;
   width: 0;
   content: "\f107";
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
.mbsnav {
   display: none;
   transition: transform 0.3s ease 0s, all 0.3s ease 0s;
}
.mobile-nav-action a {
   float: right;
   color: #fff;
   font-size: 18px;
}
.mobile-nav-action {
   display: table;
   width: 100%;
}
.mobile-nav-action a:hover {
   text-decoration: none;
}
.mobile-nav {
   color: #fff;
   border: solid 2px #fff;
   float: right;
   margin-left: 10px;
   margin-top: 22px;
   padding: 12px 18px;
   opacity: 0.8;
   border-radius: 8px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   font-size: 14px;
   display: none;
}
.mobile-nav:hover {
   color: #fff;
   opacity: 1;
}
/* Responsive css
===================================================================*/
@media screen and (max-width: 996px) {
.container {
   padding-left: 15px;
   padding-right: 15px;
}
}
@media screen and (max-width: 800px) {
#navbar ul > li > a {
   font-size: 12px;
}
.container-small {
   padding-left: 15px;
   padding-right: 15px;
}
.snav.multicols {
   width: 600px;
}
.col1, .col2, .col3 {
   padding: 20px 20px 10px !important;
}
.datatable { overflow-x:scroll; overflow-y:hidden; }
.datatable tr th, .datatable tr td { width:auto !important; padding:4px; font-size:12px;  }
h1 { font-size:48px; line-height:50px; }
}
@media screen and (max-width: 767px) {
#navbar {
   display: none;
}
.mobile-nav {
   display: block;
}
.fnav {
   text-align: center;
}
.copyright {
   text-align: center;
   padding-bottom: 10px;
}
.copyright br {
   display: none;
}
.social-links {
   text-align: center;
   padding-bottom: 20px;
}
.switching-bg [class*="col"] {
   text-align: center;
}
.contact-info [class*="col"] {
   text-align: left;
}
.col-sm-6.devider, .col-sm-3.devider, .col-sm-2.devider {
   border-right: none; border-left: none;
}
.col-sm-6.deviderL, .col-sm-3.deviderL, .col-sm-2.deviderL {
   border-right: none; border-left: none;border-top:1px solid #cbe0e0;
}

.titbits {
   padding-left:20px;
}

.domain-note {
   display: none;
}
.stuff-item {
   text-align: center;
}
.stuff-item span {
   display: block;
   text-align: center;
}
.software-item {
   width: 30%;
}
.plans.domain .col-sm-2 {
   width: 100%;
}
.plan-label {
   position: relative;
   width: 100%;
}
.plan-label.second {
   position: relative;
   top: 0px;
   margin-left: 0px;
   width: 100%;
}
.tabs-nav li a {
   padding: 60px 10px 10px;
}
.stuff-item .ico {
   margin-right: 0px;
   margin-bottom: 10px;
}
.heading { text-align:center; font-size:30px; line-height:35px; }
.datatable tr th, .datatable tr td { width:auto; padding:4px; font-size:12px;  }
}
@media screen and (max-width: 640px) {
   .coupon > p {
     padding-top: 15px !important;
   }
   .validation-errors {
      margin-bottom:15px;
   }
   .success-message {
      margin-bottom:15px;
   }
   .contact-form .form-field textarea {
      height: 184px;
      width:100%;
   }
}
@media screen and (max-width: 480px) {
   .software-item {
      width: 100%;
   }
}
@media screen and (max-width: 325px) {
   .coupon {
      height:95px !important;
   }
}
.coupon {
   background-image: url('/static/images/coupon.png');
   background-repeat: no-repeat;
   background-size: auto auto;
   width: auto;
   height: 73px;
   background-position: center;
}
.coupon > p {
   padding-top: 25px;
   font-size: 18px;
   color: #56A3F3;
}
.coupon-orange {
   color: #EC6C00;
   font-weight:100;
}
.validation-errors {
  background-color: #D65336;
  border-radius: 10px;
  padding: 13px;
  color: #ffffff;
  display:inline-block;
}
.contact-form .form-field textarea {
    margin: 0px;
    height: 252.5px;
    resize: vertical;
    width:100%;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {outline:none !important;}
.bootstrap-select .dropdown-toggle:focus {
  outline:none !important;
}
.success-message {
  background-color: #B3D338;
  border-radius: 10px;
  padding: 13px;
  color: #ffffff;
  display:inline-block;
}
.header-lined h1 {
   font-size:40px !important;
}
.col-sm-3 .pull-right {
   padding-left: 0;
}
.message-container {
   display:inline-block;
}
.section-status {
   padding:50px;
}
.status-info {
   padding:0 80px;
}
.status-header{
   padding:0 95px;
}
.status-table tr > th:first-child, .status-table tr > td:first-child, .status-event tr > td, .status-event tr > th{
   text-align: left;
   padding-left:20px;
}
.status-event tr > td {
   padding-left:30px;
}
.status-table,.status-event {
   width:100%;
   border: solid 1px #dee3e7;
   border-bottom: solid 2px #dee3e7;
}
.orange-text {
   color:#ff6600 !important;
}
.green-text {
   color:#B3D338 !important;
}
.time-stamp-text {
 font-size:14px;
 color:#2c4b60;
}

.no-padding-left {
   padding-left:0;
   padding-right:25px;
}
.no-padding-right {
   padding-right:0;
   padding-left:25px;
}
.update-info {
      border-bottom: solid 1px #dee3e7;
}
.time-stamp-text > a {
   padding-left: 5px;
}
.header-lined h1 {
   font-size:40px;
}
.col-sm-3 .pull-right {
   padding-left: 0;
}
.message-container {
  display:inline-block;
}
#section0 .col-sm-10 {
   padding-right:0;
}