/*PALET
#e74c3c #c0392b
#3498db #2980b9
#bdc3c7 #ecf0f1
#7f8c8d #95a5a6
#efefef
#f1c40f
#2ecc71

*/
a, a:visited { color: #fff; }

.baddons { margin-bottom: 20px; display: inline-block; }

.checksContainer { padding: 10px 20px 20px 20px; }
.checkContainer { width: 100%; float: left; text-align: left; margin-bottom: 22px; position: relative;  }
.checkContainer > .label { font-size: 36px;  float: left; color: #444; }
.checkContainer:hover {  cursor: pointer; }
.checkContainer:hover > .label { color: #3498db; cursor: pointer; }
/*.checkContainer:hover > .price  { color: #3498db;  }*/
.checkContainer > .price { font-weight: 500; font-size: 14px; margin-top: 22px; float: left; margin-left: 10px; color:  #777; cursor: pointer; }
.checkContainer > .box { float: right; height: 36px; width: 36px; border: 1px solid #ccc; cursor: pointer; margin-top: 8px; }
.checkContainer > .box div.boxInner { font-weight: bold; height: 30px; width: 30px; padding: 3px; text-align: center; font-size: 22px; color: #444;  }
.checkContainer > .box input.boxInner { font-weight: bold; height: 30px; width: 30px; padding: 3px; background: transparent; text-align: center; font-size: 22px; color: #444; border: none; cursor: text !important; }
.checkContainer:hover > .box input.boxInner  { color: #3498db; }
.checkContainer .checkPrice { position: absolute; right: -10px; font-size: 24px; font-weight: bold; color: #555; top: 10px; width: 1px; }
.checkContainer .checkPriceWrap { position: relative; }
.checkContainer .checkPriceInner { position: absolute; float:left; }

.addon-price { display: none; }


.checkContainer > .box div.boxInner::before {
    content: "\2714";
    color: #ccc;
}

.checkContainer:hover > .box div.boxInner::before {
    content: "\2714";
    color: #999;
}

.checkContainer > .box div.boxInner.checked::before {
    content: "\2714";
    color: #333;
}





.containerBanner { width: 100%; height: 100%; max-height: 555px; padding-top: 60px; display: table; min-height: 20px; background-color: #252525; background-image: url('images/banner.png'); background-repeat: no-repeat; background-size: 120% 120%; background-position: center center;  text-align: center;  background-attachment:fixed; }
.containerBanner .headline { position: relative; display: table-cell; vertical-align: middle; width: 100%; text-align: center; padding-bottom: 50px; background-image: url('images/pattern.png'); background-repeat: repeat; }
.containerBanner .headline header { padding-bottom: 3%; }
.containerBanner .headline header > h1 { color: #fff; text-align: center; width: 100%; font-weight: 700; font-family: "BebasRegular"; font-size: 40px; }
.containerBanner .innerContent { text-transform: uppercase; background-color: rgba(0,0,0,0.5); padding: 10px; display: inline-block; margin-top: 5px; color: #fff; font-size: 30px; }
.containerBanner .innerContent.offset { font-size: 20px; }


/*containerMain START*/
.containerMain { width: 100%; min-height: 100px; padding-bottom: 50px; text-align: center; background: #ccc; overflow-x: hidden; position: relative; }
.containerMain.border { border-bottom: 1px solid #aaa; }
.containerMain.offset { background-color: #ECEAEB; }
.containerMain .containerSub { height: inherit; width: 100%; overflow: hidden; }
.containerMain.offset .containerSub header > h1 { color: #222; font-weight: 600; font-size: 40px; }
.containerMain.offset .containerSub header > h2 { color: #207992; font-weight: 400; }
.containerMain.offset .containerSub header > h3 { color: #aaa; font-size: 30px; font-weight: 400; }
.containerMain.offset .containerSub header > h4 { color: #444; font-size: 25px; font-weight: 600; }
.containerMain.offset .containerSub header > h5 { color: #fff; font-size: 40px; font-weight: 600; }
.containerMain .containerSub header > h1 { color: #fff; padding: 10px; }
.containerMain .containerSub ul { text-align: center; }
.containerMain .containerDevices { height: 20px; text-align: center; width: 380px; text-align: center; margin: 0 auto;  }
.containerMain .containerDevices > ul > li { float: left; padding: 10px 30px; background: #ECEAEB; }
.containerMain .containerDevices > ul > li .icon { width: 60px; height: 60px; background-image: url('images/devices.gif'); }
.containerMain .containerOs { height: 20px; text-align: center; width: 410px; text-align: center; margin: 0 auto; padding-top: 50px;}
.containerMain .containerOs > ul > li { float: left; padding: 5px; }
.containerMain .containerOs > ul > li .icon { width: 32px; height: 31px; padding: 0 20px; background-position: center center; }
.containerMain .containerPeopleCount { padding: 20px; }
.containerMain .containerVideo { width: 650px; margin: 0 auto; padding: 30px; }
.containerMain .containerVideo .containerApp { background-image: url('images/app.png'); float: left; width: 190px; height: 314px;/*width: 314px;*/ /*height: 314px;*/ background-repeat: no-repeat; background-size: contain; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; }
.containerMain .containerVideo .video { width: 435px; height: 315px; float: right; }
.containerMain .selling-points { overflow: hidden; }
.containerMain .selling-points ul { overflow: hidden;}
.containerMain .selling-points ul li { float: left; padding-bottom: 30px; padding-left: 50px; text-align: left; }
.containerMain .selling-points ul li strong { color: #444; font-size: 30px; font-weight: 400; }
.containerMain .selling-points ul li p { color: #777; }
.containerMain .containerFeatures { width: 950px; margin: 0 auto; padding: 50px 0; }
.containerMain .containerFeatures ul { width: 100%; text-align: center; padding-bottom: 20px;  }
.containerFeatures ul li { width: 33%; float: left; }
.containerFeatures ul li .circle { height: 130px; width: 130px; background: #2796b6; -webkit-border-radius: 400px; -moz-border-radius: 400px; border-radius: 400px; margin: 0 auto; position: relative; margin-bottom: 30px; }
.containerFeatures ul li .icon { font-family: "Glyphicons Halflings"; top: 35px; color: #fff; font-size: 40px; position: relative; text-align: center; }
.containerFeatures ul li.point-1 .icon:before { content: "\e104"; }
.containerFeatures ul li.point-2 .icon:before { content: "\e115"; }
.containerFeatures ul li.point-3 .icon:before { content: "\e162"; } /*"\e019"; }*/
.containerFeatures ul li.point-4 .icon:before { content: "\e135"; }
.containerFeatures ul li.point-5 .icon:before { content: "\e019"; }
.containerFeatures ul li.point-6 .icon:before { content: "\e171"; }
.containerFeatures ul li .content { font-weight: 600; font-size: 14px; color: #777; width: 300px; margin: 0 auto; margin-top: 20px; }
.containerMain .containerLocations { padding-top: 40px;  }
.containerMain .containerLocations .locations { width: 100%; margin: 0 auto; height: 400px; margin-top: 20px; position: relative; text-align: center; }
.containerMain .containerLocations .locationsInner { width: 480px; position: absolute; margin: 0 auto; left: 0; right: 0; top: 80px; height: 200px; /*background-image: url('images/unlock-services.png'); background-size: cover; background-repeat: no-repeat; */ }
.containerMain .containerLocations .locations-li { float: left; margin: 10px; }
.containerMain .containerLocations .locations-li p { font-weight: bold; color: #fff; }
.containerMain .containerLocations .locations-img { /*height: 47px; width: 70px;*/height: 67px; width: 100px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; }
.containerMain .containerLocations .locations-img > img { width: 70px; height: 50px; }

.containerMain .containerServices { padding-top: 40px; }
.containerMain .servicesUnblocked { width: 100%; margin-top: 50px; padding-bottom: 50px; }
.containerMain .servicesUnblockedInner {  width: 940px; margin: auto; display: table; table-layout: fixed  }
.containerMain .unblocked-service-table { margin-top: -30px; position: relative; width: 100%; z-index: 1;  }
.containerMain .unblocked-service-table .unblocked-service-row { float: left; width: 30%; padding: 1.5%; /*margin: 0 -15px; */height: 160px; display: table-cell; }
.containerMain .unblocked-service-row img { width: 100%; height: 100%;  }
.containerMain .unblocked-services-bottom { height: 210px; width: 100%; margin-top: -80px; overflow: visible; position: relative; }
.containerMain .unblocked-services-bottom-inner { width: 940px; padding-top: 40px; height: 100px; margin: auto; margin-top: -120px; position: relative;/* position: absolute; left: 0; right: 0; top: 250px;*/ z-index: 2; }
.containerMain .unblocked-services-bottom-inner .content { float: left;   width: 60%; text-align: right; font-weight: bold; color: #fff; font-size: 32px; }
.containerMain .unblocked-services-bottom-inner .controls { float: left;  text-align: center; width: 40%; }

/*.containerMain .containerContact { width: 900px; margin: 0 auto; margin-top: 40px; padding: 30px 0; }
.containerMain .containerContact .col { width: 46%; float: left; padding: 2%; }
.containerMain .containerContact .col > span { width: 100%; display: block; padding: 10px 0; }
.containerMain .containerContact .col > span > * { cursor: text; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.containerMain .containerContact .col > span input[type=text] { width: 96%; padding: 5px 2%; border: none; }
.containerMain .containerContact .col > span textarea { width: 96%; height: 200px; padding: 2%; border: none;  }
.containerMain .containerContact > span input[type=button] { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #82BA17;  border: none !important; }*/
.paralax1 { background-image: url('images/server-cluster.jpg'); background-attachment: fixed; background-size: cover; }
.paralax2 { background: url('images/server-cluster.jpg'); background-attachment: fixed; }
.bg-map { background-image: url('images/map.png'); background-position: center; background-size: 50% auto; background-repeat: no-repeat; }
/*containerMain STOP*/


.step:not(.containerPlans) { opacity:0; transform:translateX(2000px) translateY(0px); transition:opacity 0ms ease 0s, transform 0ms ease 0s; }


.plans { width: 940px; margin: 0 auto; }
.plans > li { width: 223px; margin: 0 5px; float: left; /*border: 1px solid #16A085;*/ margin-bottom: 20px; /*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/ }
.plans.two-plans-only { width: 620px; }
.plans.two-plans-only > li { width: 300px; }
.plans > li > .plansTitle { background-color: #207992; color: #fff !important; border-bottom: 10px solid #175e72; padding: 10px; }
.plans > li > .plansTitle > h1 { color: inherit !important; font-size: 50px; }
.plans > li > .plansTitle > h2 { font-weight: 500; color: inherit !important; }
.plans > li > .plansTitle > h3 { font-weight: 300; color: #fff !important; background: #003c44; padding: 3px; font-size: 12px !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.plans > li > .plansDesc { padding: 20px; background: #fff; }
.plans > li > .plansDesc p { width: 100%; text-align: center; padding: 7px; color: #444; }
.plans > li > .plansBuy { padding: 20px; /*border-top: 1px dashed #ccc;*/ background: #207992; }
.plans > li > .plansBuy .buynow { border: 1px solid #3b7fa4; font-weight: bold; font-size: 23px; padding: 7px; height: 130px; width: 130px; color: #fff; background: transparent; -webkit-border-radius: 300px; -moz-border-radius: 300px; border-radius: 300px; }.plans > li > .plansBuy .buynow:hover { border-color: transparent; cursor: pointer; background: #fff; color: #207992; }
.containerCheckout { width: 640px; text-align: center; margin: 0 auto; left: 0; right: 0; position: absolute; }
.containerCheckout .paymentType  { padding: 30px 0; }
.containerCheckout .paymentType li, .containerAddons .addons li { float: left; width: 50%; padding: 40px 0; }
.containerCheckout .paymentType li .icon, .containerAddons .addons li .icon { margin: 0 auto; }
.containerCheckout .paymentType .btc-big:hover { background-image: url('images/btc-big-hover.png'); }
.containerCheckout .paymentType .pp-big:hover { background-image: url('images/pp-big-hover.png'); }
.containerCheckout .paymentType .btc-big, .containerCheckout .paymentType .btc-big:active { height: 160px; width: 256px; background-image: url('images/btc-big.png'); cursor: pointer; }
.containerCheckout .paymentType .pp-big, .containerCheckout .paymentType .pp-big:active { height: 160px; width: 256px; background-image: url('images/pp-big.png'); cursor: pointer; }
.containerMain .back { margin: 0 auto; cursor: pointer; }
.containerSignup,.containerAddons { width: 640px; text-align: center; margin: 0 auto; left: 0; right: 0; position: absolute; text-align: center; }
.containerSignup fieldset, .containerAddons fieldset { border: none; padding-top: 20px; width: 400px; margin: 0 auto; position: relative; }
.containerSignup .text-landing { left: 0; right: 0; display: inline-block; width: 96%; padding: 5px 2%; margin: 5px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; }
.containerSignup #signup2 { margin: 20px auto 0 auto; }

@media screen and (max-width: 800px){
     body { min-width: 500px; }
    .headline { background-image: none !important; }
    .plans { width: auto; }
    .plans > li { width: 94%; margin-left: 3%; margin-right: 3%; }
    .plansBuy { padding: 0 !important; }
    .buynow { padding: 20px 0 !important; text-transform: uppercase; font-size: 40px !important; border: 0; font-weight: 100 !important; width: 100% !important; height: 100% !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; }
    .containerVideo { width: 100% !important; padding: 0 !important; }
    .containerApp { float: none !important; margin: 20px auto; }
    .containerFeatures { width: 100% !important; }
    .containerFeatures > ul > li { width: 100%; margin-bottom: 30px; }
    .containerFooter { width: 100% !important; text-align: center !important; }
    
    .mobile-no-bg { background-image: none !important; } 
}