/*

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

----- Fonts

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

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

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

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

/*

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

----- Reset

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

html {
	font-size: 100%;
}

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

body {
    line-height: 1;
}

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

img {
	border: none;
}

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

ul {
	padding-left: 0;
}

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

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

/*

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

----- Defaults

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

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

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

a {
	color: #9c0500;
	text-decoration: underline;
}

a:hover {
	color: #9c0500;
	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

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

/*

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

----- 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: #1c1c1c 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-register.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: 17px !important;
}
.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: #9c0500;
	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;
	color: #fff;
}

.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: #9c0500;
	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: 20px 0 1px 0;
}

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



/* Menu */

nav.navmain {
	float: right;
	margin: 0;
	width: auto;
}

.hook-cart nav.navmain {
	/* width: 100%; */
}

nav.navmain span.newbutton {
	width: 29px;
	height: 29px;
	position: absolute;
	right: -5px;
	top: 7px;
	background: url(../images/nav-new.png) left top no-repeat;
}

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

nav.navmain li.home:hover { background: none; }

nav.navmain span { /* Sub-column titles */
	color:#fff;
	font-weight: bold;
	text-shadow: #000 1px 1px 0;
}
nav.navmain ul {
	padding-left: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    list-style: none;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
nav.navmain ul li {
	/*float: left;
	list-style: none;
	position: relative;
	margin: 0;*/
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 3px;
	display: list-item;
	text-align: -webkit-match-parent;
	position: relative;
}
nav.navmain ul li a {
	display: block;
	margin: 0;
	text-decoration: none;
	color: #ffffff;
	padding: 0 15px;
	text-transform: uppercase;
	line-height: 84px;
	border-bottom: 5px transparent solid;
	font-size: 0.9em;    	
}
nav.navmain ul li a:hover {
	color: #986B2A;
	text-decoration: none;
	border-bottom: #986B2A 5px solid; 	
	transition: all 0.4s ease-in-out 0s;
}
nav.navmain li:hover a, nav.navmain li a.active { /* Hover background (gradients with single color fall-back) */
	border-bottom: #986B2A 5px solid; 
}

nav.navmain ul li.drop a {
	background: url(../images/dropdownicon-white.png) left center no-repeat;	
}
nav.navmain ul li.drop li a {
	background: none;	
}

nav.navmain ul li.drop, nav.navmain li.active:hover {

}


nav.navmain li.active a {
	color: #986B2A;
	text-decoration: none;
	border-bottom: #986B2A 5px solid;
}

nav.navmain li:hover div a {
	display: inline;
}
nav.navmain .subcontainer { /* Sub-dropdown container */
	margin: 0 auto 0 auto;
	left: -999em;
	position: absolute;
	background: #000;
	padding: 19px 10px 5px 10px;
	text-align: left;
	z-index: 9998;
	color: #fff;
	min-width: 240px;
	line-height:17px!important;
	border:1px solid #986B2A; 
}

/*
nav.navmain .subcontainer::after {
	display: table;
	content: "";
	clear: both;
}
*/

nav.navmain .subcontainer .imgfeature {
	clear: both;
	margin: 20px 0 0 0;
	float: left;
}

nav.navmain .subcontainer .imgfeature a {
	padding: 0;
	margin: 0;
	background: none;
	border: none;
}

nav.navmain li:hover .subcontainer {
	left: 0px;
	
}
nav.navmain li .menuright {

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

	-webkit-border-radius: 5px 0 5px 5px;
	-khtml-border-radius: 5px 0 5px 5px;
}
nav.navmain li:hover .menuleft {
	right: auto;
	left: 0px;
	top: 25px;
	border-radius: 0 5px 5px 5px;
	-moz-border-radius: 0 5px 5px 5px;
	-webkit-border-radius: 0 5px 5px 5px;
	-khtml-border-radius: 0 5px 5px 5px;	
}
nav.navmain li.over a, nav.navmain li:hover a {
	color: #986B2A;
}
nav.navmain .subcolumn {
	display: inline;
	float: left;
	position: relative;
	margin-left: 0;
}
.subcontainerdrop{
	margin: 0 auto 0 auto;
	left: -999em;
	position: absolute;
	background: #000;
	padding: 0 10px 15px 10px;
	z-index: 9998;
	color: #fff;
	width: 460px;
	border: 1px solid #986b2a;
	}
.navmain li:hover .subcontainerdrop {
    left: auto;
    right: 3px;
 
    border-radius: 5px 0 5px 5px;
    -moz-border-radius: 5px 0 5px 5px;
    -webkit-border-radius: 5px 0 5px 5px;
    -khtml-border-radius: 5px 0 5px 5px;
}
nav.navmain .subcolumn-clear { /* fixes IE7 clear issue for single subcolumns */
	clear: both;
}
nav.navmain .sublinks {
	padding: 0;
	display: block;
}
nav.navmain .sublinks a {
	display: block !important;
}
nav.navmain .sublinks {
	list-style-type: none;
}
nav.navmain .sublinks li {
	margin: 0 2px 14px 9px;
	background: none;
}
nav.navmain .sublinks li a { /* Sub-links */
	text-decoration: none;
	display: block !important;
	border-top: 1px dotted #cfcfcf;
	border-bottom: 1px dotted #cfcfcf;
	color: #cfcfcf;
	padding: 5px 5px 7px 5px;
	font-size: 13px;
	line-height: 17px!important;
	width: 205px; 
	display: block;	
	text-transform: none;
}

nav.navmain .sublinks li:hover a {
	border-top: 1px dotted #986B2A;
	border-bottom: 1px dotted #986B2A;
}

nav.navmain .sublinks li em { /* Sub-link descriptions */
	font-size: 10px;
	text-shadow: none !important;
	font-style: normal;
	font-weight: normal;
}
nav.navmain li ul li a {
	background: none;
}

nav.navmain li ul li a:hover {
	border: none;
}

nav.navmain ul li li {
	float: left;
}

nav.navmain select {
  display: none;
}

/* cccc */
 

/* --- 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: #9c0500;
	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: #9c0500;
	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: #fff;
	text-align: center;
	display: block;
	text-shadow: #000 1px 1px;
}
.subbanner span a {
	padding: 0 5px;
	color: #fff;
}

/*

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

----- 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: #1c1c1c;
	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%; */
	width: 23%;
	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: #1c1c1c;
	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 .socialicons a {
	text-decoration: none;
}

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

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

/* footer icons */

.footericons .footericon {
	background: #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: #1c1c1c 1px solid;
	border-right: #1c1c1c 1px solid;	
	border-left: #1c1c1c 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: #1c1c1c;
	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: #9c0500;
}
.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: #9c0500;
}
.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;
	
}

.featureboxes .box .title,
.featureboxes .box {
    border-radius: 35px 0 35px 0;
}

.box1 .title, .box3 .title, .box4 .title, .box6 .title {
    background: #333333 !important;
}

.featureboxes .box .title {
        background: radial-gradient(circle, rgba(151,106,41,1) 75%, rgb(144, 93, 15) 100%);
}

.featureboxes .box {
    padding-bottom:30px;
}

.featureboxes .box img {
    width:30%;
}

.featureboxes .highlight {
    background: #ffffff;
}

.featureboxes .box .popular {
    display:none;
}

.featureboxes .box ul {
    border:none;
}

.featureboxes .box p {
    text-align:center;
    color:#9c0100;
}

.featureboxes .box .pricing {
    background: transparent url(../images/plans-bottomarrow-highlight.png) center bottom no-repeat;
    padding-bottom: 35px;
}

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

.featureboxes .box ul {
    padding:0;
    margin-top:0;
}

/*

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

----- 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: #1c1c1c 1px solid;
    border-bottom: #1c1c1c 1px solid;
    border-top: #1c1c1c 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: #1c1c1c 1px solid;
    border-left: #1c1c1c 1px solid;
    border-bottom: #1c1c1c 1px solid;
    border-top: #1c1c1c 1px solid; 
	
}

.pricingtable .block .title,
.pricingtable .block-features .title {
	background: #1c1c1c;
	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: #1c1c1c;
	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: #9c0500;
	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: #9c0500;
	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: #1c1c1c 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: #1c1c1c 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: #1c1c1c 1px solid;
	border-top: #1c1c1c 1px solid;
	border-right: #1c1c1c 1px solid;
	border-left: #1c1c1c 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: #1c1c1c;
	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:#9c0500;
}

.table-responsive tr.tableplan:hover {
	background: #1c1c1c;
	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: #9c0500;
}

/*

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

----- Popups

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

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

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

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

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

/*

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

----- Domain checker (homepage)

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


.domainchecker {
	clear: both;
	padding: 80px 0 50px 0;
	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:49px;
	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: #1c1c1c 1px solid;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-khtml-border-radius: 30px;
	width: 107px;
	height: 107px;
	float: left;
	color: #9c0500;
	text-align: center;
	margin: 0 19px 10px 0;
	padding: 25px 0 0 0;
}
.domainchecker .domainpricing .domaincircle span {
	font-weight: bold;
	color: #1c1c1c;
	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,
.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,
.popup .btn:hover {
	transform: scale(1.05);
	transition-duration: 0.2s;		
	text-decoration: underline;	
}

/* Secondary button */

.color1,
.color1:active,
.color1:visited {
	color: #fff !important;
	text-shadow: #000 1px 1px !important;	
	background: #1c1c1c !important;
	border: none !important;
}



.color1:hover {
	color: #fff !important;
	text-shadow: #000 1px 1px !important;	
	background: #1c1c1c !important;
	border: none !important;
}

/* Primary button */

.color2,
.color2:active,
.color2:visited {
	color: #fff !important;
	text-shadow: #000 1px 1px !important;	
	background: #9c0500  !important;
	border: none !important;

}

.color2:hover {
	color: #fff !important;
	text-shadow: #000 1px 1px !important;	
	background: #9c0500 !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: #1c1c1c;
	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: #1c1c1c 1px solid;
	border-right: #1c1c1c 1px solid;
	border-left: #1c1c1c 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: #1c1c1c 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: #1c1c1c 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 widget

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

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

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

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

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

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

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

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

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

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

/*

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

----- Headings

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

.bigheader {
	width: 100%;
	background: url("../images/bigtitle.png") left center repeat-x;
	margin: 0 0 25px 0;
}
.bigheader h1, .bigheader h2, .bigheader h3, .bigheader h4, .bigheader h5, .bigheader h6 {
	padding: 8px 25px;
	background: #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: #1c1c1c;
	width: 100%;
	z-index: 2;
	padding: 9px 0;
	border: #1c1c1c 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: #1c1c1c 1px solid;
	border-right: #1c1c1c 1px solid;
	border-left: #1c1c1c 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: #1c1c1c 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: #1c1c1c 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: #1c1c1c;
	opacity: 1;
}

/*

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

----- Progress bar

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

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

/*

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

----- Popup script

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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




@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(../fonts/robotoslab.woff2) format('woff2'), url(../fonts/robotoslab.woff) format('woff');
}

h1,
.hook-terms-of-service h2,
.hook-acceptable-usage-policy h2,
.hook-privacy-policy h2 {
    font-family:"Roboto Slab";
}

.hook-terms-of-service p,
.hook-acceptable-usage-policy p,
.hook-privacy-policy p {
    font-size:14px!important;
}
			
/*
.headermain .logo {
    margin: 30px 0 0 0;
}
*/

.img-logo {     max-width: 252px; }



.pricingtable .highlight .title, .pricingtable .highlight .subtitle {
    
    background: #9c0100;
    border-bottom: #d48541 2px solid;
}
  

.whychooseusgrid1 .col {
    box-shadow: none!important;
    min-height: auto!important;
    padding: 0!important;
}

.whychooseusgrid1 .col img {
    width: auto!important;
    margin-top:0;
}

.whychooseusgrid .bigheader {
    margin: 40px 0 55px 0;
}

.whychooseusgrid .bigheader h2,
.whychooseusgrid h3 {
    color:#9c0100!important;
}

.fs-vid-background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    overflow: hidden;
}
.fs-vid-background video {
    object-fit: cover;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
}

.toolbar,
.headermain {
	background:transparent;
	border-bottom: #e8e8e845 1px solid;
}

.toolbar a {
    color: #ffffff;
}
.toolbar {
    padding-bottom: 10px;
    padding-top: 10px;
}

.toolbar .rightmenu ul li a {
    font-size:13px;
    line-height: 30px;
}

.toolbar .rightmenu ul li:hover {
    background: transparent;
}

.toolbar .rightmenu ul li a.myaccount {
    background-color: #9c0500;
	border-radius:5px;
}

.bxslider h2 {
    font-size: 1.3em!important;
    font-family: sans-serif;
    font-weight: normal;
}

.slidercontainer {
	padding-top:50px; 
}



.bxslider h1,
.bxslider h2,
.bxslider p {
	display:block;
	float:none!important;
	text-align:center;
}

.bxslider p { 
	font-size:32px;
	margin-bottom:40px;
}
.bxslider p a {
	width:auto;
	margin:0 auto!important;
	font-size:24px; 
	border-radius:20px;
	text-transform:capitalize;
}

.bx-controls {
    text-align:center;
    margin-top: 25px;
}

.bx-wrapper .bx-pager {
    position: inherit!important;
    width:100%;    
}

.color2, .color2:active, .color2:visited {
	color: #fff !important;
    background: #9c0100 !important;
    border: none !important;
}

.zmxorder a { transition: border-radius 0.5s; border-radius: 10px; margin-top:10px; }
.zmxorder a.color1 { background-color:#9C0100 !important;color:#fff !important; }
.zmxorder a.color3 { background-color:#805a24 !important;color:#fff !important; }
.zmxorder a:hover {border-radius: 10px;}

.bx-wrapper img {
    display: inline-block!important;
}

.bxslider .pricing {
	color:#fff;
}

.bxslider p.pricing span {
	color: #986B2A;
	font-weight: bold;
	font-size: 1.5em;
	padding: 0 5px;
}

/* Domainchecker */

.domainchecker {
	background:none!important;
	background-color:#ececec!important;
	height: 295px;
    padding-top: 25px;
}

.domainchecker .text1 {
	text-align: center;
	font-size: 2.3em!important;
	color: #000;
	font-weight: bold;
	margin: 0 0 15px 0;
	text-shadow: 1px 1px 1px #676767;
}

.domainchecker .text1 strong {
	color: #9C0100;
}

.domainchecker .text2 {
	text-align: center;
	color: #986B2A;
	font-size: 2em;
	margin: 0 0 15px 0;
}

.domainchecker .inner {
	width: 80%;
	margin: 0 auto;
}

.domainchecker .domaininput {
	background:#fff;
	width:78%;
	height: 50px;
	line-height:32px;
	float:left;
	font-size:1.2em;
	padding:0 2%;
	margin:6px 2% 0 0;
	border:1px solid #cacaca;
	border-radius: 20px;
}
.domainchecker .domaindropdown {
	background: #fff;
	width: 20%;
	height: 38px;
	line-height:38px;
	float: left;
	font-size: 1.2em;
	padding: 9px 2% !important;
	border-top: 1px solid #cacaca;
	border-left: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	border-right: none;
	margin: 6px 0 0 0;
}
.domainchecker .search {
	width: 20%;
	padding: 18px !important;
	text-align: center;
	font-size: 1.3em;
	float: left;
	display: block;
	margin: 6px 0 0 0;
	border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border: none;
	border-radius: 20px;
}
.domainchecker .search:hover {
	cursor: pointer;	
}
.domainchecker .domainpricing {
	width: 100%;
	margin: 20px 0 20px 0;
	float: left;
	font-size: 10px;
}
.domainchecker .domainpricing .domaincircle {
	width: 20%;
	padding: 5px 0 5px 0;
	line-height: 15px;
	float: left;
	color: #232323;
	font-size: 1.4em;
	font-weight: bold;
	margin: 5px auto;
	border-right: solid 1px #9c0100;
}
.domainchecker .domainpricing .domaincircle span {
	font-size: 1.8em;
	line-height: 0;
	margin: 0 25px;
}
.domainchecker .domainpricing .domaincircle{
    color: #585858;
}
.domainchecker .domainpricing .domaincircle5 {
	margin-right: 0;
	border-right: 0;
}
.domaincircle1 span{
    color: #0d9ed2;
}
.domaincircle2 span{color: #02ebf0;}
.domaincircle3 span{color: #9db658;}
.domaincircle4 span{color: #6f287a;}
.domaincircle5 span{color: #ff6000;}
.domainspacer { /* Used when the domain checker is turned off */
	height: 15px;
	line-height: 15px;
	clear: both;
}

.hook-domainchecker .tld { float: left; width: 130px; padding: 5px; }

.planscontainer {
    background: url(../images/plancontainer5.jpg) no-repeat fixed center bottom / cover #000;
    padding: 40px 0 45px 0;
    margin: 0;
     
}

.whychooseusgrid .col {
    float: left;
    box-shadow: 3px 1px 5px #00000026;
    min-height: 250px;
    text-align: center;
    font-size: 14px;
	margin-bottom:80px;
	padding:40px;
}

.whychooseusgrid .col img {
	width:30%;
	margin-top:-80px;
}
.whychooseusgrid {
    /*padding-top: 50px;*/
}



/* Testimonial grid */

.testimonialgridcontainer {
	margin: 0 0 70px 0;
}

.testimonialgridcontainer .testimonialgrid {
	font-family: 'Open Sans', sans-serif;
	margin: 30px auto;
}

.hook-testimonials .testimonialgridcontainer .testimonialgrid {
	width: 100%;
	max-width: none;
}
.testimonialgridcontainer .testimonialgrid .box{
    background: #2d2e2f;
    width: 50%;
    margin: 0 auto;
    border-radius: 35px;
}
.testimonialgridcontainer .testimonialgrid h5 {
	color: #b21317;
	font-size: 2em;
	line-height: 1.3em;
	font-family: 'Open Sans', sans-serif;
	margin: 0 10%;
}

.testimonialgridcontainer .testimonialgrid .testimonialblock {
	padding: 15px 15px 15px 15px;
	margin: 0 0 5px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	color: #fff;
}

.testimonialgridcontainer .testimonialgrid .author {
	text-align: center;
	color: #966928;
	padding: 0 0 15px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
	background:none;
}
.testimonialgridcontainer .testimonialgrid .bx-wrapper .bx-pager.bx-default-pager a{
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #9c0100;
}
.testimonialgridcontainer .testimonialgrid .bx-wrapper .bx-pager.bx-default-pager a.active    
	{background: #986B2A;
    border: 1px solid #2d2e2f;}
    
.testimonialgridcontainer .testimonialgrid .bx-wrapper .bx-pager{
    left: 45%;
    bottom: -45px;
}
.testimonialgridcontainer .testimonialgrid .button {
	margin: 40px 0 0 0;
	text-align: center;
}

.testimonialgridcontainer .testimonialgrid p {
	margin: 0;
	padding-top: 12px;
	font-size: 16px;
	line-height: 26px;
	text-shadow: 1px 1px 1px #000;
	font-weight: 100;
	font-style: italic;
	background:none;
}

.testimonialgrid .testimonialblock {
	background-color:transparent
}

/* cta support */

.ctasupportcontainer {
	padding: 45px 0;
	background: url(../images/ctasupportbg.jpg) no-repeat fixed center top / cover  #000;
}

.ctasupportcontainer .ctasupport {
	
}

.ctasupportcontainer .ctasupport .col {
	outline: #676767 5px solid;
	background: #fff;
	min-height: 325px;
}

.ctasupportcontainer .ctasupport .col .inner {
	padding: 5%;
}

.ctasupportcontainer .ctasupport .col h5 {
	font-size: 1.3em;
}
.ctasupportcontainer .ctasupport .col p {
	    text-align: center;
    line-height: 27.9px;
    padding-top: 10px;
    padding-bottom: 16px;
}

.ctasupportcontainer .ctasupport .col p a.button1 {
    margin-bottom: 7px!important;    
}

.ctasupportcontainer .ctasupport .col p:last-child {
	margin-bottom: 0;
}

.ctasupportcontainer .ctasupport .col a.emailbutton,
.ctasupportcontainer .ctasupport .col a.ticketbutton,
.ctasupportcontainer .ctasupport .col a.phonebutton {
	display: inline-block;
	padding: 60px 15px 12px 15px;
	color: #777;
	text-align: center;
}

.ctasupportcontainer .ctasupport .col a.emailbutton { background: url(../images/emailicon.png) top center no-repeat; }
.ctasupportcontainer .ctasupport .col a.ticketbutton { background: url(../images/ticketicon.png) top center no-repeat; }
.ctasupportcontainer .ctasupport .col a.phonebutton { background: url(../images/phoneicon.png) top center no-repeat; }

.partners {
	padding-bottom: 10px;
    padding-top: 20px;
    background-color: #fff;
}

 
footer.footermain {
	background-color:#1c1c1c;
	padding:0 0 35px 0;
}

/*footer.footermain .container1 { 
.container1 {
    padding-top:30px;
}*/

.bigheader {
    margin: 35px 0 25px 0;
}

.bigheader {
    background:none;
    margin: 25px 0 35px 0;
}

.bigheader h2 {
    background:none;
    border:none;
    color:#fff;
    font-size: 23px;
}
 
footer.footermain .sitemap ul li a {
    padding: 3px 0 3px 20px;
    background: none;
    line-height: 17px;
    color: #fff;
    text-decoration: none;
    display: block;
    font-size: 13px;
	border:none;
}


footer.footermain .sitemap h4 {
    color: #986B2A;
}


footer.footermain .copyright {
	line-height: 1.7em;
	font-size: 0.8em;
	padding: 20px 0;
	clear: both;
	background: #1c1c1c;
}

footer.footermain .copyright a {
	padding: 0 10px;
	border-left: #777 1px solid;
	line-height: 1.7em;
}

footer.footermain .copyright a:first-child {
	margin: 0 0 0 10px;
}

footer.footermain .copyright .copyrightinner {
	border-top: #262525 1px solid;
	border-bottom: #262525 1px solid;
	padding: 20px 0;
} 

.hook-cart footer.footermain .copyright .copyrightinner {
	border: none;
	padding: 0;
}

footer.footermain .copyright p {
	line-height: 1;
	margin: 0;
	
}

footer.footermain .copyright p a {
	color:#986B2A
}

footer.footermain .copyright .left {
	float: left;
	width: 49%;
	margin: 10px 2% 0 0;
	text-align: left;
}

footer.footermain .copyright .right {
	float: left;
	width: 49%;
	margin: 5px 0 0 0;
	text-align: right;
}

footer.footermain .copyright .right .creditcards {
	float: right;
	margin: 0 7px 0 0;
}
 

/* Map */
.sec-grad-grey-to-grey {
    background: #1f2326;
}
.sec-normal {
    padding: 50px 0px;
    position: relative;
    z-index: 0;
}
.service-wrap img{
    width: 100%;
    padding-top: 20px;
}
.maping .datacenters {
	border: solid 1px #fff;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	cursor: pointer;
	position: absolute;
}
.maping .datacenters {
    background: #9c0100;
}
.popover-content{display:none;}
.popover.top>.arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #f7f7f7;
    border-bottom-width: 0;
}
.text-white{color:#ffffff;}
.section-heading{font-family: 'Open Sans', sans-serif;font-weight: 200;font-size: 28px;}

.maping .datacenters.u1 {top: 38%;left: 13.4%;}

.maping .datacenters.u2 {top: 42%;left: 15.9%;}

.maping .datacenters.u3 {top: 44%;left: 14.5%;}

.maping .datacenters.u4 {top: 44.9%;left: 17.7%;}

.maping .datacenters.u5 {top: 45.5%;left: 20.5%;}

.maping .datacenters.u6 {top: 48.9%;left: 23.8%;}

.maping .datacenters.u7 {top: 45.4%;left: 23.36%;}

.maping .datacenters.u8 {top: 43.9%;left: 24.70%;}

.maping .datacenters.u9 {top: 42.6%;left: 22.9%;}

.maping .datacenters.u11 {top: 40%;left: 26.9%;}

.maping .datacenters.u12 {top: 38%;left: 26.3%;}

.maping .datacenters.u13 {top: 42.3%;left: 20.8%;}

.maping .datacenters.u14 {top: 42%;left: 13.5%;}

.maping .datacenters.u15 {top: 49.7%;left: 24.9%;}

.maping .datacenters.u16 {top: 41.9%;left: 26.10%;}


.maping .datacenters.a1 {top: 77.5%;left: 86.5%;}
.maping .datacenters.a2 {top: 60.5%;left: 74.3%;}
.maping .datacenters.a5 {top: 20.5%;left: 74.3%;}


.maping .datacenters.e1 {top: 42.1%;left: 45.5%;}

.maping .datacenters.e2 {top: 37.2%;left: 46.9%;}

.maping .datacenters.e3 {top: 35.2%;left: 45.9%;}

.maping .datacenters.e4 {top: 35.8%;left: 47.7%;}

.maping .datacenters.e5 {top: 39.0%;left: 48.5%;}

.maping .datacenters.e6 {top: 35.5%;left: 49%;}

.maping .datacenters.e7 {top: 30.2%;left: 51.4%;}

.maping .datacenters.e8 {top: 29.9%;left: 53.1%;}

.maping .datacenters.e9 {top: 41.5%;left: 50%;}

.maping .datacenters.e10 {top: 42%;left: 52.2%;}

.maping .datacenters.e11 {top: 39%;left: 52.8%;}

.maping .datacenters.e12 {top: 34.2%;left: 52.8%;}

.maping .datacenters.e13 {
    top: 42.4%;
    left: 54.8%;
}

.maping .datacenters.e14 {top: 32%;left: 58%;}
.mapingbg { 
	background-color:#1f2326
}
.mapingbg h2 {
    font-size:31px;
}

.mapingbg h2,
.mapingbg p {
	color: #fff;
	text-align:center;
	padding-top:30px;
}

.big-features { padding-bottom:20px; background-color: #805a24; }
.big-features h2 {
    font-size: 23px!important;
    color: #fff;
    padding:30px;
    width:100%;
    text-align:center;
}
.big-features h3 {
    font-size: 19px!important;
    color: #fff;
}

.datacenters span {
    width: max-content;
    padding: 5px 10px 5px 10px;
    margin-top: -13px;
	margin-left:15px;
    border-radius: 7px;
    color: #9c0500;
	position: absolute;
	background: #ffffff;
	z-index:2;
}

.datacenters span:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-right-color: #ffffff;
	border-left: 0;
	margin-top: -7px;
	margin-left: -7px;
}


.hook-subpage .home_, .host_, .gpu1_, .gpu2_, .mac_, .ds_, .linux_, .macg_, .macx_, .gpuoverview_, .massive_, .xtreme_, .nvme-vps_, .baseline-x_, .xtreme-usa_, .gpuoverview_, .baselinemax_, .highline_, .whmcs_, .gpuvps_ {
    display: none;
}

.hook-subpage .win_ {
    display:none;
}

 

.whitebg {
	background-color:#fff!important;
}

.whitebg h2 {
	padding-top:20px;
	padding-bottom:20px;
	color: #9c0100;
}

.whitebg p {
	padding-bottom:20px;
}
 

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

.table tr {
	border-bottom:1px solid #ccc!important;
}

.domains .domains-form input[type="submit"] {
    height: 55px;
    line-height: 60px;
	font-size:20px;
}

.domains .domains-form input[type="text"] {
    
    font-size:26px;
    height: 55px;
    line-height: 79px;
   
}

.featured p {
	text-align:left;
	float:left;
	
}

.featured img {
	width: 13%;
    float: left;
	
	padding-right:20px;
}

.featured .col {
    margin: 0 1% 5% 0;
}


.featuregrid .col {
    border:none;
}

.fgrid1 h2 {
    padding-bottom:20px;
    text-align:left;
    color:#9c0100;
}

 .divtable {
   display: table;
   width: 100%;
}

.divtable div {
    display: table-row;
}

.divtable div div {
    display:table-cell;
    text-align:center;
    font-size:26px;
    padding:20px;
    width: 33.3%;
}

.divtable div div img {
  display: block;
  margin-left: auto;
  margin-right: auto;
      max-width: 100%;
      margin-bottom:20px;
}

.pricingtable .block .button, .pricingtable .block-features .button {
    height:auto;
}

.featureboxes .highlight .popular, .pricingtable .highlight .popular, .table-responsive .highlight .popular {
    display:none;
}

.articlemain .ctasupportcontainer {
    padding:0!important;
    background:transparent;
}

.featuregrid .col .contents h3, .featuregrid .col .contents p {
    text-align: left;
    margin-bottom: 20px;
}

 

/* Nav sub */

.navsub { margin: 0 0 11px 0; padding: 0; float: left; }
ul.navsub li { float: left; background: #242424; height: 35px; line-height: 35px; margin: 0 5px 5px 0; 	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
ul.navsub li a, ul.navsub li a:link, ul.navsub li a:visited { display: block; text-decoration: none; color:#fff; padding:0 16px; }
ul.navsub li a:hover, ul.navsub li a:active { color: #000; }

/* Features */

.features {
	margin: 0 auto 20px auto;
	width: 100%;
}
.features .box {
	width: 47.5%;
	float: left;
	padding: 10px 0 10px 0;
	margin: 0 5% 0 0;
	
}
.features .box2,
.features .box4,
.features .box6,
.features .box8,
.features .box10,
.features .box12,
.features .box14,
.features .box16, 
.features .box18,
.features .box20,
.features .box22,
.features .box24,
.features .box26,
.features .box28,
.features .box30,
.features .box32,
.features .box34,
.features .box36 {
	margin-right: 0;
}
.features .box3,
.features .box5,
.features .box7,
.features .box9,
.features .box11,
.features .box13,
.features .box15,
.features .box17, 
.features .box19,
.features .box21,
.features .box23,
.features .box25,
.features .box27,
.features .box29,
.features .box31,
.features .box33,
.features .box35,
.features .box37 {
	clear: both;
}
.features h1, .features h2, .features h3, .features h4, .features h5, .features h6 {
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 18px;
	font-size: 1.3em;
	font-weight: normal;
	text-align: left;
} 
.features p {
	margin: 0;
	padding: 0;
}

.features .image {
	float: left;
	width: 15%;
	margin-right: 3%;
}
.features .text {
	float: left;
	width: 82%;
}

.navmain ul li.home span {
        background: url(../images/house-white.png) center center no-repeat!important;
}

/* Background */
.hook-subpage .articlemain{ }
.hook-index .whmcscontainer section#main-body, .hook-subpage .whmcscontainer section#main-body{width:100%;}
.hook-knowledgebase .whmcscontainer, .hook-cart .whmcscontainer, .hook-submitticket .articlemain,
.hook-contact .whmcscontainer, .hook-register .whmcscontainer, .hook-pwreset .whmcscontainer{ margin:0 auto;}
.hook-clientarea .containerwhmcs .row{margin: 0px !important;}


.hook-macosx-gpu-vps .articlemain, .hook-shared-hosting .articlemain, .hook-linux .articlemain, .hook-macosvps .articlemain
, .hook-seo-windows-vps .articlemain, .hook-dedicatedservers .articlemain, .hook-proxies .articlemain
, .hook-budget-linux .articlemain
, .hook-linuxsata .articlemain
, .hook-linuxssd .articlemain
, .hook-macosx-vps .articlemain
, .hook-baseline-x .articlemain
, .hook-massive .articlemain
, .hook-highline .articlemain
, .hook-xtreme .articlemain
, .hook-xtreme-usa .articlemain
, .hook-gpu-s-vps .articlemain
, .hook-gpu-d-vps .articlemain
, .hook-nvme-vps .articlemain
, .hook-baselinemax .articlemain
, .hook-gpuvps .articlemain
, .hook-account-paymentmethods .articlemain
, .hook-password-reset .articlemain
{width:100%;}

.hook-contact .background, .hook-register .background
{ background: #010102 url(../images/background-index.jpg) center top no-repeat;}

.hook-cart .background, .hook-logout .background
{ background: #010102 url(../images/plancontainer.jpg);}

.hook-registerdomain .background, .hook-proxies .background, .hook-seo-windows-vps .background 
{background: #010102 url(../images/background-subpage.jpg) center top no-repeat;}
.hook-clientarea .background {background: #010102 url(../images/background-subpage.jpg) center top no-repeat;}

.hook-promotions .background { background: #010102 url(../images/background-index.jpg) center top no-repeat; }


.hook-subpage .background .fs-vid-background {
    position: absolute;
    width: 100%;
    height: 395px;
    top: 0;
    left: 0;
    z-index: -1;
    overflow: hidden;
}

.hook-index .background .fs-vid-background .host_, .gpu1_, .gpu2_, .mac_, .ds_, .linux_{display:none;}
.hook-subpage .home_, .host_, .gpu1_, .gpu2_, .mac_, .ds_, .linux_, .macg_, .macx_, .gpuoverview_, .massive_, .xtreme_, .nvme-vps_, .baseline-x_, .xtreme-usa_, .gpuoverview_, .baselinemax_, .highline_, .whmcs_, .gpuvps_{display:none;}


.hook-shared-hosting .host_{display: block;width: 100%;margin-top: -70px;}
.hook-gpu-s-vps .gpu1_{display:block; width:100%}
.hook-gpu-d-vps .gpu2_{display:block; width:100%}
.hook-macosx-vps .mac_{display:block; width:100%}
.hook-macosx-gpu-vps .macg_{display:block; width:100%}
.hook-macosvps .macx_{display:block; width:100%}
.hook-dedicatedservers .ds_{display:block; width:100%}
.hook-linux .linux_{display:block; width:100%}
.hook-linuxsata .linux_{display:block; width:100%}
.hook-budget-linux .linux_{display:block; width:100%}
.hook-linuxssd .linux_{display:block; width:100%}
.hook-gpuvps .gpuvps_{display:block; width:100%}
.hook-massive .massive_{display:block; width:100%}
.hook-baseline-x .baseline-x_{display:block; width:100%}
.hook-xtreme .xtreme_{display:block; width:100%}
.hook-highline .highline_{display:block; width:100%}
.hook-baseline-x .baseline-x_{display:block; width:100%}
.hook-baselinemax .baselinemax_{display:block; width:100%}
.hook-nvme-vps .nvme-vps_{display:block; width:100%}
.hook-clientarea .whmcscontainer{display:block; width:100%}
.hook-supporttickets .highline_{display:block; width:100%}
.hook-affiliates .nvme-vps_{display:block; width:100%}
.hook-terms-of-service .whmcs_{display:block; width:100%}
.hook-acceptable-usage-policy .whmcs_{display:block; width:100%}
.hook-privacy-policy .whmcs_{display:block; width:100%}
.hook-affiliate-program .whmcs_{display:block; width:100%}
.hook-creditcard .whmcs_{display:block; width:100%}
.hook-account-paymentmethods .whmcs_{display:block; width:100%}
.hook-password-reset .whmcs_{display:block; width:100%}

/*
.hook-gpu-d-vps .planscontainer{background: url(../images/pcgdv.jpg) no-repeat fixed center bottom / cover #000;}
.hook-gpu-s-vps .planscontainer{background: url(../images/pcgsv.jpg) no-repeat fixed center bottom / cover #000;}
.hook-dedicatedservers .planscontainer{background: url(../images/pcgds.jpg) no-repeat fixed center bottom / cover #000;}
.hook-linux .planscontainer{background: url(../images/pcglx.jpg) no-repeat fixed center bottom / cover #000;}
.hook-massive .planscontainer{background: url(../images/plancontainer.jpg) no-repeat fixed center bottom / cover #000;}
.hook-terms-of-service .planscontainer{background: url(../images/plancontainer.jpg) no-repeat fixed center bottom / cover #000;}
.hook-acceptable-usage-policy .planscontainer{background: url(../images/plancontainer.jpg) no-repeat fixed center bottom / cover #000;}
.hook-privacy-policy .planscontainer{background: url(../images/plancontainer.jpg) no-repeat fixed center bottom / cover #000;}
.hook-affiliate-program .planscontainer{background: url(../images/plancontainer.jpg) no-repeat fixed center bottom / cover #000;}
.hook-baseline-x .planscontainer{background: url(../images/plancontainer.jpg) no-repeat fixed center bottom / cover #000;}
.hook-xtreme .planscontainer{background: url(../images/plancontainer.jpg) no-repeat fixed center bottom / cover #000;}
.hook-baselinemax .planscontainer{background: url(../images/plancontainer.jpg) no-repeat fixed center bottom / cover #000;}
.hook-nvme-vps .planscontainer{background: url(../images/plancontainer.jpg) no-repeat fixed center bottom / cover #000;}
.hook-highline .planscontainer{background: url(../images/plancontainer.jpg) no-repeat fixed center bottom / cover #000;}
.hook-linuxsata .planscontainer{background: url(../images/pcglx.jpg) no-repeat fixed center bottom / cover #000;}
.hook-budget-linux .planscontainer{background: url(../images/pcglx.jpg) no-repeat fixed center bottom / cover #000;}
.hook-macosx-vps .planscontainer{background: url(../images/mac.jpg) no-repeat fixed center bottom / cover #000;}
.hook-macosx-gpu-vps .planscontainer{background: url(../images/macg.jpg) no-repeat fixed center bottom / cover #000;}
.hook-macosvps .planscontainer{background: url(../images/xmacos.jpg) no-repeat fixed center bottom / cover #000;}
.hook-linuxssd .planscontainer{background: url(../images/pcglx.jpg) no-repeat fixed center bottom / cover #000;}
.hook-gpuvps .planscontainer{background: url(../images/gpuoverview.jpg) no-repeat fixed center bottom / cover #000;}
.hook-shared-hosting .planscontainer{background: url(../images/pcs.jpg) no-repeat fixed center bottom / cover #000;}
.hook-tf-account-paymentmethods .background {background: #010102 url(../images/background-subpage.jpg) center top no-repeat;}
.hook-tf-account-paymentmethods-manage .background {background: #010102 url(../images/background-subpage.jpg) center top no-repeat;}
*/
.hook-clientarea .whmcscontainer{ margin:0 auto; }

.hook-subpage .background,
.hook-knowledgebase .background {
    background: url(../images/plancontainer.jpg) !important;
    background-repeat: no-repeat;
}

.feabox2 .box {
    margin-left: 9%;
    margin-right: 9%;
 }

.pricing-tab-items tr {
    border-bottom: 2px groove #efefef2b;
}

.pricing-tab-items table tbody tr:nth-child(-n+2){
    /*border:2px outset #565656!important;*/
}
 

.table-responsive {
    width: 100%;
    overflow-y: auto;
    _overflow: auto;
    margin: 0 0 20px 0;
    -webkit-box-shadow: -1px 5px 10px #e4e2e3;
    -moz-box-shadow: -1px 5px 10px #e4e2e3;
    box-shadow: -1px 5px 10px #e4e2e3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.pricing-tab-items td, .pricing-tab-items th {
    text-align: center;
    padding-bottom: 13px;
    vertical-align: baseline;
}

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

.pricing-tab-items td.vmiddle { vertical-align: middle!important; }
.pricing-tab-items td,
.pricing-tab-items th { text-align:center;padding-bottom:13px; vertical-align: baseline; }
.badge-special,
.ntip .badge-special,
.ntip .badge-new,
.ntip .badge-popular,
.ntip .badge-sale
 {
   width: 0; 
	height: 0; 
	border-left: 35px solid transparent;
	border-right:35px solid transparent;
	border-bottom: 35px solid  #986b2a;
       -ms-transform: rotate(20deg); /* IE 9 */
       -webkit-transform: rotate(20deg); /* Safari */
       transform: rotate(-45deg);
       float:left;
 
    margin-top: -10px;
    margin-left: -44px;
    font-size:10px;

}

.ntip .badge-new
{
 border-bottom: 35px solid  #6ebc15;
  margin-top: -34px!important;
    margin-left: -25px;
}

.ntip .badge-popular
{
 border-bottom: 35px solid  #9C0100;
margin-top: -35px!important;
    margin-left: -25px;
}

.ntip .badge-sale
{
 border-bottom: 35px solid  #1997CF;
    margin-top: -32px!important;
    margin-left: -25px;
}

.badge-new:after,
.badge-special:after,
.badge-popular:after,
.badge-sale:after {
  top: 15px;
    position: absolute;
    left: -20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}

.badge-special:after { 
    content: "special";
    
 }
 
 .badge-popular:after { 
    content: "Popular";
    left: -22px;
    
 }
 
  .badge-sale:after { 
    content: "Sale";
    left: -13px;
    top: 10px;
    
 }

.ntip .badge-new:after { 
    content: "new";
    left: -13px;
    top: 10px;
  
 }

.ntip .badge-new,
.ntip .badge-special,
.ntip .badge-popular,
.ntip .badge-sale { margin-top: -49px;}

.ntip .badge-special { 
    margin-top: -35px;
    margin-left: -25px;
}


.table-responsive td,
.table-responsive th { 
        border-right: 2px groove #efefef2b;
}

.table-responsive th {
        background: #000000;
}

.red {
    color: red !important;
}

.sline {
    clear: both;
    display: block;
    font-size: 12px;
}


.table-responsive tr:hover .button1 {
	transform: scale(1.1);
	text-decoration: underline;
	transition: all 0.4s ease-in-out 0s;
}

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

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

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

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

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

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


/* Highlight */

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


.zmxrow-even td { background-color:#fff }
.zmxrow-odd td { background-color:#FFFEFB }

.zmxrow-even:hover td,
.zmxrow-odd:hover td {background-color:#333333;cursor:pointer;color:#fff;transition: all 0.4s ease-in-out 0s;}

.toolbar p {
    color:#fff;
}

.hook-tf-clientareahome .btn-xs {
	font-size: 9px;
	padding: 5px;
}

      
      
.hook-tf-login .recaptcha-container {
	display: flex;
	justify-content: center;
	margin: 0 auto !important;
	width: auto !important;
}      

.testimonialgrid h5 {
	text-transform: none;
}

/* Custom backgrounds */

.hook-shared-hosting .background, .hook-shared-hosting .planscontainer {background: url(../images/pcs.jpg) no-repeat fixed center bottom / cover #000 !important;}

.hook-linux .background, .hook-linux .planscontainer {background: url(../images/pcglx.jpg) no-repeat fixed center bottom / cover #000 !important;}

.hook-linuxsata .background, .hook-linuxsata .planscontainer {background: url(../images/pcglx.jpg) no-repeat fixed center bottom / cover #000 !important;}

.hook-linuxssd .background, .hook-linuxssd .planscontainer {background: url(../images/pcglx.jpg) no-repeat fixed center bottom / cover #000 !important;}

.hook-macosvps .background, .hook-macosvps .planscontainer {background: url(../images/xmacos.jpg) no-repeat fixed center bottom / cover #000 !important;}

.hook-macosx-vps .background, .hook-macosx-vps .planscontainer {background: url(../images/mac.jpg) no-repeat fixed center bottom / cover #000 !important;}

.hook-macosx-gpu-vps .background, .hook-macosx-gpu-vps .planscontainer {background: url(../images/macg.jpg) no-repeat fixed center bottom / cover #000 !important;}

.hook-gpu-s-vps .background, .hook-gpu-s-vps .planscontainer {background: url(../images/pcgsv.jpg) no-repeat fixed center bottom / cover #000 !important;}

.hook-gpu-d-vps .background, .hook-gpu-d-vps .planscontainer {background: url(../images/pcgdv.jpg) no-repeat fixed center bottom / cover #000 !important;}

.hook-dedicatedservers .background, .hook-dedicatedservers .planscontainer {background: url(../images/pcgds.jpg) no-repeat fixed center bottom / cover #000 !important;}

.hook-budget-linux .background, .hook-budget-linux .planscontainer {background: url(../images/pcglx.jpg) no-repeat fixed center bottom / cover #000 !important;}

/* Server table badge */

@media (max-width: 1215px) {

	.ntip .badge-new {
		margin-top: -59px !important;
	}

}

/* error pages */

.errorpage .title {
	font-size: 2.5em;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0 0 25px 0;
	display: flex;
	justify-content: center;
	position: relative;
	padding-left: 76px;
}

.errorpage .title::before {
	position: absolute;
	top: 0;
	padding-right: 190px;
	content: "";
	background: url(../images/erroricon.png) left center no-repeat;
	background-size: 53px auto;
	width: 53px;
	height: 53px;	
}

.errorpage .subtitle {
	font-size: 1.5em;
	line-height: 1.5em;
	margin: 0 0 25px 0;
	text-align: center;
}

.errorpage .description {
	margin: 0 0 25px 0;
	text-align: center;
}

.errorpage .buttons {
	text-align: center;
}

.whmcscontainer .recaptcha-container {
	margin: 0 auto;
	display: table;
}

/* Center Cacha on login page */

.hook-tf-login .whmcscontainer .col-md-offset-2 {
    margin-left: 0;
}

.hook-tf-login .whmcscontainer .col-md-8 {
    width: 100%;
}




/* Tabs */

/*

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

----- Grid - Boxes7 - Used for the features tabs display

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

*/

.gridboxes7 {
	margin: 0 0 0 0;
}

.gridboxes7nav {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.gridboxes7nav .gridboxes7nav-background {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.gridboxes7nav .contentcontainer {
	padding: 25px 0 0 0;
}

.gridboxes7nav::after {
	content: "";
	clear: both;
	display: table;
}

.gridboxes7nav .gridboxes7nav-heading {
	color: lightblue;
	text-shadow: #000 1px 1px;
	text-align: center;
	font-size: 2.5em;
	line-height: 1.2em;
}

.gridboxes7nav ul {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.gridboxes7nav ul li {
	margin: 0 5px;
}

.gridboxes7nav ul li a {
	background: #fff;
	background: linear-gradient(180deg, #fff 0, #fff 100%);
	border: grey 1px solid;	
	border-bottom-width: 0;	
	font-weight: bold;
	border-radius: 5px 5px 0 0;		
	display: flex;
	align-items: center;
	padding: 17px 25px;
	color: var(--color-box-foreground-bold);
	text-decoration: none;
}

.gridboxes7nav ul li a img {
	margin: 0 0 0 10px;
}

.gridboxes7nav ul li a:hover,
.gridboxes7nav ul li.gridboxes7-active a {
	background: #9c0500;
	background: linear-gradient(180deg, #9c0500 0, #9c0500 100%);
	border-color: grey;
	color: #fff;	
}

.gridboxes7 .gridboxes7-content {
	display: none;
	padding: 50px 0 0 0;
}

.gridboxes7 .table-responsive {
	margin-bottom: 0;
}

.gridboxes7 .gridboxes7-content h1 {
	color: #fff;
}

.gridboxes7 .gridboxes7-content .contentcontainer {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.gridboxes7 .gridboxes7-content .gridboxes7-content-text {
	width: var(--column-2);
}

.gridboxes7 .gridboxes7-content .gridboxes7-content-image {
	width: var(--column-2);
}

/* No image set */

.gridboxes7 .gridboxes7-content.gridboxes7-noimage .contentcontainer {
	flex-direction: column;
}

.gridboxes7 .gridboxes7-content.gridboxes7-noimage .gridboxes7-content-text {
	width: var(--column-1);
}

.gridboxes7 .gridboxes7-content .gridboxes7-content-image.gridboxes7-boldimg img {
	box-shadow: var(--shadow);
	border-radius: 5px;
}

.gridboxes7 .gridboxes7-content .gridboxes7-buttons .button1 {
	margin: 5px 5px;
}

.gridboxes7 .gridboxes7-content .gridboxes7-heading,
.gridboxes7 .gridboxes7-content .gridboxes7-heading2 {
	text-transform: capitalize;
}

.gridboxes7 .gridboxes7-content .gridboxes7-heading {
	text-align: left;
	font-size: 2.3em;
}

.gridboxes7 .gridboxes7-content .gridboxes7-heading2 {
	text-align: left;
	font-weight: 400;
	color: var(--color-body);
}

.gridboxes7 .gridboxes7-content.gridboxes7-noimage .contentcontainer {
	display: block;
}

.gridboxes7 .gridboxes7-content.gridboxes7-noimage .gridboxes7-heading,
.gridboxes7 .gridboxes7-content.gridboxes7-noimage .gridboxes7-heading2,
.gridboxes7 .gridboxes7-content.gridboxes7-noimage .gridboxes7-buttons {
	text-align: center;
}

@media (max-width: 1000px) {
	
	.gridboxes7 .gridboxes7-content .contentcontainer {
		flex-direction: column;
	}
	
	.gridboxes7 .gridboxes7-content .gridboxes7-content-text,
	.gridboxes7 .gridboxes7-content .gridboxes7-content-image {
		width: var(--column-1);
	}	
	
	.gridboxes7 .gridboxes7-content .gridboxes7-heading,
	.gridboxes7 .gridboxes7-content .gridboxes7-heading2,
	.gridboxes7 .gridboxes7-content .gridboxes7-buttons {
		text-align: center;
	}

	.gridboxes7 .gridboxes7-content-text {
		margin: 0 0 30px 0;	
	}
	
	.gridboxes7 .gridboxes7-content-image img {
		width: 100%;
		max-width: 500px;
		margin: 0 auto;
		display: table;
	}	
	
}

.comingsoon {
	color: #fff;
	text-align: center;
	font-size: 2.5em;
	padding-top:50px;
}

.mainmain {
	padding: 50px 0;
}

/* WHMCS Overrides */

.whmcsbody .navbar-nav.toolbar {
	border-bottom: none;
}

@media (min-width:1200px) {
	
	.whmcsbody .navbar.navbar-light {
		display: none;
	}
	
}

/* Add Funds Box */

.whmcsbody .whmcscontainer .sidebar .card-sidebar[menuitemname="Client-Balance"] {
	display: none;
}

.whmcs-templatefile-clientareahome.whmcsbody .whmcscontainer .sidebar .card-sidebar[menuitemname="Client-Balance"] {
	display: block;
}

.whmcsbody .whmcscontainer .sidebar .card-sidebar[menuitemname="Client-Balance"] p {
	margin: 0;
	font-size: 1.3em;
	text-align: center;	
}

.whmcsbody .whmcscontainer .sidebar .card-sidebar[menuitemname="Client-Balance"] .list-group-item {
	padding: 25px;
	font-weight: bold;
	text-decoration: none;
}

.whmcsbody .whmcscontainer .sidebar .card-sidebar[menuitemname="Client-Balance"] .list-group-item:hover,
.whmcsbody .whmcscontainer .sidebar .card-sidebar[menuitemname="Client-Balance"] .list-group-item:focus {
	color: #000;
}

.whmcsbody .whmcscontainer .sidebar .card-sidebar[menuitemname="Client-Balance"] .sidebar-menu-item-wrapper {
	display: block;
}

.whmcsbody .whmcscontainer .sidebar .card-sidebar[menuitemname="Client-Balance"] .freecredit {
	color: #000;
	font-weight: bold;
	text-decoration: underline;
	padding-top: .75rem;
	text-align: center;
	display: block;
}

.whmcsbody .whmcscontainer .sidebar .card-sidebar[menuitemname="Client-Balance"] .freecredit:hover,
.whmcsbody .whmcscontainer .sidebar .card-sidebar[menuitemname="Client-Balance"] .freecredit:focus {
	text-decoration: none;
}