/*

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

----- 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: #303030;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 62.5%; /* Sets default font-size to 10px - 1em = 10px */
	background: #FFFFFF;   
}

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

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

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: #233141 url("../images/background-index.jpg") center 101px no-repeat;
}

.hook-subpage .background {
	background: #233141 url("../images/background-index.jpg") center 101px no-repeat; 
}

/*

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

----- Toolbar

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

.toolbar {
	background: #fff;
	padding: 0;
	width: 100%;
	overflow: hidden;
	border-bottom: #E8E8E8 1px solid;
	color: #323f52;
	line-height: 35px;
}

/* Left side */

.toolbar p {
	float: left;
	margin: 0;
}

.toolbar a {
	color: #323f52;
}

/* Right side */

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

.toolbar .rightmenu ul li {
	float: left;
}

.toolbar .rightmenu ul li:hover {
	background: #9AADBC;
}

.toolbar .rightmenu ul li a {
	display: block;
	text-decoration: none;
	line-height: 35px;
	padding: 0 10px;
}
.toolbar .rightmenu ul li a:hover {
	color: #fff;
}
.toolbar .rightmenu ul li a.myaccount {
	background: #243141 url("../images/icon-myaccount.png") 10px center no-repeat;
	padding: 0 10px 0 27px;
	margin: 0;
	color: #fff;
	text-shadow: #000 1px 1px;
}

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

.toolbar .rightmenu ul li a.contact {
	background: url("../images/icon-contact.png") 10px center no-repeat;
	padding: 0 15px 0 32px; 
}
.toolbar .rightmenu ul li a.cart {
	background: url("../images/icon-cart.png") 10px center no-repeat;
	padding: 0 15px 0 32px; 
}

.toolbar .rightmenu li li {
	float: none;
	border-bottom: #000 1px solid;
	margin: 0;
}
.toolbar .rightmenu li li:last-child {
	border-bottom: 0;
}
.toolbar .rightmenu li li a {
	padding: 9px 15px 9px 15px;
	color: #fff;
	line-height: 25px;
}
.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: #243141;
	border-right: #000 1px solid;
	border-left: #000 1px solid;
	border-bottom: #000 1px solid;
}
.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;
}

.toolbar .rightmenu .welcomeback:hover {
	background: transparent;
}

/* Languagebutton */

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

.toolbar .languagebutton a {
	background-color: #9AADBC;
	background-position: 10px center;
	background-repeat: no-repeat;
	display: block;
	color: #fff;
	margin: 0 0 0 0;
	padding: 0 10px 0 35px;
	text-decoration: none;
}

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;
}

/* Hide Google translate toolbar */

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

.notificationbell a {
	width: 33px;
	height: 35px;
	display: block;
	position: relative;	
	padding: 0;
}

li.notificationbell:hover {
	background: none;
}

.notificationbell .bellbadge {
	position: absolute;
	top: 0;
	left: 0;
	background: #F09546;
	line-height: 1;
	height: 35px;
	width: 33px;
	line-height: 35px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	font-weight: bold;  	
}

/*

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

----- Header

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

.headermain {
	padding: 0;
	background: #fff;
	border-bottom: #E8E8E8 1px solid;
}

.headermain .logo {
	float: left;
	margin: 18px 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-tf-homepage .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;
}

.navmain ul li a {
	display: block;
	margin: 0;
	text-decoration: none;
	color: #323f52;
	padding: 0 15px;
	text-transform: uppercase;
	line-height: 65px;	 
	font-weight: bold;	
}

/* Main - hover & active */


.navmain ul li.active a {
	background-color: #9AADBC;
}

.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: #9AADBC;
}

/* Order button */

.navmain ul li.orderbutton a {
	line-height: 65px;
	background: #F09546;	
	color: #fff;
	text-shadow: #000 1px 1px;
}

.navmain ul li.orderbutton a:hover {
	background: #F09546;	 
	text-decoration: underline;
}

/* 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;
}

.navmain-mega ul li:hover .menuleft {
	right: auto;
	left: 0px;
	top: 25px;	
}

.navmain-mega ul li .subcontainer {
	margin: 40px auto 0 auto; 
	left: -999em;
	position: absolute;	
	background-color: #9AADBC;
	padding: 19px 10px 5px 10px;
	text-align: left;
	z-index: 9998;
	color: #fff;
	width: 530px; 
}

.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: #243141 1px dotted;
	border-bottom: #243141 1px dotted;
	color: #fff;
	padding: 5px 5px 5px 5px !important;
	font-size: 0.9em;
	line-height: 19px; 
	width: 236px; 
	display: block;	
	text-transform: none;
	background-image: none;
	background-color: transparent;
}

.navmain-mega ul li .sublinks li a:hover {
	border-top: #243141 1px dotted;
	border-bottom: #243141 1px dotted;
	background-image: none;
	background-color: transparent;
	text-decoration: underline;
}

.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-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-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 {
	background-color: #F09546;
}

/* 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;
}

.navmain-dropdown ul li:hover .menuleft {
	right: auto;
	left: 0px;
	top: 25px;	
}

.navmain-dropdown ul li .subcontainer {
	margin: 40px auto 0 auto;
	left: -999em;
	position: absolute;	
	background-color: #9AADBC;
	padding: 0;
	text-align: left;
	z-index: 9998;
	color: #fff;
	width: 230px; 
}

.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: #243141 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: 230px; 
	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: #F09546 url("../images/sublinksicon.png") 12px center no-repeat;
	border: none;
	transition: all 0.1s ease-in-out 0s;
	color: #fff;
	text-decoration: underline;
}

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

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

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

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

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

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

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

/* --- 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: 65px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	width: 33.33%;
	margin: 0;
	background: transparent;	
}
.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: #F09546;
	color: #fff;
}

/*

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

----- Slideshow (homepage)

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

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

/*

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

----- Sub banner

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

.subbanner {
	padding: 35px 0 45px 0;
}

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

.subbanner span {
	color: #897c7c;
	text-align: center;
	display: block;
	text-shadow: #000 1px 1px;
}
.subbanner span a {
	padding: 0 5px;
	color: #897c7c;
	text-transform: uppercase;
}

/*

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

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

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

.submenu {
	background: #fff;
	width: 100%;
	margin: 0;
	border-bottom: #E8E8E8 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: #323f52;
	display: block;
	text-decoration: none;
	padding: 6px 9px;
	margin: 0; 
}

.submenu ul li a:hover,
.submenu ul li.active a {
	background-color: #9AADBC;
	color: #fff;
}

.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: #fff;
	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;
	border: #E8E8E8 1px solid;		
}

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

.columnsidebar .box .title {
	background: #243141;
	border-bottom: #000 1px 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 {
	margin: 0 0 35px 0;
	padding: 0 0 35px 0;
	border-bottom: #E8E8E8 1px solid;
}

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

/*

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

----- Footer

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

.footermain {
	background: #fff;
	border-top: #E8E8E8 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: #243141;
	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 a {
	padding: 6px 0 6px 20px;
	background: url("../images/footerli.png") left center no-repeat;
	border-bottom: #E8E8E8 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 #E8E8E8;
	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 .footermain-social {
	display: flex;
	flex-wrap: wrap;
}

.footermain .footermain-social .footermain-social-icon {
	margin: 8px 8px;
}

.footermain .footermain-social .footermain-social-icon img {
	border-radius: var(--border-radius);
	max-width: 50px;
}

.footermain .footermain-social img:hover {
	transition: transform .5s ease;
	transform: scale(1.1);	
}


/* footer icons */

.footericons .footericon {
	background: #F0F5F9;	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	margin: 0 0 15px 0;
	border-right: #E8E8E8 2px solid;
	border-bottom: #E8E8E8 2px solid;	
	border-left: #E8E8E8 1px solid;	
	color: #9fa3a8;
	font-weight: bold;
	width: 100%;
	padding: 6px 15px;
	float: left;
	clear: left;
	display: table;
}

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

.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: #E8E8E8 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: #F0F5F9;
	padding: 35px 0;
	clear: both;
	color: #9fa3a8;
}

.copyright a {
	color: #9fa3a8;
}

.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: #E8E8E8 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: #E8E8E8 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: #243141 1px solid;
	border-right: #243141 1px solid;	
	border-left: #243141 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 {
	background: #EAEAEA;
	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: #243141;
	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: 15px 0 0 0;
	border-top: #c6c6c6 1px solid;
	
}
.featureboxes .box ul li {
	padding: 6px 0;
	text-align: center;	
}

.featureboxes .box ul li span {
	color: #F09546;
}
.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: #F09546;
}
.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;
}

/* 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: #EAEAEA; 
    border-right: #243141 1px solid;
    border-bottom: #243141 1px solid;
    border-top: #243141 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: #243141 1px solid;
    border-left: #243141 1px solid;
    border-bottom: #243141 1px solid;
    border-top: #243141 1px solid; 
	
}

.pricingtable .block .title,
.pricingtable .block-features .title {
	background: #243141;
	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: #243141;
	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: #d8d8d8 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: #c5c5c5;
}

.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: #F09546;
	border-bottom: #d48541 2px solid;
}

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

.pricingtable .highlight .featureslist ul li.overfeat {
	border-bottom: none;
}

.pricingtable .highlight .featureslist ul li {
	color: #000;
}

.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: #c5c5c5; 
	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: #F09546;
	border-bottom: #d48541 2px solid;	
}

.pricingtable .block:hover .featureslist ul li {
	border-bottom: #b6b6b6 1px solid;
	color: #000;	
}

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

.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: #243141 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: #243141 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: #243141 1px solid;
	border-top: #243141 1px solid;
	border-right: #243141 1px solid;
	border-left: #243141 1px solid;
}

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

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

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

.table-responsive th {
	padding: 10px 20px;
	text-align: center;
	background: #243141;
	border: none;
	color: #fff;
	vertical-align: middle;
}

.table-responsive td {
	padding: 20px 20px; 
	border: none;
	text-align: center;
	vertical-align: middle;
}

.table-responsive td.tabletitle {
	font-weight: bold;
	background: #EAEAEA;
	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: #c5c5c5;
}

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

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

.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: #9AADBC;
	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: #F09546;
}

/*

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

----- Popups

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

.popup {
	position: relative;
	background: #FFF;
	padding: 25px;
	width: auto;
	max-width: 250px;
	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;
	display: flex;
}

.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;
	background: #ed8c30 url("../images/domaincheckerbg.jpg") left top repeat;
}

.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;
	font-weight: bold;
	margin: 0 0 30px 0;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	color: #fff;
}

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

.domainchecker .domaininput {
	background:#fff;
	width:79%;
	height:60px;
	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: #243141 1px solid;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-khtml-border-radius: 30px;
	width: 107px;
	height: 107px;
	float: left;
	color: #F09546;
	text-align: center;
	margin: 0 19px 10px 0;
	padding: 25px 0 0 0;
}
.domainchecker .domainpricing .domaincircle span {
	font-weight: bold;
	color: #243141;
	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: 100%;
	margin: 0 0 25px 0;
	padding: 0 0 25px 0;
	border-bottom: #E8E8E8 1px solid;
	float: left;
	clear: left;
}

.featuregrid .col .contents h3,
.featuregrid .col .contents p {
	text-align: left;
}

/* Odd */

.featuregrid .odd .image {
	float: left;
	width: 40%;
	margin: 0 5% 0 0;
}

.featuregrid .odd .contents {
	float: left;
	width: 55%;
}

/* Even */

.featuregrid .even .image {
	float: right;
	width: 40%;
	margin: 0 0 0 5%;
}

.featuregrid .even .contents {
	float: right;
	width: 55%;
}

/*

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

----- 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;
	text-shadow: #000 1px 1px !important;	
	background: #243141 !important;
	border: none !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;
	text-shadow: #000 1px 1px !important;	
	background: #243141 !important;
	border: none !important;
}

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

----- Grid - Boxes2 - Used for the Features layout on various pages

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

*/

.gridboxes2 {
	margin: 0 0 var(--spacing-parent) 0;
    display: flex;
    flex-direction: column;	
}

.gridboxes2 .gridboxes2-container {
	padding: var(--spacing-parent) 0;
	border-bottom: var(--color-border) 1px solid;
}

.gridboxes2 .gridboxes2-container:last-child {
	border: none;
}

.gridboxes2 .gridboxes2-container.gridboxes2-reverse .gridboxes2-box {
	flex-direction: row-reverse;
}

.gridboxes2 .gridboxes2-container.gridboxes2-boldimg .gridboxes2-box .gridboxes2-image img {
	box-shadow: var(--shadow);
	border-radius: var(--border-radius);
}

.gridboxes2 .gridboxes2-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;	
	flex-direction: row;	
	align-items: center;
}

.gridboxes2 .gridboxes2-box .gridboxes2-image {
	flex-basis: 48%;
}

.gridboxes2 .gridboxes2-box .gridboxes2-image .gridboxes2-image-text {
	text-align: center;
	margin: var(--spacing-child) 0 0 0;
}

.gridboxes2 .gridboxes2-box .gridboxes2-text {
	flex-basis: 48%;
}

.gridboxes2 .gridboxes2-box .gridboxes2-text .gridboxes2-heading { /* Main heading */
	text-align: left;
	font-size: 2.3em;
}

.gridboxes2 .gridboxes2-box .gridboxes2-text .gridboxes2-heading2 { /* Sub heading */
	text-align: left;
	font-weight: normal;
	color: var(--color-body);
}

.gridboxes2 .gridboxes2-box .gridboxes2-text .gridboxes2-url {
	margin: 0 0 var(--spacing-child) 0;
}

.gridboxes2 .gridboxes2-box .gridboxes2-text .gridboxes2-url a {
	color: var(--color-body);
}

.gridboxes2 .gridboxes2-box .gridboxes2-text p:last-child {
	margin-bottom: 0;
}

.gridboxes2 .gridboxes2-box .gridboxes2-buttons .button1 {
	margin: 5px 5px;
}

.gridboxes2 .gridboxes2-box-extend {
	padding: var(--spacing-parent) 0 0 0;
}

.gridboxes2 .gridboxes2-container.gridboxes2-noimg .gridboxes2-box .gridboxes2-text {
	flex-basis: 100%;
}

.gridboxes2 .gridboxes2-container.gridboxes2-noimg .gridboxes2-box .gridboxes2-text .gridboxes2-heading,
.gridboxes2 .gridboxes2-container.gridboxes2-noimg .gridboxes2-box .gridboxes2-text .gridboxes2-heading2,
.gridboxes2 .gridboxes2-container.gridboxes2-noimg .gridboxes2-box .gridboxes2-buttons {
	text-align: center;
}

/*

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

/* 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;
	text-shadow: #000 1px 1px !important;	
	background: #F09546 !important;
	border: none !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;
	text-shadow: #000 1px 1px !important;	
	background: #F09546 !important;
	border: none !important;
}

/*

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

----- Content box

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

.highlightbox {
	padding: 25px;
	margin: 0 0 25px 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	background: #ffffff;	
	border: #E8E8E8 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: #243141;
	border-bottom: #000 1px 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: #243141 1px solid;
	border-right: #243141 1px solid;
	border-left: #243141 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;	
	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;	
}

.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: #E8E8E8 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 45px 0;
}

.testimonialgrid .testimonialblock {
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
}

.testimonialgrid .testimonialblock p {
	margin: 0;
	background: url("../images/testimonial-icon.png") left top no-repeat;
	padding: 25px 0 0 0;
}

.testimonialgrid .author {
	background: url("../images/testimonial-bottom.png") 30px top no-repeat;
	padding: 40px 15px 0 15px;
}

.testimonialgrid .author .icon {
	float: left;
	width: 20%;
	margin: 0 4% 0 0;
}

.testimonialgrid .author .text {
	float: left;
	width: 76%;
	padding: 4% 0 0 0;
}	

/*

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

----- 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: #FFFFFF;
	border-top: #E8E8E8 1px solid;
	padding: 12px 0;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 8999;
}

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

.carttab .button1 {
	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: #243141 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: #243141 1px solid;
	border-right: none;
}

.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 Side Widget */

.social-sidewidget {
	display: flex;
	flex-direction: column;
	position: fixed;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9999;
}

.social-sidewidget .social-icon a {
	display: block;
	width: 50px;
}

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

.social-sidewidget .social-icon img {
	max-width: 50px;
	display: inline;
	vertical-align: middle;
}

.social-sidewidget .social-icon:first-child,
.social-sidewidget .social-icon:first-child img {
	border-radius: 0 var(--border-radius) 0 0;
}

.social-sidewidget .social-icon:last-child,
.social-sidewidget .social-icon:last-child img {
	border-radius: 0 0 var(--border-radius) 0;
}

.social-sidewidget .social-icon-facebook {
	background-color: #3a559f;
}

.social-sidewidget .social-icon-twitter {
	background-color: #50abf1;
}

.social-sidewidget .social-icon-youtube {
	background-color: #dc472e;
}

.social-sidewidget .social-icon-vimeo {
	background-color: #1ab7ea;
}

.social-sidewidget .social-icon-pinterest {
	background-color: #c9353d;
}

.social-sidewidget .social-icon-instagram {
	background-color: #c536a4;
}

.social-sidewidget .social-icon-tumblr {
	background-color: #2f4f6e;
}

.social-sidewidget .social-icon-disqus {
	background-color: #229cff;
}

.social-sidewidget .social-icon-flickr {
	background-color: #e12c92;
}

.social-sidewidget .social-icon-steemit {
	background-color: #f4f4f4;
}

.social-sidewidget .social-icon-behance {
	background-color: #0071b9;
}

.social-sidewidget .social-icon-dribbble {
	background-color: #ed4989;
}

.social-sidewidget .social-icon-skype {
	background-color: #15ace5;
}

.social-sidewidget .social-icon-skype {
	background-color: #15ace5;
}

.social-sidewidget .social-icon-stumbleupon {
	background-color: #eb4823;
}

.social-sidewidget .social-icon-github {
	background-color: #171515;
}

.social-sidewidget .social-icon-linkedin {
	background-color: #0084b1;
}

.social-sidewidget .social-icon-reddit {
	background-color: #ff4500;
}

.social-sidewidget .social-icon-whatsapp {
	background-color: #1bd741;
}

.social-sidewidget .social-icon-bebo {
	background-color: #cd0300;
}

.social-sidewidget .social-icon-blogger {
	background-color: #f89029;
}

.social-sidewidget .social-icon-digg {
	background-color: #466ca3;
}

.social-sidewidget .social-icon-line {
	background-color: #00c200;
}

.social-sidewidget .social-icon-myspace {
	background-color: #507fa7;
}

.social-sidewidget .social-icon-telegram {
	background-color: #61a8de;
}

.social-sidewidget .social-icon-viber {
	background-color: #7d3daf;
}

.social-sidewidget .social-icon-xing {
	background-color: #00605e;
}

.social-sidewidget .social-icon-discord {
	background-color: #7289da;
}

.social-sidewidget .social-icon-slack {
	background-color: #4a154b;
}

/*

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

----- Scripts

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

*/

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

----- 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: #fff;
	border: #E8E8E8 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: #243141;
	width: 100%;
	z-index: 2;
	padding: 9px 0;
	border: #243141 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: #243141 1px solid;
	border-right: #243141 1px solid;
	border-left: #243141 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: #243141 1px solid;
	color: #fff;
	margin: 10px 0 10px 0;
	height: 1px;
}
.integrationgrid .productboxes .product p {
	text-align: center;
}
.integrationgrid .productboxes .product .buttons {
	margin: 15px 0 0 0;
}
.integrationgrid .productboxes .product .button1 { 
	margin: 5px 0 0 0;
	font-size: 0.9em;
}

.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 0 0 0;
	text-align: center;
}
.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;
}

/*

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

----- Customer count

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

.customercount {
	padding: 35px 0;
	font-weight: bold;
	font-size: 2em;
	line-height: 1.5em;
	text-align: center;
	background: url("../images/background1.jpg") left top repeat;
	color: #fff;
}

.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: 16px;
	right: 16px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: #243141 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: #243141;
	opacity: 1;
}

/*

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

----- Progress bar

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

#progress {
    position: fixed;
    z-index: 2147483647;
    top: 0;
    left: -6px;
    width: 0%;
    height: 2px;
    background: #243141;
    -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;
}

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

/*

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

----- 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;
}

.whmcscontainer .logincontainer #login {
	margin: 0;
}

/* 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: #243141;
}

.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: #000;
}

/* Data tables */

.whmcscontainer .dataTables_wrapper .dataTables_info,
.whmcscontainer .table th,
.whmcscontainer .dataTables_info,
.whmcscontainer table.cart th {
	background: #243141;
	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: #9AADBC;
}

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

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

/* Table */

.whmcscontainer .table {
	border-bottom: #243141 1px solid;
	border-right: #243141 1px solid;
	border-top: #243141 1px solid;
	border-left: #243141 1px solid;	
}

.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: #243141 1px solid;
}

/* Sidebar */

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

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

.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: #000 1px solid;
	border-right: #000 1px solid;
	border-top: #000 1px solid;
	border-left: #000 1px solid;	
	background: #243141;
}

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

/* 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: #F09546;
}

.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: #243141 1px solid;
	border-right: #243141 1px solid;
	border-top: #243141 1px solid;
	border-left: #243141 1px solid;
}

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

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

.whmcscontainer .panel-default > .panel-heading {
	background-color:#243141;
	border-color: #000;
	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: #243141 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: #F09546; 
}

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

/* Tiles */

.whmcscontainer .tiles .tile {
	background: #fff;
	border-right: #243141 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: #243141;
	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: #f09546;
}

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

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

@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: #f09546;
}

}

.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: #f09546;
	color: #fff;
}

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

/* Home shortcuts */

.whmcscontainer .home-shortcuts {
	background: #243141;
}

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

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

@media (max-width: 767px) {
	
	.whmcscontainer .home-shortcuts li {
	    border-bottom: 1px solid #000;
	    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;
}

.whmcscontainer .landing-page .content-block {
	padding-left: 25px;
	padding-right: 25px;
}

/* 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: #243141;
}

.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: #000;
	font-weight: bold;
}

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

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

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

.whmcscontainer .landing-page.ssl .features .feature {
	background: #243141;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border: #000 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: #F09546;
	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: #243141;
	padding-left: 25px;
	padding-right: 25px;	
}

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

.whmcscontainer .landing-page.mail-services .product-options .item {
	background-color: #fff;
}

.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: #243141 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 .content-block .container { padding: 0; }

.whmcscontainer .landing-page.sitelock .plans { padding: 25px; background-color: #f0f5f9; }
.whmcscontainer .landing-page.sitelock .plans h2 { color: #F09546; }
.whmcscontainer .landing-page.sitelock .plans h3 { color: #F09546; }
.whmcscontainer .landing-page.sitelock .plans .plan { background-color: #eeeeee; }
.whmcscontainer .landing-page.sitelock .plans .plan .header { background-color: #1f1f1f; }
.whmcscontainer .landing-page.sitelock .plans .plan .header h4 { color: #fff; }
.whmcscontainer .landing-page.sitelock h4 { color: #fff; }

.whmcscontainer .landing-page.sitelock .plans .plan .btn { background-color: #f09546; 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: #f0f5f9; }

.whmcscontainer .landing-page.sitelock .emergency h2.text-danger { color: #F09546; }
.whmcscontainer .landing-page.sitelock .emergency { color: #696969; }
.whmcscontainer .landing-page.sitelock .emergency h3 { color: #696969; }

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

.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: #F09546;
}

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

.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: #243141 1px solid;
}

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

.whmcscontainer #order-modern .product .prodfeature {
	border: #E8E8E8 1px solid;
	color: #F09546;
}

.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: #243141 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: #243141 1px solid;
	padding: 25px;	
}

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

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

.whmcscontainer #order-modern table.cart {
	background-color: #fff;
	border-spacing: 0;
	border: #243141 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: #243141;
	border: #000 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: #F09546 !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: #243141 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: #243141;
	border-bottom: #000 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: #243141;
	border-bottom: none;
}

.whmcscontainer #order-standard_cart .summary-container {
	background: #fff;
	border: #243141 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: #243141;
	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: #243141 1px solid;
	border-right: #243141 1px solid;
	border-left: #243141 1px solid;		
}

.whmcscontainer #order-standard_cart .view-cart-items {
	border-right: #243141 1px solid;
	border-left: #243141 1px solid;	
	border-bottom: #243141 1px 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: #243141;
    border-color: #243141;
}

/* --- 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: #243141 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: #243141;
}

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

.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: #F09546 !important;
}

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

.hook-tf-domainregister .domain-contact-support {
    display: none;
}
/* --- Eliminación opciones menú lateral en Anuncios --- */
#Secondary_Sidebar-Support-Downloads,
#Secondary_Sidebar-Support-Network_Status { display: none; }