/* =========================================================
Pricing Table
============================================================ */
/* @import url("bootstrap_ms.css"); */
.h4 {
	position:relative;
	font-size: 18px;
	color:#333;
	margin:0 0 8px 10px;
	font-family: 'Raleway',sans-serif;
	border-bottom:1px solid #f0f0f0;
	padding-bottom:10px;
}
.h4 span {
	position:absolute;
	height:1px;
	background-color:#33bee5;
	bottom:-1px;
	width:10%;
	left:0;
}
.pricing-column {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align: center;
}
.pricing-column-first {
	border-left: 1px solid #2d5492;
	border-right: 1px solid #2d5492;
	border-top: 1px solid #2d5492;
	border-bottom: 1px solid #2d5492;
}
.pricing-column-last {
	border-left: 1px solid #2d5492;
	border-right: 1px solid #2d5492;
	border-top: 1px solid #2d5492;
	border-bottom: 1px solid #2d5492;
}
.pricing-title {
	font-size: 20px;
	padding: 15px 0;
	color: #000;
}
.price {
	font-size: 20px;
	color: #fff;
	padding: 25px 0;
	background-color:#2d5492;
}
.price span {
	/* font-size: 60px; */
	font-size:2.1em;
	font-weight: 700;
	line-height: 1;
}
.price sup {
	font-size: 16px;
	line-height: 0;
	top:-2.3em;
}
.features {
	margin: 0;
	padding: 0;
}
.features li {
	list-style: none;
	border-bottom: 1px solid #eaeaea;
	margin: 0px;
}
.features li p {
	margin-bottom: 0;
	padding: 15px 0;
	font-size: 13px;
	color: #7f7f7f;
}
.pricing-special {
	box-shadow: 0 0 5px rgba(160,160,160,0.75);
	-moz-box-shadow: 0 0 5px rgba(160,160,160,0.75);
	-webkit-box-shadow: 0 0 5px rgba(160,160,160,0.75);
	border:2px solid #33bee5;
	position: relative;
	z-index: 0;
}
.pricing-special .price {
	font-size: 20px;
	color: #fff;
	padding: 25px 0;
	background-color:#33bee5;
}
.pricing-footer {
	padding: 20px 0;
	background:whitesmoke;
}
.table-5col, .table-3col, .table-4col {
	margin-bottom: 50px;
}
.table-3col .pricing-column {
	/* width: 312px; */
}
.table-4col .pricing-column {
	width: 240px;
}
.table-5col .pricing-column {
	width: 192px;
}

/* =========================================================
Elements
============================================================ */
.kopa-button {
	display:inline-block;
	color:#fff;
	font-size:15px;
	font-weight:600;
	font-family: 'Raleway', sans-serif;
	padding:15px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
	z-index:0;
}
.small-button {
	padding:10px 15px;
}
.medium-button {
	padding:15px 20px;
	font-size:18px;
}
.big-button {
	padding:20px 30px;
	font-size:20px;
}
.blue-button {
	background-color:#33bee5;
	}
.blue-button:hover {
	background-color:#45B2CD;
	color:white;
}
.blue-dark-button {
	background-color:#0080ff;
}
.blue-dark-button:hover {
	/* background-color:#0080ff; */
	color:yellow;
}
.orange-button {
	background-color:#f78d29;
}
.orange-button:hover {
	/* background-color:#f78d29; */
	color:yellow;
}
.orange-dark-button {
	background-color:#ff5c26;
}
.green-button {
	background-color:#29dd4b;
}
.green-button:hover {
	background-color:#26CE3E;
	color:white;
}
.uk-green-button {
	color:white;
	background-color:#3CB83D;
	border-color: #2e9a37;
}
.uk-green-button:hover {
	background-color:#3CAE42;
	border-color: #2e9a37;
}
.grey-button {
	background-color:#cdd3c2;
	color:#171717;
}
.grey-button:hover {
	background-color:#33bee5;
	color:#fff;
}
.more-link {
	font-size:13px;
	font-weight:600;
	color:#33bee5;
	display:inline-block;
}
.more-link span {
	float:right;
	margin-left:5px;
	margin-top:2px;
}
.more-link:hover {
	color:#33bee5;
}

/* =========================================================
Miscellaneous
============================================================ */
.fa-spin-custom, .glyphicon-spin {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}

/* speed up the default spin */
.fa-spin {
	-webkit-animation: spin 1s infinite linear;
	-moz-animation: spin 1s infinite linear;
	-o-animation: spin 1s infinite linear;
	animation: spin 1s infinite linear;
}

.fa-blue { color:#33bee5;  }

.fa-orange { color:#f78d29;  }

.fa-yellow { color:#ffc010;  }

.fa-green { color:#36d900;  }

.fa-purple { color:#8c008c;  }

.fa-pink { color:#ff00bf;  }

.fa-mintblue { color:#00d96c;  }

.fa-red { color:#ff0000;  }

.fa-black { color:#000000;  }

.fa-white{ color:#ffffff;  }

.fa-light-grey { color:#dfdfd0}

.label-tld {
	margin-right:20px;
	display:inline-block;
	padding:5px;
	margin-bottom:20px;
}

/* ****************************************************** */

.zx .form-group {
	margin-left:10%;
	margin-right:10%;
}
.zx label {
	white-space:nowrap;
	margin-right:9px;
}
.zx .col-sm-10 {
	max-width:360px;
}
.zx label:before {
	border:0;
	display:none;
}
.error-banner {
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #c30;
	margin:6px 1px 6px 1px;
	padding:10px 10px 10px 10px;
	border: 1px dashed #c30;
	background-color: #ffe6eb;
	border-radius:5px;
}
.info-banner {
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold;
	color: #666;
	background-color: #fcf9d2;
	border: 1px dashed #f9d43e;
	padding:10px 10px 10px 10px;
	margin:6px 1px 6px 1px;
	border-radius:5px;
}

/*  Domain Header
-----------------------------------------------------------  */
header.domain {margin: 0 0 20px;height: auto;max-width: 100%;background: url(../images/headers/DomainHeader.jpg) no-repeat 0 0 #ff9311;background-size: cover;display: block;}
header.domain .slogan {padding-top: 45px;padding-bottom: 45px;}

/*  Dprices Header
-----------------------------------------------------------  */
header.dprices {margin: 0 0 20px;height: auto;max-width: 100%;background: url(../images/headers/Domain-Prices-Header.jpg) no-repeat 0 0 #ff9311;background-size: cover;display: block;}
header.dprices .slogan {padding-top: 45px;padding-bottom: 45px;}

/*  Dprotect Header
-----------------------------------------------------------  */
header.dprotect {margin: 0 0 20px;height: auto;max-width: 100%;background: url(../images/headers/Domain-ID-Header.jpg) no-repeat 0 0 #ff9311;background-size: cover;display: block;}
header.dprotect .slogan {padding-top: 45px;padding-bottom: 45px;}

/*  Dtransfer Header
-----------------------------------------------------------  */
header.dtransfer {margin: 0 0 20px;height: auto;max-width: 100%;background: url(../images/headers/Domain-Transfer-Header.jpg) no-repeat 0 0 #ff9311;background-size: cover;display: block;}
header.dtransfer .slogan {padding-top: 45px;padding-bottom: 45px;}

/*  Hosting Header
-----------------------------------------------------------  */
header.hosting {margin: 0 0 20px;height: auto;max-width: 100%;background: url(../images/headers/WebHostHeader.jpg) no-repeat 0 0 #ff9311;background-size: cover;display: block;}
header.hosting .slogan {padding-top: 45px;padding-bottom: 45px;}

/*  Hcompare Header
-----------------------------------------------------------  */
header.compare {margin: 0 0 20px;height: auto;max-width: 100%;background: url(../images/headers/webhost-compare.jpg) no-repeat 0 0 #ff9311;background-size: cover;display: block;}
header.compare .slogan {padding-top: 45px;padding-bottom: 45px;}

/*  SSL Header
-----------------------------------------------------------  */
header.ssl {margin: 0 0 20px;height: auto;max-width: 100%;background: url(../images/headers/SSL-Header.jpg) no-repeat 0 0 #ff9311;background-size: cover;display: block;}
header.ssl .slogan {padding-top: 45px;padding-bottom: 45px;}

/*  About Header
-----------------------------------------------------------  */
header.about {margin: 0 0 20px;height: auto;max-width: 100%;background: url(../images/headers/About-Header.jpg) no-repeat 0 0 #ff9311;background-size: cover;display: block;}
header.about .slogan {padding-top: 45px;padding-bottom: 45px;}

/*  Host_discount Header
-----------------------------------------------------------  */
header.host_discount {margin: 0 0 20px;height: auto;max-width: 100%;background: url(../images/headers/Host_discount.jpg) no-repeat 0 0 #ff9311;background-size: cover;display: block;}
header.host_discount .slogan {padding-top: 45px;padding-bottom: 45px;}

/*  Contact Header
-----------------------------------------------------------  */
header.contact {margin: 0 0 20px;height: auto;max-width: 100%;background: url(../images/headers/Contact-Header.jpg) no-repeat 0 0 #ff9311;background-size: cover;display: block;}
header.contact .slogan {padding-top: 45px;padding-bottom: 45px;}

/*  FAQ Header
-----------------------------------------------------------  */
header.faq {margin: 0 0 20px;height: auto;max-width: 100%;background: url(../images/headers/FAQ-Header.jpg) no-repeat 0 0 #ff9311;background-size: cover;display: block;}
header.faq .slogan {padding-top: 45px;padding-bottom: 45px;}

/*  AUP Header
-----------------------------------------------------------  */
header.aup {margin: 0 0 20px;height: auto;max-width: 100%;background: url(../images/headers/AUP-Header.jpg) no-repeat 0 0 #ff9311;background-size: cover;display: block;}
header.aup .slogan {padding-top: 45px;padding-bottom: 45px;}

/*  TANDC Header
-----------------------------------------------------------  */
header.tandc {margin: 0 0 20px;height: auto;max-width: 100%;background: url(../images/headers/TANDC-Header.jpg) no-repeat 0 0 #ff9311;background-size: cover;display: block;}
header.tandc .slogan {padding-top: 45px;padding-bottom: 45px;}

/*  PRIVACY Header
-----------------------------------------------------------  */
header.privacy {margin: 0 0 20px;height: auto;max-width: 100%;background: url(../images/headers/Privacy-Header.jpg) no-repeat 0 0 #ff9311;background-size: cover;display: block;}
header.privacy .slogan {padding-top: 45px;padding-bottom: 45px;}

/*  GUARANTEE Header
-----------------------------------------------------------  */
header.guarantee {margin: 0 0 20px;height: auto;max-width: 100%;background: url(../images/headers/Guarantee-Header.jpg) no-repeat 0 0 #ff9311;background-size: cover;display: block;}
header.guarantee .slogan {padding-top: 45px;padding-bottom: 45px;}

/*  LOGIN Header
-----------------------------------------------------------  */
header.login {margin: 0 0 20px;height: auto;max-width: 100%;background: url(../images/headers/Login-Header.jpg) no-repeat 0 0 #ff9311;background-size: cover;display: block;}
header.login .slogan {padding-top: 45px;padding-bottom: 45px;}

/*  WEBSITE Header
-----------------------------------------------------------  */
header.website {margin: 0 0 20px;height: auto;max-width: 100%;background: url(../images/headers/Website-Header.jpg) no-repeat 0 0 #ff9311;background-size: cover;display: block;}
header.website .slogan {padding-top: 45px;padding-bottom: 45px;}

/*  NOMINET Header
-----------------------------------------------------------  */
header.nominet {margin: 0 0 20px;height: auto;max-width: 100%;background: url(../images/headers/nominet.jpg) no-repeat 0 0 #ff9311;background-size: cover;display: block;}
header.nominet .slogan {padding-top: 45px;padding-bottom: 45px;}

/* UPPER banners */
.upper-banner { margin-top: 40px; }
.upper-banner .WhiteSkin { padding: 12px 24px 24px; }
.upper-banner p { margin-top:12px; }
.upper-banner h2 {
	font-weight:bold;
	line-height:42px;
	border-bottom:1px dashed #bdbdae;
	padding: 0 0 2px;
	margin: 0 0 2px;
}

.main-content .WhiteSkin { padding: 32px 24px 24px; }
.main-content h3 {
	font-weight:bold;
	line-height:2px;
	border-bottom:1px dashed #bdbdae;
	padding: 0 0 12px;
	margin: 0 0 2px;
}

/* --------------------------------------------------------
COMPARISON Table
----------------------------------------------------------- */
#cmp-tab-wrapper {
	min-width:200px;
	margin-bottom: 40px;
}
.cmp-table {
 	border-collapse: collapse;
}
.cmp-table tr, td  {
	font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
	vertical-align:middle;
}
.cmp-table td:first-child  {
	padding-left: 12px;
}
.cmp-tab-hdrs {
	font-size:14px;
	background-color:#6d6d6b;
	border-color:#6d6b6b;
	color:#fff !important;
}
.cmp-tab-row-white td {
	background-color: #fff;
	border:solid #e1e4e6 1px !important;
}
.cmp-tab-row-blue td {
	background-color: #f7f7f7;
	border:solid #e1e4e6 1px !important;
}
.cmp-tab-item {
	text-decoration:none;
	font-size: 13px;
	color: #615d5f;
	font-weight:normal;
}

.cmp-table * { -webkit-backface-visibility:visible !important; }

/* --------------------------------------------------------
Comparison Table Tooltip
----------------------------------------------------------- */
a.mtooltip {
	outline:none; 	
	border-bottom:1px dotted #333;
} 
a.mtooltip strong {
	/* line-height:30px; */ 
	font-size:12px; font-weight:bold;
}
a.mtooltip:hover {
	text-decoration:none;
} 
a.mtooltip span {
	z-index:10;	display:none; margin-top:-30px; margin-left:28px; width:250px; line-height:16px;	padding-top: 8px; padding-right: 20px; padding-bottom: 14px; padding-left: 20px;
} 
a.mtooltip:hover span{
	text-align:left !important;
	font-size:12px !important;
	display:inline; 
	position:absolute; 
	color:#111; 
	border:1px solid #dca; 
	background:#fffAf0; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important;
} 
.callout { /* CSS3 extras */ 
	z-index:20; position:absolute; top:30px; border:0; left:-12px;
} 
a.mtooltip span {
	border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 5px 5px 8px #ccc; -webkit-box-shadow: 5px 5px 8px #ccc; box-shadow: 5px 5px 8px #ccc; 
}

/* --------------------------------------------------------
Logo
----------------------------------------------------------- */
.logo {
    background-size:contain !important;
}
.searchbutton {
	border:none;
	cursor: pointer;
}
.header-bg {
	color:#fff;
	width:auto;
	padding:8px;
	display:block;
	float: left; 
    clear: left;
	background-color:rgba(45, 70, 113, 0.6); /* medium blue */
}
.err-txt-small {
	color: #ff0000;
	font-style: italic;
}

/* 4 box home page */
.margin-sm-left {
	text-align:left;
	padding-left:10%;
}

.footer-copyright .copyright div {
	font-weight:200;
    line-height: 15px;
    padding: 7px 5px 7px 5px;
}
.footer-privacy {
	line-height: 30px;
	text-align: left;
	padding-left:0;
}

.ssl-tab-header {
font-size: 28px;
	font-weight:bold;
	line-height:52px;
	padding: 10px 0 10px 0;
	margin: 10px -24px 0 -24px;
	background-color:#62cedb;
	color:#fff;
}
.ssl-tab-upper-band {
	font-weight:bold;
	line-height:22px;
	border-bottom: 1px dashed #bdbdae;
	border-top: 1px dashed #bdbdae;
	padding: 12px 0 12px 0;
	margin: 0 -23px 24px -23px;
}
.ssl-tab-lower-band {
	font-weight:bold;
	line-height:32px;
	border-top: 1px dashed #bdbdae;
	border-bottom: 1px dashed #bdbdae;
	padding: 10px 0 10px 0;
	margin: 24px -23px 24px -23px;
}
.ssl-tab-inc-price {
	font-weight:bold;
	line-height:22px;
	padding: 0 0 12px 0;
	margin: 0 0 24px 0;
}

.login-cart {
	margin-top:-10px;
	max-width: 175px;
	padding-left:5px;
}
.login-cart a {
	color:#FF9311;
}
.login-cart i {
	color:#c5c5c5;
}

/* ie8 fixes */
.ie8 .nav-wrapper ul.nav-main > li {
	padding: 0 18px 0;
}
.ie8 .ieimg {
	max-width:635px;
	max-height:354px;
}
.ie8 .grayscale {
	max-width:155px;
	max-height:155px;
}
.ie8 .header-bg {
	color:#3399ff;
	background-color:#fff;
}

.mosaic {
	text-align:center !important;
}
.WhiteSkin {
	background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 1px 2px rgba(0, 0, 0,.1);
	
	/* display: flex; */
	flex: 1 0 auto;
	flex-direction: column;
	/* box-sizing: border-box; */
	border: 1px solid #ddd;
	border-radius: 4px;
}

/* comodo logo on ssl page */

.comodo-logo {
	width:130px;
	height:44px;
}

/* footer stuff */
footer .media-body a {
	color:#c5c5c5;
}
footer .media-body a:hover {
	color:#c5c5c5;
	text-decoration:underline;
}
footer .footer-logo img {
	display:none;
}
footer .footer-widget p {
	color:#c5c5c5 !important;
}
.footer-privacy ul li a:hover {
	color: #c5c5c5;
	text-decoration:underline !important;
}

/* back to top button, set if ever change theme colour */
/* 
#backTopWrapp .back-top-btn:hover {
	background-color:#BFC3C8;
}
 */