/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
}

body {
    font-size: 15px;
    line-height: 1.5;
    font-family:"proxima-nova",Helvetica,Arial,sans-serif;
    font-weight:300;
    background:#FBFBFB;
    color:#000;
    margin:0;
}

ul {
    list-style:none;
    padding:0;
}

ul li, ol li {
    padding:3px 0 3px 25px;
}

ul.red li{
    background:url(/National_Library/20161130034600oe_/https://www.site5.com/img/bullet_red.png) 0 5px no-repeat;
    color:#222;
}

ul.orange li{
    background:url(/National_Library/20161130034600oe_/https://www.site5.com/img/bullet_orange.png) 0 5px no-repeat;
}

ul.columns {
    overflow: hidden;
}

ul.columns li {
    width:33%;
    float:left;
    font-weight:700;
}

ol.alpha > li {
    list-style-type: lower-alpha;
}

a {
    color:#008BD9;
    -webkit-transition: color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;
    outline: none;
}

a:hover{
    text-decoration:none;
}

a:focus {
    outline: none;
}

h2 {
    font-size:36px;
}

h2 > a[name] {
    color: #000 !important;
}

.content .block > h2{
    margin:0 0 0.16em;
}

.content .block > h2 span {
    font-weight:300;
}

h3 {
    font-size:26px;
    font-weight:600;
    margin: 1em 0 0.3em;
}

h4 {
    font-size:19px;
    margin-top:1em;
}

.centered {
    text-align:center;
}

.centered span {
    font-size:22px;
    font-weight:300;
    display:block;
}

.blue {
    color:#008BDB;
}

.red {
    color:#FE0859;
}

.green {
    color:#9FC606;
}

.bold {
    /*font-weight:700;*/
}


.white-box {
    background:#fff;
    border:1px solid #E3E3E3;
}

.messageBox {
    background:#FFF9D5;
    border: 1px solid #EFD054;
    padding: 10px 25px;
    border-radius:4px;
    margin:1em 0;
    clear:both;
    font-size:90%;
    line-height:1.3;
}

.messageBox p{
    margin:0.6em 0;
}



/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #E3E3E3;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* LAYOUT ELEMENTS
----------------------------------------*/

.block {
    width:90%;
    max-width:1130px;
    margin:0 auto;
    position:relative;
}

.block:before,
.block:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.block:after {
    clear: both;
}

.block.homepage {
	margin-top:15px;
}

header {
    background:#16191E;
    padding:15px 0 10px;
}

.content {
    padding:18px 0 50px;
}

#homepage .content { /* to accomodate the slider in the right position*/
    padding:0 0 30px;
}

footer {
    padding:45px 0;
    background:#16191E;
    font-size:13px;
    font-weight:300;
    color:#fff;
}

aside {
    width:22%;
    float:left;
    padding-right:2.5%;
    margin-top:1em;
}

aside.right {
    padding-right:0;
    padding-left:2.5%;
    margin-top:0;
}

.main-column {
    width:78%;
    float:left;
    border-left:1px solid #e3e3e3;
    padding-left:4.5%;
    min-height:600px;
}

.main-column.left {
    padding:0 4.5% 0 0;
    border:none;
    border-right:1px solid #e3e3e3;
}



/* Responsive Grids */
.col, .homeServiceItem, .homeServiceItemThree{
    float: left;
    margin-left: 3.2%;
    margin-bottom: 20px;
}

/* grid4 col */
.grid4 .col {
    width: 22.6%;
}

#homeServices .homeServiceItem {
    width: 22.6%;
}

.homeServiceItemThree {
    width: 31.2%;
}

/* grid3 col */
.grid3 .col {
    width: 31.2%;
}

/* grid2 col */
.grid2 .col {
    width: 48.4%;
}

.grid2.lpage-box .col:first-child {
    width: 33.4%;
    padding-top:2em;
}

.grid2.lpage-box .col:first-child img {
    max-width:96%;
}

.grid2.lpage-box .col:last-child {
    width:63.4%;
}

.grid4 .col:nth-of-type(4n+1),
#homeServices .homeServiceItem:nth-of-type(4n+1),
.grid3 .col:nth-of-type(3n+1),
#homeServicesThree .homeServiceItemThree:nth-of-type(3n+1),
.grid2 .col:nth-of-type(2n+1) {
    margin-left: 0;
    clear: left;
}

/* COMMON ELEMENTS
--------------------------------------*/
.button {
    display:inline-block;
    border-radius:2px;
    padding:8px 16px;
    color:#fff;
    font-weight:600;
    text-decoration:none;
    line-height:1;
    text-align:center;
    background:#008BDB;
    border:none;
}

.button:hover {
    text-decoration:none!important;
}

.button-red:hover, .button-red-big:hover {
    background:#333;
}

.button-blue, .button-red-big {
    font-size:20px;
    padding:10px 18px;
}

.button-red, .button-red-big{
    background:#FE0859;
}

.button-blue:hover {
    background:#00A8FF;
}

.button small {
    font-size:14px;
    font-weight:300;
    text-transform:capitalize;
}

/* HEADER ELEMENTS
--------------------------------------*/


header ul {
    margin:0;
    padding:0;
}

header nav a {
    text-decoration:none;
    color:#fff;
    -webkit-transition: background 0.25s ease;
    -moz-transition: background 0.25s ease;
    transition: background 0.25s ease;
}

.logo {
    float:left;
    margin-top:3px;
}

.logo h1{
    font-size:14px;
    line-height:1;
    margin:0 0 0.4em;
    font-weight:300;
    color:#fefefe;
}

.logo img {
    margin-bottom:14px;
}

.logo a {
    color:#fefefe;
    text-decoration: none;
}

.logo small {
    text-decoration: underline;
}

.tagline-dialog, .logo span {
    display:block;
    margin-top:-5px;
}

.top-menu li, .main-menu li{
    display:inline-block;
    font-size:15px;
    padding:0;
}

.main-menu li {
    position: relative;
}

.top-menu {
    float:right;
    margin:-5px 12px 14px 0;
}

.main-menu {
    float:right;
    clear:right;
    margin-top:15px;
}

.top-menu li {
    font-size:13px;
    margin-left:10px;
}

.top-menu li a {
    display:block;
    /*padding-left:22px;*/
    background-repeat:no-repeat;
    color:#BABDBF;
    transition:all 0.3s ease-out;
}

.top-menu li a span { /* The icon font */
    font-size:16px;
    display:inline-block;
    vertical-align:middle;
    line-height:16px;
}

.top-menu li a:hover {
    color:#fff;
}

.top-menu li a:hover span {
    color:#FE0657;
}

/*.top-menu li a.support {
    background-image:url(/National_Library/20161130034600oe_/https://www.site5.com/img/ico_support_topmenu_q.png);
}

.top-menu li a.email {
    background-image:url(/National_Library/20161130034600oe_/https://www.site5.com/img/ico_email_topmenu.png);
}

.top-menu li a.chat {
    background-image:url(/National_Library/20161130034600oe_/https://www.site5.com/img/ico_chat_topmenu.png);
}

.top-menu li a.phone {
    background-image:url(/National_Library/20161130034600oe_/https://www.site5.com/img/ico_phone_topmenu.png);
}

.top-menu li a.clientlogin {
    background-image:url(/National_Library/20161130034600oe_/https://www.site5.com/img/ico_clientlogin2.png);
    margin-left:-8px;
}

.top-menu li a:hover {
    background-position:0 -20px;
    color:#fff;
}*/

.main-menu li a {
    display:block;
    padding:2px 7px;
    margin:0 2px;
    border-radius:2px;
    font-size:15px;
    font-weight: 500;
   /*text-transform: uppercase;*/
}

.main-menu li a img {
    vertical-align: baseline;
}

.main-menu li:hover a, .main-menu li a:hover, .main-menu li a.active {
    background:#FE0657;
}

.main-menu li.client-login {
    border-left:1px solid #555;
    padding-left:6px;
}

.main-menu li.client-login a {
    background-image:url(/National_Library/20161130034600oe_/https://www.site5.com/img/ico_clientlogin.png);
    background-position:12px 40%;
    background-repeat:no-repeat;
    padding-left:32px;
}

.main-menu li.other-products a:hover,
.main-menu li.other-products:hover a,
.main-menu li.other-products a.active:hover{
    border-radius:2px 2px 0 0!important;
}

.main-menu li ul {
    /*background: #16191E; */
    background: #FE0657;
    width: auto;
    position: absolute;
    z-index: 9;
    border-radius: 0 2px 2px 2px;
    padding: 6px 0 11px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
    margin:0 0 0 2px;
    width:158px;
}

.main-menu li:hover ul {
    visibility: visible;
    opacity: 1;
}

.main-menu li ul li a {
    color:#FFC6D9;
    border-radius: 0;
    font-size: 89%;
    background: none !important;
    font-weight:300;
    padding:5px 9px 8px;
    line-height:1;
}

.main-menu li ul li a:hover {
    color:#fff;
}

body.menu-on {
    right: 15em;
    position:relative;
}

/* Small Screens Menu */
#small-screens-menu {
    background:#000;
    display:none;
    font-size:15px;
    width: 100% !important;
}

#small-screens-menu li {
    padding: 0;
}

#small-screens-menu img {
    width:60px;
    margin:10px 0 0 22px;
}

#small-screens-menu ul li a {
    text-align: left;
    padding:8px 0;
    border-bottom:1px solid #111;
    display:block;
    color:#ccc !important;
    text-decoration: none;
    text-indent: 5px;
}

.topmenu-button {
    padding:13px 20px 10px;
    /*background:url(/National_Library/20161130034600oe_/https://www.site5.com/img/ico_mobile_menu.png) 15px 19px no-repeat;*/
    color:#ccc !important;
    display:block;
    text-transform: uppercase;
    text-decoration: none;
    text-indent: 5px;
    float:right;
}

#small-screens-menu li.submenu a {
    text-indent: 30px;
}

#small-screens-menu li.submenu a:before {
    content:'> ';
}

#small-screens-menu ul {
    padding:0 17px;
    margin: 15px 0;
    display:none;
}

#small-screens-menu li:last-child a{
    border-bottom:none;
}

#small-screens-menu a:hover
 {
    text-decoration: none;
    color:#fff !important;
}


/* HOMEPAGE ELEMENTS
-----------------------------------*/


/* Slider */

.slidercontainer {
    font-weight:300;
    margin: 0 0 15px;
    position:relative;
    border-top:1px solid #262B35;
    color:#fff;

}

.slidercontainer h2 {
    font-size:32px;
    margin:0;
}

.slidercontainer h2 a,.slidercontainer h2 a:hover {
    text-decoration:none!important;
    color:#fff;
}

.slidercontainer .button {
    margin:10px 20px 0 0;
    padding:8px 16px!important;
    font-size:18px!important;
    line-height:1.3;
}

.mfp-wrap .button {
    margin:10px 10px 0 0;
    font-size:18px!important;
}

.slidercontainer .col img {
    max-width:100%;
    height:auto!important;
}

.slide.video .col:last-child h2 {
    display:none;
}

#homepage .content h2:first-child {
    margin-bottom:0;
}

.slidercontainer .slide ul li {

    color:#fff;
    float:left;
    padding:4px 0 4px 25px;
}

.slidercontainer .slide a {
    text-decoration: none;
}
.slidercontainer .slide a:hover{
    text-decoration: underline;
}

.slidercontainer .slide .main-slide-image {
    width:100%;
    margin:30px auto 0;
}

.slidercontainer .slide .second-slide-image {
    display:none;
    float:left;
    width:300px;
    margin:0 30px 300px 0;
}

.slidercontainer .slide ul.locations-list li{
    width:49%;
}

.slidercontainer .slides {
    position: relative;
    overflow:hidden;
    background:#16191E;
    margin:0;
    height:380px;
}

.slidercontainer .slides .slide {
    width: 100%;
    font-size:16px;
    position: absolute;
    top:-650px;
    opacity:0;
    padding:40px 0 20px 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.slidercontainer .slides .slide.active{
    opacity:1;
    top:0;
}

.slidercontainer .slides .video {
    padding:60px 0 0;
    background:url(/National_Library/20161130034600oe_/https://www.site5.com/img/slider_video_bk.jpg) 50% 0 no-repeat;
    height:380px;
}

.slidercontainer .slides .col:nth-child(2) img{
    margin-top:-6px;
}

.slidercontainer .slides .video .but-video-slider {
    display:block;
    width:300px;
    margin:0 auto;
    opacity:0.4;
    -webkit-transition:opacity 0.4s ease-out;
    -moz-transition:opacity 0.4s ease-out;
    -o-transition:opacity 0.4s ease-out;
    transition:opacity 0.4s ease-out;
}

.slidercontainer .slides .video .but-video-slider img {
    margin-top:-45px;
}

.slidercontainer .slides .video .but-video-slider span {
    font-size:13em;
    color:#fff;
    margin-left:0;
}

.slidercontainer .slides .video .but-video-slider:hover {
    opacity:0.95;
}

.slidercontainer .slides .video .small-but-video-slider {
    color:#fff;
    opacity:0.7;
    /*background:url(/National_Library/20161130034600oe_/https://www.site5.com/img/small_but_video.png) 0 2px no-repeat;*/
    -webkit-transition:opacity 0.4s ease-out;
    -moz-transition:opacity 0.4s ease-out;
    -o-transition:opacity 0.4s ease-out;
    transition:opacity 0.4s ease-out;
    display:inline-block;
    min-height:32px;
    line-height:1.3;
    padding:15px 20px 0 0;
}

.slidercontainer .slides .video .small-but-video-slider span {
    float: left;
    font-size: 37px;
    margin-top: -13px;
    margin-left:0;
}

.slidercontainer .slides .video .small-but-video-slider:hover {
    opacity: 0.95;
}


.slide.video col:last-child h2 {
    text-align:center;
    display:none;
}

/* Slider Nav */
.slidernav-container {
    background:#EDEDED;
    width:100%;

}

.slidernav {
    padding:0 0 10px;
    margin:0;
    line-height:1!important;
}

.slidernav li a {
    text-decoration:none;
    color:#333;
    display:block;
    white-space: nowrap;
    overflow:hidden;
}

.slidernav li a br {
    display:none;
}

.slidernav li a:focus {
    outline:none;
}

.slidernav li {
    display:inline-block;
    width:19.5%;
    text-align: center;
    padding:10px 0 0;
    font-size:14px;
    font-weight:400;
}

.slidernav li span.icon {
    height:37px;
    background-position:50% 0;
    background-repeat:no-repeat;
    text-align: center;
    display:block;
    margin-bottom:6px;
    font-size:34px;
    line-height:1.2em;
}

/* Testing icon fonts */

@font-face {
  font-family: 'site5icons';
  src: url('/National_Library/20161130034600oe_/https://www.site5.com/font/site5icons.eot?31588766');
  src: url('/National_Library/20161130034600oe_/https://www.site5.com/font/site5icons.eot?31588766#iefix') format('embedded-opentype'),
       url('/National_Library/20161130034600oe_/https://www.site5.com/font/site5icons.woff?31588766') format('woff'),
       url('/National_Library/20161130034600oe_/https://www.site5.com/font/site5icons.ttf?31588766') format('truetype'),
       url('/National_Library/20161130034600oe_/https://www.site5.com/font/site5icons.svg?31588766#site5icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'site5icons';
    src: url('/National_Library/20161130034600oe_/https://www.site5.com/font/site5icons.svg?31588766#site5icons') format('svg');
  }
}
*/

 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "site5icons";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-ico_slider_globe:before { content: '\e800'; } /* '' */
.icon-ico_uptime:before { content: '\e810'; } /* '' */
.icon-ico_slider_panel:before { content: '\e802'; } /* '' */
.icon-ico_slider_why:before { content: '\e803'; } /* '' */
.icon-ico_slider_migration:before { content: '\e804'; font-size:30px;} /* '' */
.icon-ico_envelope:before { content: '\e805'; } /* '' */
.icon-ico_phone:before { content: '\e806'; } /* '' */
.icon-ico_support_top:before { content: '\e807'; } /* '' */
.icon-ico_slider_guarantees:before { content: '\e801'; font-size:30px; } /* '' */
.icon-ico_qa:before { content: '\e809'; } /* '' */
.icon-ico_warning:before { content: '\e80a'; } /* '' */
.icon-ico_chat:before { content: '\e80b'; } /* '' */
.icon-ico_user:before { content: '\e80c'; } /* '' */
.icon-ico_video:before { content: '\e80d'; font-size:33px; vertical-align: middle; margin-left:0; } /* '' */
.icon-ico_demo:before { content: '\e80e'; font-size:37px; vertical-align: middle; margin-left:0;} /* '' */
.icon-ico_play:before { content: '\e80f'; } /* '' */
.icon-ico_book:before { content: '\e808'; } /* '' */
.icon-ico_mobile_menu:before { content: '\e811'; font-size:15px; } /* '' */
.icon-ico_tree:before { content: '\e812'; font-size:70px; color:#9FC606;margin:-5px 0.3em 0 -0.1em} /* '' */

/* End Testing icon fonts */


.slidernav li span.why {
    background-image:url(/National_Library/20161130034600oe_/https://www.site5.com/img/ico_slider_why.png);
}

.slidernav li span.locations {
    background-image:url(/National_Library/20161130034600oe_/https://www.site5.com/img/ico_slider_locations.png);
}

.slidernav li span.panel {
    background-image:url(/National_Library/20161130034600oe_/https://www.site5.com/img/ico_slider_panel.png);
}

.slidernav li span.migration {
    background-image:url(/National_Library/20161130034600oe_/https://www.site5.com/img/ico_slider_migration.png);
}

.slidernav li span.guarantees {
    background-image:url(/National_Library/20161130034600oe_/https://www.site5.com/img/ico_slider_guarantees.png);
}

.slidernav li a:hover, .slidernav li.active a {
    color:#008BD9;
}

.slidernav li a:hover .icon, .slidernav li.active .icon{
    background-position:50% -35px;
}

/* Home Plans */

.block.homepage h2 {
	font-size: 50px;
}

.home-plans {
    margin:80px auto;
		width:90%;
		max-width: 900px;
}

.home-plans .col{
    padding:0 10px 30px;
    position:relative;
		width:33.333%;
		margin:0;
		background:#f6f6f6;
		border:1px solid rgba(0,0,0,0.05);
		min-height:330px;
}

.home-plans .price{
    font-size:32px;
    font-weight:700;
    /*text-shadow:1px 1px #fff, 0 0 0 #000, 1px 1px #fff;*/
		display:inline-block;
}

.home-plans .price sup {
    font-size:18px;
}

.home-plans h3 {
    font-size:24px;
    font-weight:700;
		margin:0.5em 0 0;
}

.home-plans ul.features {
	margin:0;
	padding:0;
}

.home-plans ul.features li {
	padding-left:0;
}

.home-plans .button, .home-plans .button:hover{
	text-decoration:none;
	background:#666666;
	color:#fff;
	border-radius:3px;
	margin-top:20px;
	position:absolute;
	bottom:30px;
	width:150px;
	left:50%;
	margin-left:-75px;
	font-weight:400px;
}

.home-plans .popular .button {
	background:none;
	border:1px solid #fff;
}

/*.home-plans .col{
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;
    padding:0 25px;
}*/

/*.home-plans .col:hover {
    border:none;
    margin-top:-10px;
    background:#fdfdfd;
    border-radius:3px;
    box-shadow:0 0 5px #ddd;
    border:1px solid #ddd;
}*/

.home-plans .col:hover .price {
    /*color:#FE0859;*/
}

.home-plans .popular {
	background:#2CA9E8;
	color:#fff;
	box-shadow: 0 1px 4px #ccc;
	height:150%;
	padding:10px 20px 60px;
	border:1px solid #fff;
	margin-top:-40px;
	min-height: 390px;
	font-size:120%;
}


.home-plans .popular a, .home-plans .popular .price, .home-plans .popular h3 {
	color:#fff!important;
}

.home-plans .popular .price {
	font-size:40px;
}

.home-plans .plan-title {
	font-weight:700;
	margin-top:0;
}

.home-plans hr {
	opacity:0.6;
	margin:7px 0;
}

.home-freetrial {
    padding:25px 35px;
    overflow:hidden;
    margin-bottom:30px;
}

.home-freetrial div  {
    float:right;
    margin-left:40px;
}

.home-freetrial .text {
    float:left;
}

/* CONTENT ELEMENTS
-----------------------------------*/

/* Regular Tables */

.regular-table {
    width:100%;
}

.regular-table td, .regular-table th {
    border:collapse;
    border-right:1px dashed #ddd;
    border-bottom:1px dashed #ddd;
    padding:10px 20px;
    text-align:center;
}

.regular-table th {
    background:#2CA9E8;
    color:#fff;
    border-bottom:none;
    border-right:1px solid #66C1EF;
    text-shadow:1px 1px #4A8BAC;
}

.regular-table tr td:first-child {
    text-align: left;
}

.regular-table tr td:last-child, .regular-table tr th:last-child {
    border-right:none;
}

.regular-table tr:last-child td {
    border-bottom:none;
}

.regular-table.current-status th:first-child {
  text-align: left;
}

.regular-table.uptime-reports tr td:first-child {
  text-align: center;
}

/* Product page ------*/

.product-page-box {
    line-height:1.3;
}

.product-page-box .white-box h3 {
    margin:0 0 1em;
    padding:15px 0;
    background:#FBFBFB;
    font-weight:500;
    border-bottom:4px solid #FE0657;
    font-size:26px;
}

.product-page-box .button {
    margin-bottom:30px;
    width:70%;
}

.product-page-box .price{
    font-size:62px;
    font-weight:700;
    text-shadow:1px 1px #fff, 0 0 0 #000, 1px 1px #fff;
    color:#FE0859;
}

.product-page-box p {
    margin:1em;
    line-height:1.5;
}

.product-page-box .price sup {
    font-size:32px;
}

.product-page-box ul {
    margin:1em 35px;
}

.product-page-box .features li {
    text-align:left;
}

/* Plans Page -----------*/

.submenu-container {
    background:#EDEDED;
}

.sub-menu ul {
    padding:0;
    margin:0;
}

.sub-menu li {
    display:inline-block;
    padding:0 2px 0 0;
}

.sub-menu li a, .sub-menu .submenu-lead-link{
    display:block;
    text-decoration:none;
    line-height:16px;
    padding:15px 10px;
    color:#111;
    font-size:14px;
    font-weight:500;
}

.sub-menu .submenu-lead-link {
    position:absolute;
    right:0;
    top:0;
    color:#008BD9;
    font-weight:700;
    padding:10px 5px 10px 15px;
}

.sub-menu .submenu-lead-link img {
    margin-left:5px;
}

.sub-menu li a:hover {
    color:#008BD9;
}

.sub-menu li a.active, .sub-menu li a.active:hover {
    background:#fbfbfb;
    color:#FE0657;
    font-weight:700;
}

.sub-menu li a:hover {
    background-position:0 -18px;
}

.swipe-note {
    display:none;
}

.swipe-note img {
    margin-bottom:10px;
}

.plans_table th.hidden, .plans_table td.hidden {
    display: table-cell !important;
    visibility: visible;
}

.product-plans {
    margin:30px 0;
    overflow: hidden !important;
		clear:both;
}

.product-plans table {
    width:100%;
}

.product-plans td, .product-plans th {
    border:collapse;
    border-right:1px dashed #ddd;
    border-bottom:1px dashed #ddd;
    padding:10px 20px;
    text-align:center;
}

.product-plans th {
    padding:0 0 15px;
    vertical-align: top;
}

.product-plans .legacy th {
    padding:0;
}

.product-plans th:first-child {
    padding:15px 20px 20px;
}

.product-plans .legacy th:first-child {
    padding:0;
}

.product-plans th:not(:first-child) {
    border-bottom:2px solid #66C1EF;
}

.product-plans tr:last-child td {
    border-bottom:none;
    padding:30px 0;
}

.product-plans .legacy tr:last-child td{
    padding:10px 20px;
}

.product-plans .vps-features tr:last-child td {
    padding:10px 20px;
}

.product-plans tr td:last-child, .product-plans tr th:last-child {
    border-right:none;
}

.product-plans tr td:first-child, .product-plans tr th:first-child {
    text-align:left;
}

.product-plans .plan {
    width:20%;
}

.product-plans .bestValue, .product-plans .bestValue small {
    font-weight:700;
    color:#F40856;
}

.product-plans h3 {
    margin:0 0 20px;
    font-size:16px;
    background:#66C1EF;
    color:#fff;
    text-shadow:1px 1px #4A8BAC;
    padding:8px 0;
}

.product-plans .legacy h3 {
    margin:0;
}

.product-plans  th:nth-child(3) h3 {
    background:#2CA9E8;
}

.product-plans .legacy th:nth-child(3) h3 {
    background:#66C1EF;
}

.product-plans .price{
    font-size:38px;
    font-weight:700;
    text-shadow:1px 1px #fff, 0 0 0 #000, 1px 1px #fff;
    color:rgba(50,50,50,0.95);
    line-height:1.2;
}

.product-plans .vps-features .price {
    font-size:18px;
    line-height:1.5;
}

.product-plans .vps-features th {
    padding:15px 0;
}

.product-plans .price sup {
    font-size:22px
}

.product-plans .price span {
    font-size:14px;
    font-weight:400;
    display:block;
}

.product-plans .price sup.note-mark {
    color:#F40856;
    font-weight:400;
}

.product-plans .locations span {
    font-weight:700;
    font-size:20px;
}

.product-plans .locations small a {
    font-weight:400;
}

.product-plans small {
    font-weight:400;
}

.product-plans .location,
.product-plans .location-mobile,
.features-select,
.change_plan,
.submenu-select,
aside .mobile-menu,
.vps-locations,
.vps-plans-mobile {
    width:100%;
    clear:both;
    margin:15px 0 10px;
    padding:8px 10px 5px!important;
    font-size:14px;
    border:5px solid #efefef;
    box-shadow:inset 1px 1px 3px #ccc;
    -webkit-appearance:none;
    background:#fff url(/National_Library/20161130034600oe_/https://www.site5.com/img/bullet_select.png) 95.5% 50% no-repeat;
}

.vps-locations {
    clear:none;
    width:auto;
    margin-top:0;
}

@-moz-document url-prefix() {
   .product-plans .location,
    .product-plans .location-mobile,
    .features-select,
    .change_plan,
    .submenu-select,
    aside .mobile-menu,
    .vps-locations,
    .vps-plans-mobile{
        background:#fff;
    }
}

.legacy .change_plan {
    margin:0;
}

.submenu-select {
   display:none;
    margin:6px 0;
    border-width: 1px;
}

aside .mobile-menu {
    margin:0;
}

.locations-mobile {
    display:none;
    padding:15px 10px;
}

.tip img {
    vertical-align:middle;
    margin:0 3px;
}

.vps-whychoose {
    padding-left:5px;
}


/* Features */

.product-features {
    border-left:none;
    position:relative;
}

.features-select {
    display: none;
}

.features-list {
    background:#FBFBFB;
    width:30%;
    margin:0;
    padding:0;
    border-right:3px solid #FE0657;
    list-style:none;
    float:left;
}

.features-list li {
    padding:0;
}

.features-list li:not(:last-child) > a {
    border-bottom:1px solid #e3e3e3;
}

.features-list li > a {
    text-decoration:none;
    color:#333;
    padding:10px;
    display:block;
}

.features-list li a:hover, .features-list li a.active {
    background:#fff;
    color:#F30755;
}

.features-list li a.active {
    font-weight:700;
    background:#fff url(/National_Library/20161130034600oe_/https://www.site5.com/img/ico_feature_active.png) 100% 50% no-repeat;
}

.feature-desc {
    float:right;
    width:70%;
    padding:10px 40px;
}

.ui-tabs-hide {
    display:none!important;
}

.but-request-callback, .but-live-chat {
    display:block;
    padding:7px;
    background:#fff;
    border:1px solid #E3E3E3;
    border-radius:3px;
    text-decoration:none;
    background-position:15px 45%;
    background-repeat:no-repeat;
    font-size:15px;
    float:right;
    margin:0 10px 25px 30px;
    color:#333;
    font-weight:500;
    white-space:nowrap;
    /*background-image:url(/National_Library/20161130034600oe_/https://www.site5.com/img/ico_phone_support.png);*/
    clear:right;
    width:170px;
}

.but-request-callback span, .but-live-chat span {
    color:#0FBAE9;
    font-size:27px;
    vertical-align:middle;
    line-height:27px;
    margin-left:0;
    margin-right:0.3em;
}

.but-live-chat {
    margin-top:-50px;
    margin-bottom:5px;
    /*background-image:url(/National_Library/20161130034600oe_/https://www.site5.com/img/ico_chat_support.png);*/
}

.but-request-callback:hover, .but-live-chat:hover  {
    border-color:#0FBAE9;
    color:#0FBAE9;
}

/* Support Page */

.support-links ul {
    padding:0;
    margin:0 0 1em;
}

.support-links li {
    text-align:left;
    width:31.5%;
    display:inline-block;
    margin:8px 10px 8px 0;
    padding:0;
}

.support-links li a{
    display:block;
    /*padding:18px 10px 18px 55px;*/
    padding:2px 10px;
    background:#fff;
    border:1px solid #E3E3E3;
    border-radius:3px;
    width:100%;
    color:#333;
    text-decoration:none;
    background-position:15px 45%;
    background-repeat:no-repeat;
    font-size:15px;
}

.support-links li a span {
    font-size:32px;
    color:#0FBAE9;
    vertical-align: middle;
}

.support-links li.emergency a span {
    color:#F8005A;
}

/*.support-links li.emergency a {
    background-image:url(/National_Library/20161130034600oe_/https://www.site5.com/img/ico_emergency.png);
}

.support-links li.kb a {
    background-image:url(/National_Library/20161130034600oe_/https://www.site5.com/img/ico_kb.png);
}

.support-links li.qa a {
    background-image:url(/National_Library/20161130034600oe_/https://www.site5.com/img/ico_qa.png);
}

.support-links li.email-sales a {
    background-image:url(/National_Library/20161130034600oe_/https://www.site5.com/img/ico_email_sales.png);
}

.support-links li.email-support a{
    background-image:url(/National_Library/20161130034600oe_/https://www.site5.com/img/ico_email_sales.png);
}

.support-links li.chat a {
    background-image:url(/National_Library/20161130034600oe_/https://www.site5.com/img/ico_chat_support.png);
}

.support-links li.phone a{
    background-image:url(/National_Library/20161130034600oe_/https://www.site5.com/img/ico_phone_support.png);
}
*/

.support-links li a:hover {
    border-color:#0FBAE9;
    color:#0FBAE9;
}

.support-links li.emergency a:hover {
    border-color:#F8005A;
    color:#F8005A;
}

.support-links ul li:nth-child(4) {
    clear:left;
}

.kb-search h3 {
    margin:0.3em 0 0.8em;
    font-weight:400;
}

.kb-search form input[type="text"] {
    border-radius:4px;
    border:1px solid #F8005A;
    background:#fff;
    font-size:18px;
    height:55px;
    font-weight:400;
     width:100%;
     float:left;
     padding:0 20px;
    outline: none;
}

.kb-search form input[type="submit"] {
    height:55px;
    background:#F8005A url(/National_Library/20161130034600oe_/https://www.site5.com/img/ico_searchkb.png) 50% 50% no-repeat;
    border:none;
    float:right;
    width:77px;
    border-radius:0 4px 4px 0;
    border:1px solid #F8005A;
    margin-top:-55px;
}

.kb-search form div {
    width:100%;
    max-width:572px;
    margin:0 auto 0.4em;
    overflow:hidden;
}

.support-additional ul {
    margin:0;
    padding:0;
    list-style:none;
    width:90%;
}

.support-additional h3 {
    margin-top:0.6em;
}

.chat-now-box .button, .contact-box .button {
    margin:0 auto 25px;
    width:50%;
    display:block;
    clear:both;
    max-width:300px;
}

.contact-box .button {
    width:70%;
    position:absolute;
    top:145px;
    right:20%;
}

.chat-now-box, .contact-box {
    line-height:1.3;
    margin-top:15px;
}

.contact-box .col, .chat-now-box .col {
    padding:0 25px;
    margin-bottom:0;
    font-size:14px;
}

.chat-now-box h3, .contact-box h3 {
    padding:2px 0;
    margin:0.7em 0 0.5em;
}

.chat-now-box h3 span{
    float:right;
    font-size:16px;
    font-weight:400;
    color:#333;
    margin-right:20px;
    text-transform: capitalize;
    line-height:1.8;
}

.chat-now-box h3 span img {
    margin-left:10px;
}

.chat-now-box h3 span strong {
    font-size:20px;
}

.contact-emails{
    overflow:hidden;
}

.contact-emails{
    border-top:1px solid #e3e3e3;
}

.contact-emails > li{
    border-bottom:1px solid #e3e3e3;
    overflow:hidden;
    margin-bottom:0;
    padding:10px 0;
}

.contact-emails ul.red {
    margin:0;
}

.contact-emails .department {
    font-weight:700;
    float:left;padding:15px;
    width:20%;
}

.contact-emails .department span {
    font-weight:300;
}

.contact-emails .details {
    float:left;
    padding:15px;
    width:80%;
}

/* Carreers Page */

.careers_table{
    border:1px solid #e3e3e3;
    width:100%;
    margin-bottom:1em;
}

.careers_table th, .careers_table td  {
    text-align:left;
    border-bottom:1px solid #e3e3e3;
    padding:10px 20px;
    width:33.3%;
}

.careers_table th {
    border-bottom:2px solid #66C1EF;
    padding:13px 20px;
}

.dialog-with-video {
    max-width:800px!important;
}
.dialog-with-video video {
    width: 100%;
    height: 100%;
}


/* Other Products */

section.other-products {
    margin-top:10px;
}

section.other-products .product {
    float:left;
    margin-right:4%;
    width:25%;
}

section.other-products .product h3 {
    margin:0.5em 0 0;
    font-size:20px;
}

section.other-products .product-description {
    float:left;
    width:70%;
}

section.other-products ul li {
    overflow:hidden;
    border-bottom:1px solid #e3e3e3;
    padding-left:0;
}

section.other-products ul li:last-child {
    border-bottom:none;
}

/* 404 Page
-------------------------------------*/

.error-404 h3 {
    margin-top:0;
}

.error-404 {
    margin-top:25px;
    padding-top:20px;
    border-top:1px solid #e3e3e3;
}

.error-404 .col {
    margin-bottom:0;
}

.img-404 {
    width:100%;
    max-width:467px;
}

/* SIDEBAR
-----------------------------------*/
aside .mobile-menu {
    display:none;
}
aside nav {
    margin-top: 1em;
}

aside nav ul li{
    padding:0;
    margin-right:-12%;
}

aside nav a {
    display:block;
    text-decoration: none;
    padding:6px 10px 6px 15px;
    color:#555;
    -webkit-transition:background 0.3s ease-out;
    -moz-transition:background 0.3s ease-out;
    -o-transition:background 0.3s ease-out;
    transition:background 0.3s ease-out;
    margin-bottom:1px;
    border-radius:3px;
}

aside nav li.selected a, aside nav a:hover {
    background:#1AC2FC;
    color:#fff;

}

/*  MAIN COLUMN
-----------------------------------*/

.guarantees article,
/*.about-us article,*/
.five-reasons article,
.seven-advantages article,
.management article,
.free-trial article,
.green-hosting article  {
    position:relative;
    padding-bottom:1px;
}

.about-us article .graphic,
.guarantees article .graphic,
.five-reasons article .graphic,
.seven-advantages article .graphic,
.management article .graphic,
.free-trial article .graphic,
.green-hosting article .graphic  {
    float:left;
    text-align:center;
    line-height:58px;
     border-radius:50%;
    background:#eee;
    font-size:26px;
    width:58px;
    height:58px;
    font-weight:700;
    color:#333;
    display:inline-block;
     margin:0 20px 10px 0;
}

.guarantees article .graphic,
.free-trial article .graphic{
    padding-top:14px;
    line-height:0.6;
}

article .graphic img {
    max-width:100%;
}

article .graphic span {
    font-size:14px;
    font-weight:400;
}

.green-hosting article .graphic {
    background:none;
}

.management article .graphic{
    background:none;
    padding:0;
    width:auto;
    height:auto;
}

.management h3 span {
    text-transform: uppercase;
    font-weight:600;
    font-size:17px;
    color:#222;
}

.management h3 {
    line-height:1;
    padding-top:15px;
}

.team-map, .locations-map {
    max-width:100%;
    margin:1.5em 0;
}

.team-countries li {
    width:200px;
    display:inline-block;
    padding:12px 0;
    border-bottom:1px solid #e3e3e3;
}

.team-countries li img {
    vertical-align: middle;
    margin-right:10px;
}

.social-media ul {
    padding:0;
}

.social-media ul li, .contact-box ul.social li, .copyright ul.social li{
    display:inline-block;
    padding-left:0;
    padding-right:25px;
    text-align:center;
}

.social-media ul li a, .contact-box ul.social li a, .copyright ul.social li a {
    display:inline-block;
    width:100px;
    height:100px;
    text-align:center;
    border-radius:4px;
}

.contact-box ul.social li{
    padding:0;
}

.copyright ul.social li {
    padding:5px 2px 0;
}


.social-media ul li a.twitter, .contact-box ul.social li a.twitter, .copyright ul.social li a.twitter  {
    background:url(/National_Library/20161130034600oe_/https://www.site5.com/img/ico_twitter_big.png) 50% 50% no-repeat #14AEE6;
}

.social-media ul li a.facebook, .contact-box ul.social li a.facebook, .copyright ul.social li a.facebook{
    background:url(/National_Library/20161130034600oe_/https://www.site5.com/img/ico_fb_big.png) 50% 50% no-repeat #2E77BB;
}

.social-media ul li a.google, .contact-box ul.social li a.google, .copyright ul.social li a.google {
    background:url(/National_Library/20161130034600oe_/https://www.site5.com/img/ico_google_big.png) 50% 50% no-repeat #D74632;
}

.social-media ul li a.pinterest, .contact-box ul.social li a.pinterest, .copyright ul.social li a.pinterest{
    background:url(/National_Library/20161130034600oe_/https://www.site5.com/img/ico_pinterest.png) 50% 50% no-repeat #CB2027;
}

.social-media ul li a.github, .contact-box ul.social li a.github, .copyright ul.social li a.github{
    background:url(/National_Library/20161130034600oe_/https://www.site5.com/img/ico_github.png) 50% 50% no-repeat #444;
}

.contact-box ul.social li a{
    background-size:20px auto!important;
    width:30px;
    height:30px;
}

.copyright ul.social li a{
    background-size:14px auto!important;
    width:22px;
    height:22px;
}

/*Modals */

#sub_geolocated_servers ul {
    overflow:hidden;
}

#sub_geolocated_servers li {
    width:50%;
    float:left;
}

.affiliateLandingBox {
    background:url(/National_Library/20161130034600oe_/https://www.site5.com/img/affiliates_box.jpg) 50% 0 no-repeat;
    color:#fff;
    padding:110px 20px 30px;
    border-radius:4px;
    margin-top:1em;
}

.affiliateLandingBox h3 {
    margin:0;
    font-size:30px;
}

.affiliateLandingBox h4 {
    font-weight:300;
    margin:0 0 20px;
    font-size:22px;
}

.affiliates-benefits li{
    padding-right:20px;
    display:inline-block;
    width:50%;
    float:left;
    font-size:17px;
}

/* Landing Pages */

.lpage-box-features .col {
    margin-bottom:0;
}

.lpage-box-features .col:last-child {
    padding-top:50px;
    text-align: center;
    margin-left:0;
}

.lpage-box-features .col:nth-child(2){
    padding-right:1.5%;
    border-right:1px solid #e3e3e3;
}

.lpage-box-features .col:last-child .button {
    font-size:16px;
    width:140px;
    margin-top:10px;
    padding:10px;
}

.lpage-box-features .col:last-child .button small {
    font-size:80%;
}

.team-bios h2{
    font-size:26px;
    margin:0.5em 0 ;
}

.team-bios img {
    float:left;
    margin:0 25px 25px 0;
}

/* FOOTER ELEMENTS
-----------------------------------*/

.badges {
    padding:30px 0 10px;
    border-top:1px solid #ddd;
}

.badges .col {
    width:30%;
    margin:0 1.6% 20px;
}

.badges .col:first-child{
    /*min-width:250px;*/
    margin-left: 1.6%;
}

.badges img {
    max-width:100%;
}

.footer-box {
    float:left;
}

.col.safeharbor {
    margin-top:-20px;
}

footer h4 {
    color:#fff;
    font-size:15px;
    text-transform: capitalize;
    margin-top:0;
}

footer a {
    color:#D6D7D9;
    text-decoration:none;
}

footer a:hover {
    color:#fff;
}

footer ul {
    margin:0;
}

footer li {
    padding:2px 0;
}

footer .site-links, footer .hosting-types {
    width:24%;
    margin-right:2.5%;
    padding-right:2.5%;
    border-right:1px solid #333;
}

footer .site-links li {
    width:50%;
    float:left;
}

footer .hosting-types li {
    width:100%;
}

footer .hosting, footer .hosting-locations {
    width:53%;
    border-right:1px solid #333;
    padding-bottom:25px;
}

footer .hosting ul, footer .hosting-locations ul {
    display:block;
    float:left;
    width:33%;
}

footer .hosting-locations > ul:first-of-type{
    width:60%;
}

footer .title {
    font-weight:700;
    color:#D6D7D9;
}

footer .copyright, footer .scripts{
    line-height: 180%;
    text-align: right;
    width:20%;
    color:#fff;
}

footer .copyright img {
    margin-bottom:15px;
}

footer .scripts {
    text-align:left;
    padding-left:2.5%;
}

/* FORMS
------------------------------*/

form fieldset {
    border:1px solid #e3e3e3;
    margin:20px 0;
    border-radius:3px;
    padding:15px;
    background:#fff;
}

form fieldset div {
    padding:8px 0;
    overflow:hidden;
}

form fieldset div label {
    width:30%;
    padding-top:8px;
}

form fieldset div label, form fieldset div input {
    float:left;
}

form fieldset div input[type="text"]:focus  {
    border-color:#008BDB;
    color:#666;
}


form fieldset div input[type="text"],form fieldset div input[type="password"], form fieldset div select, form fieldset div textarea {
    border:1px solid #D1d1d1;
    border-radius:2px;
    padding:8px 10px;
    background:#fff;
    font-size:15px;
    width:70%;
}

form fieldset div input[type="checkbox"] {
    margin-top:10px;
}

form fieldset div span.note{
    display:inline-block;
    padding:8px 0 0 8px;
    font-size:12px;
    color:#999;
    font-style:italic;
}

form .submit {
    display:inline-block;
    border-radius:2px;
    padding:8px 16px;
    color:#fff;
    font-weight:700;
    text-decoration:none;
    line-height:1;
    text-align:center;
    background:#008BDB;
    font-size:16px;
    padding:8px 20px;
    border:none;
    margin-left:30%;
}

form .submit:hover {
    background:#00A8FF;
}

.error_message {
    color:#FD105D;
}

.success_message {
    color:#2DB200;
}

/* Callback form */

#country{
    width:29%;
    margin-right:1%;
    font-size:13px;
    float:left;
    -webkit-appearance:none;
    background:#fff url(/National_Library/20161130034600oe_/https://www.site5.com/img/bullet_select.png) 95.5% 50% no-repeat;
}

@-moz-document url-prefix() {
#country, .change_plan{
        background:#fff;
    }
}

#callback #phone {
    width:40%;
}

#callback #verify {
    width:50px!important;
    margin-left:10px;
}

/* MailChimp Form Embed Code - Classic - 08/17/2011 */
#mc_embed_signup {width: 100%; }
#mc_embed_signup form {display:block; position:relative; text-align:left; padding: 0}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #d1d1d1; -webkit-appearance:none;border-radius:2px;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #0caffc; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#0d7cbc;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:1.5%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px; margin-top: -1px;}
#mc_embed_signup .mc-field-group input {display:inline-block; width:50%; padding:8px 0; text-indent:2%; margin-right: 5px;   }
#mc_embed_signup .mc-field-group li {background: none;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#c60; font-size:200%;}
#mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right:10px;}
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0; overflow:hidden; width:100%;margin: 0 0; clear: both;}
#mc_embed_signup div.response {margin:0; padding: 10px; margin-bottom: 10px; font-weight:normal; float:left; top:-1.5em; z-index:1; width:96.3%; -moz-border-radius:4px;    -webkit-border-radius:4px; border-radius:4px; }
#mc_embed_signup #mce-error-response {display:none; color: #000; border: 1px #FD105D solid; background: #ffd5e3; }
#mc_embed_signup #mce-success-response {color:#000; display:none;  border: 1px #529214 solid; background: #D2F4B2; }
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup input.mce_inline_error{border-color:#FD105D;}
#mc_embed_signup div.mce_inline_error, #mc_embed_signup div.mce_inline_error_group {margin: 0 0 0 0; padding: 5px 10px; z-index: 1; color:#FD105D; display: inline-block;}

/*
VPS SLIDER
-------------------------------*/

#sliderBox {
    overflow:hidden;
    margin:0;
}

#sliderBox #vpsTabs {
    overflow:hidden;
    position: relative;
}

#sliderBox #vpsTabs .nodes-container {
     margin-left:75px;
     border-radius: 3px;
}

#sliderBox #vpsTabs .node{
    min-height:460px;
    overflow-x:auto!important;
}

#sliderBox .price, #sliderBox .priceOn {
    font-size:100%;
    font-weight:700;
    color:#999;
    text-align:right!important;
}

#sliderBox #vpsTabs select.vps-plans-mobile {
    display:none;
}

#sliderBox #vpsTabs td,#sliderBox #vpsTabs th{
    padding:8px 20px;
    text-align: left;
}

#sliderBox #vpsTabs ul{
    width:80px;
    position:absolute;
    margin:0 0 0 10px;
    bottom: 0;
}

#sliderBox #vpsTabs ul li {
    padding:3px 0;
}

#sliderBox #vpsTabs.vps10nodes ul li{
    padding:6px 0;
}

#sliderBox #vpsTabs ul li a {
    display:block;
    text-align:center;
    color:#fff;
    font-weight:700;
    border-radius:3px;
    width:46%;
    padding:7px 0 6px;
    text-decoration:none;
    background: #999;
}

#sliderBox #vpsTabs ul li.active a {
    background: #FE0859;
}

#sliderBox #vpsTabs ul li#highlight {
    position: absolute;
    left: 54px;
    top: 425px;
    background: url(/National_Library/20161130034600oe_/https://www.site5.com/img/bullet_vps_slider.png) no-repeat;
    width: 20px;
    height: 20px;
}

#sliderBox #vpsTabs.vps10nodes ul li#highlight {
    top: 441px;
}

#sliderBox #vpsTabs table td.priceOn {
    color:#000;
}

#sliderBox #vpsTabs table td.price input, #sliderBox #vpsTabs table td.priceOn input {
    text-align:right;
}

#sliderBox #vpsTabs table td.title {
    font-size:22px;
    font-weight:700;
}

#sliderBox #vpsTabs table td input.redBig {
    color:#0FBAE9;
    font-size:20px;
    font-weight:700;
}

#sliderBox #vpsTabs table td.priceTotal {
    text-align:right;
    font-size:18px;
    background:none;
    padding-bottom:none;
    padding:15px 20px;
    font-weight:bold;
}

#sliderBox #vpsTabs table td.priceTotal input, #sliderBox #vpsTabs table td.priceTotal span {
    font-size:27px;
    font-weight:bold;
    width:180px;
    text-align:right;
    padding:0;
    margin:0;
}

#sliderBox #vpsTabs input, #sliderBox form select {
    padding:0;
}

#sliderBox #vpsTabs input.noBorder {
    width:100px;
    border:none;
    background:none;
}

#sliderBox #vpsTabs .vpsFinish form {
    margin-bottom:0;
}

#sliderBox #vpsTabs .button {
    margin-top:7px!important;
}


/* TOURS & DEMOS
------------------------------------*/

.tours h3 {
    margin:0.2em 0;
}

.tours .col {
    margin-bottom:0;
}

/* ORDER STEPS
-------------------------------------*/

.order-section, .order-section-table {
    margin:0 0 25px;
    padding:15px 20px;
}

.order-section-table {
    padding:0;
}

.white-box.green {
    border:1px solid #9FC606;
    color:#000;
}

.white-box.blue {
    border:1px solid #66C1EF;
    color:#000;
}

.white-box.orange {
    border:1px solid orange;
    color:#000;
}

.button.button-order {
    font-size:16px;
}

ol.progtrckr {
    margin: 0 0 25px;
    padding: 0;
    list-style-type:none;
}

ol.progtrckr li {
    display: inline-block;
    text-align: center;
    line-height: 3em;
}

/*ol.progtrckr li { width: 49%; }
ol.progtrckr li { width: 33%; } */
ol.progtrckr li { width: 23.8%; } /* 4 steps */
/*ol.progtrckr li { width: 19%; }
ol.progtrckr li { width: 16%; }*/

ol.progtrckr li.progtrckr-done {
    color: #9FC606;
    border-bottom: 4px solid #9FC606;
    font-weight: 700;
}
ol.progtrckr li.progtrckr-todo {
    color: silver;
    border-bottom: 4px solid silver;
}

ol.progtrckr li.progtrckr-current {
    border-bottom:4px solid #9FC606;
}

ol.progtrckr li:after {
    content: "\00a0\00a0";
}
ol.progtrckr li:before {
    position: relative;
    bottom: -2.3em;
    float: left;
    left: 50%;
    line-height: 1em;
}
ol.progtrckr li.progtrckr-done:before {
    content: "\2713";
    color: white;
    background-color: #9FC606;
    height: 1.5em;
    width: 1.5em;
    line-height: 1.5em;
    border: none;
    border-radius: 50%;
}
ol.progtrckr li.progtrckr-todo:before, ol.progtrckr li.progtrckr-current:before {
    content: "\039F";
    color: white;
    background-color: silver;
    font-size: 13px;
    bottom: -35px;
    height: 1.7em;
    width: 1.7em;
    border-radius:50%;
    line-height:1.7em;
}

ol.progtrckr li.progtrckr-current:before {
    background-color:#9FC606;
}

#orderBox h4 {
    margin:0;
    padding-bottom:5px;
}

#orderBox .item {
    border:1px solid #e3e3e3;
    padding:5px 10px;
    font-size:14px;
    margin-bottom:5px;
}

#orderBox .item strong {
    color:#008BDB;
}

#orderBox .item.total {
    font-weight:700;
    background: none repeat scroll 0 0 #FFFBCF;
    border: 1px solid #FFE38F;
    color: #FF0033;
    margin-bottom:20px;
}

#orderBox .item.total strong {
    color:#000;
}

/* Order Tables */

.order-table {
    width:100%;
}

.order-table td, .order-table th {
    border:collapse;
    border-right:1px dashed #ddd;
    border-bottom:1px dashed #ddd;
    padding:5px 20px;
    text-align: left;
}
.order-table th {
    border-bottom:2px solid #66C1EF;
    padding:10px 20px;
}

.order-table tr:last-child td{
    border-bottom:none;
}
.order-table th:last-child, .order-table tr td:last-child {
    border-right:none;
}

.order-review tr td:first-child{
    font-weight:700;
}

.order-review tr td.editLink{
    font-weight:300;
}

.order-review p.description {
    margin:0;
}

.order-review td.invoicetotal {
    font-size:18px;
    text-align:right;
}

form.order label {
    width:30%;
    padding-top:8px;
}

form fieldset div {
    padding:8px 0;
    overflow:hidden;
}

form fieldset div label, form fieldset div input {
    float:left;
}

form fieldset div input[type="text"]:focus  {
    border-color:#008BDB;
    color:#666;
}
form.order input[type="text"]:focus  {
    border-color:#008BDB;
    color:#666;
}


form.order input[type="text"],form.order input[type="password"], form.order select, form.order textarea {
    border:1px solid #D1d1d1;
    border-radius:2px;
    padding:8px 10px;
    background:#fff;
    font-size:15px;
    width:68%;
}

form.order input[type="checkbox"] {
    margin-top:10px;
}

form.order span.noted{
    display:inline-block;
    padding:8px 0 0 30%;
    font-size:13px;
    color:#008BDB;
    font-weight:700;
}

form.order .redbold {
    font-weight:bold;
    color:#FE0657;
}

form.order #date_cc_expiration_year, form.order #date_cc_expiration_month {
    width:29%;
}

.error_message {
    color:#FD105D;
}

.success_message {
    color:#2DB200;
}



/* OLD LANDING PAGES CONVERSION
-------------------------------------*/

.lpage_p .content ul li {
    padding:3px 0 3px 25px;
}

.lpage_p .content ul li{
    background:url(/National_Library/20161130034600oe_/https://www.site5.com/img/bullet_red.png) 0 5px no-repeat;
    color:#222;
}

.lpage_p .content h1{
    margin:0 0 0.16em;
    font-size:36px;
}

.lpage_p .content h2 {
    font-size: 26px;
    font-weight: 600;
    margin:0.3em 0;
}

.lpage_p .content h2 a {
    color:#222;
    text-decoration:none;
}

.lpage_p .content h3 {
    font-size: 19px;
    margin: 0.3em 0 0.7em;
}

.lpage_p .product-plans h3 {
    font-size: 16px;
    margin: 0 0 20px;
}

#landingInfo {
    overflow:hidden;
    padding-bottom:15px;
    margin-bottom:20px;
    border-bottom:1px solid #e3e3e3;
}
#landingInfo img {
    float:left;
    margin:0 20px 10px 0;
}

#landingInfo > img {

}

.landingActions, .featuresBox {
    float:left;
    overflow:hidden;
}

.featuresBox, .landingActions{
    width: 31.2%!important;
    float: left;
    margin-right: 3.2%;
    margin-bottom: 20px;
}

.landingActions {
    margin-right:0;
    text-align:center;
    padding-top:40px!important;
}

.landingActions > br {
    display:none;
}

.landingActions .takeTour, .landingActions .orderNow {
    display:inline-block;
    border-radius:2px;
    color:#fff;
    font-weight:600;
    text-decoration:none;
    line-height:1;
    text-align:center;
    background:#008BDB;
    border:none;
    font-size: 16px;
    margin-top: 10px!important;
    padding: 10px;
    width: 140px;
}

.landingActions .takeTour:hover, .landingActions .orderNow:hover{
    text-decoration: none!important;
}

.landingActions .orderNow {
    background:#FE0859;
}

.landingActions .takeTour:hover {
    background:#00A8FF;
}


.landingActions .takeTour small, .landingActions .orderNow small{
    font-weight: 300;
    text-transform: capitalize;
    font-size:80%;
}

.landingList {
    border-bottom:1px solid #e3e3e3;
    margin-bottom:20px;
}

.landingList ul{
    overflow: hidden;
}

.landingList ul li {
    width:33%;
    float:left;
    font-weight:700;
}

#homeServices, #homeServicesThree  {
    overflow:hidden;
}

#homeServices span, #homeServicesThree span {
    font-size:16px;
    font-weight:300;
}

#homeServices .homeServiceItem, #homeServicesThree .homeServiceItemThree {
    line-height:1.3;
    margin-bottom:0;
    position:relative;
}

#homeServices .homeServiceItem li a, #homeServicesThree .homeServiceItemThree li a {
    text-decoration: none;
}

#homeServices .price, #homeServicesThree .price{
    font-size:15px;
    font-weight:700;
    text-shadow:1px 1px #fff, 0 0 0 #000, 1px 1px #fff;
    color:#FE0859;
}

#homeServices .price sup, #homeServicesThree .price sup {
    font-size:18px;
}

#homeServices h2, #homeServicesThree h2 {
    font-size:20px!important;
    font-weight:700;
}

#plansContainer {
    margin:30px 0;
    border:1px solid #e3e3e3;
    background:#fff;
    clear: both;
}

#plansContainer  table {
    width:100%;
}

#plansContainer  td, #plansContainer  th {
    border:collapse;
    border-right:1px dashed #ddd;
    border-bottom:1px dashed #ddd;
    padding:10px 20px;
    text-align:center;
}

#plansContainer  th {
    padding:0 0 15px;
    vertical-align: top;
}

#plansContainer  th:first-child {
    padding:15px 20px 20px;
}

#plansContainer  th:not(:first-child) {
    border-bottom:2px solid #66C1EF;
}

#plansContainer  tr:last-child td {
    border-bottom:none;
    padding:30px 0;
}

#plansContainer  .vps-features tr:last-child td {
    padding:10px 20px;
}

#plansContainer  tr td:last-child, #plansContainer  tr th:last-child {
    border-right:none;
}

#plansContainer  tr td:first-child, #plansContainer  tr th:first-child {
    text-align:left;
}

#plansContainer  .plan {
    width:20%;
}

#plansContainer  .bestValue, #plansContainer  .bestValue small {
    font-weight:700;
    color:#F40856;
}

#plansContainer  h3 {
    margin:0 0 20px;
    font-size:16px;
    background:#66C1EF;
    color:#fff;
    text-shadow:1px 1px #4A8BAC;
    padding:8px 0;
}

#plansContainer   th:nth-child(3) h3 {
    background:#2CA9E8;
}

#plansContainer  .price{
    font-size:38px;
    font-weight:700;
    text-shadow:1px 1px #fff, 0 0 0 #000, 1px 1px #fff;
    color:rgba(50,50,50,0.95);
    line-height:1.2;
}

#plansContainer .vps-features .price {
    font-size:18px;
    line-height:1.5;
}

#plansContainer  .vps-features th {
    padding:15px 0;
}

#plansContainer  .price sup {
    font-size:22px
}

#plansContainer  .price span {
    font-size:14px;
    font-weight:400;
    display:block;
}

#plansContainer  .price sup.note-mark {
    color:#F40856;
    font-weight:400;
}

#plansContainer  .locations span {
    font-weight:700;
    font-size:20px;
}

#plansContainer  .locations small a {
    font-weight:400;
}

#plansContainer  small {
    font-weight:400;
}

#plansContainer  .location,
#plansContainer .location-mobile
 {
    width:100%;
    clear:both;
    margin:15px 0 10px;
    padding:8px 10px 5px!important;
    font-size:14px;
    border:5px solid #efefef;
    box-shadow:inset 1px 1px 3px #ccc;
    -webkit-appearance:none;
    background:#fff url(/National_Library/20161130034600oe_/https://www.site5.com/img/bullet_select.png) 95.5% 50% no-repeat;
}

@-moz-document url-prefix() {
   #plansContainer .location,
    #plansContainer .location-mobile {
        background: #fff;
    }
}


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

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.center {
    text-align:center;
}

.hide-text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media screen and (max-width: 980px) {
    /*.slidernav li a span.number {
            display:none;
        }

    .home-plans .price{
        font-size:48px;
    }

    .home-plans .price sup {
        font-size:26px;
    }

     .home-plans .col {
        width:48%;
     }

    .home-plans .col {
        margin-bottom:20px!important;
    }

    footer .site-links li {
        width:100%;
    } // all these not needed at this moment */

    .slidercontainer .video h2 {
        font-size:30px;
    }
    .slidercontainer h2 {
        font-size:28px;
    }

    .slidercontainer .slides .slide .grid2 {
        background:none!important;
    }

    .slidercontainer .slides .slide .col:nth-child(2) {
        display:none;
    }

    .slidercontainer .slides .slide .col {
        width:96%;
    }

    .slidercontainer .slides .slide .second-slide-image {
        display:block;
    }
}

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

    .slidercontainer .slide .button {
        font-size:15px!important;
    }

    ol.progtrckr li {
        font-size:13px;
    }

}

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

    .main-menu, .top-menu {
        float:left;
        clear:both;
    }

    .top-menu li {
        margin:0 17px 0 0;
    }

    .top-menu {
        margin:10px 0 0;
    }

    .main-menu {
        margin-top:10px;
        margin-left:-7px;
    }

    .submenu-lead-link:not(.single-item) {
        display:none;
    }

    .slidercontainer .slides .slide .second-slide-image {
    width:260px;
    }

    .but-live-chat {
        display:none;
    }

}

@media screen and (max-width: 768px) {
    .grid4 .col {
        width: 48.4%;
    }
    .grid4 .col:nth-of-type(4n+1) {
        margin-left: 3.2%;
        clear: none;
    }
    .grid4 .col:nth-of-type(2n+1) {
        margin-left: 0;
        clear: left;
    }

    #homeServices .homeServiceItem, #homeServicesThree .homeServiceItemThree {
        width: 48.4%;
        margin-bottom:15px;
    }
    #homeServices .homeServiceItem:nth-of-type(4n+1) {
        margin-left: 3.2%;
        clear: none;
    }
    #homeServices .homeServiceItem:nth-of-type(2n+1), #homeServicesThree .homeServiceItemThree:nth-of-type(2n+1) {
        margin-left: 0;
        clear: left;
    }

    .badges .col:first-child {
        /*width:48.4%;*/
    }

    ul.columns li, .landingList ul li {
        width:49%;
    }

    .home-plans .col .price sup {
        font-size:22px;
    }

    /*.home-plans .col:hover {
        margin-top:0;
    }*/

		.home-plans {
			margin:40px auto;
		}

		.home-plans .col {
			width:100%;
			margin-top:0!important;
			margin-bottom:20px;
			min-height:0!important;
		}

	.home-plans .button, .home-plans .button:hover {
		position:relative;
		margin:20px auto;
		left:0;
		bottom:0;
	}

    /* Plans table */

    .product-plans th, .procuct-plans td{
        font-size:14px;
    }

    .product-plans .price {
        font-size:22px;
    }

    .product-plans h3 {
        font-size:14px;
        margin-bottom:10px;
    }

    .product-plans .price sup {
        font-size:13px;
    }

    .product-plans .locations-container {
        display:none;
    }

    .locations-mobile {
        display:block;
        border-bottom:1px solid #ddd;
    }

     .product-plans .swipe-note {
        display:block;
     }

    .product-plans table > table {
        border:none;
    }

    .product-plans td,  .product-plans th:first-child {
        padding:10px;
    }

    .plans_table th.hidden, .plans_table td.hidden {
        display: none !important;
        visibility: hidden;
    }
    .plans_table th, .plans_table td {
        width: 50%;
    }


    /* Old landing pages tables */

    #plansContainer td,  #plansContainer th:first-child {
        padding:10px;
    }

    #plansContainer table > table {
        border:none;
    }

    #plansContainer .swipe-note {
        display:block;
     }

    #plansContainer th, #plansContainer td{
        font-size:14px;
    }

    #plansContainer .price {
        font-size:22px;
    }

    #plansContainer h3 {
        font-size:14px;
        margin-bottom:10px;
    }

    #plansContainer .price sup {
        font-size:13px;
    }

    #plansContainer .locations-container {
        display:none;
    }

    /* ---- */

    .features-list {
        border:none;
        width:100%;
    }

    .features-select {
        display: block;
        width: 100%;
    }
    .features-list {
        display: none;
    }
    .feature-desc {
        display: block !important;
        width: 100%;
    }

    .feature-desc {
        display:none;
    }
    .product-features {
        border-right:none;
    }

    .features-list .feature-toggle {
        padding:15px;
        background:#fff;
        border-bottom:1px solid #ddd;
        -webkit-transition:none;
        -moz-transition:none;
        -o-transition:none;
        transition:none;
    }

     .features-list .feature-toggle h4 {
        margin-top:0;
     }

     .features-list li:not(:last-child) a.active {
        border-bottom:none;
     }

     .feature-desc {
        padding:10px;
     }

     .feature-desc h4 {
        margin-top:0;
     }

     .product-page-box .white-box h3 {
        font-size:22px;
     }

     .chat-now-box h3 span {
        float:none;
        display:block;
     }


     .support-links li {
        width:47%;
        min-width:auto;
     }

    .slidernav li span.text {
       font-size:14px;
    }

    #hellobar-wrapper {
        display:none!important;
    }

    .slides {
        display:none;
     }

    .slidernav li.active a {
        color:#333;
    }

    .slidernav li.active .icon {
        background-position: 50% 0;
    }

     .slidernav {
        text-align: center;
     }

     .slidernav li {
        width:32%;
        padding:1.5%;
     }

     .slidernav li a {
        width:100%;
        padding:10px;
        border:1px solid #ddd;
        border-radius:3px;
     }

    .col.safeharbor {
        margin-top:0;
    }

    ol.progtrckr li.progtrckr-done:before, ol.progtrckr li.progtrckr-todo:before {
        content:none;
    }
		.block.homepage h2 {
			font-size:36px;
		}
}

@media screen and (max-width: 640px) {
    /* change grid4 to 2-column */

    .grid4 .col:nth-of-type(3n+1) {
        margin-left: 3.2%;
        clear: none;
    }
    .grid4 .col:nth-of-type(2n+1) {
        margin-left: 0;
        clear: left;
    }

    /*.homeServiceItem .homeServiceItem:nth-of-type(3n+1) {
        margin-left: 3.2%;
        clear: none;
    }
    .homeServiceItem .homeServiceItem:nth-of-type(2n+1) {
        margin-left: 0;
        clear: left;
    }*/

    .badges .col:first-child {
        width:48.4%;
    }

    /* change grid3 to 2-column */
    .grid3 .col {
        width: 48.4%;
    }
    .grid3 .col:nth-of-type(3n+1) {
        margin-left: 3.2%;
        clear: none;
    }
    .grid3 .col:nth-of-type(2n+1) {
        margin-left: 0;
        clear: left;
    }

    .landingActions{
        margin-left: 0;
        clear: left;
    }

    .featuresBox {
        width:48.4%!important;
        margin-right:1.5%!important;
    }

    .landingActions {
        margin-left: 0;
        clear: left;
    }

    h2 {
        font-size:30px;
    }

    .content .block > h2 {
        line-height:1.3;
    }

     h3 {
        font-size:24px;
        line-height:1.2;
    }

    .main-column, aside, .main-column.left, aside.right {
        width:100%;
        margin:0;
        border:0;
        padding:0;
    }

    aside.right {
        margin-top:20px;
    }

    aside nav {
        margin:0;
    }

    aside nav ul li {
        margin-right:0;
    }

    aside .mobile-menu {
        display:block;
        margin:10px 0;
    }

    aside nav ul{
        display:none;
    }

    #small-screens-menu {
        display:block;
    }

    .logo {
        display:none;
    }

    .about-us article .graphic img,
    .guarantees article .graphic img,
    .five-reasons article .graphic img,
    .seven-advantages article .graphic img,
    .management article .graphic img,
    .free-trial article .graphic img,
    .green-hosting article .graphic img{
        max-width:100%;
    }

    .management h3 span {
        font-size:14px;
    }

    form label,
    form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]),
    form textarea {
        width:100%!important;
    }

    .top-menu {
        float:left;
        clear:left;
        margin:0;
    }

    .top-menu li {
        margin:0 20px 5px 0;
    }

     .top-menu ul li:last-child{
        display:none;
    }

    .main-menu {
        display:none;
    }

    a.menu-link {
        display: block;
    }

    .slidernav{
        padding:10px 0 5px;
    }


    .slidernav li span.number {
        display:block!important;
        font-size:28px;
        width:42px;
        height:42px;
        float:none;
    }

    .slidernav li {
        text-align:center;
        /*padding:10px 0;*/
        /*width:18.5%;*/
    }

    .slidernav li a{
        display:inline-block;
        text-align:center;
    }

    .slidernav li a span.number {
        margin:0;
    }

    .slidernav li.active {
        background-position:50% 100%;
    }

    .slide.locations .grid2 {
        background:none;
    }

    .slide .col {
        width:100%;
    }

    .slide .col:last-child {
        display:none;
    }

    .slide.video .col:last-child {
        display:block;
    }

    .slide.video .col:last-child h2 {
        display:block;
    }

    .slide.video .col:first-child {
        display:none;
    }

    .slidercontainer .slides .slide {
        padding-top:30px;
    }

    .slidercontainer h2 {
        font-size:26px;
    }

    .slidercontainer .button {
        padding:8px 10px!important;
        font-size:15px!important;
    }

    footer {
        padding:20px 0;
    }

    footer .footer-box {
        float:none;
        width:100%!important;
        margin:0 0 20px;
        border:none;
        clear:both;
        padding:0;
        overflow:hidden;
    }

    footer .footer-box.copyright {
        text-align:left;
    }

    footer .footer-box.hosting ul{
        width:50%;
    }

    footer .site-links li {
        width:50%;
    }

    .slidernav li span.text {
       font-size:12px;
    }

    .slidernav li a br {
        display:block;
        height:1px;
    }

    .badges .col {
        margin-bottom:15px;
    }

    #sliderBox #vpsTabs .nodes-container {
        margin-left:0;
        font-size:14px;
    }

    #sliderBox #vpsTabs ul {
        display:none;
    }

    #sliderBox #vpsTabs ul li#highlight {
        display:none;
    }

    #sliderBox #vpsTabs select.vps-plans-mobile {
        display:block;
    }

     #sliderBox #vpsTabs span {
        display:none;
     }

     #sliderBox #vpsTabs input.noBorder{
        width:100%;
     }

     #sliderBox #vpsTabs table td input.redBig {
        font-size:16px;
     }

    select.os {
        width:100%;
    }

     .affiliateLandingBox h3 {
        font-size:28px;
    }

    .affiliates-benefits li {
        width:100%;
        padding-right:0;
    }

    section.other-products .product, section.other-products .product-description  {
        width:100%;
        float:none;
    }

     .lpage-box-features .col:nth-child(2){
        border:none;
        padding:0;
     }

    .lpage-box-features .col:last-child{
        width:100%!important;
        margin:0 0 20px;
        padding:0!important;
        text-align: center;
        float:none;
    }

    .landingActions {
        width:100%!important;
        margin:0 0 20px;
        padding:0!important;
        text-align: center;
        float:none;
    }

    .vps-whychoose {
        display:block;
        margin:-10px 0 10px 170px;
    }

	.home-plans {
			margin:40px auto;
		}

		.home-plans .col {
			width:100%;
			margin-top:0!important;
			margin-bottom:20px;
			min-height:0!important;
		}

	.home-plans .button, .home-plans .button:hover {
		position:relative;
		margin:20px auto;
		left:0;
		bottom:0;
	}
}

@media screen and (max-width: 600px) {
    .sub-menu ul:not(.single-item) {
        display:none;
    }

    .submenu-select:not(.single-item) {
        display:block;
    }

    .submenu-lead-link:not(.single-item){
        position:relative!important;
        padding:9px 0;
        text-align:center;
        top:0;
        display:block!important;
    }

    .top-menu li {
        width:30%;
        margin-bottom:6px;
        margin-right:10px;
    }


     .contact-box .col {
        width:100%!important;
        margin-left:0;
     }

     .but-request-callback {
        display:none;
     }

     #mc_embed_signup .mc-field-group input {
        width:90%;
     }
.home-plans {
			margin:40px auto;
		}

		.home-plans .col {
			width:100%;
			margin-top:0!important;
			margin-bottom:20px;
			min-height:0!important;
		}

	.home-plans .button, .home-plans .button:hover {
		position:relative;
		margin:20px auto;
		left:0;
		bottom:0;
	}
}

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

    ul.columns li, .landingList ul li{
        width:100%;
        float:none;
    }

    .col, .featuresBox, .homeServiceItem, .homeServiceItemThree {
        width: 100% !important;
        margin-left: 0 !important;
        clear: none !important;
        margin-bottom:15px;
    }

    .tours .col:first-child {
        border-bottom:1px solid #ddd;
        padding-bottom:5px;
        margin-bottom:5px;
    }

    .support-links li {
        width:100%;
    }

    .home-plans .col {
        border:none;
        border-bottom:1px dotted #ccc;
        border-top:1px dotted #ccc;
        padding:0;
        height:auto;
    }

    .top-menu li {
        width:45%;
        margin-bottom:6px;
        margin-right:10px;
    }

    .top-menu li a.clientlogin {
        margin-left:0;
        background-position:-3px 0;
    }

    .top-menu li a.clientlogin:hover {
        background-position:-3px -20px;
    }

    .chat-now-box .button, .contact-box .button{
        width:70%;
    }

    .submenu-lead-link{
        position:relative!important;
        padding:9px 0;
        text-align:center;
        top:0;
        display:block!important;
    }

    .sub-menu ul {
        display:none;
    }

    .submenu-select:not(.single-item){
        display:block;
        width:100%;
    }


    #sliderBox {
        overflow:scroll-x;
    }

    .management article .graphic {
        width: 65px;
        height:65px;
    }
    .vps-whychoose {
        margin-left:0;
    }

    ol.progtrckr li span {
        display:none;
    }

    .team-bios img {
        width:30%;
    }

}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}