/*
Theme Name:     Sohosted.com 5.0
Theme URI:      http://www.sohosted.com
Description:    Sohosted.com theme
Author:         SoHosted.com dev (info@sohosted.com)
Author URI:     http://www.sohosted.com
Version:        5.0
*/

/* no responsiveness */
body {
  min-width: 960px !important;
}

.container {
    width: 960px !important;
    max-width: none !important;
    padding: 0;
}

.navbar-nav {
  float: left;
  margin: 0;
}

.navbar-nav > li {
  float: left;
}
.navbar-nav > li > a {
  padding: 10px 15px;
}

/* wrapper styles */
.wrapper-default {
    position: relative;
    background-color: #fff;
}

.wrapper-grey {
    position: relative;
    background-color: #ecf1f6;
}

.wrapper-dark {
    position: relative;
    background-color: #263442;
    color: #fff;
}

.wrapper-blue {
    position: relative;
    background-color: #3791d9;
}

.wrapper-waves {
    position: relative;
    z-index: 1;
    min-height: 120px;
    background: transparent url('assets/sohosted/images/home/wrapper-waves.png') repeat-x bottom center;
}

.wrapper-grey .rating-container{
    position: relative;
    background-color: #3791d9;
}

.wrapper-triangle-white,
.wrapper-triangle-grey,
.wrapper-triangle-dark {
    position: absolute;
    width: 60px;
    height: 26px;
    left: 50%;
    top: 0;
    margin-left: -30px;
}

.wrapper-triangle-white {
    background: url(assets/sohosted/images/general/white-triangle.png) no-repeat top left;
}

.wrapper-triangle-grey {
    background: url(assets/sohosted/images/general/grey-triangle.png) no-repeat top left;
}

.wrapper-triangle-dark {
    background: url(assets/sohosted/images/general/dark-triangle.png) no-repeat top left;
}

.wrapper-cta {
    padding: 60px 0;
    position: relative;
    background-color: #263442;
    color: #fff;
}

.wrapper-cta p {
    margin: 0;
}

.wrapper-cta .btn {
    margin-left: 20px;
    display: inline-block;
}
div.content-cta > a.btn-primary {
    	background-color: #c02198;
	text-shadow: 0 1px 1px #78155f;
}

.wrapper-pad-s {
    padding: 20px 0 25px;
}

.wrapper-pad-m {
    padding: 60px 0 70px;
}

.wrapper-pad-l {
    padding: 100px 0 110px;
}

.wrapper-pad-s h2:first-child,
.wrapper-pad-m h2:first-child,
.wrapper-pad-l h2:first-child {
    margin-top: 0;
}

/**
 * Utility styles
 */
.alignnone {
    margin: 5px 20px 20px 0;
}

.text-align-middle {
    vertical-align: middle;
}

.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/**
 * Header
 */
#site-header {
    height: 96px;
    line-height: 96px;
}

#site-header a.logo {
    float: left;
    margin-top: 27px;
    margin-left: 20px;
    display: inline-block;
    height: 43px;
    line-height: 43px;
    width:  173px;
    background: transparent url('assets/sohosted/images/header/logo.png') no-repeat top left;
}

/* Header bar */
#site-header div.header-bar {
    float: right;
    height: 30px;
    width:  685px;
}

div.header-bar {
    font-size: 13px;
    color: #3791d9;
    font-family: 'Proxima Nova Regular';
}

div.header-bar span.direct-contact {
    color:  #c8ced5;
    margin-right: 15px;
}

div.header-bar i.fa-phone {
    font-weight: bold;
    vertical-align: middle;
    font-size: 14px;
}

div.header-bar div.links {
    display: inline-block;
    margin-left: 72px;
    line-height: 1em;
}

div.header-bar div.links a {
    font-family: 'Proxima Nova SemiBold';
    font-size: 11px;
}

div.header-bar div.links i.fa-circle {
    vertical-align: middle;
    font-size: 5px;
    margin: 0 10px 0 10px;
    line-height: 1em;
}

div.header-bar span.shopping-cart {
    position: relative;
    margin-left: 18px;
    bottom: -2px;

}

div.header-bar span.shopping-cart a {
    position: relative;
    text-decoration: none;
}

div.header-bar span.shopping-cart i.fa-shopping-cart {
    font-size: 20px;
    height: 23px;
    width: 27px;
    margin-right: -22px;
}

div.header-bar span.shopping-cart span.shopping-cart-counter {
    position: relative;
    display: inline-block;
    top: -8px;
    right: 0px;
    background-color: #263442;
    line-height: 12px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    padding: 0 3px 1px 0;
}

div.header-bar span.shopping-cart span#shopping-cart-counter {
    margin-left: 3px;
    font-size: 11px;
    color: #fff;
    font-family: arial;
}

/**
 * Slide-in login bar (header)
 */
div.top-login-bar-container {
    position: absolute;
    height: 200px;
    width: 960px;
    top: -50%;
}

div.top-menu-bar {
    position: relative;
    left: 10px;
    height: 100%;
    background: transparent url('assets/sohosted/images/general/login-bar-background.png') repeat top left;
    z-index: 200;
    -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.55);
    -moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.55);
    box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.55);
    top: -15px; /* We have a bit of an overlap to make sure the shadow on the right side goes all the way to the top.. */
    padding: 40px;
    padding-top: 64px;
}

div.top-menu-bar span.login-title {
    display: inline-block;
    font-family: 'Proxima Nova Light';
    font-size: 30px;
    color: #263443;
    width: 244px;
    margin-right: 73px;
    line-height: 36px;
    margin-top: 4px;
}

div.top-menu-bar a.login-bar-close-bottom-button {
    display: block;
    background: transparent url('assets/sohosted/images/general/login-bar-bottom-thingie.png') no-repeat top left;
    height: 27px;
    width: 50px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -25px;
}

div.top-menu-bar a.login-bar-close-topright-button {
    display: block;
    background: transparent url('assets/sohosted/images/general/login-bar-close-cross.png') no-repeat top left;
    height: 17px;
    width: 15px;
    position: absolute;
    top: 27px;
    right: 12px;

}

div.top-login-bar-container form label {
    display: block;
}

div.top-login-bar-container form input {
    width: 233px;
    background-color: #fff;
    border: 1px solid #bfced9;
}

div#top-login-bar-container form input {
    width: 233px;
    background-color: #fff;
    border: 1px solid #bfced9;
}

div#my-sohosted-login-bar form button {
    margin-top: -17px;
}

div#webmail-login-bar form button {
    margin-top: 25px;
}

div.top-login-bar-container form .form-group div a {
    line-height: 3em;
}

div.top-login-bar-container #webmail-error {
    margin-top: 5px;
    font-family: "Proxima Nova SemiBold";
    font-size: 12px;
    color: #f5506f;
}

/**
 * Menu
 */

/* Menu Bar */
#top-menu {
    position: relative;
    height: 52px;
}

#top-menu ul > li {
    padding: 0 15px 0 15px;
}

#top-menu ul > li > a:hover {
    background-color: inherit;
}

#top-menu ul > li.menu-item-has-children {
    padding-right: 25px;
    background: url('assets/sohosted/images/general/menu-expand-arrow.png') no-repeat center right;
    border-right: 15px solid transparent;
}

#top-menu ul > li.hovered,
#top-menu > ul > li.current-menu-ancestor,
#top-menu > ul > li.current-menu-item {
    margin-top: 4px;
    height: 48px;
}

#top-menu > ul > li.current-menu-ancestor,
#top-menu > ul > li.current-menu-item {
    background-color: #fff;
}

#top-menu ul > li.hovered {
    background-color: #ecf1f6;
}

#top-menu > ul > li > a {
    text-transform: uppercase;
    font-family: 'Proxima Nova Semibold';
    font-size: 17px;
    color: #fff;
    padding: 16px 0 16px 0;
}

#top-menu > ul > li.hovered > a,
#top-menu > ul > li.current-menu-ancestor > a,
#top-menu > ul > li.current-menu-item > a {
    color: #233543;
    background: transparent;
    margin-top: -3px;
}

/* Depth 1 (categories) */
#top-menu > ul > li > ul.sub-menu {
    position: absolute;
    left: -60px;
    display: none;
    z-index: 100;
    list-style: none;
    margin: 0;
    margin-top: -2px;
    padding: 20px 0 20px 0;
    background-color: #ecf1f6;
    width: 700px;
    box-shadow: 0 4px 4px #ccc;
    -webkit-box-shadow: 0 4px 4px rgba(38, 52, 66, 0.4);
    -moz-box-shadow:    0 4px 4px rgba(38, 52, 66, 0.4);
    box-shadow:         0 4px 4px rgba(38, 52, 66, 0.4);
}

#top-menu ul > li > ul.sub-menu > li {
    float: left;
    margin: 0;
    padding: 0;
    width: 230px;
    line-height: 1.6em;
    padding-left: 20px;
    background: url('assets/sohosted/images/general/menu-dotted-seperator.png') repeat-y top left;
}

#top-menu ul > li > ul.sub-menu > li:first-child {
    background: none;
}

#top-menu ul > li > ul.sub-menu > li > a {
    font-family: "Proxima Nova ExtraBold";
    font-weight: normal;
    font-size: 14px;
    color: #263442;
    text-transform: uppercase;
}

#top-menu ul > li > ul.sub-menu > li > a:hover {
    text-decoration: none;
    cursor: default;
}

/* Depth 2 (pages) */
#top-menu ul > li > ul.sub-menu > li > ul.sub-menu {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 5px;
}

#top-menu ul > li > ul.sub-menu > li > ul.sub-menu > li {
    float: none;
    margin: 0;
    padding: 0;
    background: none;
}

#top-menu ul > li > ul.sub-menu > li > ul.sub-menu > li > a {
    font-family: "arial";
    font-size: 13px;
    font-weight: normal;
    cursor: pointer;
    color: #3791d9;
    text-transform: none;
}

#top-menu ul > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
    text-decoration: underline;
    cursor: pointer;
}

#top-menu ul > li > ul.sub-menu > li > ul.sub-menu > li.current-menu-item > a {
    color: #000;
}

/* Submenu footer */
#top-menu ul > li > ul.sub-menu > li.submenu-footer-li  {
    clear: left;
    width: 100%;
    font-size: 13px;
    background: none;
}

#top-menu ul > li > ul.sub-menu > li.submenu-footer-li div.top-sub-menu-footer {
    display: none;
    color: #263442;
    margin-top: 40px;
}

/* Domain lookup footer */
#top-menu div.sub-menu-domain-lookup label {
    font-family: 'Proxima Nova Regular';
    color: #263442;
    font-size: 13px;
    margin-right: 25px;
}

#top-menu div.sub-menu-domain-lookup span {
    font-size: 15px;
}

#top-menu div.sub-menu-domain-lookup input {
    width: 200px;
    background-color: #f2f2f2;
    margin-right: 10px;
    width: 228px;
    height: 42px;
    min-height: 42px;
}

#top-menu div.sub-menu-domain-lookup button {
    background-color: #263442;
    height: 42px;
    min-height: 42px;
}

#top-menu div.sub-menu-domain-lookup button > span {
    color: #fff;
    background: url('assets/sohosted/images/general/button-arrow-right.png') no-repeat center right;
    padding-right: 20px;
}

/**
 * Fixed sub menu bar
 */
#sub-menu {
    height: 49px;
}

#sub-menu .sub-menu-wrapper {
    background-color: #fff;
    border-bottom: 1px solid #dadfe4;
    height: 49px;
    line-height: 49px;
}

#sub-menu .sub-menu-wrapper.affix {
    z-index: 99;
    width: 100%;
    top: 0;
    -webkit-box-shadow: 0px 8px 12px 0px rgba(80, 80, 80, 0.50);
    -moz-box-shadow:    0px 8px 12px 0px rgba(80, 80, 80, 0.50);
    box-shadow:         0px 8px 12px 0px rgba(80, 80, 80, 0.50);
}

@-webkit-keyframes affixSubMenuFadeIn {
    0% {   display: none;  opacity: 0; }
    1% {   display: block; opacity: 0; }
    100% { display: block; opacity: 1; }
}
@-moz-keyframes affixSubMenuFadeIn {
    0% {   display: none;  opacity: 0; }
    1% {   display: block; opacity: 0; }
    100% { display: block; opacity: 1; }
}
@keyframes affixSubMenuFadeIn {
    0% {   display: none;  opacity: 0; }
    1% {   display: block; opacity: 0; }
    100% { display: block; opacity: 1; }
}

@-webkit-keyframes affixSubMenuHideFix {
    to { opacity: 0; }
}
@-moz-keyframes affixSubMenuHideFix {
    to { opacity: 0; }
}
@keyframes affixSubMenuHideFix {
    to { opacity: 0; }
}

#sub-menu .sub-menu-wrapper.affix a.home {
    display: inline;
    -webkit-animation: affixSubMenuFadeIn 0.5s;
    -moz-animation: affixSubMenuFadeIn 0.5s;
    animation: affixSubMenuFadeIn 0.5s;
}

#sub-menu .sub-menu-wrapper.affix div.breadcrumbs {
    display: none;
    -webkit-animation: affixSubMenuHideFix 0.11s;
    -moz-animation: affixSubMenuHideFix 0.1s;
    animation: affixSubMenuHideFix 0.1s;
}

#sub-menu .sub-menu-wrapper a.home {
    display: none;
    float: left;
    margin-left: 20px;
    color: #263442;
}

#sub-menu .sub-menu-wrapper a.home .fa {
    margin-right: 8px;
    vertical-align: -32%;
}

#sub-menu div.breadcrumbs {
    float: left;
    margin-left: 20px;
    font-family: arial;
    font-size: 11px;
    color: #727272;

    display: inline-block;
    -webkit-animation: affixSubMenuFadeIn 0.5s;
    -moz-animation: affixSubMenuFadeIn 0.5s;
    animation: affixSubMenuFadeIn 0.5s;
}

#sub-menu div.breadcrumbs ol {
    display: inline-block;
    clear: none;
    list-style: none;
    margin: 0;
    padding:0;

}

#sub-menu div.breadcrumbs ol li {
    display: inline-block;
}

#sub-menu div.breadcrumbs ol li a {
    font-family: arial;
    font-size: 11px;
    color: #727272;
    text-decoration: underline;
}

#sub-menu div.breadcrumbs ol li.active a {
    text-decoration: none;
    font-weight: bold;
}

#sub-menu div.breadcrumbs ol li:before {
    content: "»";
}

#sub-menu div.breadcrumbs ol li:first-child:before {
    content: " ";
}

#sub-menu nav {
    float: right;
    display: inline-block;
    margin: 0;
    padding: 0;
    font-family: "Proxima Nova SemiBold";
    font-size: 13px;
}

#sub-menu nav ul {
    list-style: none;
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 0;
}

#sub-menu nav ul li {
    margin-left: 22px;
    display: inline-block;
}

#sub-menu nav li.current-menu-item a {
    font-family: "Proxima Nova SemiBold";
    color: #000;
    text-decoration: underline;
}

/* Page header */
header.pageheader {
    background-color: #57a3df;
    color: #fff;
}

header.pageheader .container {
    padding: 25px 0;
    background-position: 98% 50%;
    background-repeat: no-repeat;
}

header.pageheader h1 {
    margin-bottom: 0;
}

header.pageheader + .wrapper-cta {
    padding: 10px 0;
}

header.pageheader.pageheader-blueclouds .container {
    background-image: url('assets/sohosted/images/layouts/vps-header.png');
}

header.pageheader.pageheader-greenshop {
    background-color: #b2dc32;
}

header.pageheader.pageheader-greenshop .container {
    background-image: url('assets/sohosted/images/layouts/vps-header-wizard.png');
    background-position: 98% 90%;
}

header.pageheader-yellowsupport {
    background-color: #ffd329;
}
header.pageheader-yellowsupport .container {
    height: 160px;
}

header.pageheader-yellowsupport > h1,
header.pageheader-yellowsupport > .h1 {
    margin-bottom: 20px;
}

header.pageheader-yellowsupport h1 {
    margin-top: 39px;
}

header.pageheader.pageheader-yellowsupport .container {
    background-image: url('assets/sohosted/images/layouts/customer-service-header.png');
    background-position: 95% 90%;
}

header.pageheader.pageheader-orangehealth {
    background-color: #f8a042;
}

header.pageheader.pageheader-orangehealth .container {
    background-image: url('assets/sohosted/images/layouts/vps-header-features.png');
}

header.pageheader.pageheader-orangehealth + .wrapper-cta {
    background-color: #e68e30;
    color: #fff;
}

header.pageheader.pageheader-greenadmin {
    background-color: #84e29d;
}

header.pageheader.pageheader-greenadmin .container {
    background-image: url('assets/sohosted/images/layouts/vps-header-managed.png');
    background-position: 98% 7px;
}

header.pageheader.pageheader-greenreferences {
    background-color: #a1d100;
}

header.pageheader.pageheader-greenreferences .container {
    background-image: url('assets/sohosted/images/layouts/vps-header-references.png');
    background-position: 98% -57px;
}

header.pageheader.pageheader-greenreferences + .wrapper-cta {
    background-color: #93bd00;
}

header.pageheader.pageheader-bluetechnics {
    background-color: #3791d9;
}

header.pageheader.pageheader-bluetechnics .container {
    background-image: url('assets/sohosted/images/layouts/vps-header-technics.png');
}

header.pageheader.pageheader-bluetechnics + .wrapper-cta {
    background-color: #1d70b3;
}

/**
 * General page styles
 */
header h2 {
    margin-bottom: 0px;
}

header span {
    font-size: 18px;
}

/**
 * Footer
 */
div.wrapper-footer {
    border-top: 1px solid #c8ced5;
    padding-bottom: 30px;
    padding-top: 30px;
    background-color: #ecf0f3;
}

.wrapper-footer strong {
    display: inline-block;
    font-family: "Proxima Nova ExtraBold";
    font-weight: normal;
    font-size: 15px;
    margin-bottom: 1em;
}

.wrapper-footer ul {
    margin-bottom: 1em;
}

.wrapper-footer a {
    font-family: "Proxima Nova Regular";
    font-size: 13px;

}

.wrapper-footer .column {
    background: url('assets/sohosted/images/general/footer-dotted-border.png') repeat-y 96% 0%;
    min-height: 118px;
}

.wrapper-footer div.contact-info {
    margin-bottom: 10px;
}

.wrapper-footer div.contact-info div {
    margin-bottom: 20px;
}

.wrapper-footer div.contact-info div.phone {
    background: url('assets/sohosted/images/general/footer-mobile.png') no-repeat center left;
    padding-left: 20px;
}

.wrapper-footer div.contact-info div.email {
    background: url('assets/sohosted/images/general/footer-email.png') no-repeat center left;
    padding-left: 20px;
}

.wrapper-footer div.contact-info div.blog {
    background: url('assets/sohosted/images/general/footer-blog.png') no-repeat center left;
    padding-left: 20px;
}

.wrapper-footer div.social div.social-media-box {
    display: inline-block;
    width: 46px;
    height: 44px;
    background: url('assets/sohosted/images/general/footer-dotted-border.png') repeat-y top right;
}

.wrapper-footer div.social div.social-media-box.last {
    background: none;
}

.wrapper-footer div.social div.social-media-box a.twitter {
    display: inline-block;
    height: 100%;
    width: 100%;
    background: url('assets/sohosted/images/general/footer-twitter.png') no-repeat center left;
}

.wrapper-footer div.social div.social-media-box a.facebook {
    display: inline-block;
    height: 100%;
    width: 100%;
    background: url('assets/sohosted/images/general/footer-facebook.png') no-repeat 45% 50%;
}

.wrapper-footer div.social div.social-media-box a.googleplus {
    display: inline-block;
    height: 100%;
    width: 100%;
    background: url('assets/sohosted/images/general/footer-googleplus.png') no-repeat center center;
}

.wrapper-footer .btw {
    margin: 12px 0 0;
    font-size: 12px;
}

.wrapper-footer-bottom {
    background-color: #c8ced5;
    line-height: 44px;
    height: 44px;
}

.wrapper-footer-bottom a, .wrapper-footer-bottom a:hover {
    color: inherit;
}

.wrapper-footer-bottom .btw {
    color: #696969;
    font-size: 12px;
}

/**
 * Fishies!
 */
div.yellow-fish {
    background: url('assets/sohosted/images/fish/yellow-fish.png') no-repeat top left;
    width:  75px;
    height: 71px;
}

div.blue-fish {
    background: url('assets/sohosted/images/fish/blue-fish.png') no-repeat top left;
    width:  74px;
    height: 37px;
}

div.orange-fish {
    background: url('assets/sohosted/images/fish/orange-fish.png') no-repeat top left;
    width:  76px;
    height: 59px;
}

div.purple-fish {
    background: url('assets/sohosted/images/fish/purple-fish.png') no-repeat top left;
    width:  72px;
    height: 43px;
}

/**
 * sidebar
 */
div.sidebar {
    margin: 63px 0 20px;
    padding: 20px;
    background-color: #ecf1f6;
}


.widget:not(:last-child) {
    padding-bottom: 20px;
    border-bottom: dashed 1px #ccc;
}

.widget:not(:first-child) {
    padding-top: 20px;
}

/**
 * Content
 */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    text-transform: uppercase;
}

.btn {
    text-transform: uppercase;
    font-family: "Proxima Nova SemiBold";
}

.well {
    border: 0;
    -ms-box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

span.tip, a.tip, span.tip-popover {
    border-bottom: 1pt dashed #696969;
    cursor: help;
}

ul.list-type-arrow {
    list-style-position: inside;
    padding-left: 2px;
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAHCAYAAADam2dgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkY4NzcwM0E5REYyMTFFM0JFNzVCNkYwQzdGNDUxMjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkY4NzcwM0I5REYyMTFFM0JFNzVCNkYwQzdGNDUxMjkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGRjg3NzAzODlERjIxMUUzQkU3NUI2RjBDN0Y0NTEyOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGRjg3NzAzOTlERjIxMUUzQkU3NUI2RjBDN0Y0NTEyOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiBPhe8AAACsSURBVHjaRI+9DgFBFIXPlW28glal9QSbqJVbKTVewQt4AKptUJBsRKWXLRTeQIIoFSpRKa9vdiyTOfdvvpyZsWM3n0q6oLXkT8mqLXfFZWrQ7dGM7o5WzFL9SKswINuhE3WTPMChRFf6MUwLgwDJzbT9OtehTZqQb2iYhCvdPZNF65Dc7YzBgnrJ4JHQ9Ck6nLxBNm6agx2YxacTglMPYARQUL9Ur//n9BFgAJITM4kDHIWqAAAAAElFTkSuQmCC);
}

.alert .fa {
    margin-right: 10px;
}

/**
 * Accordion
 */
.accordion .panel {
    border: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.accordion .panel .panel-body {
    border: 0 !important;
}

.accordion .panel-heading {
    background-color: #fff;
    border: 1px solid #dadfe4;
    height: 46px;
    line-height: 46px;
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}

.accordion .panel-heading span.expand {
    color: #3791d9;
    font-family: 'Proxima Nova SemiBold';
    font-size: 31px;
    line-height: 25px;
    vertical-align: middle;
    margin-right: 15px;
    display: inline-block;
    height: 25px;
    width: 25px;
    text-align: center;
}

.accordion .panel-heading .panel-title {
    line-height: 42px;
}

.accordion .panel-heading .panel-title a {
    vertical-align: baseline;
    color: #3791d9;
    font-family: 'Proxima Nova SemiBold';
    font-weight: normal;
    font-size: 14px;
}

.accordion .panel-heading .panel-title a:hover {
    text-decoration: none;
}

.accordion .panel.open .panel-heading {
    background-color: #d9dfe4;
}

.accordion .panel.open .panel-heading span.expand {
    background-color: #3791d9;
    color: #fff;
    line-height: 22px;
}
.accordion .panel div.panel-body {
    text-align: justify;
}
.accordion .panel.open div.panel-body {
    background: transparent url(assets/sohosted/images/general/grey-triangle-small.png) no-repeat top center;
}

/**
 * Carrousel/Slider
 */
.carousel .carousel-inner .item {
    padding-left: 50px;
    padding-right: 50px;
}

a.carousel-control {
    width: 30px;
    color: #3791d9;
    text-shadow: none;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

a.carousel-control:focus {
    color: #3791d9;
}

a.carousel-control:hover {
    color: #3791d9;
    opacity: 1;
    filter: alpha(opacity=100);
}

.carousel-control.right,.carousel-control.left {
    background: none;
    filter: none;
}

a.carousel-control .glyphicon {
    margin-top: -8px;
}

.carousel .carousel-indicators {
    bottom: -35px;
}

.carousel .carousel-indicators li {
    border: 0;
    background-color: #c8ced5;
    height: 14px;
    width: 14px;
}

.carousel .carousel-indicators li.active {
    background-color: #dadfe4;
    margin: 1px;
}

/**
 * Wrapper tabs
 */
.nav-tabs.wrapper-tabs {
    border: 0;
}

.nav-tabs.wrapper-tabs > li {
    margin-bottom: 0;
}

.nav-tabs.wrapper-tabs > li > a {
    padding: 10px 30px;
    margin: 0;
    border: 0;
    background-color: #dadfe4;
    font-size: 15px;
    line-height: 1em;
    color: #525f69;
    text-align: center;
    text-transform: uppercase;
}

.nav-tabs.wrapper-tabs > li:not(.active) > a {
    border-left: 1px solid #ecf1f6;
    border-right: 1px solid #c8ced5;
    box-shadow: 0 -4px 3px -2px #aaa inset;
}

.nav-tabs.wrapper-tabs > li.active + li > a {
    box-shadow: 3px -2px 4px #aaa inset;
}

.nav-tabs.wrapper-tabs > li.active:not(:first-child)::before {
    content: '';
    position: absolute;
    left: -10px;
    height: 100%;
    width: 10px;
    background-color: transparent;
    box-shadow: -7px 0 4px -4px #AAAAAA inset
}

.nav-tabs.wrapper-tabs > li > a > span {
    font-family: "Proxima Nova Regular";
    font-size: 12px;
    text-transform: none;
}

.nav-tabs.wrapper-tabs > li.active > a,
.nav-tabs.wrapper-tabs > li.active > a:hover,
.nav-tabs.wrapper-tabs > li.active > a:focus {
    padding-top: 12px;
    padding-bottom: 13px;
    margin-top: -5px;
    border: 0;
    background-color: #ecf1f6;
    color: #233543;
    font-family: "Proxima Nova SemiBold";
}

.nav-tabs.full-width > li > a {
    padding: 10px 10px;
    height: 50px;
}

.nav-tabs.full-width {
    margin: 0;
}

.nav-tabs.full-width > li > a.double-line {
    line-height: 2em;
}

.nav-tabs.full-width > li.active > a {
    padding-top: 13px;
    padding-bottom: 13px;
    height: 55px;
}

.wrapper-grey .nav-tabs.wrapper-tabs > li.active > a,
.wrapper-grey .nav-tabs.wrapper-tabs > li.active > a:hover,
.wrapper-grey .nav-tabs.wrapper-tabs > li.active > a:focus,
.wrapper-grey .tab-content {
    background-color: #fff;
}

/**
 * Packages overview display
 */
.packages-overview {
    margin: 40px -0.5%;
}

.packages-overview:before,
.packages-overview:after {
    content: ' ';
    display: table;
}

.packages-overview:after {
    clear: both;
}

.packages-overview .package {
    float: left;
    width: 19%;
    margin: 0 0.5%;
    padding-bottom: 10px;
    text-align: center;
    background-color: #fff;
}

.packages-overview .package-title {
    position: relative;
    margin: 0;
    padding: 2px 0;
    line-height: 36px;
    height: 36px;
    color: #fff;
    text-transform: uppercase;
    font-family: "Proxima Nova ExtraBold";
    font-size: 21px;
}

.packages-overview .package ul {
    list-style: none outside none;
    padding-left: 0;
    margin: 0 8px;
}

.packages-overview .package li {
    padding: 10px 0;
    border-bottom: 1px solid #cdd5da;
}

.packages-overview .package li.price {
    padding: 10px 0;
    font-family: "Proxima Nova Bold";
}

.packages-overview .package li.price em {
    font-size: 24px;
    font-style: normal;
}

.packages-overview .package-small .package-title {
    background-color: #3791d9;
    font-size: 18px;
}
.packages-overview .package-medium .package-title {
    background-color: #c02198;
    font-size: 20px;
}
.packages-overview .package-large .package-title {
    background-color: #FFCD00;
    font-size: 22px;
}
.packages-overview .package-xl .package-title {
    background-color: #e7a03a;
    font-size: 26px;
}
.packages-overview .package-xxl .package-title {
    background-color: #A3D50B;
    font-size: 30px;
}

.packages-overview .package .btn {
    display: inline-block;
    width: 75%;
    margin: 20px 0 5px;
    font-family: "Proxima Nova Bold";
    text-transform: uppercase;
}

/**
 * fishies
 */
.fish {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-image: url('assets/sohosted/images/fish/fish.png');
}
.fish.fish-small {
    height: 48px;
    width: 92px;
    background-position: 0px 0px;
}
.fish.fish-medium {
    height: 55px;
    width: 90px;
    background-position: 0 -48px;
}
.fish.fish-large {
    height: 89px;
    width: 92px;
    background-position: 0 -103px;
}
.fish.fish-xl {
    height: 108px;
    width: 135px;
    background-position: 0 -192px;
}
.fish.fish-xxl {
    height: 122px;
    width: 184px;
    background-position: 0 -300px;
}

.fish.fish-sm {
    background-image: url('assets/sohosted/images/fish/fish-sized-small.png');
}
.fish.fish-sm.fish-small {
    height: 20px;
    width: 35px;
    background-position: 0px 0px;
}
.fish.fish-sm.fish-medium {
    height: 28px;
    width: 42px;
    background-position: 0 -20px;
}
.fish.fish-sm.fish-large {
    height: 46px;
    width: 48px;
    background-position: 0 -48px;
}
.fish.fish-sm.fish-xl {
    height: 54px;
    width: 68px;
    background-position: 0 -94px;
}
.fish.fish-sm.fish-xxl {
    height: 66px;
    width: 100px;
    background-position: 0 -148px;
}

/**
 * 404 page
 */
div.error-404 {
    margin-top: 45px;
    padding-bottom: 150px;
}

div.error-404 h1 {
    font-size: 23px;
    margin-bottom: 40px;
    line-height: 90px;
    font-family: 'Proxima Nova SemiBold';
}

div.error-404 h1 img {

    margin: 16px 20px 16px 20px;
    vertical-align: middle;
}

div.error-404 h2 {
    font-family: 'Proxima Nova Light';
    font-size: 16px;
}

div.error-404 nav ul {
    border: 1px solid #b2b2b2;
    float: left;
    width: 100%;
    padding: 20px;
    zoom: 1;
    margin-bottom: 40px;
}

div.error-404 nav ul li a:hover {
    background-color: inherit;
}

div.error-404 nav ul li {
    list-style-position: inside;
    list-style-type: square;
    float: left;
    width: 25%;
    height: 12px;
    height: 1em;
    color: #535353;
    line-height: 28px;
    height: 28px;
}

div.error-404 nav ul li a {
    font-size: 14px;

}

/* customer logos list with logos (4cols wide) */
.customer-logos ul {
    margin: -1%;
}

.customer-logos ul:after {
    content: ' ';
    display: table;
    clear: both;
}

.customer-logos ul li {
    display: block;
    float: left;
    width: 23%;
    height: 164px;
    line-height: 164px;
    margin: 10px 1%;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #c8ced5;
    text-align: center;
}

/* customer twitter block (should be inside dark/blue wrapper) */
.customer-twitter h2 {
    margin-bottom: 40px;
    color: #fff;
}

.customer-twitter h2 span.twitter {
    vertical-align: middle;
    height: 26px;
    width:  31px;
    background-image: url('assets/sohosted/images/icons/twitter-white.png');
    display: inline-block;
    margin-left: 15px;
}

.customer-twitter li {
    padding: 20px;
    height: 100px;
    margin-bottom: 20px;
    background-color: #fff;
}

.customer-twitter li img {
    float: left;
    margin-right: 20px;
    width: 60px;
    height: 60px;
    background-color: #efefef;
}

.customer-twitter li .twitter-header .twitter-tag a {
    font-family: "Proxima Nova ExtraBold";
    font-size: 16px;
    text-decoration: underline;
}

.customer-twitter li .twitter-header .twitter-time {
    font-family: "Proxima Nova Light";
    font-size: 12px;
    color: #263442;
    vertical-align: middle;
}

/* aggregate reviews block */
.reviews-aggregate .reviews-aggregate-container {
    margin-top: 20px;
    border: 1px solid #dadfe4;
    padding: 13px;
}

.reviews-aggregate .reviews-aggregate-container .reviews-aggregate-box:nth-child(2) {
    border-right: 1px solid #ecf1f6;
    border-left: 1px solid #ecf1f6;
}

.reviews-aggregate .reviews-aggregate-container .reviews-aggregate-box a.logo {
    display: inline-block;
    vertical-align: middle;
    height: 62px;
    width: 162px;
}

.reviews-aggregate .reviews-aggregate-container .reviews-aggregate-box a.hostingwijzer {
    background: url('assets/sohosted/images/logos/hostingwijzer.png') no-repeat center;
}

.reviews-aggregate .reviews-aggregate-container .reviews-aggregate-box a.webhosters {
    background: url('assets/sohosted/images/logos/webhosters.png') no-repeat;
}

.reviews-aggregate .reviews-aggregate-container .reviews-aggregate-box a.ispgids {
    background: url('assets/sohosted/images/logos/ispgids.png') no-repeat center;
}

.reviews-aggregate .reviews-aggregate-container .reviews-aggregate-box div {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.reviews-aggregate .reviews-aggregate-container .reviews-aggregate-box .glyphicon-star,
.reviews-aggregate .reviews-aggregate-container .reviews-aggregate-box .glyphicon-star-empty {
    color: #c9339b;
}

.reviews-aggregate .reviews-aggregate-all-link {
    display: inline-block;
    font-family: "Proxima Nova SemiBold";
    padding-top: 20px;
}

/* reviews */
.webhosting-reviews h2 {
    margin-bottom: 0;
}

.webhosting-reviews h3 {
    margin: 0 0 30px;
    font-family: "Proxima Nova Regular";
}

.webhosting-reviews .lead {
    text-transform: uppercase;
    margin-bottom: 30px;
}

div#webhosting-review-slider {
    border: 1px solid #dadfe4;
    background-color: #fff;
    text-align: center;
}

div#webhosting-review-slider p:first-child,
.webhosting-reviews .reviews-featured p:first-child {
    float: none;
    width: auto;
    margin: 10px 0 0;
    padding: 0 20px;
    text-align: left;
    font-size: 14px;
    text-transform: none;
    font-family: "Proxima Nova SemiBold";
}

div#webhosting-review-slider .carousel-inner {
    height: 150px;
}

div#webhosting-review-slider div.item {
    margin: 30px 0;
}

div#webhosting-review-slider div.item blockquote {
    margin: 0;
    padding: 0;
    border-left: 0;
    quotes: "\201C" "\201D";
    font-size: 14px;
}

div#webhosting-review-slider div.item blockquote:before {
    content: open-quote;
    font-family: 'arial';
}

div#webhosting-review-slider div.item blockquote:after {
    content: close-quote;
    font-family: 'arial';
}

div#webhosting-review-slider div.item blockquote span {
    font-size: inherit;
    color: #233543;
}

div#webhosting-review-slider div.item p {
    font-size: 13px;
    margin: 0.8em 0 0;
    color: #8D8D8D;
}

.webhosting-reviews .reviews-featured {
    position: relative;
    border: 1px solid #dadfe4;
    background-color: #fff;
}

.webhosting-reviews .reviews-featured p {
    width: 190px;
    float: right;
    margin-top: 20px;
    padding-right: 20px;
}

.webhosting-reviews .reviews-featured ul {
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
}

.webhosting-reviews .reviews-featured li {
    margin-bottom: 20px;

}

.webhosting-reviews .reviews-featured li i {
    margin-right: 3px;
}

.webhosting-reviews .reviews-featured li span {
    display: inline-block;
    width: 120px;
}

.webhosting-reviews .reviews-featured div.smiley {
    position: absolute;
    width: 87px;
    height: 85px;
    background: url(assets/sohosted/images/home/purple-smiley.png) no-repeat top left;
    right: 16px;
    top: -50px;
}

/* plugin simple social share buttons */
.archive .ssba {
    float: right;
    margin-top: -0.5em;
}

.ssba img {
    padding: 6px;
    vertical-align: middle;
    width: 40px;
}

.ssba  .ssba_sharecount {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #E0DDDD;
    border-radius: 6px;
    color: #555E58;
    font: 11px Arial,Helvetica,sans-serif;
    padding: 5px;
    position: relative;
}

.ssba .ssba_sharecount:after,
.ssba .ssba_sharecount:before {
    border: medium solid rgba(0, 0, 0, 0);
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    right: 100%;
    width: 0;
}
.ssba  .ssba_sharecount:after {
    margin-top: -5px;
    top: 50%;
    border-color: rgba(224, 221, 221, 0) #F5F5F5 rgba(224, 221, 221, 0) rgba(224, 221, 221, 0);
    border-width: 5px;
    border-right-color: #F5F5F5;
}

.ssba .ssba_sharecount:before {
    border-color: rgba(85, 94, 88, 0) #E0DDDD rgba(85, 94, 88, 0) rgba(85, 94, 88, 0);
    border-width: 6px;
    margin-top: -6px;
    top: 50%;
}

/**
 * Move to sohosted row (used on /webhosting and domeinnaam-registreren)
 */
.webhosting-move h2 {
    margin-bottom: 0;
}

.webhosting-move h3 {
    margin: 0 0 30px;
    font-family: "Proxima Nova Regular";
}

.webhosting-move p {
    margin-bottom: 30px;
}

.webhosting-move .h3 {
    margin-bottom: 0.8em;
    color: #a3d50b;
    font-size: 18px;
    font-family: "Proxima Nova Bold";
    text-transform: none;
}

.webhosting-move li {
    margin-bottom: 15px;
    font-family: "Proxima Nova SemiBold";
}

.webhosting-move li span {
    display: inline-block;
    margin-right: 10px;
    line-height: 30px;
    height: 30px;
    width: 30px;
    text-align: center;
    border-radius: 100%;
    background-color: #a3d50b;
    color: #263442;
    font-family: "Proxima Nova Bold";
}

.webhosting-move a.btn {
    display: inline-block;
    width: 100%;
}



/**
 * Icons
 */
i.icon {
    display:inline-block;
    width: 72px;
    height: 72px;
    vertical-align: middle;
    font-size: 1px;
    line-height:1;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
}

i.icon-xs {
    width: 32px;
    height: 32px;
}

i.icon-sm {
    width: 48px;
    height: 48px;
}

i.icon-xxl {
    width: 256px;
    height: 256px;
}

i.icon-ssd.icon-xs      { background-image: url('assets/sohosted/images/icons/32/ssd.png'); }
i.icon-ssd.icon-sm      { background-image: url('assets/sohosted/images/icons/48/ssd.png'); }
i.icon-ssd              { background-image: url('assets/sohosted/images/icons/72/ssd.png'); }
/*i.icon-ssd.icon-xl      { background-image: url('assets/sohosted/images/icons/128/ssd.png'); }*/
i.icon-ssd.icon-xxl     { background-image: url('assets/sohosted/images/icons/256/ssd.png'); }

i.icon-sas              { background-image: url('assets/sohosted/images/icons/72/sas.png'); }

i.icon-email.icon-xs    { background-image: url('assets/sohosted/images/icons/32/email.png'); }
i.icon-email            { background-image: url('assets/sohosted/images/icons/72/email.png'); }

i.icon-email-click.icon-sm { background-image: url('assets/sohosted/images/icons/48/email-click.png'); }

i.icon-no-email-limit   { background-image: url('assets/sohosted/images/icons/72/no-email-limit.png'); }

i.icon-unlimited-boxes  { background-image: url('assets/sohosted/images/icons/72/unlimited-boxes.png'); }

i.icon-storage          { background-image: url('assets/sohosted/images/icons/72/storage.png'); }

i.icon-storage-management { background-image: url('assets/sohosted/images/icons/72/storage-management.png'); }

i.icon-invoice          { background-image: url('assets/sohosted/images/icons/72/invoice.png'); }

i.icon-payment          { background-image: url('assets/sohosted/images/icons/72/payment.png'); }

i.icon-enough-databases { background-image: url('assets/sohosted/images/icons/72/enough-databases.png'); }

i.icon-root-access      { background-image: url('assets/sohosted/images/icons/72/root-access.png'); }

i.icon-high-availability { background-image: url('assets/sohosted/images/icons/72/high-availability.png'); }

i.icon-active-monitoring { background-image: url('assets/sohosted/images/icons/72/active-monitoring.png'); }

i.icon-reliable-hardware.icon-sm { background-image: url('assets/sohosted/images/icons/48/reliable-hardware.png'); }
i.icon-reliable-hardware { background-image: url('assets/sohosted/images/icons/72/reliable-hardware.png'); }

i.icon-clock.icon-sm    { background-image: url('assets/sohosted/images/icons/48/clock.png'); }
i.icon-clock    { background-image: url('assets/sohosted/images/icons/72/clock.png'); }

i.icon-timer.icon-sm    { background-image: url('assets/sohosted/images/icons/48/timer.png'); }
i.icon-timer            { background-image: url('assets/sohosted/images/icons/72/timer.png'); }
i.icon-timer.icon-xxl   { background-image: url('assets/sohosted/images/icons/256/timer.png'); }

i.icon-alarm-clock { background-image: url('assets/sohosted/images/icons/72/alarm-clock.png'); }
i.icon-alarm-clock.icon-xxl { background-image: url('assets/sohosted/images/icons/256/alarm-clock.png'); }

i.icon-high-speed-connection.icon-sm { background-image: url('assets/sohosted/images/icons/48/high-speed-connection.png'); }
i.icon-high-speed-connection { background-image: url('assets/sohosted/images/icons/72/high-speed-connection.png'); }

i.icon-phone.icon-xs    { background-image: url('assets/sohosted/images/icons/32/phone.png'); }

i.icon-support.icon-xs  { background-image: url('assets/sohosted/images/icons/32/support.png'); }

i.icon-honest.icon-sm   { background-image: url('assets/sohosted/images/icons/48/honest.png'); }

i.icon-service.icon-sm      { background-image: url('assets/sohosted/images/icons/48/service.png'); }

i.icon-money-back.icon-sm { background-image: url('assets/sohosted/images/icons/48/money-back.png'); }

i.icon-redundant.icon-sm { background-image: url('assets/sohosted/images/icons/48/redundanty.png'); }

i.icon-sla.icon-sm      { background-image: url('assets/sohosted/images/icons/48/sla.png'); }

i.icon-ssl.icon-sm      { background-image: url('assets/sohosted/images/icons/48/ssl.png'); }

i.icon-vps.icon-sm      { background-image: url('assets/sohosted/images/icons/48/vps.png'); }

i.icon-vmware.icon-sm   { background-image: url('assets/sohosted/images/icons/48/vmware.png'); }

i.icon-new-technics.icon-sm { background-image: url('assets/sohosted/images/icons/48/new-technics.png'); }

i.icon-transfer.icon-sm { background-image: url('assets/sohosted/images/icons/48/transfer.png'); }

i.icon-web-based-controlpanel.icon-sm { background-image: url('assets/sohosted/images/icons/48/web-based-controlpanel.png'); }
i.icon-web-based-controlpanel { background-image: url('assets/sohosted/images/icons/72/web-based-controlpanel.png'); }
i.icon-web-based-controlpanel.icon-xxl { background-image: url('assets/sohosted/images/icons/256/web-based-controlpanel.png'); }

i.icon-backups.icon-sm  { background-image: url('assets/sohosted/images/icons/48/backups.png'); }
i.icon-backups          { background-image: url('assets/sohosted/images/icons/72/backups.png'); }
i.icon-backups.icon-xxl { background-image: url('assets/sohosted/images/icons/256/backups.png'); }

i.icon-network-security.icon-sm { background-image: url('assets/sohosted/images/icons/48/network-security.png'); }
i.icon-network-security { background-image: url('assets/sohosted/images/icons/72/network-security.png'); }
i.icon-network-security.icon-xxl { background-image: url('assets/sohosted/images/icons/256/network-security.png'); }

i.icon-ram-garanty      { background-image: url('assets/sohosted/images/icons/72/ram-garanty.png'); }
i.icon-ram-garanty.icon-xxl { background-image: url('assets/sohosted/images/icons/256/ram-garanty.png'); }

i.icon-vlan-private-cloud { background-image: url('assets/sohosted/images/icons/72/vlan-private-cloud.png'); }
i.icon-vlan-private-cloud.icon-xxl { background-image: url('assets/sohosted/images/icons/256/vlan-private-cloud.png'); }

i.icon-application-vps { background-image: url('assets/sohosted/images/icons/72/application-vps.png'); }

i.icon-free             { background-image: url('assets/sohosted/images/icons/72/free.png'); }
i.icon-free.icon-xxl    { background-image: url('assets/sohosted/images/icons/256/free.png'); }

i.icon-high-uptime.icon-sm { background-image: url('assets/sohosted/images/icons/48/high-uptime.png'); }
i.icon-high-uptime      { background-image: url('assets/sohosted/images/icons/72/high-uptime.png'); }
i.icon-high-uptime.icon-xxl { background-image: url('assets/sohosted/images/icons/256/high-uptime.png'); }

i.icon-always-reachable.icon-sm { background-image: url('assets/sohosted/images/icons/48/always-reachable.png'); }

/**
 * Search results
 */
.search-results article {
    margin: 20px 0 40px 0;
}

.search-results article header h4.entry-title {
    margin-bottom: 0px;
}

.search-results article header div a {
    color: #006621;
}

/**
 * News/blog
 */
.archive article {
    margin: 40px 0 40px 0;
}

/**
 * HR
 */
hr.dotted {
    width: 100%;
    border: 0;
    height: 1px;
    background: url(assets/sohosted/images/general/dotted-line.png) repeat-x top left;
    margin: 0;
}

/**
 * Reviews caroussel ( /over/referenties )
 */
#sohosted-reviews-slider .carousel-inner {
    min-height: 350px;
}

#sohosted-reviews-slider .carousel-control {
    background-color: #fff;
}

.review-item .review-item-header {
    width: 100%;
    height: 45px;
    line-height: 45px;
    background-color: #ecf0f3;
    padding: 0 20px 0 20px;
}

.review-item .review-item-header span {
    display: block;
    float: left;
    height: 45px;
    text-overflow:ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 10px;
}

.review-item .review-item-header span.date {
    width: 140px;
}

.review-item .review-item-header span.source {
    width: 155px;
}

.review-item .review-item-header span.domain {
    width: 250px;
}

.review-item .review-item-header span.score {
    width: 160px;
}

.review-item .review-item-header span.glyphicon {
    float: initial;
    display: inline;
    color: #c9339b;
    font-size: 14px;
    padding: 0;
    margin: 0;
    line-height: 45px;
}

.review-item blockquote {
    min-height: 50px;
    border: 0;
    font-family: Georgia, serif;
    font-size: 16px;
    font-style: italic;
    margin: 0.25em 0;
    padding: 1em 80px;
    line-height: 1.45;
    position: relative;
    color: #383838;
}

.review-item blockquote:before {
    display: block;
    content: "\201C";
    font-size: 5em;
    position: absolute;
    left:20px;
    top: -5px;
    color: #7a7a7a;
}

.review-item blockquote:empty:before {
    display: none;
}

.review-item blockquote cite {
    color: #999999;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}

.review-item blockquote cite:before {
    content: "\2014 \2009";
}

/**
 * Customer stories tabs (/vps/vps-referenties, /webhosting/referenties
 */
.customer-stories .tab-content {
    padding: 30px;
}

.customer-stories h3 {
    margin: 0;
    text-transform: none;
    font-size: 1em;
}

.customer-stories hr {
    border: 0;
    border-bottom: 1px dashed #C8CED5;
}

.customer-stories .customer-story-profile {
    padding: 20px;
    background-color: #d9dfe4;
}

/* contacy form */
input.wpcf7-not-valid,
textarea.wpcf7-not-valid,
select.wpcf7-not-valid {
    border-color: #FC232D;
}

.wpcf7-mail-sent-ok,
.wpcf7-not-valid-tip,
.wpcf7-validation-errors,
.screen-reader-response ul {
    display: none;
}

.screen-reader-response {
    color: #55A517;
}

/** Pagination **/
#archive-pagination span {
	font-family: arial;
}

#archive-pagination i > span {
	font-family: "Proxima Nova Regular";
	margin: 0 5px 0 5px;
}

#archive-pagination a.next span {
	font-family: "Proxima Nova Regular";
}


#archive-pagination a  {
	font-family: arial;
	margin: 0 2px 0 2px;
}

/** Star rating **/
.star {
    width: 18px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
}

.star.empty {
    background: url(assets/sohosted/images/stars/empty-star.png) no-repeat top left;
}

.star.half {
    background: url(assets/sohosted/images/stars/half-star.png) no-repeat top left;
}

.star.full {
    background: url(assets/sohosted/images/stars/full-star.png) no-repeat top left;
}