/*  
  CSS Reset by Eric Meyer - Released under Public Domain
    http://meyerweb.com/eric/tools/css/reset/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td 
                  {margin: 0;padding: 0;border: 0;outline: 0;
                  vertical-align: baseline;
                  background: transparent;}
body              {line-height: 1;}
ol, ul            {list-style: none;}
blockquote, q     {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
:focus            {outline: 0;}
ins               {text-decoration: none;}
del               {text-decoration: line-through;}
table             {border-collapse: collapse;border-spacing: 0;}


/*======Fonts=======*/

@font-face {
    font-family: 'betonsh-xboldregular';
    src: url('../fonts/beton/BetonSH-XBold-webfont.eot');
    src: url('../fonts/beton/BetonSH-XBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/beton/BetonSH-XBold-webfont.woff2') format('woff2'),
         url('../fonts/beton/BetonSH-XBold-webfont.woff') format('woff'),
         url('../fonts/beton/BetonSH-XBold-webfont.ttf') format('truetype'),
         url('../fonts/beton/BetonSH-XBold-webfont.svg#betonsh-xboldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'knockout';
    src: url('../fonts/knockout/Knockout-HTF48-Featherweight-webfont.eot');
    src: url('../fonts/knockout/Knockout-HTF48-Featherweight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/knockout/Knockout-HTF48-Featherweight-webfont.woff2') format('woff2'),
         url('../fonts/knockout/Knockout-HTF48-Featherweight-webfont.woff') format('woff'),
         url('../fonts/knockout/Knockout-HTF48-Featherweight-webfont.ttf') format('truetype'),
         url('../fonts/knockout/Knockout-HTF48-Featherweight-webfont.svg#knockout_htf48-featherweighRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'neuzeit-book';
    src: url('../fonts/neuzeit/neuzeit-book.eot');
    src: url('../fonts/neuzeit/neuzeit-book.eot?#iefix') format('embedded-opentype'),
         url('../fonts/neuzeit/neuzeit-book.woff') format('woff'),
         url('../fonts/neuzeit/neuzeit-book.ttf') format('truetype'),
         url('../fonts/neuzeit/neuzeit-book.svg#neuzit-book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'icomoon';
/*  src:url('../fonts/icons/icomoon.eot?-ezdg7w');
    src:url('../fonts/icons/icomoon.eot?#iefix-ezdg7w') format('embedded-opentype'),
    url('../fonts/icons/icomoon.woff?-ezdg7w') format('woff'),
    url('../fonts/icons/icomoon.ttf?-ezdg7w') format('truetype'),
    url('../fonts/icons/icomoon.svg?-ezdg7w#icomoon') format('svg');
  src:url('../fonts/icons/icomoon.eot?-ezdg7w'); 
test removing query string below
*/
    src:url('../fonts/icons/icomoon.eot');
    src:url('../fonts/icons/icomoon.eot?#iefix-ezdg7w') format('embedded-opentype'),
    url('../fonts/icons/icomoon.woff') format('woff'),
    url('../fonts/icons/icomoon.ttf') format('truetype'),
    url('../fonts/icons/icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}



/*=============================
-----------General-------------
=============================*/

body{
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  line-height:1.4em;
  color:#777;
}

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


/*=======Buttons======*/

/*---Regular button---*/

a.btn{
  display:inline-block;
  background:#f16826;
  padding:15px 20px;
  text-transform: uppercase;
  font-size:1.25em;
  color:#FFF;
  text-decoration: none;
  border-radius: 5px;
  transition:all 0.3s ease-in;
}

a.btn:hover {
  background:#c55520;
  color:#fff; 
}

a.btn.popbut {
  font-size: 1.1em;
}

/*---Large button---*/

a.btn.large{
  padding:20px 30px;
  font-size:1.875em;
  margin-top:15px;
}


/*======Headings======*/

h1, h2{
  font-weight: normal;
}

h1,h2,h3{
  color:#222;
}

h2{
  font-size:2.5em;
  text-transform: uppercase;
  margin-bottom:30px;
  text-align:center;
  letter-spacing:0.01em;
}

h3{
  font-weight: normal;
  font-size:1.875em;
  letter-spacing: 0.03em;
  color:#3d3838;
  text-transform: uppercase;
  margin-bottom:20px;
}


/*======Paragraphs======*/

p{
  font-size:1em;
  line-height:1.5em;
  color:#777;
  margin:10px 0;
}

p.lead{
  font-size:1.125em;
  line-height:1.44em;
  color:#555;
}


/*======Icons======*/

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-application-installer:before {
  content: "\e600";
}

.icon-arrow-next:before {
  content: "\e601";
}

.icon-arrow-prev:before {
  content: "\e602";
}

.icon-bullet:before {
  content: "\e603";
}

.icon-cloud-linux:before {
  content: "\e604";
}

.icon-continous-data-protection:before {
  content: "\e605";
}

.icon-established-business:before {
  content: "\e606";
}

.icon-full-root-ssh:before {
  content: "\e607";
}

.icon-functionality:before {
  content: "\e608";
}

.icon-backup:before {
  content: "\e609";
}

.icon-secure:before {
  content: "\e60a";
}

.icon-smartphone:before {
  content: "\e60b";
}

.icon-ssd-data-hosting:before {
  content: "\e60c";
}

.icon-support:before {
  content: "\e60d";
}

.icon-tick:before {
  content: "\e60e";
}

.icon-uk-based:before {
  content: "\e60f";
}

.icon-upgradeable:before {
  content: "\e610";
}

.icon-upgrades:before {
  content: "\e611";
}

.icon-vps-management:before {
  content: "\e612";
}



/*======Lists======*/

ul li{
  position:relative;
  margin-bottom:10px;
  padding-left:20px;
}

ul li:before {
  font-family: 'icomoon';
  speak: none;
  position:absolute;
  content: "\e603";
  left:0px;
  color:#ccc;
}

/*Check list*/
ul.checklist li{
  padding-left:40px;
  margin-bottom:20px;
}

ul.checklist li:before{
  content: "\e60e";
  color:#f16826;
}



/*======Helper classes======*/

.center{ text-align:center; }
.top20{ margin-top:20px;}
.top40{ margin-top:40px;}
.top60{ margin-top:60px;}
.top80{ margin-top:80px;}
.top100{ margin-top:100px;}


/*=============================
------------Header-------------
=============================*/


header.main{
  position:absolute;
  width:100%;
  z-index:1;
}


/*======Secondary navigation=====*/

nav#secondarybg{
  /*background:rgba(41, 64, 80, 1);*/
  padding-bottom:20px;
  background: #111 url(https://www.nethosted.co.uk/img/nhbg.png);

} 
nav#secondary{ 
  font-family: 'Roboto';
  padding-top: 15px;
  padding-right: 20px;
  padding-bottom: 80px;
  text-align:right;
  position: relative;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}

nav#secondarylower{ 
  margin-top:10px;
  clear:both;
  float:right;
  width:1280px;
}

nav#secondary a.nav-item{
  color:rgba(255,255,255,.8);
  margin:0 15px;
  text-decoration:none;
  transition:color 0.3s ease-in;
  font-size:0.8em;
  font-weight: 700;
  text-transform: uppercase;
}

nav#secondary a.nav-item:hover{
  color:rgba(255,255,255,1);
}

nav#secondary a.nav-item-center{
  color:rgba(255,255,255,1);
  text-decoration:none;
  transition:color 0.3s ease-in;
  font-size:0.8em;
text-transform: uppercase;
}
nav#secondary a.nav-item-left{
  color:rgba(255,255,255,1);
  margin:0 15px;
  padding:8px 20px;
  text-decoration:none;
  float:left;
  font-size:0.8em;
  /*PHC_NH_AB - Do Not Remove*/
}
nav#secondarylower a.nav-item-left{
  color:rgba(255,255,255,1);
  margin:0 5px;
  margin-right:0px;
  padding:18px 20px;
  text-decoration:none;
  font-size:1.2em;
  font-weight:700;
  text-transform: uppercase;
  /*PHC_NH_AB - Do Not Remove*/
}

nav#secondarylower a.nav-item-left-clock{
  color:rgba(255,255,255,1);
  background:#fff;
  margin-top:10px;
  padding: 15px;
  border-radius: 55px;
  text-decoration:none;
  position:relative;
  top:-35px;
  margin-left: 50px;
  font-size:1em;
  font-weight:700;
  /*PHC_NH_AB - Do Not Remove*/
}
.blackfriday {
top: 10px;
background:#000;
color:#FFF;
padding:10px;
font-size:1.7em;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

nav#secondary a.nav-item-left:hover{
  color:rgba(255,255,255,1);
}

nav#secondary a.btn{
  margin-left:15px;
  padding:0;
  margin-top:0;
  background:#000;
  font-size:0.8em;
  font-weight:700;
  color:rgba(255,255,255,.8);
}

nav#secondary a.btn:hover{
color:rgba(255,255,255,1);
}

/*======Primary navigation======*/

nav#primarybg{
/*  background: rgba(0,0,0,0.3);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.3)), color-stop(100%, rgba(0,0,0,0)));
  background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
  transition:background 0.3s ease-in;
*/
}
nav#primarybg{
  padding-left:35px;
  padding-top:30px;
  position: relative;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}


/*---Logo---*/

nav#primarybg a.logo{
  text-align:left;
  display:inline-block;
  width:235px;
  height:60px;
}
nav#secondarylower a.logo{
  text-align:left;
  display:inline-block;
  width:235px;
  height:60px;
}

/*----The navigation items---*/

nav#primarybg .nav-items{
  float:right;
  color:#fff;
  position:relative;
  top:-26px;
  padding-right:40px;
  padding-top:20px;
}

nav#primarybg .nav-items a{
  color:#FFF;
  font-size:1.275em;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin: 0 0 30px 20px;
  text-decoration:none;
  -webkit-transition:all 0.3s ease-in-out;
}

nav#primarybg .nav-items a:hover{
  border-bottom-style: solid;
  border-bottom-width: 1px
}

nav#primarybg .nav-items a:last-child{
  margin-right:0;
}

nav#primarybg .nav-items a.active{
  border-bottom-style: solid;
  border-bottom-width: 1px
}


/*----Sticky nav-----*/

nav#secondarylower.sticky{
  background:#111 url(https://www.nethosted.co.uk/img/nhbg.png);
  position: fixed;
  z-index:9999;
  width:96%;
  top:0;
  left:0;
  margin-top: 0px;
  font-size: 0.9em;
  padding:0px 2%;
  box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.1);
}

nav#secondarylower.sticky a.logo svg{
  width:180px;
  margin-top:0px;
}
nav#secondarylower.sticky a.nav-item-left-clock{
  display:none;
}

nav#secondarylower.sticky a.logo svg path,
nav#secondarylower.sticky a.logo svg rect,
nav#secondarylower.sticky a.logo svg polygon{
  fill:#222;
}

nav#secondarylower.sticky .nav-items a{
  color:#222;
  font-size:1.5em;
  margin:0 10px;
}



/*======Mobile navigation======*/

nav#mobile{
  display:none;
  position:fixed;
  width:100%;
  z-index:9999;
  transition:background 0.3s ease-in-out;
}





/*---Mobile header---*/

nav#mobile header{
  background: rgba(7,45,74,0.45);
  padding:2%;
  margin-bottom:20px;
  transition:background 0.3s ease-in-out;
}

nav#mobile header.sticky{
  width:100%;
  background:rgba(7,45,74,0.85);
}

nav#mobile header a.logo{
  text-align:left;
  display:inline-block;
  width:150px;
  height:37px;
}


.hamburger {
  position: absolute;
  cursor:pointer;
  right: 20px;
  top: 24px;
  bottom: 0;
  height: 1.25em;
  width: 2em;
}

.hamburger .line {
  width: 2em;
  background: #FFF;
  height: 0.25em;
  margin-bottom: 0.25em;
  -webkit-transition: 0.2s;
          transition: 0.2s;
  -webkit-transition-property: -webkit-transform, opacity;
          transition-property: transform, opacity;
}

.hamburger.active .line {
  color: #fff;
  margin: 0;
}

.hamburger.active .line:first-child {
  -webkit-transform: rotate(45deg) translateY(0.4em) translateX(0.4em);
      -ms-transform: rotate(45deg) translateY(0.4em) translateX(0.4em);
          transform: rotate(45deg) translateY(0.4em) translateX(0.4em);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}

.hamburger.active .line:nth-child(2) {
  height: 0;
  opacity: 0;
  margin: 0;
}

.hamburger.active .line:last-child {
  -webkit-transform: rotate(-45deg) translateY(0.2em) translateX(-0.2em);
      -ms-transform: rotate(-45deg) translateY(0.2em) translateX(-0.2em);
          transform: rotate(-45deg) translateY(0.2em) translateX(-0.2em);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  margin-bottom: 0;
}


/*---Main nav items---*/

nav#mobile .nav-items{
  display:none;
  text-align:center;
}

nav#mobile .nav-items a{
  display:block;
  color:#FFF;
  font-size:1.875em;
  line-height:2em;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin:0 20px;
  text-decoration:none;
  opacity:0;
}

/*---secondarylower nav items---*/

nav#mobile .secondarylower-items{ 
  display:none;
  border-top:solid 1px rgba(255,255,255,0.6);
  padding-top:40px;
  margin:40px 20px;
  opacity:0;
}

/*Retain columns*/
nav#mobile .secondarylower-items .six.columns{ 
  width:48%;  
  text-align:center;          
}

nav#mobile .secondarylower-items a.nav-item{
  display:block;
  color:rgba(255,255,255,0.6);
  line-height:3.5em;
  text-decoration:none;
}

nav#mobile .secondarylower-items a.btn{
  margin-top:5px;
  font-size:1em;
}


/*-----When nav is open------*/
body.mobile-nav{
  position:fixed;
  overflow:hidden;
}

body.mobile-nav nav#mobile{
  -webkit-filter: none;
  background:rgba(7,45,74,0.9);
  width:100%;
  height:100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling:touch;
}

body.mobile-nav nav#mobile header{
  background:#032c49;
}

body.mobile-nav nav#mobile .nav-items,
body.mobile-nav nav#mobile .secondarylower-items{
  display:block;
}

body.mobile-nav nav#mobile .nav-items a{
  -webkit-animation:navitems 0.3s ease-in-out forwards;
  animation:navitems 0.3s ease-in-out forwards;
}

body.mobile-nav nav#mobile .nav-items a:nth-child(n+2){
  -webkit-animation-delay: 0.1s; 
  animation-delay: 0.1s;
}

body.mobile-nav nav#mobile .nav-items a:nth-child(n+3){
  -webkit-animation-delay: 0.2s; 
  animation-delay: 0.2s;
}

body.mobile-nav nav#mobile .nav-items a:nth-child(n+4){
  -webkit-animation-delay: 0.3s; 
  animation-delay: 0.3s;
}

body.mobile-nav nav#mobile .nav-items a:nth-child(n+5){
  -webkit-animation-delay: 0.4s; 
  animation-delay: 0.4s;
}

@-webkit-keyframes navitems{
  0%{ 
    -webkit-transform:translate(0,-75%); 
    transform:translate(0,-75%);
    opacity:0;
  }
  100%{
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
    opacity:1;
  }
}

@keyframes navitems{
  0%{ 
    -webkit-transform:translate(0,-75%); 
    transform:translate(0,-75%);
    opacity:0;
  }
  100%{
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
    opacity:1;
  }
}

body.mobile-nav nav#mobile .secondarylower-items{
  -webkit-animation:secondaryloweritems 0.3s ease-in-out forwards 0.5s;
  animation:secondaryloweritems 0.3s ease-in-out forwards 0.5s;
}

@-webkit-keyframes secondaryloweritems{
  0%{ 
    -webkit-transform:translate(0,75%); 
    transform:translate(0,75%);
    opacity:0;
  }
  100%{
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
    opacity:1;
  }
}

@keyframes secondaryloweritems{
  0%{ 
    -webkit-transform:translate(0,75%); 
    transform:translate(0,75%);
    opacity:0;
  }
  100%{
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
    opacity:1;
  }
}

body.mobile-nav header.main,
body.mobile-nav section#banner,
body.mobile-nav section#content,
body.mobile-nav footer.main{
  -webkit-filter: blur(10px);
  filter: blur(10px);
}


/*=============================
------------Banner-------------
=============================*/

#banner{
  position:relative;
  width:100%;
  padding:150px 0 50px 0;
  overflow:hidden;
  /*background: rgba(49,150,227,1);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(49,150,227,1)), color-stop(100%, rgba(49,180,227,1)));
  background: linear-gradient(to right, rgba(49,150,227,1) 0%, rgba(49,180,227,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3196e3', endColorstr='#31b4e3', GradientType=1 );*/
}

#banner-small{
  position:relative;
  width:100%;
  padding:150px 0 50px 0;
  overflow:hidden;
  background: rgba(49,150,227,1);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(49,150,227,1)), color-stop(100%, rgba(49,180,227,1)));
  background: linear-gradient(to right, rgba(49,150,227,1) 0%, rgba(49,180,227,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3196e3', endColorstr='#31b4e3', GradientType=1 );
}

/*======Banner title======*/

#bannerwidth{
  position: relative;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}

#banner-title {
max-width:1280px;
margin: 0 auto;
}
#banner-title h1{
  color:#fff;
  font-size:4.4em;
 /* background: #e74c72;*/
 /* background: #111 url(https://www.nethosted.co.uk/img/nhbg.png);*/
  padding:15px;
  border-radius: 10px;
  font-weight: 700;
  width: 1050px;
  margin-top:70px;
  margin-bottom:20px;
  margin-left:auto;
  margin-right:auto;
  /*letter-spacing:0.005em;*/
  text-transform:uppercase;
  text-align:center;
}

#banner-title h2{
  text-transform: none;
  font-size:1.3em;
  line-height: 1.7em;
  color:#333;
  letter-spacing:0.005em;
  padding-left:10px;
  text-align:center;
/*  color:#f6f845;*/
  color:#f1f344;
  width:1050px;
  margin-left:auto;
  margin-right:auto;
  font-size:1.6em;
  margin-bottom: 0px;
}

#banner-title h4{
  text-transform: none;
  font-size:1.2em;
  line-height: 1.3em;
  letter-spacing:0.005em;
  padding-left:10px;
  text-align:left;
}

.featurebox-container {
padding-top:50px;
}
.featurebox-left {
float:left;border-radius:10px;background:linear-gradient(to bottom right, rgb(232, 241, 246), rgba(206, 242, 229, 0.95));box-shadow: 0px 0px 45px rgba(0, 0, 0, 0.2);height:230px;width:500px;margin-top: 0px; margin-right:30px;padding:16px;margin-left:80px;

}

.featurebox-right {
float:left;border-radius:10px;background:linear-gradient(to bottom right, rgb(232, 241, 246), rgba(206, 242, 229, 0.95));box-shadow: 0px 0px 45px rgba(0, 0, 0, 0.2);height:230px;width:500px;margin-top: 0px; margin-right:80px;padding:16px;color:#333; font-size:1.2em;
}

.featurebox-uk {
float:right;background-image: url(https://www.nethosted.co.uk/img/ukmap.png); 
width: 100%;
height:100%;
background-position:310px 19px;
background-repeat:no-repeat;
position: absolute;
opacity: 0.2;
transform:scale(1.1,1.1);
/*transform: rotateZ(-10deg);*/
}

.featurebox-moneyback {
float:right;background-image: url(https://www.nethosted.co.uk/img/moneyback2.png); width: 187px;
/*-webkit-filter: drop-shadow(2px 2px 4px #222);filter:drop-shadow(2px 2px 4px #222);*/
height:148px;
background-repeat:no-repeat;
}

.featurebox-30day {
float:right;margin-right:25px;padding-top:150px;margin-left:0px;font-size:0.8em;filter:none;-webkit-filter:none;
}

.featurebox-header {
font-size:21px;color:#c0247e;border-bottom:2px solid #c0247e;margin-bottom:25px;font-weight:700;font-family:'open sans';
}

.featurebox-margin20 {
margin-bottom:20px;
}

#tpbanner-background {
background:rgba(237, 255, 253, 0.97);width:200%;height:175px;margin-left:-50%;padding:30px;margin-top:60px;
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
}
#tpbanner-container {
width:1280px;margin: 0 auto;text-align:center;
}
#tpbanner-logo {
width:250px;float:left;margin-left:80px;font-size:1.9em;position:relative;top:30px;color:#737366;font-weight:500;
}
#tpbanner-review {
width:800px;float:left;font-size:2.2em;position:relative;top:-18px;margin-left:0px;margin-top:20px;line-height:1em;
}
.tpbanner-reviewtext {
float:left;margin-top:9px;font-size:1.1em;letter-spacing:0.03em;font-style:italic;color:#444;margin-bottom:5px;margin-left:65px;font-family: 'Just Another Hand', cursive;
}
.tpbanner-reviewname {
float:right;font-size:0.9em;letter-spacing:0.03em;font-style:italic;color:#333;font-family: 'Just Another Hand', cursive;margin-bottom:0px;margin-right:20px;top:-30px;position:relative;
}

.svmdiv {
float:left;opacity:0.85;margin:103px 0px 0px 95px;width:200px;
}

.cpdiv {
float:left;opacity:0.85;margin:104px 0px 0px 60px;width:200px;
}

.delldiv {
float:left;opacity:0.85;margin:95px 40px 0px 40px;
}

.sediv {
float:left;opacity:0.85;margin:97px 40px 0px 50px;width:200px;
}

.r1div {
float:left;opacity:0.85;margin:102px 0px 0px 0px;width:200px;
}

/*=====Banner people======*/

#banner-people{
  width:100%;
  position:absolute;
  bottom:-3.05vw; /*The 0.05 fixes a small glitch gap in some browsers*/
}

#banner-people .person{
  width:25%;
  /*width:25vw;*/
  height:20vw;
  float:left;
}

#banner-people .person .person-bubble{
  position:relative;
  width:20vw;
  height:20vw;
  margin:0 auto;
  border-radius: 50%; 
  border:solid 0.4em rgba(255,255,255,0.5);
  text-align:center;
  overflow:hidden;
}

.person-bubble img{ 
  width:100%;  
  height:auto;
}


/*=============================
-----------Content-------------
=============================*/

section#content{
  padding:60px 0;
  position:relative;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
  z-index:0;
}

.intro{
  text-align:center;
}

/*Spacing*/

.padded{
  padding:60px 0;
}
.paddedtop{
  padding-top:60px;
}
.paddedless {
padding:40px 0;
}
.paddedless1 {
padding-top:10px;
padding-bottom:60px;
}
.paddedbot {
padding-bottom:40px;
}

.container.paddedbot {
width:100%;
}

/*Coloured backgrounds*/

.grey-bg{
  background:#eee;
    width:200%;
  margin-left:-50%;
}



/*=============================
-----------Features------------
=============================*/

/*====Standard feature (with hover)====*/

.features{
  margin-top:40px;
}

.features .row{
  clear:both;
  margin-bottom:40px;
}

.feature, .feature-expanded{
  background:#eee;
  text-align:center;
  padding:40px;
  overflow:hidden;
  margin-bottom:40px;
/*  height:400px; */
/*  transition:all 0.3s ease-in-out;*/
}

.grey-bg .feature,
.grey-bg .feature-expanded{
  background:#FFF;
}

.feature h3{
  margin-top:60px;
  position:relative;
  display:block;
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
  transition:all 0.2s ease-in-out;
  font-size:1.8em;
}

.feature h3 [class^="icon-"], 
.feature h3 [class*=" icon-"],
.feature-expanded h3 [class^="icon-"], 
.feature-expanded h3 [class*=" icon-"]{
  display:block;
  font-size:1.9em;
  color:#64b6c1;
  margin-bottom:20px;
  transition:all 0.3s ease-in-out;
}


.feature .figure{
  font-size:2em;
  line-height:0.8em;
  margin:-10px 0 10px 0;
  display:block;
}

.feature .figure{
  color:#64b6c1;
  margin-top:70px;
  margin-bottom:20px;
}
.feature p{
  position:relative;
  display:block;
  -webkit-transform: translate(0,250%);
  transform: translate(0,250%);
  transition:all 0.2s ease-in-out;
}

/*---Hover---*/

.feature:hover,
.feature.hover-effect{
  background:#64b6c1;
  /*Prevent touch devices asking for copy/save etc*/
  -webkit-user-select: none;
  -webkit-touch-callout: none;    
}

.feature:hover h3,
.feature:hover p{
 
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}

.feature:hover,
.feature:hover [class^="icon-"], 
.feature:hover [class*=" icon-"],
.feature:hover .figure,
.feature:hover h3,
.feature:hover p{
  color:#FFF;
}



/*=============================
-----------Packages------------
=============================*/

.package{
  border:solid 1px #333;
  border-radius: 5px;
  margin-top:40px;
}

/*======Header======*/

.package header{
  text-align:center;
  background:#333;
  padding:20px 40px;
  color:#FFF;
  font-weight: normal;
  font-size:1.875em;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}


/*======Details======*/

dl.package-details{
  padding:20px 30px;
}

dl.package-details dt, 
dl.package-details dd{
  display:block;
  float:left;
  width:50%;
  padding:20px 0;
  border-top:solid 1px #eee;
}

dl.package-details dt:first-child, 
dl.package-details dd:nth-child(2){
  border-top:none;
}

dl.package-details dt{
  clear:both;
  color:#999;
}

dl.package-details dd{
  text-align:right;
  color:#333;
  font-weight:bold;
}


/*======Total======*/

.package .total{
  border-top:solid 2px #333;
  margin:0 30px;
  padding:20px 0;
  color:#333;
  text-align:center;
}

.package .total span.digits{
  font-size:2.25em;
  font-weight:bold;
}

.package .total a.btn{
  display:block;
  text-align:center;
  margin-top:30px;
  background:#333;
}


/*======Colours======*/

/*Web*/
.package.web{ border-color:#d3297a; }
.package.web header{ background:#d3297a; }
.package.web dl.package-details dd{ color:#d3297a; }
.package.web .total{ border-color:#d3297a; color:#d3297a; }
.package.web .total a.btn{ background:#d3297a; }
.package.web .total a.btn:hover{ background:#a52260; }


/*Business*/
.package.business{ border-color:#18b9a5; }
.package.business header{ background:#18b9a5; }
.package.business dl.package-details dd{ color:#18b9a5; }
.package.business .total{ border-color:#18b9a5; color:#18b9a5; }
.package.business .total a.btn{ background:#18b9a5; }
.package.business .total a.btn:hover{ background:#149383; }


/*vps*/
.vps a.btn{ background:#f76728; }
.vps a.btn:hover{ background:#cda413; }



/*======Choosing a plan=======*/

.choose-plan .package{
  position:relative;
  z-index:1;
}

/*Total*/
.choose-plan .package .total{
  background:#222;
  color:#FFF;
  margin:0;
  border-top:none;
  padding:20px;
}

/*Buttons*/
.choose-plan .package .total a.btn{
  cursor: pointer;
}

.choose-plan .package .total a.btn span{
  font-size:0.8em;
}

.choose-plan .package.selected .total a.btn{
  border:solid 1px #FFF;
}

.choose-plan .package.selected .total a.btn span.icon-tick{
  margin-right:10px;
}


/*=====Package selection=====*/

.package-selection{
  position:relative;
  z-index:0;
  background:#333;
  color:#FFF;
  text-align:center;
  top:-192px;
  padding:120px 0 100px 0;
  overflow:hidden;
  height:0px;
  transition:all 0.3s ease-in;
  width:200%;
  margin-left:-50%;
}

.package-selection.displayed{
  height:420px;
  padding-top:240px;
}

.package-selection .container{
  position:relative;
  z-index:1;
  opacity:0;
  -webkit-transform:translate(0,200%);
  transform:translate(0,200%);
  transition:all 0.5s ease-in 0.1s;
  -webkit-transition:all 0.5s ease-in 0.1s;
}

.package-selection.displayed .container{
  opacity:1;
  -webkit-transform:translate(0,0);
  transform:translate(0,0);
}

.package-selection h3{
  font-size:2.5em;
}

.package-selection h3,
.package-selection p{
  color:#FFF;
}


/*----Package options---*/


.package-options .package-option{
  display:inline-block;
}

.package-options input[type="radio"] {
  display: none;
}

.package-options input[type="radio"] + label {
  float:left;
  color: #FFF;
  font-size:1.125em;
  margin:0 5px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  border:solid 2px rgba(255,255,255,0.2);
  padding:25px 20px;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.4s ease-in;
}

/*Monthly tab (no term)*/
.package-options input#monthly + label span.details{
  margin-bottom:12px;
}

/*The deal details*/
.package-options input[type="radio"] + label span.details{
  display:block;
  float:left;
}

.package-options input[type="radio"] + label span.details span.term{
  color:#999;
  font-size:0.78em;
  display:block;
}

/*The tick*/
.package-options input[type="radio"] + label span.icon-tick{
  display:none;
  width: 25px;
  height: 20px;
  margin:20px auto 0 auto;
}

/*Hovered*/
.package-options input[type="radio"] + label:hover{
  border-color:rgba(255,255,255,1);
}

/*Checked*/
.package-options input[type="radio"]:checked + label {
  border-color:#FFF;
  border-width:2px;
}

.package-options input[type="radio"]:checked + label span.icon-tick{
  display:block;
}


/*----Package order---*/


.package-order p{
  color:#999;
}

.package-order span.digits{
  font-size:1em;
  color:#999;
}

.package-order span.digits-exvat{
  font-size:3em;
  color:#FFF;
}


/*=============================
----------Promo area-----------
=============================*/

.promo section{
  width:25%;
  float:left;
  text-align:center;
  padding:60px 0;
}

.promo section p{ 
  color:rgba(255,255,255,0.85); 
}

.promo section h3{ 
  font-size:3em;
  color:#FFF; 
}


/*=============================
----------moreinfo area-----------
=============================*/

.moreinfo section{
  width:33.3%;
  float:left;
  text-align:center;
  padding:30px 0px;
}

.moreinfo section p{
  color:rgba(255,255,255,0.85);
  padding:20px 40px;
}

.moreinfo section h3{
  font-size:3em;
  color:#FFF;
}

/*---Buttons---*/

.promo a.btn{
  background:rgba(0,0,0,0.2);
}

.promo a.btn:hover{
  background:rgba(0,0,0,0.5);
}

/*---Colours---*/

.promo .personal{
  background:#d3297a;
}

.promo .business{
  background:#18b9a5;
}

.promo .vps{
  background:#ffc600;
}

.promo .reseller{
  background:#0066ff;
}

.promo .email{
  background:#7254b2;
}

.promo .dedi{
  background:#5cd328;
}


.moreinfo .solar{
	background:#1b85b8;
}

.moreinfo .atlas{
	background:#559e83;
}

.moreinfo .sla{
        background:#e18300;
}

.solar{
  background: rgba(49,150,227,1);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(49,150,227,1)), color-stop(100%, rgba(49,180,227,1)));
  background: linear-gradient(135deg, rgba(49,145,227,1) 0%, rgba(49,175,227,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3196e3', endColorstr='#31b4e3', GradientType=1 );
}
.atlas{
  background: rgba(85,158,131,1);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(85,158,131,1)), color-stop(100%, rgba(94,177,147,1)));
  background: linear-gradient(135deg, rgba(85,158,131,1) 0%, rgba(94,177,147,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#559e83', endColorstr='#5eb193', GradientType=1 );

}
.sla{
  background: rgba(225,131,0,1);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(49,150,227,1)), color-stop(100%, rgba(49,180,227,1)));
  background: linear-gradient(135deg, rgba(225,131,0,1) 0%, rgba(253, 147, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3196e3', endColorstr='#31b4e3', GradientType=1 );
}

.supp1{
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top left, #DAFAF1 0%, #C2CCFF 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top left, #DAFAF1 0%, #C2CCFF 100%);

/* Opera */ 
background-image: -o-linear-gradient(top left, #DAFAF1 0%, #C2CCFF 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #DAFAF1), color-stop(1, #C2CCFF));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top left, #DAFAF1 0%, #C2CCFF 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom right, #DAFAF1 0%, #C2CCFF 100%);

/* outer shadows  (note the rgba is red, green, blue, alpha) */
-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); 
-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
}
.supp2{
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top left, #E2E7FF 0%, #FEE5B9 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top left, #E2E7FF 0%, #FEE5B9 100%);

/* Opera */ 
background-image: -o-linear-gradient(top left, #E2E7FF 0%, #FEE5B9 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #E2E7FF), color-stop(1, #FEE5B9));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top left, #E2E7FF 0%, #FEE5B9 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom right, #E2E7FF 0%, #FEE5B9 100%);
/* outer shadows  (note the rgba is red, green, blue, alpha) */
-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); 
-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
}
.supp3{
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top left, #FFF0D7 0%, #BAFEEA 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top left, #FFF0D7 0%, #BAFEEA 100%);

/* Opera */ 
background-image: -o-linear-gradient(top left, #FFF0D7 0%, #BAFEEA 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFF0D7), color-stop(1, #BAFEEA));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top left, #FFF0D7 0%, #BAFEEA 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom right, #FFF0D7 0%, #BAFEEA 100%);
/* outer shadows  (note the rgba is red, green, blue, alpha) */
-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); 
-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
}



/*============================
-----------Footer-------------
=============================*/

footer.main{
 /* background:#222;*/
  background:#333;
  color:#FFF;
  padding:60px 0;
  line-height:1.125em;
}

footer.main h3{
  font-size:1.2em;
  color:#FFF;
  margin-bottom:40px;
}

/*======Links======*/

footer.main a{
  color:#bbb;
  text-decoration: none;
  text-transform:uppercase;
}

footer.main a:hover{
  color:#FFF;
}


/*======Partners======*/

footer.main .partners .row:first-child{
  margin-bottom:40px;
}


/*======Secondary footer======*/

footer.main .secondary{
  font-size:0.8125em;
  color:#999;
  margin-top:40px;
  padding-top:40px;
  border-top:solid 1px rgba(255,255,255,0.2);
}

footer.main .secondary .credits{
  text-align:right;
}

footer.main .secondary .secondary-links a{
  margin:0 20px 0 0;
}


@media only screen and (max-width: 1264px) {
.centsvg {
display:none;
}

.featurebox-left {
float:none;height:230px;width:500px;margin-top: 0px; margin-right:auto;margin-left:auto;margin-bottom:30px;
}

.featurebox-right {
float:none;height:230px;width:500px;margin-top: 0px; margin-right:auto;margin-left:auto;margin-bottom:30px;
}

.featurebox-moneyback {
}

.featurebox-30day {
float:right;margin-top:0px;margin-left:0px;font-size:0.8em;filter:none;-webkit-filter:none;
}

#tpbanner-background {
width:100%;height:450px;margin-left:0;padding:0px;margin-top:30px;padding-top:20px;margin-bottom:20px;
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
}
#tpbanner-container {
width:580px;margin: 0 auto;text-align:center;
}
#tpbanner-logo {
width:280px;float:none;margin-left:auto;margin-right:auto;font-size:2.2em;position:relative;top:0px;color:#737366;font-weight:500;
}
#tpbanner-review {
width:580px;float:left;font-size:2.2em;position:relative;top:0px;margin-left:0px;margin-top:20px;line-height:1em;
}
.tpbanner-reviewtext {
float:left;margin-top:9px;font-size:1.1em;letter-spacing:0.03em;font-style:italic;color:#444;margin-bottom:5px;margin-left:0px;font-family: 'Just Another Hand', cursive;
}
.tpbanner-reviewname {
float:right;font-size:0.9em;letter-spacing:0.03em;font-style:italic;color:#333;font-family: 'Just Another Hand', cursive;margin-bottom:0px;margin-right:20px;top:0px;position:relative;
}

.feature-full-width {
  width: 100%;
  margin-left:0;
  padding-bottom:0;
 }

}



/*============================
--------Media queries----------
=============================*/

/*---Tablet landscape and smaller---*/

@media only screen and (max-width: 1024px) {

#mainlogo {
height:30px;
}

nav#mobile header{
  padding:10px;
  margin-bottom:0px;
  height:29px;
}

.hamburger {
  position: absolute;
  right: 20px;
  top: 16px;
}

nav#mobile header.sticky {
line-height:1;
height:29px;
}


  nav#primary .nav-items a{
    font-size:1.625em;
    margin:0 10px;
  } 

  .feature,
  .feature-expanded{
    margin-bottom:40px;
  }

 div.feature p {
top:20px;
}
  nav#secondary,nav#secondarybg{
    display:none;
}
  nav#mobile{
   display:block;
}
  nav#mobile .secondary-items{
    display:none;
}
  nav#primary .nav-items{
    display:none;
}
 nav#primarybg a.logo {
   display:none;
}
#banner {
padding:0;
}

#bannerwidth{
  position: relative;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}

 #banner-title h1 {
  font-size:2.9em;
  width:660px;
  padding-left:0px;
  padding-top:0px;
  margin-left:auto;
  margin-right:auto;
  margin-top:120px;
  text-align:center;
}

#banner-title h2{
  width:600px;
  margin-left:auto;
  margin-right:auto;
  font-size:1.5em;
  line-height: 1.3em;
  letter-spacing:0.005em;
  padding-left:0px;
  text-align:center;
}

#banner-title h4{
  font-size:1.3em;
  line-height: 1.3em;
  letter-spacing:0.005em;
}

.featurebox-left {
float:none;height:230px;width:500px;margin-top: 0px; margin-right:auto;margin-left:auto;margin-bottom:30px;
}

.featurebox-right {
float:none;height:230px;width:500px;margin-top: 0px; margin-right:auto;margin-left:auto;margin-bottom:30px;
}

.featurebox-moneyback {
}

.featurebox-30day {
float:right;margin-top:0px;margin-left:0px;font-size:0.8em;filter:none;-webkit-filter:none;
}

#tpbanner-background {
width:100%;height:450px;margin-left:0;padding:0px;margin-top:30px;padding-top:20px;margin-bottom:20px;
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
}
#tpbanner-container {
width:580px;margin: 0 auto;text-align:center;
}
#tpbanner-logo {
width:280px;float:none;margin-left:auto;margin-right:auto;font-size:2.2em;position:relative;top:0px;color:#737366;font-weight:500;
}
#tpbanner-review {
width:580px;float:left;font-size:2.2em;position:relative;top:0px;margin-left:0px;margin-top:20px;line-height:1em;
}
.tpbanner-reviewtext {
float:left;margin-top:9px;font-size:1.1em;letter-spacing:0.03em;font-style:italic;color:#444;margin-bottom:5px;margin-left:0px;font-family: 'Just Another Hand', cursive;
}
.tpbanner-reviewname {
float:right;font-size:0.9em;letter-spacing:0.03em;font-style:italic;color:#333;font-family: 'Just Another Hand', cursive;margin-bottom:0px;margin-right:20px;top:0px;position:relative;
}
.centsvg {
display:none;
}

.svmdiv {
margin:0px
}

.cpdiv {
margin:0px
}

.delldiv {
margin:0px
}

.sediv {
margin:0px
}

.r1div {
margin:0px
}

.feature-full-width {
  width: 100%;
  margin-left:0;
  padding-bottom:0;
 }

   /*---Packages---*/


  .package-selection.displayed{
/*
    top:0;
    padding:60px 0;
    margin:60px 0;
*/

    height:auto;
  }


  /*---Footer---*/

  footer.main .primary .three.columns{
    width:50%;
    margin:0;
  }

  footer.main .primary .partners{
    width:100%;
    margin:40px 0 0 0;
  }

  footer.main .primary .partners .four.columns{
    width: 30.6666666667%; 
    margin-left: 4%; 
    text-align:center;
  }

  footer.main .primary .partners .four.columns:first-child {
    margin-left: 0; 
  }

  footer.main .primary .partners img{
    max-width:80%;
    height:auto;
  }

  footer.main .secondary .secondary-links,
  footer.main .secondary .credits{
    margin-top:20px;
  }

  footer.main .secondary .credits{
    text-align:left;
  }


}



/*---Header height---*/

/*@media only screen and ( max-height: 900px ){
   
  #banner-title h1{
    margin-top:30px;
    font-size:3.25em;
  }

  #banner-title h2{
    font-size:1.25em;
    line-height:1.4em;
  }

  #banner-title a.btn{
    margin-top:0;
  }
}
*/



/*-----Tablet portrait and smaller-----*/

@media only screen and (max-width: 850px){

  /*-----Banner-----*/

  section#banner{
    height:auto;
    padding-top:40px;
  }

  #banner-title h1{
    font-size:2.625em;
  }

  #banner-title h2{
    font-size:1.3em !important;
    margin-bottom:0.5em;
    width:530px;
  }

  nav#banner-nav{
    display:none;
  }
 
  .one-half.column.homepage{
   display:none;
 }

#banner-title h1 {
margin-top:120px;
font-size:3em;
width:530px;
}


  /*------Navigation------*/

  nav#mobile{
    display:block;
  }

  header.main{
    display:none;
  }


  /*-----Buttons------*/

  a.btn.large{
    font-size:1.25em;
    margin-top:10px;
  }


  /*----Promos----*/

  .promo section{
    width:100%;
    float:none;
  }

  /*---Features---*/

  .features .row{
    margin-bottom:0;
  }

  /*---Packages---*/

  .package-options .package-option{
    display:block;
    width:100%;
    float:none;
    margin-bottom:20px;
  }

  .package-options input[type="radio"] + label,
  .package-options input[type="radio"] + label span.details{
    float:none;
  }

 .package-selection{
    top:0;
    padding:0;
    margin-bottom:120px;
    width:100%;
  }

  .package-selection.displayed{
    top:0;
    height:auto;
    padding:60px 0;
    margin:60px 0;
  }

  .hidemobile {display:none;}   

}

@media only screen and (max-width: 500px) {

#bannerwidth{
  position: relative;
max-width: 480px;
margin-left: auto;
margin-right: auto;
}


 #banner-title h1 { 
  font-size:2.8em;
  width:300px;
  padding-left:0px;
  padding-right:0px;
  padding-top:0px;
  margin-left:auto;
  margin-right:auto;
  margin-top:95px;
  text-align:center;
}

#banner-title h2{
  width:280px;
  margin-left:auto;
  margin-right:auto;
  font-size:1.2em;
  line-height: 1.3em;
  letter-spacing:0.005em;
  padding-left:0px;
  text-align:center;
}

#banner-title h4{
  font-size:1.0em;
  line-height: 1.3em;
  letter-spacing:0.005em;
}

.featurebox-left {
float:none;height:200px;width:300px;margin-top: 0px; margin-right:auto;margin-left:auto;margin-bottom:30px;
}

.featurebox-right {
float:none;height:300px;width:300px;margin-top: 0px; margin-right:auto;margin-left:auto;margin-bottom:30px;
}

.featurebox-moneyback {
}

.featurebox-30day {
}

#tpbanner-background {
width:100%;height:600px;margin-left:0;padding:0px;margin-top:30px;padding-top:20px;margin-bottom:20px;
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
}
#tpbanner-container {
width:300px;margin: 0 auto;text-align:center;
}
#tpbanner-logo {
width:280px;float:left;margin-left:0px;font-size:2.2em;position:relative;top:0px;color:#737366;font-weight:500;
}
#tpbanner-review {
width:280px;float:left;font-size:2.2em;position:relative;top:0px;margin-left:0px;margin-top:20px;line-height:1em;
}
.tpbanner-reviewtext {
float:left;margin-top:9px;font-size:1.1em;letter-spacing:0.03em;font-style:italic;color:#444;margin-bottom:5px;margin-left:0px;font-family: 'Just Another Hand', cursive;
}
.tpbanner-reviewname {
float:right;font-size:0.9em;letter-spacing:0.03em;font-style:italic;color:#333;font-family: 'Just Another Hand', cursive;margin-bottom:0px;margin-right:20px;top:0px;position:relative;
}



}
/*---iPad----*/

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape){

  /*Fixes the VH units*/
  #banner{
    height:472px !important; /*0.6 * 768*/
  }

  .package.left{
    min-width:287px;
    margin-left:-15%;
   }

  .package.right{
    min-width:287px;
    margin-left:2%;
   }

  .package.web.home{
    min-width:287px;
    margin-left:-15%;
   }

  .package.business.home{
    min-width:287px;
    margin-left:2%;
   }
  
   div.six.columns.offset-by-three{
   min-width:470px;
   margin-left:21%;
   }

   .feature-expanded1.sla{
   }
  
   #banner-title h2#mediafix{
   font-size: 1.093em;
   }

}


.tos h3{
	padding-top:13px;
	}

.bold {font-weight:bold;}
.boldnoul {font-weight:bold;text-decoration:none}

.top30 {margin-top:30px;}

.left30 {margin-left:30px;width:300px;}

.left31 {margin-left:30px;width:200px;}

.installatron-icon {float:left;padding-right:20px;height:100px;padding-top:20px;}

.installatron-version {float:left;width:15%;padding-top:20px;}

.installatron-text {float:left;width:65%;}

.floatleft {float:left;}

input.btn{
  display:inline-block;
  background:#f16826;
  padding: 0px 20px;
  margin-left:20px;
  text-transform: uppercase;
  font-size:1.25em;
  color:#FFF;
  text-decoration: none;
  letter-spacing: 0.05em;
  border-radius: 5px;
  transition:all 0.3s ease-in;
}

input.btn:hover{
  background:#c55520;
}

.downarrow {
width: 0;
height: 0;
border-style: solid;
border-width: 50px 50px 0 50px;
border-color: #d13636 transparent transparent transparent;
}

.downarrow1 {
    border-left:15px solid #309fe2;
    border-bottom:15px solid #309fe2;
    width:50px;
    height:50px;
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Safari */
    transform: rotate(-45deg);
}

.center {
margin-left: auto;
    margin-right: auto;
}

.down70 {top:1.6em;position:relative;}

#wrapper {max-width: 1600px;
   width: 92%;
   margin: 0 auto;}

.star {font-size:1.3em;}

.cpanellogo {
  width: 65px;
  height: 30px;
 position:relative;
 top:2px;
vertical-align:bottom;
}

.wordpresslogo {
  width: 160px;
  height: 35px;
 position:relative;
 top:4px;
vertical-align:bottom;
}

.exvat {}

.moveup {position:relative; top:-60px;}

.moveup h2 {position:relative; top:-30px;}

.moveup10 {position:relative; top:-15px; color:#333;}

.feature, .feature-expanded1{
  text-align:center;
  padding:40px;
  overflow:hidden;
  /*transition:all 0.3s ease-in-out;*/
}

.grey-bg .feature-expanded1{
  background:#FFF;
}

.feature-expanded1 h3 [class^="icon-"],
.feature-expanded1 h3 [class*=" icon-"]{
  display:block;
  font-size:1.33em;
  color:#fff;
  margin-bottom:20px;
/*  transition:all 0.3s ease-in-out;*/
}

  .feature-expanded1{
    margin-bottom:20px;
  }

.feature-expanded1 p {color:#fff;}
.feature-expanded1 h3 {color:#fff;font-size:2.1em;}

.testcont {width:90%;margin-left: auto;margin-right:auto;}

.orderbt {position:relative;top:-13px;}

.partners img {display:block; margin-left:auto;margin-right:auto;}
.partners div {line-height:70px;height:70px;}

.cmslogo {height:100px;}

.cmslogo1 {height:80px;padding-left:50px;}
.cmslogo2 {height:100px;margin:auto;display:block;padding-bottom:30px;}
.cmslogo3 {height:120px;margin:auto;display:block;padding-bottom:30px;}
.cmslogo4 {height:150px;margin:auto;display:block;padding-bottom:30px;}
.cmslogo5 {margin:auto;display:block;padding-bottom:30px;}

.delllogo {position:relative;top:-.9em;left:1em;}
.delllogo1 {position:relative;top:-.9em;left:1.7em;}
.selogo {padding-top:.5em;}
.selogo1 {padding-top:.5em; width:200px;}
.svmlogo {padding-top:.4em;position:relative;left:1.3em;}
.svmlogo1 {padding-top:.4em;width:200px;}
.cplogo {height:30px;}
.r1logo {height:38px;}
.nominetlogo {height:45px;}

.extras1 {width:32%;font-weight:bold;height:34px;}
.extras2 {width:15%;}

.announcements {
margin:30px;
padding:30px;
padding-bottom: 10px;

/* outer shadows  (note the rgba is red, green, blue, alpha) */
-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); 
-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);

/* rounded corners */
-webkit-border-radius: 7px;
-moz-border-radius: 7px; 
border-radius: 7px;

/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top left, #F5FDFF 0%, #DDF7FE 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top left, #F5FDFF 0%, #DDF7FE 100%);

/* Opera */ 
background-image: -o-linear-gradient(top left, #F5FDFF 0%, #DDF7FE 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #F5FDFF), color-stop(1, #DDF7FE));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top left, #F5FDFF 0%, #DDF7FE 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom right, #F5FDFF 0%, #DDF7FE 100%);
}

.smallertext {font-size:0.8em;}
.nolink {color:#555;}
.twitter {padding-left: 40px;position:relative;float:right;}

/* Support Button Popup */

.popdiv {
        display:none;
        z-index: 10;
        position: absolute;
        right:20px;
        top:-50px;
        background: #FFF;
        border: 0px solid #c2e1f5;
        padding:10px;
        border-radius:4px;
        -webkit-box-shadow: 0px 5px 24px 27px rgba(0,0,0,0.27);
        -moz-box-shadow: 0px 5px 24px 27px rgba(0,0,0,0.27);
        box-shadow: 0px 5px 24px 27px rgba(0,0,0,0.27);
}
.popdiv:after, .popdiv:before {
        bottom: 100%;
        left: 88%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
}

.popdiv:after {
        border-color: rgba(136, 183, 213, 0);
        border-bottom-color: #FFF;
        border-width: 20px;
        margin-left: -5px;
}
.popdiv:before {
        border-color: rgba(194, 225, 245, 0);
        border-bottom-color: #c2e1f5;
        border-width: 0px;
        margin-left: -56px;
}

.popbut {margin:15px;}

/* End Support Button Popup */

.slide {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.twitterbar {width:100%;height:100px;background:#55acee;padding:30px;margin-bottom:40px;}
.tweet {padding:20px;border-radius:5px;background:#ccd6dd;}
.tweetname {margin-right:30px;font-weight:bold;font-size:20px;}
.tweetauthor {margin-right:30px;font-weight:bold;font-size:20px;}
.tweettime {margin-right:30px;font-weight:bold;font-size:20px;}
.tweetcontent {font-size:16px;padding-top:6px;}

/*homepage tweaks*/
.one-half.column.homepage {
margin-top:10px;
margin-bottom:22px;
width: 48%; 
  border-radius: 15px;
  background: rgba(0,0,0,0.2);
}

.one-half.column.homepage p{
color:#fff;
}
.ourbtn.large.getstartedbtn.homepage {
  width:100%;
  border-top-right-radius:2px;
  border-top-left-radius:2px;
  border-bottom-right-radius:10px;
  border-bottom-left-radius:10px;
  display:inline-block;
  background:#f14c5e;
  padding-top:20px;
  padding-bottom:20px;
  text-transform: uppercase;
  font-size:1.55em;
  color:#FFF;
  text-decoration: none;
  letter-spacing: 0.05em;
  transition:all 0.3s ease-in;
  position:relative;
  top:22px;
}

.h2.homepage {
  font-size:30px;
  text-transform:uppercase;
  letter-spacing: 0.03em;
  color:#fff;
  background: rgba(0,0,0,0.3);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.3)), color-stop(100%, rgba(0,0,0,0)));
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
  width:100%;
  display:inline-block;
  padding-top:20px;
  padding-bottom:15px;
  position:relative;
  top:-22px;
	border-bottom-right-radius:2px;
	border-bottom-left-radius:2px;
	border-top-right-radius:15px;
	border-top-left-radius:15px;
}