/*

------------------------------------------
------------------------------------------

----- Fonts

------------------------------------------
------------------------------------------
	
*/

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'), url("../fonts/opensans.woff2") format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 400;
	src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url("../fonts/robotocondensed.woff2") format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* -------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------- */

/*

------------------------------------------
------------------------------------------

----- Reset

------------------------------------------
------------------------------------------
	
*/

html {
	font-size: 100%;
}

* {
    list-style: none;
    margin: 0;
    outline: none;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}

body {
    line-height: 1;
}

table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: none;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    border-collapse: collapse;
}

img {
	border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { 
    display: block;
}

ul {
	padding-left: 0;
}

.clear {
	clear: both;
	height: 0;
	line-height: 0;
}

/* -------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------- */

/*

------------------------------------------
------------------------------------------

----- Defaults

------------------------------------------
------------------------------------------
	
*/

body {
    color: #696969;
   font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 62.5%; /* Sets default font-size to 10px - 1em = 10px */
	background: #E2F2FD;   
}

h1, h2, h3, h4, h5, h6 {
	color: #304053;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
}

a {
	color: #242738;
	text-decoration: underline;
}

a:hover {
	color: #242738;
	text-decoration: none;
}

.basecontainer { /* Default font-size for the whole template */
	font-size: 1.6em;
	line-height: 1.6em;
}

/* -------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------- */

/*

------------------------------------------
------------------------------------------

----- Global styles

------------------------------------------
------------------------------------------
	
*/

/* --- Common classes --- */

.container1 {
	margin: 0 auto;
	max-width: 1250px;
	width: 90%;
}

.inner {
	padding: 25px;
}

.inner-leftright {
	padding: 0 25px;
}

.inner-topbottom {
	padding: 25px 0;
}

.img-respond {
	width:100%;
}

.nobg {
	background: none;
}

.floatleft {
	float: left !important;
}

.floatright {
	float: right !important;
}

.center {
	text-align: center;
}

.imgleft {
    float: left;
    margin: 0 10px 25px 0;
}

.imgright {
    float: right;
    margin: 0 0 25px 10px;
}

.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}
 
/*

------------------------------------------
------------------------------------------

----- Columns

------------------------------------------
------------------------------------------
	
*/

/* 2 columns */
 
.column2 {
	
}

.column2 .col {
	width: 49%;
	float: left;
	margin: 0 2% 0 0;
}

.column2 .col2 {
	margin-right: 0;
}

/* 3 columns */

.column3 {
	
}

.column3 .col {
	width: 32%;
	float: left;
	margin: 0 2% 0 0;
}

.column3 .col3,
.column3 .col6 {
	margin-right: 0;
}

/* 4 columns */

.column4 {
	
}

.column4 .col {
	width: 23.5%;
	float: left;
	margin: 0 2% 0 0;
}

.column4 .col4 {
	margin-right: 0;
}

/* -------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------- */

/*

------------------------------------------
------------------------------------------

----- Background

------------------------------------------
------------------------------------------
	
*/

.hook-index .background {
	background: #95c7f9 url("../images/background-index.jpg") center bottom repeat-x;
}

.hook-subpage .background {
	background: #95c7f9 url("../images/background-index.jpg") center 20px repeat-x; 
}

/*

------------------------------------------
------------------------------------------

----- Toolbar

------------------------------------------
------------------------------------------
	
*/

.toolbar {
	background: #6ca1e1;
	padding: 4px 0;
	width: 100%;
	overflow: hidden;
}

/* Left side */

.toolbar p {
	float: left;
	color: #fff;
	margin: 0;
}

.toolbar p strong {
	color: #fff;
}

/* Right side */

.toolbar .rightmenu ul {
	float: right;
	margin: 0 0 0 0;
}

.toolbar .rightmenu ul li {
	float: left;
	color: #fff;
}
.toolbar .rightmenu ul li a {
	color: #fff;
	display: block;
	text-decoration: none;
}
.toolbar .rightmenu ul li a:hover {
	color: #304053;
	transition: all 0.1s ease-in-out 0s;
}
.toolbar .rightmenu ul li a.myaccount {
	background: #4D83D4 url("../images/icon-myaccount.png") 8px center no-repeat;
	padding: 0 10px 0 25px;
	line-height: 23px;
	margin: 0;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border: #2a62b7 1px solid; 
}

.toolbar .rightmenu ul li a:hover.myaccount {
	color: #304053; 
}

.hook-loggedin .toolbar .rightmenu ul li a:hover.myaccount, .hook-loggedin .toolbar .rightmenu ul li:hover a.myaccount {
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0; 
}
.toolbar .rightmenu ul li a.contact {
	background: url("../images/icon-contact.png") left center no-repeat;
	padding: 0 15px 0 21px; 
}
.toolbar .rightmenu ul li a.cart {
	background: url("../images/icon-cart.png") left center no-repeat;
	padding: 0 15px 0 23px; 
}

.toolbar .rightmenu li li {
	float: none;
	border-bottom: #2A62B7 1px solid;
	margin: 0;
}
.toolbar .rightmenu li li:last-child {
	border-bottom: 0;
}
.toolbar .rightmenu li li a {
	padding: 9px 15px 9px 15px;
}
.toolbar .rightmenu li li a:hover {
	text-decoration: none;
}
.toolbar .rightmenu li ul {
	z-index: 9998;
	position: absolute;
	left: -999em;
	height: auto;
	margin: -1px 0 0 0;
	max-width: 180px;
	background: #4D83D4;
	border-right: #2A62B7 1px solid;
	border-left: #2A62B7 1px solid;
	border-bottom: #2A62B7 1px solid;
	border-radius: 0 5px 5px 5px;
	-moz-border-radius: 0 5px 5px 5px;
	-webkit-border-radius: 0 5px 5px 5px;
	-khtml-border-radius: 0 5px 5px 5px;
}
.toolbar .rightmenu li:hover ul, .toolbar .rightmenu li.sfhover ul {
	left: auto;
}
.toolbar .rightmenu li:hover, .toolbar .rightmenu li.sfhover {
	position: static;
}

.toolbar .rightmenu .welcomeback { padding-right: 10px;
	color: #ffffff;
}

/* Languagebutton */

.toolbar .languagebutton {
	float: right;
	margin: 0 13px 0 0;
}

.toolbar .languagebutton a {
	background-color: #4d83d4;
	border: #2a62b7 1px solid;
	background-position: 5px center;
	background-repeat: no-repeat;
	display: block;
	line-height: 23px;
	color: #fff;
	margin: 0 0 0 0;
	padding: 0 5px 0 30px;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
}

a.flag-English { background-image: url("../images/flag-english.png"); }
a.flag-French { background-image: url("../images/flag-french.png"); }
a.flag-German { background-image: url("../images/flag-german.png"); }
a.flag-Arabic { background-image: url("../images/flag-arabic.png"); }
a.flag-Catalan { background-image: url("../images/flag-catalan.png"); }
a.flag-Croatian { background-image: url("../images/flag-croatian.png"); }
a.flag-Farsi { background-image: url("../images/flag-farsi.png"); }
a.flag-Brazilian { background-image: url("../images/flag-portuguese-br.png"); }
a.flag-Portuguese { background-image: url("../images/flag-portuguese-pt.png"); }
a.flag-Czech { background-image: url("../images/flag-czech.png"); }
a.flag-Danish { background-image: url("../images/flag-danish.png"); }
a.flag-Dutch { background-image: url("../images/flag-dutch.png"); }
a.flag-Hungarian { background-image: url("../images/flag-hungarian.png"); }
a.flag-Italian { background-image: url("../images/flag-italian.png"); }
a.flag-Norwegian { background-image: url("../images/flag-norwegian.png"); }
a.flag-Russian { background-image: url("../images/flag-russian.png"); }
a.flag-Spanish { background-image: url("../images/flag-spanish.png"); }
a.flag-Swedish { background-image: url("../images/flag-swedish.png"); }
a.flag-Turkish { background-image: url("../images/flag-turkish.png"); }
a.flag-Ukranian { background-image: url("../images/flag-ukranian.png"); }
a.flag-Romanian { background-image: url("../images/flag-romanian.png"); }
a.flag-Macedonian { background-image: url("../images/flag-macedonian.png"); }
a.flag-Hebrew { background-image: url("../images/flag-hebrew.png"); }
a.flag-Estonian { background-image: url("../images/flag-estonian.png"); }
a.flag-Chinese { background-image: url("../images/flag-chinese.png"); }
a.flag-Azerbaijani { background-image: url("../images/flag-azerbaijani.png"); }

/* Google translate */

.toolbar .googletranslatebutton {
	float: right;
	margin: 0 13px 0 0;
}

.toolbar .googletranslatebutton .goog-te-gadget-simple {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	border: none !important;
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	-khtml-border-radius: 5px !important;	
}

/* Hide Google translate toolbar */

.goog-te-banner-frame { display: none !important; }
body { top: 0 !important; }

/* Notification bell */

.notificationbell a {
	background: url("../images/icon-bell.png") center center no-repeat;
	height: 22px;
	width: 22px;
	display: block;
	position: relative;	
	top: 0px;
	margin: 0 12px 0 12px;
}

ul li.notificationbell a:hover {
	color: #fff !important;
}

.notificationbell .bellbadge {
	position: absolute;
	top: 3px;
	right: 0;
	background: red;
	line-height: 1;
	padding: 3px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;  	
}

/*

------------------------------------------
------------------------------------------

----- Header

------------------------------------------
------------------------------------------
	
*/

.headermain {
	padding: 15px 0;
	background-color: #cde5fc;
	background-image: -ms-linear-gradient(top, #cde5fc, #d1e7fc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cde5fc), to(#d1e7fc));
	background-image: -webkit-linear-gradient(top, #cde5fc, #d1e7fc);
	background-image: -o-linear-gradient(top, #cde5fc, #d1e7fc);
	background-image: linear-gradient(top, #cde5fc, #d1e7fc);
	background-image: -moz-linear-gradient(top, #cde5fc, #d1e7fc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cde5fc', endColorstr='#d1e7fc');
	border-bottom: #98ADC2 3px solid;
}

.headermain .logo {
	float: left;
	margin: 11px 0 0 0;
}

.img-logo { 
	max-width: 211px; /* Set the maximum width of your logo (should be the width of your logo file) */
}

/*

------------------------------------------
------------------------------------------

----- Nav (main)

------------------------------------------
------------------------------------------
	
*/

.navmain {
	float: right;
	margin: 0;
	width: 835px;
}

.navmain select {
	display: none;
}

.navmain span.newbutton {
	width: 29px;
	height: 29px;
	position: absolute;
	right: -5px;
	top: -5px;
}

/* Home button */

.navmain ul li.home span {
	background: url("../images/house-black.png") center center no-repeat;
	padding: 0;
	margin: 0;
	width: 16px;
	height: 100%;
	display: block;
	text-decoration: none;
	cursor:pointer;
}

.navmain ul li.home:hover span,
.hook-index .navmain ul li.home span {
	background: url("../images/house-white.png") center center no-repeat;
}

/* Main */

.navmain ul li {
	float: left;
	list-style: none;
	position: relative;
	margin: 0 0 0 5px;	
}

.navmain ul li a {
	display: block;
	margin: 0;
	text-decoration: none;
	color: #323f52;
	padding: 0 15px;
	text-transform: uppercase;
	line-height: 45px;	 
	font-weight: bold;
	border: #CEE6FC 2px solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;		
}

/* Main - hover & active */


.navmain ul li.active a {
	background-color: #2ab867;
	border: #249d58 2px solid;
}

.navmain ul li a:hover {
	color: #fff;
	text-decoration: none;
}

.navmain ul li:hover div a {
	display: inline;
}

.navmain ul li.active a {
	color: #fff;
	text-decoration: none;
}

.navmain ul li:hover a {
	color: #fff;
	background-color: #2ab867;
	border: #249d58 2px solid;
}

/* Order button */

.navmain ul li.orderbutton a {
	line-height: 45px;
	background: #6ca1e1;
	border-top: #5c89bf 1px solid;
	border-right: #5c89bf 1px solid;
	border-left: #5c89bf 1px solid;
	border-bottom: #5c89bf 3px solid;	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	color: #fff;
}

.navmain ul li.orderbutton a:hover {
	background: #6ca1e1;
	border-top: #5c89bf 1px solid;
	border-right: #5c89bf 1px solid;
	border-left: #5c89bf 1px solid;
	border-bottom: #5c89bf 3px solid;	
}

.navmain ul li.orderbutton:hover {
	transform: scale(1.2);
	transition-duration: 0.2s;		
}

/* Mega menu */

.navmain-mega ul li.drop a,
.navmain-mega ul li.drop a:hover {
	background-image: url("../images/dropdownicon.png");
	background-position: 13px center;
	background-repeat: no-repeat;	
	padding-left: 30px;
}

.navmain-mega ul li:hover .menuright {
	left: auto;
	right: 0px;
	top: 25px;
	border-radius: 5px 0 5px 5px;
	-moz-border-radius: 5px 0 5px 5px;
	-webkit-border-radius: 5px 0 5px 5px;
	-khtml-border-radius: 5px 0 5px 5px;
}

.navmain-mega ul li:hover .menuleft {
	right: auto;
	left: 0px;
	top: 25px;
	border-radius: 0 5px 5px 5px;
	-moz-border-radius: 0 5px 5px 5px;
	-webkit-border-radius: 0 5px 5px 5px;
	-khtml-border-radius: 0 5px 5px 5px;	
}

.navmain-mega ul li .subcontainer {
	margin: 20px auto 0 auto;
	left: -999em;
	position: absolute;	
	background-color: #2ab867;
	background-image: -ms-linear-gradient(top, #2ab867, #5bdc93);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2ab867), to(#5bdc93));
	background-image: -webkit-linear-gradient(top, #2ab867, #5bdc93);
	background-image: -o-linear-gradient(top, #2ab867, #5bdc93);
	background-image: linear-gradient(top, #2ab867, #5bdc93);
	background-image: -moz-linear-gradient(top, #2ab867, #5bdc93);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ab867', endColorstr='#5bdc93');	
	padding: 19px 10px 5px 10px;
	text-align: left;
	z-index: 9998;
	color: #fff;
	width: 530px; 
	border-right: #249d58 2px solid; 
	border-left: #249d58 2px solid; 
	border-bottom: #249d58 2px solid; 
}

.navmain-mega ul li .subcontainer .imgfeature {
	clear: both;
	padding: 10px 0 0 0;
	margin: 0 auto;
	display: table;
}

.navmain-mega ul li .subcontainer .imgfeature a {
	padding: 0;
	margin: 0;
	background: none;
	border: none;
}

.navmain-mega ul li .subcolumn {
	display: inline;
	float: left;
	position: relative;
}

.navmain-mega ul li .subcolumn-clear {
	clear: both;
}

.navmain-mega ul li .sublinks li {
	margin: 0 10px 14px 9px;
	float: left;
	position: relative;
}

.navmain-mega ul li .sublinks li:nth-child(2n+3) {
	clear: left;
}

.navmain-mega ul li .sublinks li a {
	text-decoration: none;
	display: block;
	border-right: none;
	border-left: none;
	border-top: #249d58 2px dotted;
	border-bottom: #249d58 2px dotted;
	color: #fff;
	padding: 5px 5px 5px 5px !important;
	font-size: 0.9em;
	line-height: 19px; 
	width: 234px; 
	display: block;	
	text-transform: none;
	background-image: none;
	background-color: transparent;
}

.navmain-mega ul li .sublinks li a:hover {
	border-top: #249d58 2px dotted;
	border-bottom: #249d58 2px dotted;
	background-image: none;
	background-color: transparent;
	color: #304053;
}

.navmain-mega ul li .sublinks li em { 
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
}

/* Icons */

.navmain-mega ul li .sublinks li.navicon a {
	padding-left: 45px !important;
}

.navmain-mega ul li .sublinks li.navicon-registerdomain { background: url("../images/icon-registerdomain.png") 5px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-transferdomain { background: url("../images/icon-transferdomain.png") 5px center no-repeat; }

.navmain-mega ul li .sublinks li.navicon-custom1 { background: url("../images/icon-custom1.png") 5px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-custom2 { background: url("../images/icon-custom2.png") 5px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-custom3 { background: url("../images/icon-custom3.png") 5px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-custom4 { background: url("../images/icon-custom4.png") 5px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-custom5 { background: url("../images/icon-custom5.png") 5px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-custom6 { background: url("../images/icon-custom6.png") 5px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-custom7 { background: url("../images/icon-custom7.png") 7px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-custom8 { background: url("../images/icon-custom8.png") 10px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-custom9 { background: url("../images/icon-custom9.png") 6px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-custom10 { background: url("../images/icon-custom10.png") 5px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-ssl { background: url("../images/icon-ssl.png") 10px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-email { background: url("../images/icon-email.png") 5px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-websitebuilder { background: url("../images/icon-websitebuilder.png") 5px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-sitelock { background: url("../images/icon-sitelock.png") 5px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-codeguard { background: url("../images/icon-codeguard.png") 5px center no-repeat; }

.navmain-mega ul li .sublinks li.navicon-company { background: url("../images/icon-company.png") 5px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-whychooseus { background: url("../images/icon-whychooseus.png") 5px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-testimonials { background: url("../images/icon-testimonials.png") 5px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-affiliates { background: url("../images/icon-affiliates.png") 5px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-announcements { background: url("../images/icon-announcements.png") 5px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-downloads { background: url("../images/icon-downloads.png") 5px center no-repeat; }

.navmain-mega ul li .sublinks li.navicon-whmcstemplates { background: url("../images/icon-whmcstemplates.png") 5px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-wordpressthemes { background: url("../images/icon-wordpressthemes.png") 5px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-htmltemplates { background: url("../images/icon-htmltemplates.png") 8px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-blestatemplates { background: url("../images/icon-blestatemplates.png") 5px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-clientexectemplates { background: url("../images/icon-clientexectemplates.png") 5px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-scripts { background: url("../images/icon-scripts.png") 5px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-logodesign { background: url("../images/icon-logodesign.png") 5px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-bannerdesign { background: url("../images/icon-bannerdesign.png") 10px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-whmcsmodules { background: url("../images/icon-whmcsmodules.png") 7px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-whmcsservices { background: url("../images/icon-whmcsservices.png") 5px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-wordpressservices { background: url("../images/icon-wordpressservices.png") 5px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-blestaservices { background: url("../images/icon-blestaservices.png") 5px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-clientexecservices { background: url("../images/icon-clientexecservices.png") 5px center no-repeat; }

.navmain-mega ul li .sublinks li.navicon-contact { background: url("../images/icon-contact2.png") 5px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-submitticket { background: url("../images/icon-submitticket.png") 5px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-supporttickets { background: url("../images/icon-supporttickets.png") 5px center no-repeat; }
.navmain-mega ul li .sublinks li.navicon-knowledgebase { background: url("../images/icon-knowledgebase.png") 5px center no-repeat; }

.navmain-mega ul li .sublinks li.navicon:hover {
	transition: all 0.1s ease-in-out 0s;
	background-position: 0px center;	 	
}


/* Basic menu */

.navmain-basic ul li .subcontainer {
	display: none;
}

/* Dropdown menu */

.navmain-dropdown ul li.drop a,
.navmain-dropdown ul li.drop a:hover {
	background-image: url("../images/dropdownicon.png");
	background-position: 13px center;
	background-repeat: no-repeat;	
	padding-left: 30px;
}

.navmain-dropdown ul li:hover .menuright {
	left: auto;
	right: 0px;
	top: 25px;
	border-radius: 5px 0 5px 5px;
	-moz-border-radius: 5px 0 5px 5px;
	-webkit-border-radius: 5px 0 5px 5px;
	-khtml-border-radius: 5px 0 5px 5px;
}

.navmain-dropdown ul li:hover .menuleft {
	right: auto;
	left: 0px;
	top: 25px;
	border-radius: 0 5px 5px 5px;
	-moz-border-radius: 0 5px 5px 5px;
	-webkit-border-radius: 0 5px 5px 5px;
	-khtml-border-radius: 0 5px 5px 5px;	
}

.navmain-dropdown ul li .subcontainer {
	margin: 20px auto 0 auto;
	left: -999em;
	position: absolute;	
	background-color: #2ab867;
	background-image: -ms-linear-gradient(top, #2ab867, #5bdc93);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2ab867), to(#5bdc93));
	background-image: -webkit-linear-gradient(top, #2ab867, #5bdc93);
	background-image: -o-linear-gradient(top, #2ab867, #5bdc93);
	background-image: linear-gradient(top, #2ab867, #5bdc93);
	background-image: -moz-linear-gradient(top, #2ab867, #5bdc93);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ab867', endColorstr='#5bdc93');	
	padding: 0;
	text-align: left;
	z-index: 9998;
	color: #fff;
	width: 230px; 
	border-right: #249d58 2px solid; 
	border-left: #249d58 2px solid; 
	border-bottom: #249d58 2px solid; 
}

.navmain-dropdown ul li .subcontainer .imgfeature {
	display: none;
}

.navmain-dropdown ul li .subcolumn {
	display: inline;
	float: left;
	position: relative;
}

.navmain-dropdown ul li .subcolumn-clear {
	clear: both;
}

.navmain-dropdown ul li .sublinks li {
	margin: 0;
	float: left;
	clear: left;
	border-bottom: #26A45A 1px solid;
	position: relative;
}

.navmain-dropdown ul li .sublinks li:last-child {
	border-bottom: none;
}

.navmain-dropdown ul li .sublinks li a {
	text-decoration: none;
	display: block;
	color: #fff;
	padding: 12px 15px 12px 31px !important;
	margin: 0;
	font-size: 0.9em;
	line-height: 19px; 
	width: 226px; 
	display: block;	
	text-transform: none;
	background: transparent url("../images/sublinksicon.png") 10px center no-repeat;
	border: none;
}

.navmain-dropdown ul li .sublinks li a:hover {
	background: transparent url("../images/sublinksicon-hover.png") 12px center no-repeat;
	border: none;
	transition: all 0.1s ease-in-out 0s;
	color: #304053;
}

.navmain-dropdown ul li .sublinks li em { 
	display: none;
}

/* --- Sticky menu --- */

.isStuck {
	width: 100%;
	max-width: none;
	position: relative;
	z-index: 9999;
	padding: 10px 0; 
}

.isStuck .logo {
	margin: 3px 0 0 0;
}
	
.isStuck .navmain ul li a {
	line-height: 30px;
}	

.isStuck .navmain ul li .sublinks li a {
	line-height: 19px; 
}

.isStuck .navmain ul li .subcontainer {
	margin: 5px auto 0 auto;
}

.isStuck .steps li {
	line-height: 30px;
}

/* --- Steps - WHMCS cart --- */

.navmain .steps {
	overflow: hidden;
	display: block;
	float: right;
	width: 100%;
}
.navmain .steps li {
	float: left;
	overflow: hidden;
	padding: 0;
	color: #323f52;
	line-height: 45px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	width: 33.33%;
	margin: 0;
	background: transparent;
	border: transparent 2px solid;	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
}
.navmain .steps li strong.description {
	font-weight: normal;
	padding-left: 10px;
	line-height: 1;
	text-transform: none;
}
.navmain .steps div {
	display: inline;
	margin: 0;
	padding: 0;
}

.navmain .steps li.step3 {
	margin-right: 0;
}

.hook-tf-products .navmain .steps li.step1,
.hook-tf-addons .navmain .steps li.step1,
.hook-tf-adddomain .navmain .steps li.step1,
.hook-tf-domainregister .navmain .steps li.step1,
.hook-tf-domaintransfer .navmain .steps li.step1,
.hook-tf-configureproductdomain .navmain .steps li.step2,
.hook-tf-configuredomains .navmain .steps li.step2,
.hook-tf-configureproduct .navmain .steps li.step2,
.hook-tf-domainrenewals .navmain .steps li.step2,
.hook-tf-viewcart .navmain .steps li.step3 {
	background: #2ab867;
	border: #249d58 2px solid;
	color: #fff;
}

/*

------------------------------------------
------------------------------------------

----- Slideshow (homepage)

------------------------------------------
------------------------------------------
	
*/

.slidercontainer {
	width: 100%;
	height: 100%;
	border-bottom: #6CA1E1 1px solid;
}

/*

------------------------------------------
------------------------------------------

----- Sub banner

------------------------------------------
------------------------------------------
	
*/

.subbanner {
	border-bottom: #6CA1E1 1px solid;
	padding: 35px 0 45px 0;
}

.subbanner h1 {
	color: #323f52;
	text-shadow: #6CA1E1 1px 1px;
	font-size: 3em;
	line-height: 1.1em;
	margin: 0 0 25px 0;
	padding: 0;
	text-align: center;
}

.subbanner span {
	color: #323f52;
	text-align: center;
	display: block;
}
.subbanner span a {
	padding: 0 5px;
	color: #323f52;
}

/*

------------------------------------------
------------------------------------------

----- Sub nav (under the subbanner)

------------------------------------------
------------------------------------------
	
*/

.submenu {
	background: #6CA1E1;
	width: 100%;
	margin: 0;
	border-bottom: #5C89BF 1px solid; 
}

.submenu ul {
	float: right; 
}

.submenu ul li {
	float: left;
	margin: 0;
	padding: 0 1px 0 0;
	background: url("../images/navsubdiv.png") right center no-repeat; 
}

.submenu ul li:last-child {
	background: none; 
}

.submenu ul li a {
	color: #fff;
	border-bottom: transparent 1px solid;
	border-top: transparent 1px solid;
	display: block;
	text-decoration: none;
	padding: 6px 9px;
	margin: 0; 
}

.submenu ul li a:hover,
.submenu ul li.active a {
	background-color: #2AB867;
	border-bottom: #249D58 1px solid;
	border-top: #249D58 1px solid; 
}

.submenu ul li.active a {
	font-weight: bold; 
}

/*

------------------------------------------
------------------------------------------

----- Article (content area)

------------------------------------------
------------------------------------------
	
*/

.articlemain {
    margin: 0 auto;
    padding: 35px 0;        
}

.articlemain h1,
.articlemain h2,
.articlemain h3,
.articlemain h4,
.articlemain h5,
.articlemain h6,
.articlemain ul,
.articlemain p {
	margin: 0 0 25px 0;
}

/* --- 2 column --- */

/* Left column */

.columncontent {
	width: 70%;
	margin: 0 2% 25px 0;
	float: left;
}

/* Right column (sidebar) */

.columnsidebar {
	width: 28%;
	margin: 0 0 25px 0;
	float: left;	
}

.columnsidebar .box {
	width: 100%;
	background: #CEE6FC;
	padding: 0 0 4% 0;
	margin: 0 0 25px 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;		
}

.columnsidebar .box:last-child {
	margin-bottom: 0;
}

.columnsidebar .box .title {
	background: #303345;
	border-bottom: #000 2px solid;	
	padding: 13px 0;	
	margin: 0 0 15px 0;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;	
}

.columnsidebar .box .title h1, 
.columnsidebar .box .title h2, 
.columnsidebar .box .title h3, 
.columnsidebar .box .title h4, 
.columnsidebar .box .title h5, 
.columnsidebar .box .title h6 {
	padding: 0 20px;
	margin: 0;
	text-align: center;	
	color: #fff;
}

.columnsidebar .box p,
.columnsidebar .box ul {
	width: 85%;
	margin: 0 auto 10px auto;
}

.columnsidebar .box p:last-child, 
.columnsidebar .box ul:last-child {
	margin-bottom: 0;
}

.columnsidebar .box ul {
}

.columnsidebar .box ul li {
	background: url("../images/checkmark.png") left center no-repeat;
	padding-left: 25px;
	margin-bottom: 5px;
}

.columnsidebar .box ul li:last-child {
	margin-bottom: 0;
}

.columnsidebar .box img:last-child {
	margin-bottom: 0;
}

/*

------------------------------------------
------------------------------------------

----- Partners

------------------------------------------
------------------------------------------
	
*/

.partners {
	padding: 25px 0;
	background: #6CA1E1;
}

.partners img {
	margin: 0 auto;
	display: table;
}

/*

------------------------------------------
------------------------------------------

----- Footer

------------------------------------------
------------------------------------------
	
*/

.footermain {
	background: #95c7f9 url("../images/footer-background.jpg") -170px bottom repeat-x;
	border-top: #6CA1E1 1px solid;
	width: 100%;
	clear: both;
	color: #323f52;
	padding: 35px 0 35px 0;
}

.footermain .sitemap {
	float: left;
	width: 18.5%;
	margin: 0 2% 0 0;
}

.footermain .sitemap4 {
	margin-right: 0;
	width: 38.5%;
}

.footermain .sitemap h4 {
	font-size: 1.3em;
	margin: 0 0 25px 0;
	padding: 0;
	color: #323f52;
	text-shadow: #6CA1E1 1px 1px;
	text-transform: uppercase;
	text-align: left;	
}

.footermain .sitemap ul,
.footermain .sitemap p,
.footermain .sitemap .socialicons,
.footericons,
.footersearch {
	margin: 0 0 25px 0;
	padding: 0;
}

.footermain .sitemap ul li {

}
.footermain .sitemap ul li a {
	padding: 6px 0 6px 20px;
	background: url("../images/footerli.png") left center no-repeat;
	border-bottom: #9aa9bf 1px solid;
	text-decoration: none;
	display: block;
	color: #323f52;
}
.footermain .sitemap ul li a:hover {
	transition: all 0.4s ease-in-out 0s;
	background-position: 3px center;
	font-weight: bold;
}

.footermain .sitemap ul li:last-child a {
	border-bottom: none;
}

.footermain .sitemap .button1 {
	margin: 0;
	font-size: 0.9em;
	line-height: 1;
	padding: 3px;
	text-transform: lowercase;
}

.footermain .sitemap .button1:hover {
	margin: 0;
}

/* Language switcher */

.footermain .langswitcher {
	display: none;
}

.footermain .langswitcher select {
	border: 1px solid #dcdcdc;
	background: #FFF;
	margin: 0;
	padding: 10px;
	width: 100%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}

.footermain .langswitcher strong {
	display: none;
}

/* Social icons */

.footermain .socialicons a {
	text-decoration: none;
}

.footermain .socialicons img {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	margin: 5px;	
}

.footermain .socialicons img:hover {
	transform: scale(1.15);
	transition-duration: 0.2s;	
}

/* footer icons */

.footericons .footericon {
	background: #6CA1E1;
	background: -moz-linear-gradient(left, #6CA1E1 0%, #2989d8 50%, #95C7F9 100%);
	background: -webkit-linear-gradient(left, #6CA1E1 0%,#2989d8 50%,#95C7F9 100%);
	background: linear-gradient(to right, #6CA1E1 0%,#2989d8 50%,#95C7F9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6CA1E1', endColorstr='#95C7F9',GradientType=1 );	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	margin: 0 0 15px 0;
	border-right: #C7E2F9 2px solid;
	border-bottom: #C7E2F9 2px solid;	
	border-left: #C7E2F9 1px solid;	
	color: #fff;
	font-weight: bold;
	width: 100%;
	padding: 6px 15px;
	float: left;
	clear: left;
	display: table;
}

.footericons .footericon a {
	display: block;
	color: #fff;
}

.footericons .addressicon {
	background: url("../images/footericon-address.png") 0 center no-repeat;
	padding-left: 35px;
}

.footericons .emailicon {
	background: url("../images/footericon-email.png") 0 center no-repeat;
	padding-left: 35px;
}

.footericons .phoneicon {
	background: url("../images/footericon-phone.png") 0 center no-repeat;
	padding-left: 35px;
}

.footericons .companyicon {
	background: url("../images/footericon-company.png") 3px center no-repeat;
	padding-left: 35px;
}

.footericons .vaticon {
	background: url("../images/footericon-vat.png") 0 center no-repeat;
	padding-left: 35px;
}

/* footer search */

.footersearch input[type="text"] {
	width: 80%;
	float: left;
	padding: 8px 13px;
	border: #C7E2F9 1px solid;
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	-khtml-border-radius: 5px 0 0 5px;	
}

.footersearch input[type="submit"] {
	width: 20%;
	float: left;
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-khtml-border-radius: 0 5px 5px 0;	
	padding: 0;
	height: 43px;
	line-height: 1;	
	background-image: url("../images/icon-search.png") !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

/*

------------------------------------------
------------------------------------------

----- Copyright

------------------------------------------
------------------------------------------
	
*/

.copyright {
	background: #51400E;
	padding: 35px 0;
	clear: both;
	color: #fff;
}

.copyright a {
	color: #fff;
}

.copyright .copyright-left {
	float: left;
}

.copyright .copyright-right {
	float: right;
}

.copyright .copyright-right ul {
	float: right;
}

.copyright .copyright-right ul li {
	float: left;
	border-right: #000 1px solid;
}

.copyright .copyright-right ul li:last-child {
	border-right: none;
}

.copyright .copyright-right ul li a {
	display: block;
	padding: 0 8px;
}

.copyright .copyright-right ul li:last-child a {
	padding-right: 0;
}

.copyright .paymentmethods {
	margin: 35px auto 0 auto;
	border-top: #000 1px solid;
	padding: 25px 0 0 0;
	display: table;
}

.copyright .paymentmethods img {
	margin: 0 5px;
}

/* -------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------- */

/*

------------------------------------------
------------------------------------------

----- Feature boxes

------------------------------------------
------------------------------------------
	
*/

.featureboxes {
	margin: 0 0 35px 0;
}
.featureboxes .box {
	width: 32%;
	background: #ffffff;	
	border-bottom: #6CA1E1 5px solid;
	border-right: #6CA1E1 1px solid;	
	border-left: #6CA1E1 1px solid;		
	float: left;
	height: 100%;
	padding: 0;
	margin: 0 2% 25px 0;
    position: relative;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;    
}

.featureboxes .box:hover {
	margin-top: -5px;	
	box-shadow: #777 1px 3px 20px;
	cursor: pointer;
	transition: all 0.3s ease-in-out 0s;
}

.featureboxes .box3,
.featureboxes .box6,
.featureboxes .box9 {
	margin-right: 0;
}

.featureboxes .box10 {
	margin-bottom: 0;
}

.featureboxes .box4,
.featureboxes .box7,
.featureboxes .box10 {
	clear: both;
}

.featureboxes .box .title {
	width: 100%;
	background: #6CA1E1;
	padding: 17px 20px;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0; 	
}
.featureboxes .box h2 {  
	line-height: 1.3em;
	text-align: center;
	font-weight: normal;
	margin: 0;
	color: #fff;
}

.featureboxes .box .inner {
	padding-bottom: 20px;
}

.featureboxes .box .description {
	text-align: center;
}
.featureboxes .box ul {
	display: table;
	margin: 20px auto;
	padding: 20px 0 0 0;
	border-top: #c6c6c6 1px solid;
	
}
.featureboxes .box ul li {
	padding: 6px 0;
	text-align: center;	
}

.featureboxes .box ul li span {
	color: #1E9FB4;
}
.featureboxes .box ul li:last-child {
	border: 0;
	margin-bottom: 0;
}
.featureboxes .box .pricing {
	padding: 0 0 20px 0;
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1.3em;
	font-family: 'Roboto Condensed', sans-serif;	
	color: #1E9FB4;
}
.featureboxes .box .pricing em {
	font-style: normal;
}
.featureboxes .box .pricing span {
	font-weight: normal;
	color: #696969;
}
.featureboxes .box .buttons {
	margin: 0;
	text-align: center;
}
.featureboxes .box .button1 {
	margin: 0 0 5px 0;
}

/* Homepage button alignment */

.hook-index .featureboxes .box .buttons {
	margin: 0 auto;
	display: table;
}
.hook-index .featureboxes .box .button1 {
	float: left;
}

.hook-index .featureboxes .box .color1 {
	margin-right: 10px;
}

/* Highlight */

.featureboxes .highlight .popular {
	width: 72px;
	height: 71px;
	position: absolute;
	top: -4px;
}

.hook-english .featureboxes .highlight .popular,
.hook-french .featureboxes .highlight .popular,
.hook-german .featureboxes .highlight .popular,
.hook-catalan .featureboxes .highlight .popular,
.hook-croatian .featureboxes .highlight .popular,
.hook-farsi .featureboxes .highlight .popular,
.hook-portuguese-br .featureboxes .highlight .popular,
.hook-portuguese-pt .featureboxes .highlight .popular,
.hook-czech .featureboxes .highlight .popular,
.hook-danish .featureboxes .highlight .popular,
.hook-dutch .featureboxes .highlight .popular,
.hook-hungarian .featureboxes .highlight .popular,
.hook-italian .featureboxes .highlight .popular,
.hook-norwegian .featureboxes .highlight .popular,
.hook-russian .featureboxes .highlight .popular,
.hook-spanish .featureboxes .highlight .popular,
.hook-swedish .featureboxes .highlight .popular,
.hook-turkish .featureboxes .highlight .popular,
.hook-ukranian .featureboxes .highlight .popular {
	right: -4px; 
}

.hook-arabic .featureboxes .highlight .popular {
	left: -4px;
}

.featureboxes .highlight {
	background: #eaeaea;
	
}

/*

------------------------------------------
------------------------------------------

----- Pricing table

------------------------------------------
------------------------------------------
	
*/

.pricingtable {
	margin: 0 0 35px 0;
}

.cleartable {
	clear: both;
	height: 0;
	line-height: 0;
}

.pricingtable ul {
	list-style: none;
	padding-left: 0;
}

.pricingtable .block {
	float: left;
    position: relative;    
    background: #CEE6FC; 
    border-right: #6CA1E1 1px solid;
    border-bottom: #6CA1E1 5px solid;
    border-top: #6CA1E1 1px solid;    
}

.pricingtable .block-features {
	float: left;
	background: #fff;
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	-khtml-border-radius: 5px 0 0 5px;	
    border-right: #6CA1E1 1px solid;
    border-left: #6CA1E1 1px solid;
    border-bottom: #6CA1E1 5px solid;
    border-top: #6CA1E1 1px solid; 
	
}

.pricingtable .block .title,
.pricingtable .block-features .title {
	background: #6CA1E1;
	border-bottom: #000 2px solid;
	display: block;
	height: 50px;
	line-height: 50px;
	overflow: hidden;	
}

.pricingtable .block-features .title {
	background: #E3E3E3;
	border-bottom: #000 2px solid;
	border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	-khtml-border-radius: 5px 0 0 0;	
}

.pricingtable .block .title h1,
.pricingtable .block-features .title h1,
.pricingtable .block .title h2,
.pricingtable .block-features .title h2,
.pricingtable .block .title h3,
.pricingtable .block-features .title h3,
.pricingtable .block .title h4,
.pricingtable .block-features .title h4,
.pricingtable .block .title h5,
.pricingtable .block-features .title h5,
.pricingtable .block .title h6,
.pricingtable .block-features .title h6 {
	text-align: center;
	color: #fff;
	margin: 0;
	padding: 0 4%;
	font-family: 'Roboto Slab', serif;
}

.pricingtable .block-features .title h1,
.pricingtable .block-features .title h2,
.pricingtable .block-features .title h3,
.pricingtable .block-features .title h4,
.pricingtable .block-features .title h5,
.pricingtable .block-features .title h6 {
	text-align: left;
	color: #304053;
	font-weight: normal;
	font-family: arial;
	text-shadow: none;
	text-align: center;
}

.pricingtable .block .subtitle,
.pricingtable .block-features .subtitle {
	background: #6CA1E1;
	border-bottom: #000 2px solid;
	display: block;
	padding: 5px 0;
	height: 40px;
	line-height: 30px;	
	overflow: hidden;
}

.pricingtable .block-features .subtitle {
	background: #E3E3E3;
}

.pricingtable .block .subtitle h1,
.pricingtable .block-features .subtitle h1,
.pricingtable .block .subtitle h2,
.pricingtable .block-features .subtitle h2,
.pricingtable .block .subtitle h3,
.pricingtable .block-features .subtitle h3,
.pricingtable .block .subtitle h4,
.pricingtable .block-features .subtitle h4,
.pricingtable .block .subtitle h5,
.pricingtable .block-features .subtitle h5,
.pricingtable .block .subtitle h6,
.pricingtable .block-features .subtitle h6 {
	text-align: center;
	color: #fff;
	font-family: 'Roboto Slab', serif;
	margin: 0;
	padding: 0 4%;
}

.pricingtable .block-features .subtitle h1,
.pricingtable .block-features .subtitle h2,
.pricingtable .block-features .subtitle h3,
.pricingtable .block-features .subtitle h4,
.pricingtable .block-features .subtitle h5,
.pricingtable .block-features .subtitle h6 {
	text-align: left;
	color: #304053;
	font-weight: normal;
	font-family: arial;
	text-shadow: none;
	text-align: center;
}

.pricingtable .block .desc,
.pricingtable .block-features .desc {
	color: #000;	
	padding: 10px 0;
}

.pricingtable .block-features .desc {
	background: none;
	border-bottom: none;
}

.pricingtable .block .desc p,
.pricingtable .block-features .desc p {
	text-align: center;
	margin: 0 auto 0 auto;
	width: 86%;
	height: 43px;
	overflow: hidden;
	line-height: 1.3em;	
}

.pricingtable .block .featureslist,
.pricingtable .block-features .featureslist {
	padding: 0 4%;
}

.pricingtable .block-features .featureslist {
	border-right: none;
}

.pricingtable .block .featureslist ul,
.pricingtable .block-features .featureslist ul {
	margin: 0;
	padding: 0;
}

.pricingtable .block .featureslist ul li,
.pricingtable .block-features .featureslist ul li {
	text-align: center;
	border-bottom: #e3e3e3 1px solid;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
}

.pricingtable .block .featureslist ul li {
	border-bottom: #fff 1px solid;
}

.pricingtable .block .featureslist ul li.overfeat {
	font-weight: bold;
	border-bottom: none;
	color: #000;
	padding-bottom: 1px;
	display: none;
}

.pricingtable .block-features .featureslist ul li {
	text-align: left;
	background: url("../images/featuresicon.png") left center no-repeat;
	padding: 0 0 0 25px;
}

.pricingtable .block .featureslist ul li:last-child,
.pricingtable .block-features .featureslist ul li:last-child {
	border-bottom: none;
}

.pricingtable .block .featureslist ul li a,
.pricingtable .block-features .featureslist ul li a { display: block; } 

.pricingtable .block .button,
.pricingtable .block-features .button {
	height: 50px;
	line-height: 50px;
	text-align: center;
	margin: 0 0 5px 0;
}

.pricingtable .block-features .button {
	background: none;
	border: none;
	padding-bottom: 2px;
}

.pricingtable .block .button .button1 {
	width: 70%;
	padding: 0;
	margin: 0;
	line-height: 30px;
}

.pricingtable .check {
	background:url("../images/checkmark.png") no-repeat center;
}
.pricingtable .cross {
	background:url("../images/cross.png") no-repeat center;
}

/* Highlight */

.pricingtable .highlight {
	background: #6CA1E1;
}

.pricingtable .highlight .featureslist ul li,
.pricingtable .highlight .desc,
.pricingtable .highlight .featureslist ul li.overfeat {
	color: #fff;
}

.pricingtable .highlight .popular {
	width: 72px;
	height: 71px;
	position: absolute;
	top: -4px;
}

.hook-english .pricingtable .highlight .popular,
.hook-french .pricingtable .highlight .popular,
.hook-german .pricingtable .highlight .popular,
.hook-catalan .pricingtable .highlight .popular,
.hook-croatian .pricingtable .highlight .popular,
.hook-farsi .pricingtable .highlight .popular,
.hook-portuguese-br .pricingtable .highlight .popular,
.hook-portuguese-pt .pricingtable .highlight .popular,
.hook-czech .pricingtable .highlight .popular,
.hook-danish .pricingtable .highlight .popular,
.hook-dutch .pricingtable .highlight .popular,
.hook-hungarian .pricingtable .highlight .popular,
.hook-italian .pricingtable .highlight .popular,
.hook-norwegian .pricingtable .highlight .popular,
.hook-russian .pricingtable .highlight .popular,
.hook-spanish .pricingtable .highlight .popular,
.hook-swedish .pricingtable .highlight .popular,
.hook-turkish .pricingtable .highlight .popular,
.hook-ukranian .pricingtable .highlight .popular {
	right: -4px;
}

.hook-arabic .pricingtable .highlight .popular {
	left: -3px;
}

.pricingtable .highlight .title,
.pricingtable .highlight .subtitle {
	background: #4D83D4;
}

.pricingtable .highlight .title h1,
.pricingtable .highlight .title h2,
.pricingtable .highlight .title h3,
.pricingtable .highlight .title h4,
.pricingtable .highlight .title h5,
.pricingtable .highlight .title h6,
.pricingtable .highlight .subtitle h1,
.pricingtable .highlight .subtitle h2,
.pricingtable .highlight .subtitle h3,
.pricingtable .highlight .subtitle h4,
.pricingtable .highlight .subtitle h5,
.pricingtable .highlight .subtitle h6 {
	color: #fff;
}

/* Hover functions */

.pricingtable .block:hover {
	background: #6CA1E1; 
	margin-top: -5px;	
	box-shadow: #777 1px 3px 20px;
	cursor: pointer;
	transition: all 0.3s ease-in-out 0s;
}

.pricingtable .block:hover .title,
.pricingtable .block:hover .subtitle {
	background: #51400E;
}

.pricingtable .block:hover .featureslist ul li,
.pricingtable .block:hover .desc {
	color: #fff;
}

.pricingtable .block:hover .button1 {
	transform: scale(1.1);
	transition-duration: 0.2s;		
	text-decoration: underline;
}

/* 1 column */

.pricingtable1 {
	width: 100%;
}
.pricingtable1 .block {
	width: 50%;
}
.pricingtable1 .block-features {
	width: 50%;
	margin: 0;
}

.pricingtable1 .block1 {
	margin-right: 0;
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-khtml-border-radius: 0 5px 5px 0;	
}

.pricingtable1 .block1 .title {
	border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-khtml-border-radius: 0 5px 0 0;		
}

/* 2 column */

.pricingtable2 {
	width: 100%;
}
.pricingtable2 .block {
	width: 29.5%;
	margin: 0;
}
.pricingtable2 .block-features {
	width: 41%;
	margin: 0;
}

.pricingtable2 .block2 {
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-khtml-border-radius: 0 5px 5px 0;		
}

.pricingtable2 .block2 .title {
	border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-khtml-border-radius: 0 5px 0 0;		
}

/* 3 column */

.pricingtable3 {
	width: 100%;
}
.pricingtable3 .block {
	width: 22.33%;
	margin: 0;
}
.pricingtable3 .block-features {
	width: 33%;
	margin: 0;
}

.pricingtable3 .block3 {
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-khtml-border-radius: 0 5px 5px 0;		
}

.pricingtable3 .block3 .title {
	border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-khtml-border-radius: 0 5px 0 0;		
}

/* 4 column */

.pricingtable4 {
	width: 100%;
}
.pricingtable4 .block {
	width: 18.87%;
	margin: 0;
}
.pricingtable4 .block-features {
	width: 24.5%;
	margin: 0;
}

.pricingtable4 .block4 {
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-khtml-border-radius: 0 5px 5px 0;		
}

.pricingtable4 .block4 .title {
	border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-khtml-border-radius: 0 5px 0 0;		
}

/* 5 column */

.pricingtable5 {
	width: 100%;
}
.pricingtable5 .block-features {
	display: none;
}

.pricingtable5 .block .featureslist ul li.overfeat {
	display: block;
}
.pricingtable5 .block .featureslist ul li {
	height: 30px;
	line-height: 30px;
}
.pricingtable5 .block {
	width: 20%;
	margin: 0 0 0 0;
}

.pricingtable5 .block1 {
	border-left: #6CA1E1 1px solid;
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	-khtml-border-radius: 5px 0 0 5px;	
}

.pricingtable5 .block1 .title {
	border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	-khtml-border-radius: 5px 0 0 0;	
}

.pricingtable5 .block5 {
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-khtml-border-radius: 0 5px 5px 0;		
}

.pricingtable5 .block5 .title {
	border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-khtml-border-radius: 0 5px 0 0;		
}

/* 6 column */

.pricingtable6 {
	width: 100%;
}
.pricingtable6 .block-features {
	display: none;
}

.pricingtable6 .block .featureslist ul li.overfeat {
	display: block;
}
.pricingtable6 .block .featureslist ul li {
	height: 30px;
	line-height: 30px;
}
.pricingtable6 .block {
	width: 16.66%;
	margin: 0 0 0 0;
}

.pricingtable6 .block1 {
	border-left: #6CA1E1 1px solid;
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	-khtml-border-radius: 5px 0 0 5px;	
}

.pricingtable6 .block1 .title {
	border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	-khtml-border-radius: 5px 0 0 0;	
}

.pricingtable6 .block6 {
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-khtml-border-radius: 0 5px 5px 0;	
}

.pricingtable6 .block6 .title {
	border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-khtml-border-radius: 0 5px 0 0;	
}

/* Full comparison button */

.showhide {
	text-align: center;
	margin: 15px 0 0 0;
}

/*

------------------------------------------
------------------------------------------

----- Pricing table 2

------------------------------------------
------------------------------------------
	
*/

.table-responsive {
	width: 100%;
	overflow-y: auto;
	_overflow: auto;
	margin: 0 0 35px 0;		
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	border-bottom: #6CA1E1 5px solid;
	border-top: #6CA1E1 1px solid;
	border-right: #6CA1E1 1px solid;
	border-left: #6CA1E1 1px solid;
}

.table-responsive table {
	width: 100%;
}

.table-responsive tr {
	width: 100%;
	background: #ffffff;
}

.table-responsive tr.even {
	background: #CEE6FC;
}

.table-responsive th {
	padding: 10px 20px;
	text-align: center;
	background: #6CA1E1;
	border: #608EC7 1px solid;
	color: #fff;
	vertical-align: middle;
}

.table-responsive td {
	padding: 20px 20px; 
	border: #f1efef 1px solid;
	text-align: center;
	vertical-align: middle;
}

.table-responsive td.tabletitle {
	font-weight: bold;
	background:#EFF4F7;
	position: relative;
}

.table-responsive .tabledescription {
	border-top: #D0D0D0 1px solid;
	display: block;
	line-height:1.3em;
	padding: 10px 0 0 0;
	margin: 10px auto 0 auto;
	font-weight: normal;
}

.table-responsive .button1 {
	margin: 0;
}

/* Hover */

.table-responsive tr:hover .button1 {
	transform: scale(1.1);
	transition-duration: 0.2s;		
	text-decoration: underline;
}

.table-responsive tr.even td.tabletitle {
	background: #a0cff9;
}

.table-responsive tr.even td {
	border: #CEE6FC 1px solid;
}

.table-responsive tr:hover td.tabletitle {
	background:#4D83D4;
}

.table-responsive tr.tableplan:hover {
	background: #6CA1E1;
	cursor: pointer;
	color: #fff;
}

.table-responsive tr.tableplan:hover td {
	border: #608EC7 1px solid;
}

.table-responsive::-webkit-scrollbar { /* IOS scrollbar */
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
}

.table-responsive::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 3px solid #e3e3e3;
	background-color: rgba(0, 0, 0, .3);
}  

/* Highlight */

.table-responsive .highlight .popular {
	width: 72px;
	height: 71px;
	position: absolute;
	top: -6px;
	right: -4px;
}

/*

------------------------------------------
------------------------------------------

----- Nav sub (used on the hosting and affiliate program pages)

------------------------------------------
------------------------------------------
	
*/

.navsub {
	margin: 0 0 25px 0;
}
.navsub ul li {
	float: left;
	margin: 0 5px 5px 0;
}
.navsub ul li a {
	padding: 6px 9px;
	background: #6CA1E1;
	display: block;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	text-decoration: none;
}
.navsub ul li a:hover {
	background: #2AB867;
}

/*

------------------------------------------
------------------------------------------

----- Popups

------------------------------------------
------------------------------------------
	
*/

.popup {
	position: relative;
	background: #FFF;
	padding: 25px;
	width: auto;
	max-width: 500px;
	margin: 20px auto;	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;  
	font-size: 1.7em;	
	line-height: 1.4em;
}

.popup-notifications .btn {
	margin: 0 !important;
	padding: 5px !important;
	line-height: 1 !important;
}

.popup-notifications .clientalert {
	margin: 10px 0;
}

.popup-languages .flag {
	background-position: left center;
	background-repeat: no-repeat;
	padding: 6px 0 6px 25px;
	font-weight: bold;
	display: block;
}

/*

------------------------------------------
------------------------------------------

----- Domain checker (homepage)

------------------------------------------
------------------------------------------
	
*/

.domainchecker {
	clear: both;
	padding: 80px 0 50px 0;
}

.domainchecker .left {
	width: 49%;
	float: left;
	margin: 0 2% 0 0;
}

.domainchecker .right {
	width: 49%;
	float: left;
	margin: 0;
}

.domainchecker .text1 {
	font-size: 3em;
	line-height: 1.2em;
	color: #304053;
	font-weight: bold;
	margin: 0 0 30px 0;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
}

.domainchecker .text2 {
	color: #304053;
	font-size: 1.3em;
}

.domainchecker .domaininput {
	background:#fff;
	width:79%;
	height:54px;
	float:left;
	padding:0 2%;
	margin: 0;
	border:none; 
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	-khtml-border-radius: 5px 0 0 5px;	
}
.domainchecker .search {
	width: 21%;
	padding: 18px 0px 17px 0;
	text-align: center;
	float: left;
	display: block;
	margin: 0;
	border: none;
	font-weight: bold;	
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-khtml-border-radius: 0 5px 5px 0;			
}
.domainchecker .search:hover {
	cursor: pointer;
	border: none;	
}
.domainchecker .domainpricing {
	margin: 0 auto;
	display: table;
	padding: 20px 0 0 0;
	clear: both;
}
.domainchecker .domainpricing .domaincircle {
	background: #FFFFFF;
	border: #CCD7EC 1px solid;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-khtml-border-radius: 30px;
	width: 107px;
	height: 107px;
	float: left;
	color: #6CA1E1;
	text-align: center;
	margin: 0 19px 10px 0;
	padding: 25px 0 0 0;
}
.domainchecker .domainpricing .domaincircle span {
	font-weight: bold;
	color: #304053;
	font-size: 1.3em;
}

.domainchecker .domainpricing .domaincircle5 {
	margin-right: 0;
}

/*

------------------------------------------
------------------------------------------

----- Welcome (homepage)

------------------------------------------
------------------------------------------
	
*/

.welcome {
	margin: 0 0 35px 0;
}

.welcome p:last-child {
	margin-bottom: 0;
}

/*

------------------------------------------
------------------------------------------

----- Feature grid

------------------------------------------
------------------------------------------
	
*/

.featuregrid {
	margin: 0 0 35px 0;
}

.featuregrid .col {
	width: 49%;
	margin: 0 2% 25px 0;
	background: #fff;
	border-bottom: #6CA1E1 5px solid;
	border-top: #6CA1E1 1px solid;
	border-right: #6CA1E1 1px solid;
	border-left: #6CA1E1 1px solid;
	float: left;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
}

.featuregrid .col:hover {
	background: #EAEAEA;
}

.featuregrid .col2,
.featuregrid .col4,
.featuregrid .col6 {
	margin-right: 0;
}

.featuregrid .col3,
.featuregrid .col5 {
	clear: left;
}

.featuregrid .col .image {
	float: left;
	width: 20%;
	margin: 0 5% 0 0;
}

.featuregrid .col .image img {
	margin: 25px auto 0 auto;
	display: table;
}

.featuregrid .col .contents {
	float: left;
	width: 75%;
}

.featuregrid .col .contents h3 {	
	text-align: center;
	text-transform: none;
	margin: 0 0 10px 0;
}

.featuregrid .col .contents p {	
	text-align: left;
	margin: 0;
}

/*

------------------------------------------
------------------------------------------

----- Buttons

------------------------------------------
------------------------------------------
	
*/

.button1,
.whmcscontainer .btn,
.popup .btn {
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: baseline;
	margin: 15px 5px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
    padding: 0.7em 2em;
    border: none;
    text-transform: uppercase;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;    
}
.button1:hover,
.whmcscontainer .btn:hover,
.popup .btn:hover {
	transform: scale(1.05);
	transition-duration: 0.2s;		
	text-decoration: underline;	
}

/* Secondary button */

.color1,
.color1:active,
.color1:visited,
.btn-success,
.btn-success:active,
.btn-success:visited,
.btn-info,
.btn-info:active,
.btn-info:visited,
.btn-danger,
.btn-danger:active,
.btn-danger:visited,
.btn-default,
.btn-default:active,
.btn-default:visited,
.whmcscontainer .landing-page.mail-services .product-options .btn-learn-more,
.whmcscontainer .landing-page.mail-services .product-options .btn-learn-more:active,
.whmcscontainer .landing-page.mail-services .product-options .btn-learn-more:visited,
.whmcscontainer #order-premium_comparison .price-table-container .order-button, #order-premium_comparison .price-table-container .order-button,
.whmcscontainer #order-premium_comparison .price-table-container .order-button, #order-premium_comparison .price-table-container .order-button:active,
.whmcscontainer #order-premium_comparison .price-table-container .order-button, #order-premium_comparison .price-table-container .order-button:visited {
	color: #fff !important;	
	background: #6ca1e1 !important;
	border-top: #5c89bf 1px solid !important;
	border-right: #5c89bf 1px solid !important;
	border-left: #5c89bf 1px solid !important;
	border-bottom: #5c89bf 3px solid !important;
}

.color1:hover,
.btn-success:hover,
.btn-info:hover,
.btn-danger:hover,
.btn-default:hover,
.whmcscontainer .landing-page.mail-services .product-options .btn-learn-more:hover,
.whmcscontainer #order-premium_comparison .price-table-container .order-button, #order-premium_comparison .price-table-container .order-button:hover {
	color: #fff !important;	
	background: #6ca1e1 !important;
	border-top: #5c89bf 1px solid !important;
	border-right: #5c89bf 1px solid !important;
	border-left: #5c89bf 1px solid !important;
	border-bottom: #5c89bf 3px solid !important;			
}

/* Primary button */

.color2,
.color2:active,
.color2:visited,
.btn-primary,
.btn-primary:visited,
.btn-primary:active,
.btn-success,
.btn-success:visited,
.btn-success:active,
.btn-warning,
.btn-warning:visited,
.btn-warning:active,
.whmcscontainer .label-warning,
.whmcscontainer .label-warning:active,
.whmcscontainer .label-warning:visited,
.whmcscontainer .panel-title .btn-default,
.whmcscontainer .panel-title .btn-default:active,
.whmcscontainer .panel-title .btn-default:visited,
.whmcscontainer .landing-page.ssl .validation-levels .item .btn,
.whmcscontainer .landing-page.ssl .validation-levels .item .btn:active,
.whmcscontainer .landing-page.ssl .validation-levels .item .btn:visited,
.whmcscontainer .landing-page.ssl .certificate-options .btn,
.whmcscontainer .landing-page.ssl .certificate-options .btn:active,
.whmcscontainer .landing-page.ssl .certificate-options .btn:visited,
.whmcscontainer .landing-page.mail-services .product-options .btn-buy,
.whmcscontainer .landing-page.mail-services .product-options .btn-buy:active,
.whmcscontainer .landing-page.mail-services .product-options .btn-buy:visited,
.whmcscontainer .landing-page.mail-services .get-started .btn-order-now,
.whmcscontainer .landing-page.mail-services .get-started .btn-order-now:active,
.whmcscontainer .landing-page.mail-services .get-started .btn-order-now:visited,
.whmcscontainer .landing-page.mail-services .get-started .btn-default,
.whmcscontainer .landing-page.mail-services .get-started .btn-default:active,
.whmcscontainer .landing-page.mail-services .get-started .btn-default:visited {
	color: #fff !important;	
	background: #2ab867 !important;
	border-top: #249d58 1px solid !important;
	border-right: #249d58 1px solid !important;
	border-left: #249d58 1px solid !important;
	border-bottom: #249d58 3px solid !important;	

}

.color2:hover,
.btn-primary:hover,
.btn-success:hover,
.btn-warning:hover,
.whmcscontainer .label-warning:hover,
.whmcscontainer .panel-title .btn-default:hover,
.whmcscontainer .landing-page.ssl .validation-levels .item .btn:hover,
.whmcscontainer .landing-page.ssl .certificate-options .btn:hover,
.whmcscontainer .landing-page.mail-services .product-options .btn-buy:hover,
.whmcscontainer .landing-page.mail-services .get-started .btn-order-now:hover,
.whmcscontainer .landing-page.mail-services .get-started .btn-default:hover {
	color: #fff !important;	
	background: #2ab867 !important;
	border-top: #249d58 1px solid !important;
	border-right: #249d58 1px solid !important;
	border-left: #249d58 1px solid !important;
	border-bottom: #249d58 3px solid !important; 	
}

/*

------------------------------------------
------------------------------------------

----- Content box

------------------------------------------
------------------------------------------
	
*/

.highlightbox {
	padding: 25px;
	margin: 0 0 25px 0;
	background:#CEE6FC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	background: #ffffff;	
	border-bottom: #6CA1E1 5px solid;
	border-top: #6CA1E1 1px solid;
	border-right: #6CA1E1 1px solid;	
	border-left: #6CA1E1 1px solid;	
}

.highlightbox p:last-child {
	margin-bottom: 0; 
}

/*

------------------------------------------
------------------------------------------

----- Feature box

------------------------------------------
------------------------------------------
	
*/

.featurebox {
	position: relative;
	width: 100%;
	margin: 0 0 25px 0;
}

.featurebox .title {
	padding: 13px 25px;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;	
	background: #6CA1E1;
	border-bottom: #608EC7 2px solid;			
 }
 
.featurebox .title h1,
.featurebox .title h2,
.featurebox .title h3,
.featurebox .title h4,
.featurebox .title h5,
.featurebox .title h6 {
	margin:0;
	color: #fff;
	text-align: center;
 } 

.featurebox .main {
	background: #ffffff;		
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-khtml-border-radius: 0 0 5px 5px;		
	border-bottom: #6CA1E1 5px solid;
	border-right: #6CA1E1 1px solid;
	border-left: #6CA1E1 1px solid;	
 }
 
 .hook-contact .featurebox .main {
	min-height: 351px;
}

.featurebox hr {
	border-top: #dcdcdc 1px solid;
	color: #fff;
	margin: 10px 0 10px 0;
	height: 1px; 
}

.featurebox p:last-child {
	margin-bottom: 0; 
}

.featurebox .buttons {
	text-align: center;
	margin: 15px 0 0 0;
}

.featurebox .buttons .button1 {
	margin: 0;
}

.featurebox .help {
	padding: 25px;
	background: #f5f6f8;
	border-top: #e3e3e3 1px solid;	
}

.featurebox .help p {
	margin: 0 0 10px 0;
}

.featurebox .help p:last-child {
	margin: 0;
}

/* Email departments */

.emaildepartments ul li {
	border-bottom: #eeeeee 1px solid;
	background: url("../images/emaildepartments.png") left center no-repeat;
	padding: 8px 30px;
}

.emaildepartments ul li a {
	text-decoration: none;
}

.emaildepartments ul li a:hover {
	text-decoration: underline;
}

.loginbox {
	width: 60%;
	margin: 0 auto 25px auto;
}

/*

------------------------------------------
------------------------------------------

----- Feature image

------------------------------------------
------------------------------------------
	
*/

.featureimage {
	text-align:center;
	margin:0 auto 25px auto;
	background: #fff;
	padding: 25px 25px 20px 25px;
	display: table;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-bottom: #6CA1E1 5px solid;
	border-top: #6CA1E1 1px solid;
	border-right: #6CA1E1 1px solid;
	border-left: #6CA1E1 1px solid;
}
	
.featureimage:hover {
	background: #EAEAEA;
}

.featureimage img {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	text-align: center;
}

.featureimage span {
	font-style: italic;
	position: relative;
	display:block;
	font-weight:normal;
	padding: 15px 10px 0 10px;
	margin: 25px 0 0 0;
	border-top: #e3e3e3 1px solid;
}

.featureimageleft {
	width: 49%;
	float: left;
	margin: 0 25px 25px 0;
}

.featureimageright {
	width: 49%;
	float: right;
	margin: 0 0 25px 25px;
}

/*

------------------------------------------
------------------------------------------

----- Testimonials

------------------------------------------
------------------------------------------
	
*/

.testimonialgrid {
	margin: 0 0 60px 0;
}

.testimonialgrid .testimonialgrid h5 {
	color: #000;
	line-height: 1.3em;
}

.testimonialgrid .testimonialblock {
	background: #fff url("../images/testimonialblock.png") right bottom no-repeat;
	padding: 20px 20px 45px 20px;
	margin: 0 0 5px 0;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;	
}

.testimonialgrid .author {
	text-align: right;
	color: #000;
}

.testimonialgrid .button {
	margin: 40px 0 0 0;
	text-align: center;
}

.testimonialgrid p {
	margin: 0 !important;
}

/*

------------------------------------------
------------------------------------------

----- Why choose us

------------------------------------------
------------------------------------------
	
*/

.whychooseusgrid {
	margin: 0 0 35px 0;
}

.whychooseusgrid .whychooseus img {
	display: table;
	margin: 0 auto 25px auto;
}

.whychooseusgrid .whychooseus h3 {
	text-align: center;
	margin: 0 0 25px 0;
}

/*

------------------------------------------
------------------------------------------

----- Notices

------------------------------------------
------------------------------------------
	
*/

.notice {
	width: 100%;
	padding: 25px 0;
	margin: 0 0 25px 0;
}

.notice .inside { margin: 0; padding: 0 25px 0 68px; }

.notice p { margin: 0; padding: 0; }

.notice-info { 
	background: #d9f2fe url("../images/info.png") 20px center no-repeat;
	outline: #98d8f8 1px solid;
	color: #00529B;
}

.notice-success { 
	background: #dff2bf url("../images/success.png") 20px center no-repeat;
	outline: #4f8a10 1px solid;
	color: #4F8A10;
}

.notice-error { 
	background: #ffbaba url("../images/error.png") 20px center no-repeat;
	outline: #d8000c 1px solid;
	color: #D8000C;
}

/*

------------------------------------------
------------------------------------------

----- Cart tab (displayed when items have been added to cart)

------------------------------------------
------------------------------------------
	
*/

.carttab {
	background: #CEE6FC;
	border-top: #98ADC2 1px solid;
	padding: 10px 0;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 8999;
}

.carttab p {
	margin: 0;
	text-align: center;
}

.carttab .button1 {
	text-shadow: none;
	font-weight: normal;
	padding: 5px 30px;
	margin: 10px 0;	
}

.carttab .color1,
.carttab .color2 {
	margin: 0 0 0 25px;
}

/*

------------------------------------------
------------------------------------------

----- Portal boxes (displayed on the portal.php page)

------------------------------------------
------------------------------------------
	
*/

.portalboxes {
	width: 100%;
}

.portalboxes .box {
	float: left;
	width: 32%;
	margin: 0 2% 25px 0;
	background: #FFFFFF;	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-top: #6CA1E1 1px solid;	
	border-bottom: #6CA1E1 5px solid;
	border-right: #6CA1E1 1px solid;
	border-left: #6CA1E1 1px solid;		
}

.portalboxes .box:hover {
	background: #EAEAEA;
}

.portalboxes .box a { 
	display: block;
	text-decoration: none;
	padding: 25px 27% 25px 25px;
}

.portalboxes .box a:hover span {
	text-decoration: underline;
}

.portalboxes .box p {
	margin: 0;
	padding: 0;		
}

.portalboxes .box p span {
	font-weight: bold;
}

.portalboxes .box3,
.portalboxes .box6,
.portalboxes .box9,
.portalboxes .box12 {
	margin-right: 0;
}

.portalboxes .box4,
.portalboxes .box7,
.portalboxes .box10 {
	clear: both;
}

.portalboxes .clientarea { background: url("../images/clientarea.png") 94% center no-repeat; }
.portalboxes .announcements { background: url("../images/announcements.png") 94% center no-repeat; }
.portalboxes .submitticket { background: url("../images/submitticket.png") 94% center no-repeat; }
.portalboxes .downloads { background: url("../images/downloads.png") 94% center no-repeat; }
.portalboxes .supporttickets { background: url("../images/supporttickets.png") 94% center no-repeat; }
.portalboxes .knowledgebase { background: url("../images/knowledgebase.png") 94% center no-repeat; }
.portalboxes .serverstatus { background: url("../images/serverstatus.png") 94% center no-repeat; }
.portalboxes .cart { background: url("../images/cart.png") 94% center no-repeat; }
.portalboxes .contact { background: url("../images/contact1.png") 94% center no-repeat; }
.portalboxes .networkissues { background: url("../images/networkissues.png") 94% center no-repeat; }
.portalboxes .affiliates { background: url("../images/affiliates.png") 94% center no-repeat; }
.portalboxes .domainchecker1 { background: url("../images/domainchecker.png") 94% center no-repeat; }

.portalboxes .clientarea:hover,
.portalboxes .announcements:hover,
.portalboxes .submitticket:hover, 
.portalboxes .downloads:hover, 
.portalboxes .supporttickets:hover, 
.portalboxes .knowledgebase:hover,
.portalboxes .serverstatus:hover,
.portalboxes .cart:hover,
.portalboxes .contact:hover,
.portalboxes .networkissues:hover,
.portalboxes .affiliates:hover,
.portalboxes .domainchecker1:hover {
	background-position: 92% center;
	transition: all 0.4s ease-in-out 0s;
}

.portalboxes .clientarea:active,
.portalboxes .announcements:active,
.portalboxes .submitticket:active, 
.portalboxes .downloads:active, 
.portalboxes .supporttickets:active, 
.portalboxes .knowledgebase:active,
.portalboxes .serverstatus:active,
.portalboxes .cart:active,
.portalboxes .contact:active,
.portalboxes .networkissues:active,
.portalboxes .affiliates:active,
.portalboxes .domainchecker1:active {
	background-position: 94% center;
}

/*

------------------------------------------
------------------------------------------

----- Domains pages (registerdomain.php & transferdomain.php)

------------------------------------------
------------------------------------------
	
*/

.domains {
	padding: 0;
	margin: 0 0 35px 0;
}

.domains .domains-form {
	margin: 0 auto;
	display: table;
	width: 70%;
	font-size: 1.8em;	
}

.domains .domains-form input[type="text"] {
	float: left;
	width: 80%;
	margin: 0;
	height: 79px;
	line-height: 79px;
	text-indent: 25px;
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	-khtml-border-radius: 5px 0 0 5px;	
	border: #98ADC2 1px solid;
}

.domains .domains-form input[type="submit"] {
	float: left;
	width: 20%;
	margin: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	padding: 0 15px;
	height: 79px;
	line-height: 79px;
}

/*

------------------------------------------
------------------------------------------

----- Social widget

------------------------------------------
------------------------------------------
	
*/

.socialwidget {
	position: fixed;
	top: 150px;
	left: 0;
}

.socialwidget .icon {
	float: left;
	clear: left;
}

.socialwidget .icon a {
	display: block;
}
.socialwidget .icon a:hover {
	padding: 0 0 0 30px;
	transition: all 0.4s ease-in-out 0s;	
}

.socialwidget .icon-facebook {
	background: #3A5A99;
}

.socialwidget .icon-twitter {
	background: #55ACEE;
}

.socialwidget .icon-googleplus {
	background: #DC4B3E;
}

.socialwidget .icon-youtube {
	background: #E52D27;
}

.socialwidget .icon:first-child,
.socialwidget .icon:first-child img {
	border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-khtml-border-radius: 0 5px 0 0;
}

.socialwidget .icon:last-child,
.socialwidget .icon:last-child img {
	border-radius: 0 0 5px 0;
	-moz-border-radius: 0 0 5px 0;
	-webkit-border-radius: 0 0 5px 0;
	-khtml-border-radius: 0 0 5px 0;
}

/*

------------------------------------------
------------------------------------------

----- Headings

------------------------------------------
------------------------------------------
	
*/

.bigheader {
	width: 100%;
	background: url("../images/bigtitle.png") left center repeat-x;
	margin: 0 0 25px 0;
}
.bigheader h1, .bigheader h2, .bigheader h3, .bigheader h4, .bigheader h5, .bigheader h6 {
	padding: 8px 25px;
	background: #D0E5FB;
	border: #9FC4EE 1px solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	text-align: center;
	display: table;
	margin: 0 auto;
	overflow: hidden;
}

/*

------------------------------------------
------------------------------------------

----- Addon pages

------------------------------------------
------------------------------------------
	
*/

.integrationgrid {
	width: 100%;
	margin: 0 auto;
}

.integrationgrid .color2 {
	margin-right: 10px;
}

.integrationgrid .centercontents {
	text-align: center;
}

.integrationgrid .productboxes .product {
	float: left;
	width: 49%;
	margin: 0 2% 25px 0;
	position: relative;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}
.integrationgrid .productboxes .product .title {
	background: #6CA1E1;
	width: 100%;
	z-index: 2;
	padding: 9px 0;
	border: #6CA1E1 1px solid;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;
}
.integrationgrid .productboxes .product .title h1, 
.integrationgrid .productboxes .product .title h2, 
.integrationgrid .productboxes .product .title h3, 
.integrationgrid .productboxes .product .title h4, 
.integrationgrid .productboxes .product .title h5, 
.integrationgrid .productboxes .product .title h6 {
	color: #fff;
	padding: 0 20px;
	font-weight: bold;
	margin: 0;
	text-align: center;
}
.integrationgrid .productboxes .product .main {
	background: #FFFFFF;
	border-bottom: #6CA1E1 5px solid;
	border-right: #6CA1E1 1px solid;
	border-left: #6CA1E1 1px solid;
	position: relative;
	padding: 3%;
	width: 100%;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-khtml-border-radius: 0 0 5px 5px;
}
.integrationgrid .productboxes .product hr {
	border-top: #6CA1E1 1px solid;
	color: #fff;
	margin: 10px 0 10px 0;
	height: 1px;
}
.integrationgrid .productboxes .product p {
	text-align: center;
}
.integrationgrid .productboxes .product .buttons {
	margin: 20px auto 0 auto;
	display: table;
	
}
.integrationgrid .productboxes .product .button1 { 
	margin: 0 0 5px 0;
	font-size: 0.9em;
	float: left;
}

.integrationgrid .productboxes .product .color1 {
	margin-right: 10px;
}

.integrationgrid .productboxes .box2,
.integrationgrid .productboxes .box4,
.integrationgrid .productboxes .box6,
.integrationgrid .productboxes .box8,
.integrationgrid .productboxes .box10,
.integrationgrid .productboxes .box12,
.integrationgrid .productboxes .box14,
.integrationgrid .productboxes .box16,
.integrationgrid .productboxes .box18,
.integrationgrid .productboxes .box20,
.integrationgrid .productboxes .box22,
.integrationgrid .productboxes .box24,
.integrationgrid .productboxes .box26,
.integrationgrid .productboxes .box28 {
	margin-right: 0;
}
.integrationgrid .productboxes .box3,
.integrationgrid .productboxes .box5,
.integrationgrid .productboxes .box7,
.integrationgrid .productboxes .box9,
.integrationgrid .productboxes .box11,
.integrationgrid .productboxes .box13,
.integrationgrid .productboxes .box15,
.integrationgrid .productboxes .box17,
.integrationgrid .productboxes .box19,
.integrationgrid .productboxes .box21,
.integrationgrid .productboxes .box23,
.integrationgrid .productboxes .box25,
.integrationgrid .productboxes .box27,
.integrationgrid .productboxes .box29 { 
	clear: both;
}

.integrationgrid .boldbox .leftside {
	float: left;
	width: 49%;
	margin: 0 2% 0 0;
}
.integrationgrid .boldbox .rightside {
	float: left;
	width: 49%;
	margin: 0 0 0 0;
}
.integrationgrid .boldbox .rightside h2 {
	text-align: center;
	margin: 0 0 2% 0;
}
.integrationgrid .boldbox .rightside p {
	margin: 0 0 2% 0; 
}
.integrationgrid .boldbox .rightside .buttons {
	margin: 15px auto 0 auto;
	text-align: center;
	display: table;
}

.integrationgrid .boldbox .rightside .buttons .button1 {
	margin: 0 0 5px 0;
	float: left;
}

.integrationgrid .boldbox .rightside .buttons .color1 {
	margin-right: 10px;
}

.integrationgrid .checklist {
	margin: 0 0 2% 0;
}
.integrationgrid .checklist li {
	background:url("../images/checkmark.png") left center no-repeat;
	padding: 0 0 0 25px;
	margin: 0 0 10px 0;
}

.integrationgrid .boldbox h2 {
	margin: 0 0 25px 0;
}

.integrationgrid .boldbox .buttons {
	display: table;
	margin: 0 auto;
}

.integrationgrid .boldbox .buttons .button1 {
	float: left;
	margin: 0 0 5px 0;
}

.integrationgrid .boldbox .buttons .color1 {
	margin-right: 10px;
}

/*

------------------------------------------
------------------------------------------

----- Customer count

------------------------------------------
------------------------------------------
	
*/

.customercount {
	padding: 35px 0;
	font-weight: bold;
	font-size: 2em;
	line-height: 1.5em;
	text-align: center;
	border-top: #76AAE6 1px solid;
}

.customercount .button1 {
	margin: 10px 0 10px 25px;
	padding: 15px 35px;
}

/* -------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------- */

/*

------------------------------------------
------------------------------------------

----- Scroll to top button

------------------------------------------
------------------------------------------
	
*/

.cd-top {
	display: inline-block;
	height: 30px;
	width: 30px;
	position: fixed;
	top: 11px;
	right: 11px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: #6CA1E1 url("../images/cd-top-arrow.svg") no-repeat center 50%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	z-index: 9999;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
	visibility: visible;
	opacity: 1;
}
.cd-top.cd-fade-out {
	opacity: 0.7;
}
.no-touch .cd-top:hover {
	background-color: #5C89BF;
	opacity: 1;
}

/*

------------------------------------------
------------------------------------------

----- Progress bar

------------------------------------------
------------------------------------------
	
*/

#progress {
    position: fixed;
    z-index: 2147483647;
    top: 0;
    left: -6px;
    width: 0%;
    height: 2px;
    background: #34B76A;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -moz-transition: width 500ms ease-out,opacity 400ms linear;
    -ms-transition: width 500ms ease-out,opacity 400ms linear;
    -o-transition: width 500ms ease-out,opacity 400ms linear;
    -webkit-transition: width 500ms ease-out,opacity 400ms linear;
    transition: width 500ms ease-out,opacity 400ms linear
}
#progress.done {
    opacity: 0
}
#progress dd,#progress dt {
    position: absolute;
    top: 0;
    height: 2px;
    -moz-box-shadow: #0f1016 1px 0 6px 1px;
    -ms-box-shadow: #0f1016 1px 0 6px 1px;
    -webkit-box-shadow: #0f1016 1px 0 6px 1px;
    box-shadow: #0f1016 1px 0 6px 1px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%
}
#progress dd {
    opacity: 1;
    width: 20px;
    right: 0;
    clip: rect(-6px,22px,14px,10px)
}
#progress dt {
    opacity: 1;
    width: 180px;
    right: -80px;
    clip: rect(-6px,90px,14px,-6px)
}
@-moz-keyframes pulse {
    30% {
        opacity: 1
    }
    60% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-ms-keyframes pulse {
    30% {
        opacity: .6
    }
    60% {
        opacity: 0
    }
    100% {
        opacity: .6
    }
}
@-o-keyframes pulse {
    30% {
        opacity: 1
    }
    60% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-webkit-keyframes pulse {
    30% {
        opacity: .6
    }
    60% {
        opacity: 0
    }
    100% {
        opacity: .6
    }
}
@keyframes pulse {
    30% {
        opacity: 1
    }
    60% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
#progress.waiting dd,#progress.waiting dt {
    -moz-animation: pulse 2s ease-out 0s infinite;
    -ms-animation: pulse 2s ease-out 0s infinite;
    -o-animation: pulse 2s ease-out 0s infinite;
    -webkit-animation: pulse 2s ease-out 0s infinite;
    animation: pulse 2s ease-out 0s infinite
}

/*

------------------------------------------
------------------------------------------

----- Popup script

------------------------------------------
------------------------------------------
	
*/

.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 502;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 503;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}

.mfp-container {
	height: 100%;
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
	display: none;
}

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 505;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}

.mfp-ajax-cur {
	cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
	cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.mfp-loading.mfp-figure {
	display: none;
}

.mfp-hide {
	display: none !important;
}

.mfp-preloader {
	color: #cccccc;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 504;
}

.mfp-preloader a {
	color: #cccccc;
}

.mfp-preloader a:hover {
	color: white;
}

.mfp-s-ready .mfp-preloader {
	display: none;
}

.mfp-s-error .mfp-content {
	display: none;
}

button.mfp-close,
button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	padding: 0;
	z-index: 506;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: 0.65;
	padding: 0 0 18px 10px;
	color: white;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace; 
}

.mfp-close:hover, .mfp-close:focus {
	opacity: 1;
}

.mfp-close:active {
	top: 1px;
}

.mfp-close-btn-in .mfp-close {
	color: #333333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
	color: white;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%;
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #cccccc;
	font-size: 12px;
	line-height: 18px;
}

.mfp-arrow {
	position: absolute;
	top: 0;
	opacity: 0.65;
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
	margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
	opacity: 1;
}

.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: solid transparent;
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
	opacity: 0.8;
	border-top-width: 12px;
	border-bottom-width: 12px;
	top: 8px;
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
	border-top-width: 20px;
	border-bottom-width: 20px;
}

.mfp-arrow-left {
	left: 0;
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
	border-right: 12px solid black;
	left: 5px;
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
	border-right: 20px solid white;
}

.mfp-arrow-right {
	right: 0;
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
	border-left: 12px solid black;
	left: 3px;
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
	border-left: 20px solid white;
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px;
}

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
	position: absolute;
	top: -3px;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: black;
}

.mfp-iframe-holder .mfp-close {
	top: -43px;
}

img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 0 40px;
	margin: 0 auto;
}

.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.mfp-figure {
	line-height: 0;
}

.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto;
}

.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #f3f3f3;
	word-break: break-word;
	padding-right: 36px;
}

.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px;
}

.mfp-image-holder .mfp-content {
	max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer;
}

.featureboxes .highlight .popular,
.pricingtable .highlight .popular,
.table-responsive .highlight .popular {
	background: url("../images/popular-ribbon.png") left top no-repeat;
	top: -4px;
	right: -4px;
}

/* -------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------- */

/*

------------------------------------------
------------------------------------------

----- WHMCS styles

------------------------------------------
------------------------------------------
	
*/

/* WHMCS content Bootstrap container override */

.containerwhmcs {
	margin: 0;
	padding: 0;
	width: 100%
}

/* Main content adjustments */

.whmcscontainer section#main-body {
	margin: 0;
}

.whmcscontainer .main-content {
	margin: 0;
}

/* Style the admin bar */

.admin-masquerade-notice {
	position: fixed;
	bottom: 15px;
	left: 15px;
	z-index: 9999;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}

/* Fix domain overview text alignment */

.hook-tf-clientareadomaindetails .tab-pane h4 {
	text-align: left;
	margin: 0;
}
.hook-tf-clientareadomaindetails .tab-pane .row {
	margin-bottom: 20px;
}

/* Fix social buttons */

.whmcscontainer .btn-social {
	vertical-align: top;
	padding: 5px 10px 5px 44px;
}

/* Login box */

.whmcscontainer .logincontainer {
	margin: 0;
	padding: 0;
	max-width: none;
}

/* Fix product overview text spacing */

.whmcscontainer .product-icon h3 { margin: 15px 0; padding: 0; font-size: 0.5em; line-height: 1.1em; }
.whmcscontainer .product-icon h4 { margin: 0; padding: 0; font-size: 0.4em; line-height: 1.1em;  }

/* Fix domain list table */

#tableDomainsList .btn-group-sm .btn-default { font-size: 14px; }

/* Fix button spacing */

.whmcscontainer .panel .panel-title,
.whmcscontainer .panel .panel-title .pull-right .btn,
.whmcscontainer .panel .panel-footer .btn,
.whmcscontainer .alert .btn,
.whmcscontainer .dataTables_wrapper .btn {
	margin: 0;
}

/* Pagination */

.whmcscontainer .pagination > .active > a,
.whmcscontainer .pagination > .active > span,
.whmcscontainer .pagination > .active > a:hover,
.whmcscontainer .pagination > .active > span:hover,
.whmcscontainer .pagination > .active > a:focus,
.whmcscontainer .pagination > .active > span:focus {
	background: #6CA1E1;
}

.whmcscontainer .pagination > .active > a,
.whmcscontainer .pagination > .active > a:focus,
.whmcscontainer .pagination > .active > a:hover,
.whmcscontainer .pagination > .active > span,
.whmcscontainer .pagination > .active > span:focus,
.whmcscontainer .pagination > .active > span:hover {
	border-color: #5c89bf;
}

/* Data tables */

.whmcscontainer .dataTables_wrapper .dataTables_info,
.whmcscontainer .table th,
.whmcscontainer .dataTables_info,
.whmcscontainer table.cart th {
	background: #6CA1E1;
	color: #fff;
}

.whmcscontainer .dataTables_wrapper table.table-list thead th.sorting_asc,
.whmcscontainer .dataTables_wrapper table.table-list thead th.sorting_desc { /* Table highlight */
	background: #5c89bf;
}

.whmcscontainer .dataTables_wrapper table.table-list thead th:nth-child(2n),
.whmcscontainer .dataTables_wrapper table.table-list thead th {
	border-bottom: #000 4px solid;
}

.whmcscontainer .dataTables_wrapper .dataTables_length {
	background-color: transparent;
}

/* Table */

.whmcscontainer .table {
	border-bottom: #6CA1E1 5px solid;
	border-right: #6CA1E1 1px solid;
	border-top: #6CA1E1 1px solid;
	border-left: #6CA1E1 1px solid;	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
}

.whmcscontainer .table .bg-info,
.whmcscontainer .table tr,
.whmcscontainer .table > thead > tr > td,
.whmcscontainer .table > tbody > tr > td,
.whmcscontainer .table > tfoot > tr > td {
    background-color: #fff;
}

.whmcscontainer .table > thead > tr > th {
	border-bottom: #5c89bf 1px solid;
}

.whmcscontainer .table > thead > tr:first-child > th,
.whmcscontainer .table > tbody > tr:first-child > th,
.whmcscontainer .table > tfoot > tr:first-child > th,
.whmcscontainer .table > thead > tr:first-child > td,
.whmcscontainer .table > tbody > tr:first-child > td,
.whmcscontainer .table > tfoot > tr:first-child > td {
	border-top: #6CA1E1 1px solid;
}

/* Sidebar */

.whmcscontainer a.list-group-item.active, .whmcscontainer a.list-group-item.active:hover, .whmcscontainer a.list-group-item.active:focus {
	background: #2AB867;
	text-decoration: none;
}

.whmcscontainer .list-group-item.active, .whmcscontainer .list-group-item.active:hover, .whmcscontainer .list-group-item.active:focus {
	border-color: #249d58;
}

.whmcscontainer .panel > .list-group .list-group-item,
.whmcscontainer .panel > .panel-collapse > .list-group .list-group-item {
	text-decoration: none;
}

.whmcscontainer a.list-group-item:hover,
.whmcscontainer button.list-group-item:hover,
.whmcscontainer a.list-group-item:focus,
.whmcscontainer button.list-group-item:focus {
	background-color: #EAEAEA;
}

/* Affiliate stats */

.whmcscontainer .affiliate-stat { /* fix spacing of affiliate stats */
	line-height: 2.2em;
	border-bottom: #6CA1E1 5px solid;
	border-right: #6CA1E1 1px solid;
	border-top: #6CA1E1 1px solid;
	border-left: #6CA1E1 1px solid;	
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;		
}

.whmcscontainer .affiliate-stat.alert-warning,
.whmcscontainer .affiliate-stat.alert-info,
.whmcscontainer .affiliate-stat.alert-success {
	color: #2AB867;
}

/* Fix sidebar alignment */

.whmcscontainer .sidebar { 
	clear: left;
}

/* Sidebar list badge */

.whmcscontainer .badge,
.whmcscontainer .list-group-item.active > .badge,
.whmcscontainer .nav-pills > .active > a > .badge {
	background: #2AB867;
}

.whmcscontainer .list-group-item .badge {
	color: #fff;
}

.whmcscontainer .panel-sidebar a.list-group-item.active i,
.whmcscontainer .panel-sidebar a.list-group-item.active:focus i,
.whmcscontainer .panel-sidebar a.list-group-item.active:hover i {
	color: #000;
}

/* Label */

.whmcscontainer .label {
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
}

/* Panel */

.whmcscontainer .panel {
	border-bottom: #6CA1E1 5px solid;
	border-right: #6CA1E1 1px solid;
	border-top: #6CA1E1 1px solid;
	border-left: #6CA1E1 1px solid;
}

.whmcscontainer .panel-sidebar > .panel-heading {
	background-color: #6CA1E1;
}

.whmcscontainer .panel-sidebar .panel-title {
	color: #fff;
}

.whmcscontainer .panel-default > .panel-heading {
	background-color:#6CA1E1;
	border-color: #5c89bf;
	color:#fff;
}

.whmcscontainer .panel .panel-title {
	text-align: left;
}

.whmcscontainer .panel .panel-footer {
	background-color: transparent;
}

.whmcscontainer .client-home-panels .panel > .list-group {
	clear: both;
}

.whmcscontainer .panel.panel-accent-gold,
.whmcscontainer .panel.panel-accent-green,
.whmcscontainer .panel.panel-accent-red,
.whmcscontainer .panel.panel-accent-blue,
.whmcscontainer .panel.panel-accent-orange,
.whmcscontainer .panel.panel-accent-pink,
.whmcscontainer .panel.panel-accent-purple,
.whmcscontainer .panel.panel-accent-lime,
.whmcscontainer .panel.panel-accent-magenta,
.whmcscontainer .panel.panel-accent-teal,
.whmcscontainer .panel.panel-accent-turquoise,
.whmcscontainer .panel.panel-accent-emerald,
.whmcscontainer .panel.panel-accent-amethyst,
.whmcscontainer .panel.panel-accent-wet-asphalt,
.whmcscontainer .panel.panel-accent-midnight-blue,
.whmcscontainer .panel.panel-accent-sun-flower,
.whmcscontainer .panel.panel-accent-pomegranate,
.whmcscontainer .panel.panel-accent-silver,
.whmcscontainer .panel.panel-accent-asbestos {
    border-top: #6CA1E1 1px solid !important;
}

.whmcscontainer .panel.panel-accent-emerald { /* Remove buggy domain checker box */
	display: none;
}

.whmcscontainer .panel .panel-title .pull-right .btn-xs {
	margin-top: -5px !important;
	background: #51400E; 
}

.whmcscontainer .panel .panel-title .pull-right .btn-xs:hover {
	color: #fff; 
}

/* Tiles */

.whmcscontainer .tiles .tile {
	background: #fff;
	border-right: #6CA1E1 1px solid;
}

.whmcscontainer .tiles .tile:hover {
	background: #EAEAEA;
}

.whmcscontainer .tiles .tile:last-child {
	border-right: none;
}

.whmcscontainer .tiles .highlight {
	background-color: transparent;
	height: 0;
	width: 0;
}

/* Input group */

.whmcscontainer .input-group {
	margin-bottom: 25px; 
}

.whmcscontainer .input-group .input-group-btn .btn {
	margin: 0;
}

/* Downloads */

.hook-tf-downloads .whmcscontainer .col-sm-6 {
	margin-bottom: 25px;
}

/* Announcements */

.hook-tf-announcements .whmcscontainer .announcement-single a.title {
	margin: 0 auto 20px auto;
	display: table;
}

/* Override knowledgebase styles */

.whmcscontainer .kb-article-content {
	font-size: inherit;
	line-height: inherit; 
}

.whmcscontainer .kb-article-title {
	font-size: inherit;
}

/* Terms of service panel */

.whmcscontainer .tospanel {
	border: none;
}

/* Fix button spacing such as support tickets */

.whmcscontainer .btn {
	vertical-align: top !important;
}

/* Fix domain table button */

.hook-tf-clientareadomains .whmcscontainer .table-container .btn { padding: 10px 8px; }

/* Fix display of some containers within content */

.containerwhmcs .container { width: 100%; max-width: none; }

/* Fix domain checker table addition */

.hook-tf-domainregister .btn-add-to-cart { margin: 0; }

/* WHMCS navbar */

.whmcscontainer .nav {
	margin-bottom: 0;
}

.whmcscontainer .navbar-main {
	background: #6ca1e1;
	border-radius: 0;
	margin: 0 0 25px 0;
}

.whmcscontainer .navbar-main li a {
	font-size: 12px;
	font-weight:normal;
	text-decoration: none;
}

.whmcscontainer .navbar-main .navbar-nav > li > a:hover,
.whmcscontainer .navbar-main .navbar-nav > li > a:focus,
.whmcscontainer .navbar-main .navbar-nav > .active > a,
.whmcscontainer .navbar-main .navbar-nav > .active > a:hover,
.whmcscontainer .navbar-main .navbar-nav > .active > a:focus,
.whmcscontainer .navbar-main .navbar-nav > .open > a,
.whmcscontainer .navbar-main .navbar-nav > .open > a:hover,
.whmcscontainer .navbar-main .navbar-nav > .open > a:focus {
	color: #fff;
	text-decoration: none;
	background: #2ab867;
}

.whmcscontainer .dropdown-menu {
	background: #fff;
}

.whmcscontainer .navbar-main .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	color: #fff;
	background: #2ab867;
}

@media (max-width: 767px) {

.whmcscontainer .navbar-main .navbar-nav .open .dropdown-menu > li > a {
	color: #fff;
}

.whmcscontainer .navbar-main .navbar-nav .open .dropdown-menu > li > a:hover, .whmcscontainer .navbar-main .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #fff;
	background: #2ab867;
}

}

.whmcscontainer .container-fluid > .navbar-header, .whmcscontainer .container-fluid > .navbar-collapse { /* Fixes menu dropdown spacing bug */
	margin-left: 0;
	margin-right: 0;
}

.whmcscontainer .navbar-toggle {
	padding: 5px; 
	margin: 8px;
}

/* Home banner */

.whmcscontainer section#home-banner {
	background: #FFFFFF;
	color: #000;
}

.whmcscontainer section#home-banner .form-control {
	background-color: #e2e2e2;
}

.whmcscontainer section#home-banner .btn.search {
	background-color: #2ab867;
	color: #fff;
}

.whmcscontainer section#home-banner .btn.transfer {
	background-color: #6ca1e1;
	color: #fff;
}

/* Home shortcuts */

.whmcscontainer .home-shortcuts {
	background: #6ca1e1;
}

.whmcscontainer .home-shortcuts li:first-child {
	border-left: #fff 1px solid;
}

.whmcscontainer .home-shortcuts li {
	border-right: #fff 1px solid;
}

@media (max-width: 767px) {
	
	.whmcscontainer .home-shortcuts li {
	    border-bottom: 1px solid #fff;
	    border-right: none;
	    border-left: none;
	}
	
	.whmcscontainer .home-shortcuts li:first-child {
		border-left: none;
	}
	
	.whmcscontainer .home-shortcuts li:last-child {
		border-bottom: none;
	}

}

/*

------------------------------------------
------------------------------------------

----- Marketplace connect

------------------------------------------
------------------------------------------
	
*/

/* Fix spacing of pages */

.whmcscontainer .landing-page .container {
	width: 100%;
	max-width: 100%;
	margin: 0;
}

.whmcscontainer .landing-page .hero {
	padding-top: 0;
}

.whmcscontainer .landing-page .hero h2 {
	display: none;
}

.whmcscontainer .landing-page .detailed-info {
	padding: 0 !important;
	background-color: transparent !important;
}

.whmcscontainer #nav-ssl ul,
.whmcscontainer #nav-landing-page ul {
	margin-bottom: 0;
}

.whmcscontainer ul.nav-tabs {
	margin-bottom: 0;
}

/* SSL certificates */

.whmcscontainer .landing-page.ssl .validation-levels,
.whmcscontainer .landing-page.ssl .standout-1,
.whmcscontainer .landing-page.ssl .certificate-options,
.whmcscontainer .landing-page.ssl .certificate-options.ov,
.whmcscontainer .landing-page.ssl .certificate-options.ev {
	background-color: #6CA1E1;
}

.whmcscontainer .landing-page.ssl .features {
	background-color: transparent;
}

.whmcscontainer .landing-page.ssl .validation-levels h3,
.whmcscontainer .landing-page.ssl .standout-1 h3 {
	color: #fff;
}

.whmcscontainer .landing-page.ssl .features h3 {
	color: #000;
}

.whmcscontainer .landing-page.ssl .certificate-options h3 {
	display: none;
}

.whmcscontainer .landing-page.ssl .row-pricing-table h4 {
	color: #fff;
}

.whmcscontainer .landing-page.ssl .certificate-options .col-sm-3.sidebar ul li,
.whmcscontainer .landing-page.ssl .certificate-options.ov .col-sm-3.sidebar ul li,
.whmcscontainer .landing-page.ssl .certificate-options.ev .col-sm-3.sidebar ul li,
.whmcscontainer .landing-page.ssl .certificate-options .col-sm-4.sidebar ul li,
.whmcscontainer .landing-page.ssl .certificate-options.ov .col-sm-4.sidebar ul li,
.whmcscontainer .landing-page.ssl .certificate-options.ev .col-sm-4.sidebar ul li,
.whmcscontainer .landing-page.ssl .certificate-options .col-sm-6.sidebar ul li,
.whmcscontainer .landing-page.ssl .certificate-options.ov .col-sm-6.sidebar ul li,
.whmcscontainer .landing-page.ssl .certificate-options.ev .col-sm-6.sidebar ul li {
	color: #fff;
	border-color: #DDDDDD;
	font-weight: bold;
}

.whmcscontainer .landing-page.ssl .validation-levels a.show-all {
	color: #fff;
}

.whmcscontainer .landing-page.ssl .detailed-info .panel-heading {
	background: #6CA1E1;
}

.whmcscontainer .landing-page.ssl .detailed-info .panel-heading a {
	color: #fff;
}

.whmcscontainer .landing-page.ssl .features .feature {
	background: #6CA1E1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border: #5C89BF 1px solid;
}

.whmcscontainer .landing-page.ssl .features h3 {
	text-align: center;
}

.whmcscontainer .landing-page.ssl .features .feature h4 {
	color: #fff;
	line-height: 1.1em;
	font-size: 23px;
	text-align: center;
	padding-top: 5px;
}

.whmcscontainer .landing-page.ssl .row-pricing-table .btn {
	margin: 0;
}

/* Website builder */

.whmcscontainer .landing-page.weebly .features, .whmcscontainer .landing-page.weebly .faq {
	background-color: transparent;
}

.whmcscontainer .landing-page.weebly .features h4 {
	text-align: center;
}

.whmcscontainer .landing-page.weebly .pricing-item {
	background: #fff;
}

.whmcscontainer .landing-page.weebly .pricing-item .feature-heading {
	background: #2AB867;
	color: #fff;
}

.whmcscontainer .landing-page.weebly .btn-group .btn {
	margin: 0;
}

.whmcscontainer .landing-page.weebly .col-sm-4 .btn {
	margin: 0;
}

/* Email services */

.whmcscontainer .landing-page.mail-services .light-grey-bg {
	background-color: transparent;
}

.whmcscontainer .landing-page.mail-services .text20 h2 {
	line-height: 1.2em;
}

.whmcscontainer .landing-page.mail-services .product-options, .whmcscontainer .landing-page.mail-services .get-started {
	background-color: #6CA1E1;
	padding: 35px;
}

.whmcscontainer .landing-page.mail-services .product-options .icon,
.whmcscontainer .landing-page.mail-services .product-options .price {
	color: #242738;
}

.whmcscontainer .landing-page.mail-services .benefits {
	background-color: #E2E2E2;
}

.whmcscontainer .landing-page.mail-services .benefits i {
	color: #242738;
}

.whmcscontainer .landing-page.mail-services .nav-tabs > li.active > a, .whmcscontainer .landing-page.mail-services .nav-tabs > li.active > a:focus, .whmcscontainer .landing-page.mail-services .nav-tabs > li.active > a:hover {
	border-top: #2AB867 3px solid;
	background-color: #fff;
}

.whmcscontainer .landing-page.mail-services .nav-tabs > li > a, .whmcscontainer .landing-page.mail-services .nav-tabs > li > a:focus {
	background-color: transparent;
}

.whmcscontainer .landing-page.mail-services .get-started h1,
.whmcscontainer .landing-page.mail-services .get-started h2,
.whmcscontainer .landing-page.mail-services .get-started h3,
.whmcscontainer .landing-page.mail-services .get-started h4,
.whmcscontainer .landing-page.mail-services .get-started h5,
.whmcscontainer .landing-page.mail-services .get-started h6 {
	color: #fff;
}

/* Checkout */

.whmcscontainer .store-promoted-product {
	background-color: transparent;
}

/* Sitelock */

.whmcscontainer .landing-page.sitelock { }

.whmcscontainer .landing-page.sitelock h2 { line-height: 1.2em; }

.whmcscontainer .landing-page.sitelock .plans { padding: 25px; background-color: #95c7f9; }

.whmcscontainer .landing-page.sitelock .content-block .container { padding: 0; }

.whmcscontainer .landing-page.sitelock .plans .plan .header { background-color: #2ab867; }
.whmcscontainer .landing-page.sitelock h4 { color: #fff; }

.whmcscontainer .landing-page.sitelock .plans .plan .btn { background-color: #2ab867; color: #fff; }

.whmcscontainer .landing-page.sitelock .features .fas,
.whmcscontainer .landing-page.sitelock .features .far { color: #2a2320; }

.whmcscontainer .landing-page.sitelock .emergency { padding: 25px; background-color: #95c7f9; }

.whmcscontainer .landing-page.sitelock .emergency h2.text-danger { color: #fff; }
.whmcscontainer .landing-page.sitelock h4 { color: #fff; }

.whmcscontainer .landing-page.sitelock .features h4 { color: #2ab867; }

.whmcscontainer .landing-page.sitelock h3 { line-height: 1.3em; padding-top: 20px; }

/* CodeGuard */

.whmcscontainer .landing-page.codeguard .hero { width: 100%; }
.whmcscontainer .landing-page.codeguard .hero img { width: 100%; max-width: 500px; }

.whmcscontainer .landing-page.codeguard .pricing { padding: 55px 20px; }
.whmcscontainer .landing-page.codeguard .pricing .container .row .text-center img { width: 100%; max-width: 180px; }

.whmcscontainer .landing-page.codeguard .features .feature { height: 319px; }

.whmcscontainer .landing-page.codeguard .faqs { background-color: transparent; }

.whmcscontainer .landing-page.codeguard .content-block .container .text-center img { width: 100%; max-width: 500px; }

/*

------------------------------------------
------------------------------------------

----- Carts

------------------------------------------
------------------------------------------
	
*/

.whmcscontainer .domainavailable {
	color: #2AB867;
}

.whmcscontainer .domain-checker-container {
	background: #242738;
}

.whmcscontainer .cartbuttons .btn {
	margin: 0;
}

.whmcscontainer .cartbuttons .btn-danger {
	top: -14px;
	position: relative;
}

.whmcscontainer .sub-heading {
    height: 0 !important;
    border-top: none !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 25px !important;
}

.whmcscontainer .sub-heading span, .sub-heading-borderless span {
	background-color: transparent !important;
    color: #304053 !important;	
}

.whmcscontainer #validatePromoCode {
	display: none;
}

.whmcscontainer .btn-link {
	color: #242738;
}

/* --- Modern cart --- */

.whmcscontainer #order-modern .product {
	background-color: #fff;
	padding: 25px;
	border-top: #6CA1E1 1px solid;
	border-bottom: #6CA1E1 5px solid;
	border-right: #6CA1E1 1px solid;
	border-left: #6CA1E1 1px solid;	
}

.whmcscontainer #order-modern .product:hover {
	background-color: #fff;
}

.whmcscontainer #order-modern .product .prodfeature {
	border: #E2E2E2 1px solid;
	color: #2AB867;
}

.whmcscontainer #order-modern .product .btn {
	margin: 0;
}

.whmcscontainer #order-modern .domainoptions {
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	border-top: #6CA1E1 1px solid;
	border-bottom: #6CA1E1 5px solid;
	border-right: #6CA1E1 1px solid;
	border-left: #6CA1E1 1px solid;	
}

.whmcscontainer #order-modern .domainoptions .option:first-child {
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;		
}

.whmcscontainer #order-modern .domainoptions .option:last-child {
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-khtml-border-radius: 0 0 5px 5px;	
}

.whmcscontainer #order-modern .domainoptions .option {
    border-bottom: 1px solid #E2E2E2;
}

.whmcscontainer #order-modern .domainoptions .optionselected {
    background-color: #EAEAEA;
}

.whmcscontainer #order-modern .signupfields {
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	border-top: #6CA1E1 1px solid;
	border-bottom: #6CA1E1 5px solid;
	border-right: #6CA1E1 1px solid;
	border-left: #6CA1E1 1px solid;	
	padding: 25px;	
}

.whmcscontainer #order-modern .signuptype {
	border: #6CA1E1 1px solid;
	border-bottom: none;
}

.whmcscontainer #order-modern .signuptype {
	background-color: #EAEAEA;
}

.whmcscontainer #order-modern table.cart {
	background-color: #fff;
	border-spacing: 0;
	border-top: #6CA1E1 1px solid;
	border-bottom: #6CA1E1 5px solid;
	border-right: #6CA1E1 1px solid;
	border-left: #6CA1E1 1px solid;	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;		
}

.whmcscontainer #order-modern table.cart th {
	background-color: #6CA1E1;
	border: #608EC7 1px solid;	
	padding: 8px 0;
	border-radius: 0px;	
}

.whmcscontainer #order-modern table.cart td {
	border-bottom: #E2E2E2 1px solid;
}

.whmcscontainer #order-modern table.cart td:hover,
.whmcscontainer #order-modern table.cart tr:hover td {
	background-color: #fff;	
}

.whmcscontainer #order-modern table.cart tr.subtotal td,
.whmcscontainer #order-modern table.cart tr.subtotal td:hover,
.whmcscontainer #order-modern table.cart tr.subtotal:hover td {
	background-color: #fff;
	border-bottom: #E2E2E2 1px solid;	
}

.whmcscontainer #order-modern table.cart tr.total td {
	background-color: #2AB867 !important;
	color: #fff;
}

.whmcscontainer #order-modern table.cart tr.recurring td {
	background-color: #fff !important;
	border-bottom: none;
}

/* --- Standard cart --- */

.whmcscontainer #order-standard_cart .categories-collapsed {
	background-color: transparent;
}

.whmcscontainer div.header-lined h1 {
    margin-bottom: 25px !important;
    padding: inherit;
    border-bottom: none;
    font-weight: inherit;
    color: #304053 !important;
}

.whmcscontainer #order-standard_cart .products .product {
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	border-top: #6CA1E1 1px solid;
	border-bottom: #6CA1E1 5px solid;
	border-right: #6CA1E1 1px solid;
	border-left: #6CA1E1 1px solid;	
	margin-bottom: 25px;	
	padding-top: 0;
}

.whmcscontainer #order-standard_cart .products .product header {
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;		
	background: #6CA1E1;
	border-bottom: #608EC7 2px solid;
	margin: 0;	
}

.whmcscontainer #order-standard_cart .products .product header span {
	color: #fff;
	display: table;
	margin: 0 auto;
	font-weight: bold;
}

.whmcscontainer #order-standard_cart .domain-input-group .btn {
	margin: 0;
}

.whmcscontainer #order-standard_cart .domain-selection-options .option {
	background-color: #fff;
}

.whmcscontainer #order-standard_cart .panel-addon .panel-add {
	border-radius: 0;
}

.whmcscontainer #order-standard_cart .order-summary {
	background: #6CA1E1;
	border-bottom: none;
}

.whmcscontainer #order-standard_cart .summary-container {
	background: #fff;
	border-top: #6CA1E1 1px solid;
	border-bottom: #6CA1E1 5px solid;
	border-right: #6CA1E1 1px solid;
	border-left: #6CA1E1 1px solid;		
	padding: 25px;	
}

.whmcscontainer #order-standard_cart .col-sm-1 .btn {
	margin: 0 !important;
	left: -20px;
	position: relative;
}

.whmcscontainer #order-standard_cart .view-cart-items .item-title .btn {
	float: right;
}

.whmcscontainer #order-standard_cart .view-cart-items-header {
	background-color: #6CA1E1;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;	
	border-top: #6CA1E1 1px solid;
	border-right: #6CA1E1 1px solid;
	border-left: #6CA1E1 1px solid;		
}

.whmcscontainer #order-standard_cart .view-cart-items {
	border-right: #6CA1E1 1px solid;
	border-left: #6CA1E1 1px solid;	
	border-bottom: #6CA1E1 5px solid;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-khtml-border-radius: 0 0 5px 5px;	
	background: #fff;		
}

.whmcscontainer #order-standard_cart .empty-cart .btn {
	margin-top: 20px;
	background-color: #2AB867;
}

.whmcscontainer #order-standard_cart .view-cart-tabs .nav-tabs > li.active > a {
	background-color: #fff;
}

.whmcscontainer #order-standard_cart .nav-tabs {
	border-bottom: #E2E2E2 1px solid;
}

.whmcscontainer #order-standard_cart .view-cart-tabs .tab-content {
    background-color: #fff;
    padding: 25px;
}

.whmcscontainer #order-standard_cart .view-cart-tabs .tab-content .btn-block {
	margin: 0;
}

.hook-tf-viewcart .whmcscontainer #order-standard_cart .alert-success {
    color: #fff;
    background-color: #6CA1E1;
    border-color: #6CA1E1;
}

/* --- Premium Comparison cart --- */

.whmcscontainer #order-premium_comparison .price-table-container ul li {
	background: none;
}

.whmcscontainer #order-premium_comparison .price-table-container .price-table {
	box-shadow: none;
	border-top: #6CA1E1 1px solid;
	border-bottom: #6CA1E1 5px solid;
	border-right: #6CA1E1 1px solid;
	border-left: #6CA1E1 1px solid;	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
}

.whmcscontainer #order-premium_comparison .price-table-container .price-table .top-head {
	background: none;
}

.whmcscontainer #order-premium_comparison .price-table-container .price-table .top-head .top-area {
	border-bottom: none;
	text-shadow: none;
	background: #6CA1E1;
}

.whmcscontainer #order-premium_comparison .price-table-container .price-table .top-head .price-area {
	text-shadow: none;
	color: #2AB867;
}

.whmcscontainer #order-premium_comparison .price-table-container .order-button, #order-premium_comparison .price-table-container .order-button {
	box-shadow: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
}

.whmcscontainer #order-premium_comparison .price-table-container .order-button, #order-premium_comparison .price-table-container .order-button:hover {
	background: #6CA1E1 !important;
}

.whmcscontainer #order-premium_comparison .domain-checker-available {
	color: #2AB867;
}

/* -------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------- */

/*

------------------------------------------
------------------------------------------

----- Blesta styles

------------------------------------------
------------------------------------------
	
*/

.blestacontainer .header { /* Remove Blesta header */
	display: none;
}

.blestacontainer .title { /* Remove page title as already set via Mono subbanner */
	display: none;
}

.blestacontainer .nav-content nav.navbar {
	background: #6ca1e1;
	margin: 0 0 35px 0;
}

.blestacontainer .nav-content nav.navbar a {
	text-decoration: none;
}

/* -------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------- */

/*

------------------------------------------
------------------------------------------

----- ClientExec styles

------------------------------------------
------------------------------------------
	
*/

.clientexeccontainer {
	padding: 30px 0 0 0;
}

.clientexeccontainer .page-header-top {
	display: none;
}

.clientexecbody .link-admin-loggedin {
	position: fixed;
	bottom: 15px;
	left: 15px;
	z-index: 9999;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}

.clientexeccontainer .ce-topnavbar {
	margin-bottom: 0;
}

.clientexeccontainer .nav {
	margin-bottom: 0;
}

.clientexeccontainer .support-boxes a {
	text-decoration: none;
}

.clientexecbody img { /* Fix Booptstrap default styling */
	vertical-align: baseline;
}

.clientexecbody .copyright ul { /* Fix Booptstrap default styling */
	margin-bottom: 0;
}

.clientexeccontainer #signup-steps .secure-connection::after {
	border-color: transparent transparent transparent #797979;
}

.clientexeccontainer #signup-steps .secure-connection {
	background: #797979;
}

.clientexecbody.ce-bgcolor-blue #signup-steps .last-on::after,
.clientexecbody.ce-bgcolor-blue #signup-steps .on::after {
	border-color: transparent transparent transparent #df3626;
}

.clientexecbody.ce-bgcolor-blue .ce-pagination ul li.active > a,
.clientexecbody.ce-bgcolor-blue .ce-pagination ul li.active > span,
.clientexecbody.ce-bgcolor-blue .ce-pagination ul li > a:hover,
.clientexecbody.ce-bgcolor-blue .ce-pagination ul li > span:hover,
.clientexecbody.ce-bgcolor-blue .ce-pagination ul li > a :focus,
.clientexecbody.ce-bgcolor-blue .ce-pagination ul li > span :focus,
.clientexecbody.ce-bgcolor-blue ul.pagination li.active > a,
.clientexecbody.ce-bgcolor-blue ul.pagination li.active > span,
.clientexecbody.ce-bgcolor-blue ul.pagination li > a:hover,
.clientexecbody.ce-bgcolor-blue ul.pagination li > span:hover,
.clientexecbody.ce-bgcolor-blue ul.pagination li > a :focus,
.clientexecbody.ce-bgcolor-blue ul.pagination li > span :focus,
.clientexecbody.ce-bgcolor-blue .btn-group > button:hover,
.clientexecbody.ce-bgcolor-blue .btn-group > button:focus,
.clientexecbody.ce-bgcolor-blue .btn-group > button.btn-primary,
.clientexecbody.ce-bgcolor-blue .btn-group#filter-ul > button.btn-primary,
.clientexecbody.ce-bgcolor-blue .btn-group > button.btn-primary:hover,
.clientexecbody.ce-bgcolor-blue .feature-tab,
.clientexecbody.ce-bgcolor-blue .ce-menuitem,
.clientexecbody.ce-bgcolor-blue .accordion-toggle,
.clientexecbody.ce-bgcolor-blue .accordion-toggle:hover,
.clientexecbody.ce-bgcolor-blue .accordion-toggle.collapsed:hover,
.clientexecbody.ce-bgcolor-blue .accordion-group:hover,
.clientexecbody.ce-bgcolor-blue #signup-steps .on,
.clientexecbody.ce-bgcolor-blue #signup-steps .last-on,
.clientexecbody.ce-bgcolor-blue .page-header-top {
	background-color: #df3626;
	border-color: #df3626;	
}

.clientexecbody.ce-bgcolor-blue .cart-summary-btn {
	background-color: #df3626;
}

.clientexeccontainer .badge-important {
	background-color: #797979;
}

.clientexecbody.ce-bgcolor-blue .product_type_option:hover,
.clientexecbody.ce-bgcolor-blue .product_type_option_active,
.clientexecbody.ce-bgcolor-blue .dataTable th.sorting_asc,
.clientexecbody.ce-bgcolor-blue .dataTable th.sorting_asc:hover,
.clientexecbody.ce-bgcolor-blue .dataTable th.sorting_desc,
.clientexecbody.ce-bgcolor-blue .dataTable th.sorting_desc:hover,
.clientexecbody.ce-bgcolor-blue .accordion-toggle.collapsed,
.clientexecbody.ce-bgcolor-blue .popover,
.clientexecbody.ce-bgcolor-blue .dropdown-menu > li > a:hover,
.clientexecbody.ce-bgcolor-blue .dropdown-menu > li > a:focus,
.clientexecbody.ce-bgcolor-blue .dropdown-submenu:hover > a,
.clientexecbody.ce-bgcolor-blue .dropdown-submenu:focus > a,
.clientexecbody.ce-bgcolor-blue .nav-list-vivid > li > a:hover,
.clientexecbody.ce-bgcolor-blue .nav-list-vivid > li > a:focus {
	background-color: #eeeeee;
}