@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,800);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,900italic,900);
@charset "utf-8";
html{scroll-behavior:smooth}
body, form {
	margin: 0; padding:0;
}
body, table, td, p, a, li, button, blockquote, .MainStyle {
	-webkit-text-size-adjust: none!important;
    font:14px/20px 'Open Sans', 'Roboto', Arial, Helvetica, sans-serif;
	color: #202020;
}
b { font-weight:700;} 
a {color: #CC3300; outline:none;cursor:pointer;text-decoration:none;}
a:hover{text-decoration:none;}

img,embed,object,video {max-width: 100%; border:0; margin:0; padding:0}

select, input{
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; 
box-sizing:border-box;
    }

table, .ContentWrapper {width:100%; max-width:980px;}

.pd0{padding:0 !important;}
.mg0{margin:0 !important;}
.div70{display: inline-block;float: left; width:70%}
.div30{display: inline-block;float: left; width:30%}
.div80{display: inline-block;float: left; width:80%}
.div20{display: inline-block;float: left; width:20%}
.div50{display: inline-block;float: left; width:50%}

.txtL{text-align: left !important;}

/**** Accept Cookies ****/

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


/*********** Colors and texts *****************/
.magenta_txt{color:#f71b89;}
/*********** Custom Styles **********/

/* Menu */
/*Strip the ul of padding and list styling*/
ul {
	list-style-type:none;
	margin:0;
	padding:0;
	width:auto

}
/*Create a horizontal list with spacing*/
ul#menu li {
	display:inline-block;
	float: left;
	
}
ul#menu li a {
	display:block;
	text-align: left;
	color: #ffffff;
	text-decoration: none;
	text-transform:uppercase;
	font-size:0.923em;
	font-weight:500;
		padding: 10px 17px;
	
	
	text-shadow: 1px 1px #012e54;
	    letter-spacing: 0px;
	}
/*ul > :first-child a{padding-left:0}
ul > :last-child  a{padding-right:0}*/

.show-menu {
	text-decoration: none;
	color: #ffffff;
	background: #006bb3;
	text-align: left;
	margin: 10px 10px;
	display: none;
}
input#show-menu{
    display: none;
}
/*Show menu when invisible checkbox is checked    input#show-menu:checked ~ #menu li a{padding:10px 18px}   */
input#show-menu:checked ~ #menu, #menu li a{
    display: block; text-align: left;
}

.loggedmenutext{display:none !important}
	

@media screen and (max-width : 980px){
	/*Make dropdown links appear inline*/
	ul#menu {
		position: static;
		display: none;text-align: left;
	}

	/*Make all menu links full width*/
	ul#menu li {
		width: 100%; text-align: left;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:inline-block;
	}
	.loggedmenutext{display:inline-block !important; color:#f2cc11}
	.loggedmenutext a{color:#f2cc11 !important}
}
.headcontent span#slogan {font-size:0.70em; line-height:1.6em; font-weight:200; padding-top:4px; display:block}
.headcontent span#headerButtons a, .headcontent span#cart a{color: #006bb3; font-weight:bold; font-size:0.846em; text-align:left; width:auto; height:26px;}

.div-table {
display:table !important; width: 100%; border-collapse:collapse; clear:both; max-width: 980px;
}
.div-table-cell {
display:table-cell !important; width: 100%; border-collapse:collapse; clear:both;
}

.BackGround{
background: url(../images/Background-first.jpg) center 2px no-repeat; background-size:cover; 	
}
.BackGround-First{
background: url(../images/Background-zero.jpg) center 2px no-repeat; background-size:cover; 
}
.BackGround-Second{
background: url(../images/Background-second.jpg) center 2px no-repeat; background-size:cover; 
}
.BackGround-Third{
background: url(../images/Background-third.jpg) center 2px no-repeat; background-size:cover; 
}
.BackGround-Four{
background: url(../images/Background-four.jpg) center 2px no-repeat; background-size:cover; 
}
.BackGround-Five{
background: url(../images/Background-five.jpg) center 2px no-repeat; background-size:cover; 
}
/* Support Backjgrounds */
.SupporImage{
background:url(../images/Customer-Support-Always-Ready-Help-2.jpg) left bottom no-repeat; 
background-size:contain; 
height:320px;
}
.siwp{
background:url(../images/Customer-Support-Always-Ready-Help.jpg) left bottom no-repeat; 
background-size:contain; 
height:320px;
}


/****/

.HomeSupportContent{
display: block;
text-align:left;
padding: 15px 15px 15px 300px;
}
.SupportButtons{
	text-align: left !important;
	line-height: 1.5em;
	float: left;
	padding: 15px 25px 5px 44px;
	height: 34px;
	display: block;
	font-size: 1.2em;
	font-weight: 600;
}
#HeaderDesktop, .ContentText{
padding:15px; display:block; font-weight:400; font-size: 1.5em; text-align:center; line-height:1.3em;
}

div.caption{

color: #000;
position: absolute;display: block; 
bottom: 0;left: 38%;right: 0;
padding: 15px;text-align: left; font-size:100%;
top: 3%;
}
div.caption h1{
	font: 700 1em/1.9em 'Roboto', 'Open Sans';
font-weight:bold;
font-size:1.68em; line-height: 1.3em;

}
div.caption h2{
font-weight:normal;
font-size:1.4em; line-height: 1.2em
}
div.caption h3{
font-weight:400;
font-size:1.1em; line-height: 1.35em;
margin:24px 0;
}
/* Caption for WP banner */
.wordpressBanner, .hostingBanner{
left:2% !important; top: 1% !important; 
padding: 10px 0 0 15px !important;;text-align: left; font-size:100%;
/* top:2% !important; */

}
.hostingBanner{top: 10% !important}
.wph2{display:block; padding:10px 0 15px 0}
.wph3{padding: 7px 0 0 0;line-height: 1.8em !important;}

div.review{
text-align: center;
color:#F9FAE3;
font-size: 1.1em; font-style:italic; line-height: 1.2em;
font-weight: normal;
padding:15px 65px;
height:150px;
    vertical-align: top;
}
div.review cite{
	color:rgba(247,243,197,1.00);
	font-size:1em;
	display:block; padding:15px 0 10px 0; text-align:center;
}
.Wp_list{
float:left; text-align:center; 
min-width:224px;border-collapse:collapse;  margin:6px; 
font-size:1.8em; 
}

.WPImage{border: #7BB6DC 1px solid;padding:2px; background: rgba(255,255,255,1.00) url(../images/loading_w.gif) no-repeat center center;
display:block;height:auto; min-height:160px; z-index:999; line-height:0.8em }
.WPThemes{
display:block;height:auto; margin-bottom: 20px; 	
}
.TDemo{font-weight:600; display:inline-block; margin:10px 0; text-transform:capitalize; font-size: 0.55em}
a.TDemo{font-weight:400; display:inline-block; margin:10px 0; text-transform:capitalize; font-size: 0.55em; padding-left: 10px;}
.WPSelTh{
	border: #f71b89 1px solid;
    white-space: nowrap;
    float: right;
    font-weight: 400;
    font-size: 1em;
	margin: 0 20px 8px 8px;
    background-color: rgba(243, 225, 30, 0.11);
}
.WPSelTh span{font-weight:600;text-transform:capitalize; }
.wpselthbtm{width: 40%;margin: 0 -1px 8px -1px; float:right}
.loadMoreWPThemes{
background-color: #006bb3;
    width: 60%;
    color: #FFFFFF;
    padding: 12px 0;
    cursor: pointer;
    font-weight: 600;
    font-size: 1em;
    text-decoration: underline;
    text-align: center;
    display: inline-block;
    float: left;
}
.WPcpr{
	font-size: 0.8em;
    color: #999999;
    margin: 10px 0 15px 0;
    display: inline-block;
    padding: 0 2%;
    text-align: left;
    width: 96%;
}
.WPPlans{
border-bottom: #ff9b01 2px solid; border-collapse:collapse; background-color:#006bb3
}
.lineGrey { width: 98%;
    margin: 0 auto;
    background-color: #cccccc;
    height: 1px;
    margin-bottom: 10px;}

/*************** Form Fields ****************/

.textFieldWP{
    width: 99%;
    font-size: 1em;
    font-weight: 500;
    line-height: 2em;
    background-color: #f3e11e;
    border: #458CB9 1px solid;
    padding-left: 1%;	
}
.textField{
    width: 99.5%;
    font-size: 1em;
    font-weight: 500;
    line-height: 2em;
    border: #458CB9 1px solid;
    padding-left: 0.5%;	
	height:2.6em;
	clear:both;
}
.submitbutton{
width: 120px;
height:2.6em;
font-weight:500;
font-size: 1em;
padding: 0 7px;
line-height: 2em;
text-align:center;
clear:both;
border:#458CB9 1px solid;
background-color: #8af588;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#e9fdeb),to(#7bf479));
    background-image: -moz-linear-gradient(top,#e9fdeb 0,#7bf479);
    background-image: -webkit-linear-gradient(top,#e9fdeb 0,#7bf479);
    background-image: -o-linear-gradient(top,#e9fdeb 0,#7bf479);
    background-image: -ms-linear-gradient(top,#e9fdeb 0,#7bf479);
    background-image: linear-gradient(top,#e9fdeb 0,#7bf479);
    cursor: pointer; display: inline-block;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; 
box-sizing:border-box;
}

.likeTxt{padding:0 !important; text-align:left !important;}
.sf{padding:7px 0}
.noBrd{border:none !important; box-shadow:none !important; } 
.supportIcn{ background-size: 3em !important;
    min-height: 2em !important;
    padding: 3.7em 4px 4px 4px !important; font-weight:600; cursor: pointer !important}
	
.supportDsc{font-size: 0.8em;font-weight:400;margin: 12px 5px; font-weight:400; cursor: pointer !important}

select#year_price{min-width:142px;}

.RegNewDomainTable{
margin: 10px auto; max-width:767px; text-align:left;
}
.Product{
border: #f29020 1px solid; float:left; text-align:left; min-width:224px;background-color:#FFFFFF; border-collapse:collapse;  margin:8px; box-shadow: 1px 2px 9px  rgba(224,224,224,0.99); 
font-size:1.3em;
}
.HostingProduct, .blueBorder {border: #006bb3 1px solid !important; }
.Product ul li{
	font-size:0.923em;
	font-weight:600; letter-spacing:-0.04em;
}
.Product h4, .Product h3{
font-size: 1em;
    height: 6.5em;
    font-weight: 400;
    display: block;
    vertical-align: top;
}
.ProductPrice{
padding: 15px 15px 5px 15px; background-color:#ffffff;  text-align:center; font-weight:600;
font-size:1.16em; display:block
}
.ProductTitle {
padding:75px 0 0 0; text-align:center; 
}
.Advantages {
border: rgba(205,204,204,1) 1px solid; float:left; text-align:left;background-color:#FFFFFF; border-collapse:collapse;  margin:6px; height:240px;
}
.AdvantagesTitle {
padding:20px 25px 0 0; text-align:left !important; height: 40px;
}

/* buttons */
.HvBWPSel {

float:left;
display:block;
width:94%;
margin-right:1%;
cursor:pointer; 
margin-top: 10px;
margin-bottom: 10px;
}
.radio_item{
display: none !important;
}

.label_item {
background: url(../images/tick-inactive.svg) center left no-repeat;
    background-size: contain;
    font-size: 1em;
    font-style: normal;
    font-weight: 600;
    border: 0;
    height: 42px;
    cursor: pointer;
    text-indent: 0px;
    text-align: left;
    padding-left: 35px;
}

.label_item:hover {
background: url(../images/tick-hover.svg) center left no-repeat;
background-size: contain;
}

.radio_item:checked + label {
background: url(../images/tick-active.svg) center left no-repeat;
background-size: contain;
}




.button-yell-grad {
    background-color: #f2cc11;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f3e11e),to(#f0b602));
    background-image: -moz-linear-gradient(top,#f3e11e 0,#f0b602);
    background-image: -webkit-linear-gradient(top,#f3e11e 0,#f0b602);
    background-image: -o-linear-gradient(top,#f3e11e 0,#f0b602);
    background-image: -ms-linear-gradient(top,#f3e11e 0,#f0b602);
    background-image: linear-gradient(top,#f3e11e 0,#f0b602);
    -moz-box-sizing: border-box;box-sizing: border-box;
    color: #003d8f;
    cursor: pointer; display: inline-block;
/*  font-size: 1.2em; */
	font-weight:600;
    line-height: 2.5em;    
    outline: 0 none;
    position: relative;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}
.a2{
min-width: 10em;
padding: 0 2.225em 0 1.125em;
}
.a2:after {
    border-bottom: .333em solid rgba(0,61,143,0);
    border-left: .333em solid #003d8f;
    border-top: .333em solid rgba(0,61,143,0);
    content: "";
    height: 1px;
    margin-left: .733em;
    position: absolute;
    top: .933em;
    width: 0;
}

.FooterLinks a{
color:#FFFFFF;
text-align:left;
padding: 0 10px 0 10px;
}

h1#TopText{
font-size:1.5em; color:#01B721; font-weight:700; padding: 20px 15px 0 15px; line-height:1.4em; 
}
.loggedheadtext{
height:20px; text-align:right; padding:0 12px 0 0; font-weight:600;
}
.learn-more-arrow-down{
height:35px; max-width:400px; margin:0 auto; background: url(../images/down-arrow.svg) center center no-repeat; background-size: 2.5em; cursor:pointer; font-weight:600; text-decoration:underline; display:block;
}
.learn-more-arrow-up{
height:35px; max-width:400px; margin:0 auto; background: url(../images/up-arrow.svg) center center no-repeat; background-size: 2.5em; cursor:pointer; font-weight:600; text-decoration:underline; display:block;
}
.d1{padding:15px 0 20px 0; text-align:center; display:block;  margin-top: 2px}
.d2{padding:20px 0; text-align:center; display:block;  margin-top: 2px; color:#FFFFFF}
.d3{padding:0 0 45px 0; text-align:center;}
.f1{padding:10px 0;font-weight:600; font-size: 1.5em; text-align:left}
.f2{font-weight:600; font-size: 1.5em;}
.f3{font-weight:600; font-size: 1.7em;}
.f4{padding:12px; display:block; font-weight:400; font-size: 1.2em; text-align:center; line-height:1.5em;}
.f5{padding:10px 0; display:block; font-weight:400; font-size: 1.2em; text-align:left; line-height:1.3em;}
.f6{font-weight:600!important; font-size:1.3em!important; line-height:1em}
.f7{font-weight:400!important; font-size:1em!important; line-height:0.8em}
.f8{font-weight:400; font-size:1em; line-height:1.5em}
.f9{font-weight: 600;font-size: 1em;line-height: 1.1em; cursor:pointer;}

.weight600, .w600{font-weight:600}
.b1{background:url(../images/telephone.svg) left center no-repeat; background-size:34px; }
.b2{background:url(../images/speech-bubble-yell.svg) left center no-repeat; background-size:34px; }
.b3{background:url(../images/question-mark-yell.svg) left center no-repeat; background-size:34px;}

.WP0S{background:  url(../images/1-star-wp.png) center 30% no-repeat; background-size: 9em;}
.WP1S{background:  url(../images/3-stars-wp.png) center 30% no-repeat; background-size: 9em;}
.WP2S{background:  url(../images/5-stars-wp.png) center 30% no-repeat; background-size: 9em;}
.ProductTitle span{margin-top: 30px;height: 35px;display: block;}
.NoBorder{border: none !important}
.WH0S{background:  url(../images/webhosting-one.png) center 30% no-repeat;     background-size: contain;
    height: 60px !important;
    margin-top: 20px !important;}
.WH1S{background:  url(../images/webhosting-two.png) center 30% no-repeat;     background-size: contain;
    height: 60px !important;
    margin-top: 20px !important;}
.WH2S{background:  url(../images/webhosting-three.png) center 30% no-repeat;     background-size: contain;
    height: 60px !important;
    margin-top: 20px !important;}
.VPS1S{background:  url(../images/vps-one.png) center 30% no-repeat; background-size: contain;}
.VPS2S{background:  url(../images/vps-two.png) center 30% no-repeat; background-size: contain;}
.VPS3S{background:  url(../images/vps-three.png) center 30% no-repeat; background-size: contain;}
.VPS4S{background:  url(../images/vps-four.png) center 30% no-repeat; background-size: contain;}

.DED0S{background:  url(../images/dedicated-server-one.png) center 30% no-repeat; background-size: 3.9em; height: 4em !important;}
.DED1S{background:  url(../images/dedicated-server-two.png) center 30% no-repeat; background-size: 3.9em; height: 4em !important;}
.DED2S{background:  url(../images/dedicated-server-three.png) center 30% no-repeat; background-size: 3.9em; height: 4em !important;}
.DED3S{background:  url(../images/dedicated-server-four.png) center 30% no-repeat; background-size: 3.9em; height: 4em !important;}

.ssl_logos{background: url(../images/ssl-logos.png) 10px 10px no-repeat;
    background-size: 193px auto;
    width: 100%;
    height: 55px;
    display: block;
    }

.sslTab {
min-height: 642px;
}
.cartContent{ display:block; float:left; text-align:left;line-height:3em;}

.OD1{float:left; max-width:375px; margin-right:15px;margin-bottom:10px}
.OD2, .OD3, .OD4{float:left; max-width:300px; margin-right:10px;min-width: 120px;}
.OD5{float:left; max-width:300px; margin-right:15px;min-width: 100px;}
.opbg{background: #d4f2fb;padding: 2px 8px; font-weight:normal}
.onxb{background: #ffed90;padding: 8px;font-size: 15px;font-weight: normal;} .onxb strong{font-weight:600;}
.OWD{margin:0.7%;background: #ffffff;display: inline-block;padding: 1%; width:96.6%;}

.OmngBtn{min-width: 140px;font-size: 12px; height: 3em;font-weight: 600;}
/******** End of Custom Styles ******/

/*  Mobile Layout  */
/* @media only screen and (min-width : 285px) and (max-width : 480px) { */
@media only screen and (min-width : 85px) and (max-width:480px) {

.OD1{max-width:470px; margin-bottom:20px}
.OD2, .OD3, .OD4, .OD5{float:left; width:46%; margin-bottom:20px; margin-right:2px}
.OWD{margin:1.7%;padding: 1.7%; width:93.2%;}
.textField{
	max-width: 99.5% !important;
}

div.logo{margin: 0 auto;}

ul.rslides img{
display: none !important;}
 
div.caption{position:relative !important; left:0 !important; }

.headcontent {width:100%; text-align:center; display:block; padding:10px 0 15px 0;}
.headcontent span{margin-top:10px;}
.headcontent span#headerButtons, .headcontent span#cart { display: none}
span#cart-mobile, span#login-mobile {display:inline-block}
span#cart-mobile a{padding:0 15px 0 28px; background:url(../images/shopping-cart-white.svg) left center no-repeat;}
span#login-mobile a{padding:0 15px 0 28px; background:url(../images/locked-padlock-white.svg) left center no-repeat;}

.cartContent{ width:99.5% !important}
.Wp_list, .Product, .Advantages {
float:left; text-align:left; width:96%;
}
.ProductTitle, .AdvantagesTitle {
text-align:center; 
}
.Product h4{
height: 4.6em; 
}
div.review{
font-size: 1.07em; line-height: 1.2em;
height:180px;
}
div.review cite{
font-size:0.9em;
}
.SupporImage, .siwp{
background:none !important; 
height:auto;
}
.HomeSupportContent{
padding: 20px;
}
.SupportButtons{
display: block; 
width:auto;
float:none !important;

line-height: 1.5em;
padding: 15px 25px 5px 44px;
height: 34px;
font-size: 1.1em;
font-weight: 600;
}
.loggedheadtext{
height:30px; text-align:center !important; padding:0; display:inline-block
}
.loggedheadtext span{display:none !important}

.WPSelTh{float: left !important; margin: 15px 0 !important; width:100%;}
.wpselthbtm{width: 100%;margin: 0 -1px 8px -1px;}
.loadMoreWPThemes{width: 100%;border: #006bb3 1px solid;}
.mobileStretch{float: left !important; margin: 15px 0; width:100%;}
.WordPressProduct, .HostingProduct {box-shadow: none !important; }
.wph2{display:inline !important; padding:10px 0 15px 0 !important}
.wph3{padding: 0 !important;}
.sslTab {min-height: auto !important;}

.mbPP{float: left !important; margin: 8px 0 !important; width:100%;}
}
@media only screen and (min-width : 481px) and (max-width : 540px) { 


.Wp_list, .Product, .Advantages, .cartContent  {
float:left; text-align:left; width:96% !important; }
.cartContent  {width:99.5% !important;}
.ProductTitle, .AdvantagesTitle {
text-align:center; 
}

.SupporImage, .siwp{
background:none !important; 
height:auto;
}
.HomeSupportContent{
padding: 20px !important;
}
.SupportButtons{
display: block; 
width:auto;
float:none !important;
font-size: 1.2em !important;
}
.mobileStretch{float: left !important; margin: 15px 0; width:100%;}

}
@media only screen and (min-width : 481px) and (max-width : 650px) { 
.mbEx{float: left !important; margin: 15px 0; width:100%;}
.mbPP{float: left !important; margin: 8px 0 !important; width:100%;}

}
/* Tablets */

@media only screen and (min-width : 481px) and (max-width : 720px) { 
.OD1{max-width:470px; margin-bottom:20px}
.OD2, .OD3, .OD4, .OD5{float:left; width:46%; margin-bottom:20px; margin-right:2px}
.OWD{margin:1.2%;padding: 1.2%; width:95.2%;}
.textField{
	max-width: 99.5% !important;
}
.headcontent span#slogan {line-height:1.4em; padding-top:0 !important; display:block}
ul.rslides img{
display: none !important;
} 
div.caption{position:relative !important; left:0 !important}

.Product h4{
height: 5em;
}
.Advantages  {
height: 300px;
}


.SupporImage, .siwp{
background:none !important; 
height:auto;
}

.HomeSupportContent{
padding: 20px !important;
}
.SupportButtons{
display: block; 
width:auto;
float:none !important;
font-size: 1.2em !important;
}
.WPSelTh{float: left !important; margin: 15px 0 !important; width:98%;}
.wpselthbtm{width: 98%;margin: 0 -1px 8px -1px;}
.loadMoreWPThemes{width: 98%;border: #006bb3 1px solid;}
.wph2{display:inline-block !important; padding:10px 0 15px 0 !important}
.wph3{padding: 0 !important;}
}
@media only screen and (min-width : 720px) and (max-width : 880px) {
	
.OD1{max-width:470px; margin-bottom:20px}
.OD2, .OD3, .OD4, .OD5{float:left; width:30%; margin-bottom:20px; margin-right:2px}

ul.rslides img{
display: none !important;
} 
div.caption{position:relative !important; left:0 !important}
.wph2{display:inline-block !important; padding:10px 0 15px 0 !important}
.wph3{padding: 0 !important;}
}
@media only screen and (min-width : 720px) and (max-width : 980px) {
.OWD{margin:1%;padding: 1%; width:96%;}
.OD1{max-width:470px; margin-bottom:20px}
.OD2, .OD3, .OD4, .OD5{float:left; width:30%; margin-bottom:20px; margin-right:2px}
.Product h4{
height: 4em;
}
.Advantages  {
height: 280px;
}
.SupportButtons{
	text-align: left !important;
	line-height: 2em;
	float: left;
	padding: 5px 25px 5px 44px;
	height: 34px;
	display: block;
	font-size: 1.1em;
	font-weight: 600;
}
.HomeSupportContent{
padding: 15px 15px 15px 280px;
}
.HvBWPSel{width:auto !important}
.WPSelTh{float: left !important; margin: 15px 0 !important; width:96%;}
.wpselthbtm{width: 96%;margin: 0 -1px 8px -1px;}
.loadMoreWPThemes{width: 96%;border: #006bb3 1px solid;}
}
@media only screen and (min-width : 481px) and (max-width : 980px) { 

.Wp_list{
float:left; text-align:left; width:44%; margin: 2%
}
	
.Product, .Advantages {
float:left; text-align:left; width:46%; margin:2%;
}
.ProductTitle {
text-align:center; 
}

.AdvantagesTitle {
height: 70px;
}
.headcontent {
	width: 100%;
	text-align: left;
	padding-right: 0;
	padding-left: 0;
	float: left;
	padding:10px 0 15px 0;
}

.headcontent span#slogan{float:left; width:40%}
.headcontent span#headerButtons { display: none}
.headcontent span#cart { display: block; font-size:1em; float:right; width:auto; white-space:nowrap; padding-top:7px}
.headcontent span#cart a{padding:0 15px 0 28px; line-height:2.6em; display:inline-block; 
background:url(../images/shopping-cart-red.svg) left center no-repeat;}
span#cart-mobile{display:none}
span#login-mobile {display:inline-block}
span#login-mobile a{padding:0 15px 0 28px; background:url(../images/locked-padlock-white.svg) left center no-repeat;}

.logo {width:auto; float:left; padding-right: 18px;}
.loggedheadtext span{display:none !important}
.WordPressProduct, .HostingProduct {box-shadow: none !important; }
}

/* Desktops and laptops  */
@media only screen and (min-width:980px) {

.statusP{width:85px !important}
div.caption{position:absolute !important; top:5%; }
div.caption h3 {
    font-weight: 400;
    font-size: 1.1em;
    line-height: 1.45em;}

.headcontent {
	width: 100%;
	text-align: left;
	padding-right: 0;
	padding-left: 0;
	float: left;
	padding:15px 0 15px 0;
}
.logo {width:auto; float:left; padding-right: 18px;}
.headcontent span#slogan{float:left; width:34%}
.headcontent span#headerButtons, .headcontent span#cart { display: block; font-size:1em; float:right; width:auto; white-space:nowrap; padding-top:7px}
.headcontent span#headerButtons a, .headcontent span#cart a{padding:0 15px 0 28px; line-height:2.6em; display:inline-block}
.headcontent span#cart a{background:url(../images/shopping-cart-red.svg) left center no-repeat;}
span#cart-mobile, span#login-mobile {display:none}

.Wp_list{float:left; text-align:left; width:224px; margin: 6px  !important;}
.Product {
float:left; text-align:left; width:224px; margin:8px !important;}
.ProductTitle {
text-align:center; 
}
.Advantages {
float:left; text-align:left; width:48%; margin:1% !important;}
.WordPressProduct, .HostingProduct {
float:left; text-align:left; width:30%; margin:1% !important; box-shadow: none; }
.HvBWPSel{width:auto !important}
}



/* Encoded Image Classes */

.check-green li{background:url(../images/checked-green.svg) left center no-repeat !important; background-size:contain !important }
.checklist li{
background:url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmMjkwMjA7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5jaGVja21hcmstYmx1ZTwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTAsMEExMCwxMCwwLDEsMCwyMCwxMCwxMCwxMCwwLDAsMCwxMCwwWk04LjEsMTYuMiw0LDEwLjksNS44LDlsMi4zLDIuOUwxNS40LDZsLjkuOVoiLz48L3N2Zz4=') left center no-repeat; 
height: 18px; display: block;  padding: 0 2px 0 23px;    margin: 12px 0; text-transform:capitalize;
}
.uncheck{
background:url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPGVsbGlwc2Ugc3R5bGU9ImZpbGw6I0UyMUIxQjsiIGN4PSIyNTYiIGN5PSIyNTYiIHJ4PSIyNTYiIHJ5PSIyNTUuODMyIi8+CjxnPgoJCgkJPHJlY3QgeD0iMjI4LjAyMSIgeT0iMTEzLjE0MyIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAtMTA2LjAxNzggMjU2LjAwNTEpIiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgd2lkdGg9IjU1Ljk5MSIgaGVpZ2h0PSIyODUuNjY5Ii8+CgkKCQk8cmVjdCB4PSIxMTMuMTY0IiB5PSIyMjcuOTY4IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIC0xMDYuMDEzNCAyNTUuOTg4NSkiIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiB3aWR0aD0iMjg1LjY2OSIgaGVpZ2h0PSI1NS45OTEiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K') left center no-repeat !important; background-size: contain !important; }


.menuTitleArrowRight{
background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDYxMiA2MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA2MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0iUmlnaHQiPgoJCTxnPgoJCQk8cGF0aCBkPSJNMjc3LjU4LDE3OS42NzlsLTAuMDU3LDAuMDc3Yy01LjEyNS00LjcwNS0xMS44NTctNy42MzEtMTkuMzM1LTcuNjMxYy0xNS44MzUsMC0yOC42ODgsMTIuODUyLTI4LjY4OCwyOC42ODggICAgIGMwLDguMzc3LDMuNjM0LDE1LjgzNSw5LjM1MiwyMS4wNzZsLTAuMDU3LDAuMDc3TDMzMC40OCwzMDZsLTkxLjY4Niw4NC4wNTVsMC4wNTcsMC4wNzZjLTUuNzE4LDUuMjIxLTkuMzUyLDEyLjY4LTkuMzUyLDIxLjA1NyAgICAgYzAsMTUuODM2LDEyLjg1MiwyOC42ODgsMjguNjg4LDI4LjY4OGM3LjQ3OCwwLDE0LjIxLTIuOTI2LDE5LjMzNS03LjYxMWwwLjA1NywwLjA3NmwxMTQuNzUtMTA1LjE4OCAgICAgYzUuOTEtNS40NTEsOS4yOTUtMTMuMTAxLDkuMjk1LTIxLjE1MnMtMy4zODUtMTUuNzAyLTkuMjk1LTIxLjE1MkwyNzcuNTgsMTc5LjY3OXogTTMwNiwwQzEzNy4wMTIsMCwwLDEzNy4wMTIsMCwzMDYgICAgIHMxMzcuMDEyLDMwNiwzMDYsMzA2czMwNi0xMzcuMDEyLDMwNi0zMDZTNDc0Ljk4OCwwLDMwNiwweiBNMzA2LDU1NC42MjVDMTY4LjkxMiw1NTQuNjI1LDU3LjM3NSw0NDMuMDg4LDU3LjM3NSwzMDYgICAgIFMxNjguOTEyLDU3LjM3NSwzMDYsNTcuMzc1UzU1NC42MjUsMTY4LjkxMiw1NTQuNjI1LDMwNlM0NDMuMDg4LDU1NC42MjUsMzA2LDU1NC42MjV6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) left center no-repeat;

padding: 10px 6px 10px 25px !important;
margin-left: 10px
}
.menuTitleInactive{
	background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDU2IDU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1NiA1NjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCI+CjxnPgoJPHBhdGggZD0iTTgsNDBjLTQuNDExLDAtOCwzLjU4OS04LDhzMy41ODksOCw4LDhzOC0zLjU4OSw4LThTMTIuNDExLDQwLDgsNDB6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8cGF0aCBkPSJNMjgsNDBjLTQuNDExLDAtOCwzLjU4OS04LDhzMy41ODksOCw4LDhzOC0zLjU4OSw4LThTMzIuNDExLDQwLDI4LDQweiIgZmlsbD0iI0ZGRkZGRiIvPgoJPHBhdGggZD0iTTQ4LDQwYy00LjQxMSwwLTgsMy41ODktOCw4czMuNTg5LDgsOCw4czgtMy41ODksOC04UzUyLjQxMSw0MCw0OCw0MHoiIGZpbGw9IiNGRkZGRkYiLz4KCTxwYXRoIGQ9Ik04LDIwYy00LjQxMSwwLTgsMy41ODktOCw4czMuNTg5LDgsOCw4czgtMy41ODksOC04UzEyLjQxMSwyMCw4LDIweiIgZmlsbD0iI0ZGRkZGRiIvPgoJPHBhdGggZD0iTTI4LDIwYy00LjQxMSwwLTgsMy41ODktOCw4czMuNTg5LDgsOCw4czgtMy41ODksOC04UzMyLjQxMSwyMCwyOCwyMHoiIGZpbGw9IiNGRkZGRkYiLz4KCTxwYXRoIGQ9Ik00OCwyMGMtNC40MTEsMC04LDMuNTg5LTgsOHMzLjU4OSw4LDgsOHM4LTMuNTg5LDgtOFM1Mi40MTEsMjAsNDgsMjB6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8cGF0aCBkPSJNOCwwQzMuNTg5LDAsMCwzLjU4OSwwLDhzMy41ODksOCw4LDhzOC0zLjU4OSw4LThTMTIuNDExLDAsOCwweiIgZmlsbD0iI0ZGRkZGRiIvPgoJPHBhdGggZD0iTTI4LDBjLTQuNDExLDAtOCwzLjU4OS04LDhzMy41ODksOCw4LDhzOC0zLjU4OSw4LThTMzIuNDExLDAsMjgsMHoiIGZpbGw9IiNGRkZGRkYiLz4KCTxwYXRoIGQ9Ik00OCwxNmM0LjQxMSwwLDgtMy41ODksOC04cy0zLjU4OS04LTgtOHMtOCwzLjU4OS04LDhTNDMuNTg5LDE2LDQ4LDE2eiIgZmlsbD0iI0ZGRkZGRiIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) left center no-repeat; }

.menuTitleActive{
	background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIxMi45ODIgMjEyLjk4MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjEyLjk4MiAyMTIuOTgyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPGcgaWQ9IkNsb3NlIj4KCTxwYXRoIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDsiIGQ9Ik0xMzEuODA0LDEwNi40OTFsNzUuOTM2LTc1LjkzNmM2Ljk5LTYuOTksNi45OS0xOC4zMjMsMC0yNS4zMTIgICBjLTYuOTktNi45OS0xOC4zMjItNi45OS0yNS4zMTIsMGwtNzUuOTM3LDc1LjkzN0wzMC41NTQsNS4yNDJjLTYuOTktNi45OS0xOC4zMjItNi45OS0yNS4zMTIsMGMtNi45ODksNi45OS02Ljk4OSwxOC4zMjMsMCwyNS4zMTIgICBsNzUuOTM3LDc1LjkzNkw1LjI0MiwxODIuNDI3Yy02Ljk4OSw2Ljk5LTYuOTg5LDE4LjMyMywwLDI1LjMxMmM2Ljk5LDYuOTksMTguMzIyLDYuOTksMjUuMzEyLDBsNzUuOTM3LTc1LjkzN2w3NS45MzcsNzUuOTM3ICAgYzYuOTg5LDYuOTksMTguMzIyLDYuOTksMjUuMzEyLDBjNi45OS02Ljk5LDYuOTktMTguMzIyLDAtMjUuMzEyTDEzMS44MDQsMTA2LjQ5MXoiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) left center no-repeat;}


/* Plugins, widgets, tabs, other tools */

.tooltip{
	position: absolute;
	border: 1px solid #0c70b7;
	padding: 10px;
	background-color: #FFFFEE;
	visibility: hidden;
	z-index: 10000;
	left: 48px;
	font-size:11px;
	color: #006699;
		    -moz-border-radius:6px;
		    -webkit-border-radius:6px;
	line-height:18px;
	text-align:left;
}
.tooltip p, .tooltip li { font-size:11px;
	color: #006699;line-height:18px;
	text-align:left;}

/* Overlay */
#osx-overlay {background-color:#000; }

/* Container */
#osx-container {padding-bottom:4px; width:650px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; border-radius:0 0 6px 6px; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000; box-shadow:0 0 64px #000;}
#osx-container #osx-modal-title {color:#000; background-color:#ddd; border-bottom:1px solid #ccc; font-weight:bold; padding:12px 9px; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close {display:block; position:absolute; right:25px; top:10px;}
#osx-container .close a {display:block; color:#777; font-weight:bold; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close a:hover {color:#000;}
#osx-container #osx-modal-data {font-size:12px; padding:6px 12px;}