@font-face {
    font-family: "Whitney SSm A"; 
    src: url(/inc/whitney-book.eot);
    src: local("Whitney SSm A"), url(/inc/whitney-book.ttf) format("truetype");}       
    
  @font-face {
    font-family: "WhitneyLight"; 
    src: url(/inc/fonts/WhitneyLight.eot);
    src: local("WhitneyLight"), url(/inc/fonts/WhitneyLight.ttf) format("truetype");} 
   @font-face {
    font-family: "WA"; 
    src: url(/inc/fonts/Whitney-Book.eot);
    src: local("WA"), url(/inc/fonts/Whitney-Book.ttf) format("truetype");} 
    
     @font-face {
    font-family: "BentonSeans"; 
    src: url(/inc/fonts/BentonSans-Regular.eot);
    src: local("BentonSeans"), url(/inc/fonts/BentonSans-Regular.ttf) format("truetype");}
    
    @font-face {
    font-family: "HelveticaNeue"; 
    src: url(/inc/fonts/HelveticaNeue.ttf);
    src: local("HelveticaNeue"), url(/inc/fonts/HelveticaNeue.ttf) format("truetype");
    }
    /*, url(/inc/fonts/HelveticaNeue-HeavyCond.otf)*/
    @font-face {
    font-family: "BentonSansBold"; 
    src: url(/inc/fonts/BentonSansBold.otf);
    src: local("BentonSansBold"), url(/inc/fonts/BentonSansBold.otf) format("truetype");
    }
    @font-face {
    font-family: "BentonSansMedium"; 
    src: url(/inc/fonts/BentonSansMedium.otf);
    src: local("BentonSansMedium"), url(/inc/fonts/BentonSansMedium.otf) format("truetype");
    }
   @font-face {
    font-family: "BentonSansBook"; 
    src: url(/inc/fonts/BentonSansBook.otf);
    src: local("BentonSansBook"), url(/inc/fonts/BentonSansBook.otf) format("truetype");
    } 
.content_mgm.cnmgm1 .header-site-top p {
    font-size: 22px;
    line-height: 24px;
}
.cnmgm2 .header-site-top.page-v2 p {
    font-size: 22px;
    line-height: 25px;
}

.cnmgm2 .header-site-top.page-v2 p {
    font-size: 22px;
    line-height: 25px;
}
.cnmgm2 .header-site-top.page-v2 {
    background: rgba(0, 0, 0, 0) url("/inc/img/content-picto.png") no-repeat scroll right 0;
    font-family: "WA";
    letter-spacing: 1px;
    margin-top: 174px;
    padding-top: 0;
}
.cnmgm2 .header-site-top.page-v2 h2 {
    font-family: WA;
    font-size: 60px;
    line-height: 58px;
    margin-top: -4px;
    padding-top: 0;
}

.box ul li {
    padding-bottom: 4px;
}
.content_mgm.hst .header-site-top h2 + p {
    font-size: 24px;
    line-height: 26px;
}
.content_mgm.hst .header-site-top p {
    font-family: WA;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 20px;
    padding-top: 18px;
    width: 72%;
}
.content_mgm.hst .header-site-top h2 {
    margin-bottom: 20px;
    width: 72%;
}
.content_mgm.hst .header-site-top {
    background: rgba(0, 0, 0, 0) url("/inc/img/hosting-image.png") no-repeat scroll right 37px / 282px auto;
    margin-top: 0;
    min-height: 298px;
    padding-top: 12px;
}




.content_mgm .header-site-top h2 {
    font-size: 60px;
}
.content_mgm .header-site-top {
     background: rgba(0, 0, 0, 0) url("/inc/img/content-picto.png") no-repeat scroll right 50px;
    margin-top: 123px;
    width: 96%;
}
.content_mgm .header-site-top p {
    font-family: WhitneyLight;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 22px;
    width: 60%;
}



.content_mgm .features {
    float: none;
    margin-top: 15px;
    padding-top: 10px;
    width: auto;
}
.hosting .header-site-top.page-v2 {background: rgba(0, 0, 0, 0) url("/inc/img/hosting-image.png") no-repeat scroll right center / 282px auto;}
.hosting .header-site-top.page-v2 h2 + p {font-size: 24px;line-height: 27px;}
.hosting .header-site-top.page-v2 > p {font-size: 18px;line-height: 20px;padding-top: 18px;width: 72%;}
.hosting .header-site-top.page-v2 h2 {font-size: 60px;margin-bottom: 20px; margin-top: 0;}
/*rgba(0, 0, 0, 0) linear-gradient(to left top, #2185ab, #1a2980 90%) repeat scroll 0 0;*/
.setting{float: left;width: 60%;}
.font-version{font-family: "BentonSeans";}
.box ul {padding-left: 20px;margin-top: 8px;}
.box p + ul {margin-top: -10px;}
#site .wrraper-inside { padding-top:50px; }
.home-main header {width: 100%;}
.head { background: rgba(0, 0, 0, 0) url("/inc/img/bckg3-product.png") no-repeat scroll 0 -54px / 81% 1154%;left: 0;opacity: 1;padding: 0 20%;position: fixed;top: 0;width: 100%;z-index: 200;}
header, #site .wrraper-inside {width:76.6%;}
#scroll-content .box h5 {font-size: 22px;font-weight: normal;margin-bottom: 0;margin-top: 29px;}
#scroll-content .box h5 + p {margin-top: 5px;}
#scroll-content .box .small-xs {font-size: 14px;/*line-height: 0;*/ margin: 0 0 18px;line-height: 15px;}
body {
    font-family: Whitney SSm A,Whitney SSm B,Helvetica,Arial;
     overflow-y: hidden;
     /*
    background: radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, 0.26)) repeat scroll 0 0%, 
    rgba(0, 0, 0, 0) linear-gradient(173deg,  #1a2980 26%, #2185ab 99%) repeat scroll 0 0; */
    background:radial-gradient(closest-corner, rgba(16, 47, 70, 0) 100%, rgba(16, 47, 70, 0.44)) repeat scroll 0 0%, rgba(0, 0, 0, 0) linear-gradient(173deg, #1a2980 22%, #1e699d 40%, #22a7b8 99%) repeat scroll 0 0;
        background-size: 100% 140%;
    color: #fff;
    margin:0;
    padding:0;
}
header.mobile{display:none;}
.overlay {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
    bottom: 1px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1099;
}

.in {animation-duration: 350ms;animation-timing-function: ease-out;}
.close-btn{   color: grey;float: right;margin-right: 10px;margin-top: 5px;text-decoration: none;}
.inside-turn br {margin-bottom: 10px;}
.turn .smallp br { margin: 2px;}
.wrraper {background: rgba(0, 0, 0, 0) url("/inc/img/bg-planet.png") no-repeat scroll;
    margin: 0 auto;
    position:relative;
    background-size:100%;
    left:0%;
    background-position:center calc(0px + 9%); 
   
}
.menu-list li {
    float: left;
    list-style: outside none none;
    min-width: 50px;
    text-align: center;
   /*  transition: all 300ms linear 0s;*/
     
}
header, #site .wrraper-inside {
    width: 76.6%;
}
header {
    border-bottom: 1px solid #87889c;
    display: inline-block;
    padding-bottom: 13px;
  
     padding-top: 15px;
     height:30px;
}
.wrraper-inside {
    margin: 0 auto;
    width: 76.6%;
}
.turn.x p {font-size: 18px;}
header .menu-list a{/*transition: all 300ms linear 0s*/;letter-spacing: 0px; color:#fff; font-family: arial; /*text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);*/}
.menu-list a {
    /*color: hsla(0, 0%, 100%, 0.7);*/
    color:#fff;
    font-size: 13px;
    font-size: 0.8vw;
   /* transition: all 300ms linear 0s;*/
    text-decoration: none;
     /*transition: color 0.77s cubic-bezier(0.225, 0.5, 0.165, 1) 0s, text-shadow 0.77s cubic-bezier(0.225, 0.5, 0.165, 1) 0s, border 0.77s cubic-bezier(0.225, 0.5, 0.165, 1) 0s*/
}


header .menu-list a:hover {
    color: #fff;
    
}
.menu-list .logo {
    background: rgba(0, 0, 0, 0) url("/inc/img/logo-white.png") no-repeat scroll -3px 0 / 90% auto;
    padding-bottom: 15px;
    padding-right: 160px;
}
.menu-list .logo:hover {
    cursor:pointer;
}
header .left-side .menu-list li:first-child {
    margin-top: -10px;
    text-align: left;
    width: 180px;
    padding-right: 0;
    padding-left: 0;
}
header .left-side .menu-list li {padding-left: 1.1vw;padding-right: 1.1vw;}
header .left-side .menu-list li:hover{transform: scale(1.1);}
header .right-side .menu-list li:hover{transform: scale(1.1);}
header .left-side .menu-list li:first-child:hover{transform: scale(1.0);}

header .right-side li:last-child {
    margin-left: 50px;
}
header .right-side li {
    padding-right: 0px;
}
header .menu-list {
    margin-left: 0;
    padding-left: 0; list-style: outside none none;
}
header .right-side {
    display: inline-block;
    float: right;
    margin: 0;
}
header .left-side {
    float: left;
}


footer {
    border-top: 1px solid #fff;
    bottom: 3px;
    position: fixed;
    width: 76.6%;
    font-size: 12px;
    font-size: 0.85vw;
    padding-bottom: 25px;
    padding-top: 11px;
}
.bootom-left {float: left; width: 50%;}
footer .menu-list.left li a:hover {
    font-size: 16px;
    position: relative;
    top: -1px;
    left: -2px;
}
footer .menu-list.left li {
    border-right: 1px solid #fff;
    height: 13px;
    font-size: 13px;
    padding-left: 20px;
    padding-right: 25px;
   width: 80px;
    display:inline-block;
}
footer .menu-list.left li:last-child {border: medium none;}
footer .menu-list.left li:first-child {padding-left: 0;}
footer .menu-list.right {float: right;}
footer .menu-list {margin: 0;padding: 0;}
footer .menu-list a {color: #fff;text-decoration: none;white-space: nowrap;}

.header-top { }
.header-top h1 {color: white;font-size: 3.2em;font-size:3.6vw;line-height: 1.3em; margin-bottom: 15px; text-shadow: 1px 2px 0 rgba(0, 0, 0, 1);}
.header-top  h1 + h2 {padding-bottom: 10px; line-height: 1.6vw;}
.header-top p {color: hsla(0, 0%, 100%, 0.8);font-size: 16px;font-size:1.15vw;line-height: 1.2em;}
h1, h2 {font-size: 1.3em;font-size:1.5vw;font-weight: 300;}
.floating-box {display: inline-block; width: 30%;height: /*75px*/ 10%;margin: 10px;}
.content-top {margin-top: 80px;padding-left:10px;}
.content-bottom {padding-left:10px;}
.hover {
	display: none;
}

.display-box.normal span {color: #fff;}


.normal {cursor: pointer;float: left;padding-left: 40px;width: /*160px; */57%;
transition: color 2s cubic-bezier(0.225, 0.5, 0.165, 1) 0s, text-shadow 2s cubic-bezier(0.225, 0.5, 0.165, 1) 0s, border 2s cubic-bezier(0.225, 0.5, 0.165, 1) 0s }


.turn.t-l p {text-align: left;}
.turn .last-p {margin-top: 35px;}

.display-box.normal {
	font-size: 16px;
	font-size: 1.15vw;
	text-align: left;
	transition: all 300ms linear 0s;
}
.switch:hover .display-box.normal {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    transform: scale(1.05);
}
.switch:hover .img-icon img {
    width: 62px;
    margin-left: -3px;
    margin-top: -14px;
}
.inside-turn ul li br {margin-bottom: 0;}
.inside-turn {
    background: rgba(0, 0, 0, 0) linear-gradient(399deg, #fafafa 54%, #f9f9f9 68%, #e6e6e6 91%) repeat scroll 0 0;
     box-shadow: 3px 13px 103px 3px rgba(65, 124, 166, 1);
    padding: 4px;
    }
.turn {
  /*  background: rgba(0, 0, 0, 0) radial-gradient(ellipse farthest-corner at center center , rgba(72, 129, 194, 0.95) 0%, rgba(0, 0, 0, 0.08) 159%, rgba(0, 0, 0, 0) 99%) repeat scroll 0 0;*/
    border-radius: 20px;
    background:rgba(45, 119, 171, 0.2) none repeat scroll 0 0;
    height: auto;
    margin-left: -100px;
    margin-top: -260px;
    min-height: 220px;
    position:absolute;
    z-index:9999;
    padding: 35px;
    transition: background-color 0.5s ease 0s;
    width: 600px;
   }
   
.switch {
     background: rgba(0, 0, 0, 0) url("inc/img/managment.png") no-repeat scroll center top / 50px auto;
    margin-left: 0;
    margin-top: 0;
    padding: 0 10px 10px 0;
    position: relative;
}
.hover h4, .hover h5, .hover h2, .hover h6 {color: black;}
.hover h4 {font-size: 14px;font-weight: normal; margin-bottom: 8px;color: #b2b2b2;}
.hover h2 {font-size: 29px;margin: 0 0 15px;padding: 0;    line-height: 25px;}
.hover h6 { font-size: 14px; font-weight: normal;margin: 0;padding: 0;}
/* .hover h2 + p {font-size: 13px;margin-bottom: 30px;}*/
.turn .smallp{font-size: 13px;line-height: 14px;margin-top:0}
.turn p {
    color: black;
     line-height: 17px;
    margin-bottom: 5px;
    margin-top: 25px;
     text-align: justify;
}
.img-icon {
    float: left;width: 40px; -webkit-transition: all 300ms ease; transition: all 300ms ease;zoom: reset;
}
.img-icon img {
   margin-top: -12px;width: 56px;-webkit-transition: all 300ms ease; transition: all 300ms ease;zoom: reset;
}

.place {
    height: 30px;
    margin-top: 6%;
    width: /*280px*/80%;
}

.hover .inside-turn div {
    border: 1px solid #b6b3b3;
    padding: 0px 30px 75px 50px;
}

.link-popup {
    animation: 0.85s linear 0s normal none infinite running bounce-arrow;
    border-color: hsla(0, 0%, 0%, 0.9);
    content: "";
    float: right;
    margin-top: 25px;
    text-decoration: none;
}

.link-popup span {
    border: 2px solid #000;
    box-sizing: border-box;
    color: #000;
    font-size: 13px;
    padding: 8px 24px 5px 24px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 200ms linear 0s;
}
.link-popup span:hover {
    color: white;
    background: #676a6a;
    border:1px solid #676a6a;
}

.inside-turn ul {color: black;margin-bottom: -7px;margin-top: 10px;}
.inside-turn li {line-height: 17px; margin-bottom: 6px;}

/*UNDER*/

.under .header-site-top { background: rgba(0, 0, 0, 0) url("/inc/img/under-img.png") no-repeat scroll right 52px;}
.under .header-site-top h2 { font-size: 54px; margin-bottom: 38px;}
.under .header-site-top p {font-size: 26px;line-height: 30px;  font-family: WhitneyLight;}
.under .header-site-top {margin: 0 auto;padding-top: 5px;width: 90%;}


/*PRODUCT PAGE*/
.left-site {float: left;margin-top: 5%;padding-left: 50px; width: 35%;}
.right-site {float: left;width: 60%;}

body#site {background: #fff none repeat scroll 0 0; overflow-y: visible;}

#site .wrraper:first-child {background: rgba(0, 0, 0, 0) url("/inc/img/bckg3-product.png") no-repeat scroll 0 0 / 100% 100%;height: 681px;
    margin-bottom: -121px; position: static;}


.header-site-top h2 {
    font-size: 38px;font-size:2.2vw;letter-spacing: 0px;width: 60%;
}
.header-site-top .text-bottom {
      font-size: 26px;
    letter-spacing: 0.2px;
    line-height: 26px;
    padding-top: 30px;
    width: 700px;
     
}
.header-site-top {
    background: rgba(0, 0, 0, 0) url("/inc/img/logo-ss-nowe.png") no-repeat scroll 87% center;
    padding-right: 16.1%
    width: 83%;
    color: #fff;
    padding-left: 24px;
}
.header-site-top p, .header-site-top li {line-height: 15px;margin-bottom: 15px; width: 54%;  font-family: WA;font-size: 16px;font-size:1.08vw; letter-spacing: 1px;}
.header-site-top ul { padding-left:14px; }
.header-site-top p.pre { font-size: 1vw;margin-bottom:23px;line-height:17px;   width: 55%;}
.conntent-wraper {margin-top: 112px;margin-right: 25px;}
.boxes-page .wrraper-inside {
    width: 70%;
}
#site .wrraper {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;color: #5d5d5d;width: 100%; margin: 0 auto;}
#site .boxes-page .wrraper-inside { width: 1024px;}
#site .wrraper-inside {  width: 76.6%;}
#site footer {border-top: 1px solid #5d5d5d;position: static;width: auto;}
#site footer .menu-list.left a {color: #5d5d5d;}
#site .wrraper.two {background: #e9f6f7 none repeat scroll 0 0;}
.ver2 .box {
    float: left;
    margin-right: 50px;
    width: 46%;
}
.ver2 .box:nth-child(3) {
    margin-right: 0;
}
.ver2 .box:nth-child(4) {
    margin-right: 0;
    width: 97%;
}
.ver2  h4 {
    margin-bottom: 5px;
    margin-top: 45px;
}
.boxes-page h4 {
    display: block;
    font-size: 45px;
    text-align: justify;
    margin-bottom: 24px;
    font-weight: normal !important;
}
.ver1 .box {
    float: left;
    margin-right: 50px;
    width: 29%;
}
.boxes-page {
    display: inline-block; padding-bottom: 60px;
}
.ver1 .box:last-child { margin-right: 0;}
.box p { font-size: 14px;
    line-height: 15px;
    text-align: justify;    word-break: break-word;}

.box h3 {
    background: rgba(0, 0, 0, 0) url("/inc/img/mob-ico1-mini.png") no-repeat scroll left top / 30px auto;
    font-size: 24px;
    font-weight: 500 !important;
    height: 35px;
    letter-spacing: 1px;
    margin-bottom: -5px;
    padding-left: 38px;
    padding-top: 6px;
}
.header-site-top h2 + p 

/*FAQ*/

#site.faq .wrraper:first-child {background: rgba(0, 0, 0, 0) url("/inc/img/bckg-top.png") no-repeat scroll 0 0 / 100% 300px;position: static;}
body#site.faq {
    background: rgba(0, 0, 0, 0) linear-gradient(181deg, #bbdade 40%, #e4f3f6 66%, #8bc5ce 129%) repeat scroll 0 0 / 100% 104%;
    height: auto;
    overflow-y: visible;}
.answer-faq {color: #3c3c3c;font-size: 13px;word-spacing: 2px;font-family: arial; }
.question p.title {
    color: #242424;
    font-size: 16px;
    
    font-family: arial;
    font-weight: normal;
    margin-bottom: 14px;
    margin-left: 0;
    margin-top: 30px;
    padding-bottom: 0;
    padding-left: 0;
    width: 100%;
}



.clear {
    clear: left;
    display: block;
    height: 10px;
    margin-bottom: 100px;
    position: relative;
    width: 100%;
}
@media screen and (max-height: 600px) {
	footer{ position: static;  width: 100%;}
    .content-top {height: auto;padding-left:10px;}
    .content-bottom {margin-bottom: 10%;margin-top: 15%;padding-left:10px;}
}
@media screen and (max-height: 650px) {
	footer{ position: static;  width: 100%;}
}
@media screen and (max-width: 900px) {
	footer{ position: static;  width: 100%;}
	.wrraper {
   width: 100%;
       background: rgba(0, 0, 0, 0) url(/inc/img/bg-planet-mob.png) no-repeat scroll;
    background-position: -80px 0px;
    background-size: 140%;
}
	.wrraper-inside {width: 90%;}
	.content-bottom {margin-bottom: 20px;margin-top: 20px;padding-left:10px;}

}

@media screen and (max-width: 1020px) {
    #site .boxes-page .wrraper-inside {width: 90%;}
    #site .wrraper-inside {width: 95%;}
    .ver1 .box { float: none; width: 100%;} 
}
@media screen and (max-width: 770px) {
.wrraper-inside {width: 100%;}
.header-top {margin-top: 120px;}
.home-main header {width: 90%;margin: 0 auto;}

.content-top{    width: 90%; margin: 0 auto;}
.content-bottom{padding-left:0}
.place{padding-left:6%}
header {display:none}
header.mobile{display:block;border:none}
body{width:100%}
.menu-list .logo{padding-bottom:20px;    vertical-align: top;}
.header-top h1{font-size: 48px;}
.header-top h2 {font-size: 22px;}
.header-top  h1 + h2{line-height: 22px;}
.menu-list a{font-size:13px}
footer{border:none;    width: 90%; margin: 0 auto;}
.header-top p {font-size:16px}
header.mobile .menu-icon img {margin-top: -10px;width: 30px;}
footer .menu-list.left li{width: 21%;}
.floating-box { border-top: 1px solid #4583af; height: 54px; margin-left: 0; padding-bottom: 13px; padding-top: 10px; width: 100%;}
.floating-box:last-child {border-bottom: 1px solid #4583af;}
.display-box.normal{font-size:17px}

.menu-mobile-main {background: #22334b none repeat scroll 0 0;padding: 30px 29px 18px 1px;;position: absolute;right: 0px;top: 52px;width: 222px;}
.btn-search {background: #141f2b none repeat scroll 0 0;border: 1px solid #141f2b;border-radius: 13px;height: 28px;margin-top: 17px;text-align: center;width: 90%;  color: #a5a9ad;}
.search {text-align: center;}
#menu-mobile li:hover, #menu-mobile li a:hover {color: #ccc; left: 0;position: relative;top: 0;transform: scale(1);}
#menu-mobile li {color: #fff;padding-bottom: 10px;text-align: left;width: 100%;}
#menu-mobile a {color: white;font-family: arial;font-size: 14px;letter-spacing: 0;}
#menu-mobile li:last-child {margin-left: 0;text-align: right;}
#menu-mobile .separator {border-top: 1px solid #a5a9ad;height: 0;margin-bottom: -2px;margin-top: 10px;}

    
}
    
@media screen and (max-width: 722px) {
   .header-site-top h2, .header-site-top p, .header-site-top .text-bottom {width: 95%;}
   .ver2 .box {width: 100%;}
}
@media screen and (max-width: 560px) {

footer .bootom-left {float: none;   width: 100%;}

footer .bootom-left .menu-list.right { display: inline-block;float: none;margin-top: 6px;text-align: left;width: 140%;}
footer .bootom-left .menu-list.right li {float: none;padding-top: 5px;text-align: left; width: 100%;   color: #9abcce; font-size: 12px;}

}


@media screen and (min-height: 710px) {
.content-top { margin-bottom: 96px;padding-left:10px;}
.content-bottom { padding-left:10px;}
}



    
@media screen and (min-width: 1600px) {
    .content-top{margin-top: 8%;padding-left:10px;}
    .content-bottom {padding-left:10px;}
	.wrraper {background: rgba(0, 0, 0, 0) url("/inc/img/bg-planet.png") no-repeat scroll center calc(0px + 15%) / 100% auto;}
}

/*WHY SITESUITE*/

.header-site-top.page-v2 {
    background: rgba(0, 0, 0, 0) url("/inc/img/why.png") no-repeat scroll right center / 282px auto;
    margin-right: 90px;
    min-height: 298px;
    padding-top: 62px;
    text-align: left;
    vertical-align: middle;
}
.header-site-top.page-v2 h2 {
    font-size: 58px;
}
.header-site-top.page-v2 p {
     font-size: 21px;
    line-height: 7px;
    margin-bottom: 0;
}


.page-v2 .box h3 {
    background: rgba(0, 0, 0, 0) url("/inc/img/clound-icon2-.png") no-repeat scroll center top / 35px auto;
    display: block;
    padding-left: 0;
    padding-top: 45px;
    text-align: center;
}
.boxes-page.page-v2 {padding-top: 62px;}
.boxes-page.page-v2:nth-child(3), .boxes-page.page-v2:nth-child(4) {padding-top: 0;}

.ver4 .box:first-child {
    float: left;
    margin-right: 53px;
    width: 62%;
}

.ver4 .box:nth-child(2), .ver4 .box:nth-child(3) {
    float: left;
    width: 30%;
}
.style1 { margin-bottom: 30px; margin-top: 30px;}
.style1  li {list-style-position: outside;list-style-type: circle;margin-bottom: 9px;font-size: 14px;}




.ver3 h3 {font-size: 48px;text-align: center; margin-bottom: 28px;}
.ver3 .box {}
.ver3 .box h4 {font-size: 30px; margin-bottom: 3px;}
.ver3 .box h4 + p {font-size: 20px;line-height: 22px;margin-top: 10px;margin-bottom:28px;text-align:left}
.ver3 .box p {font-size: 16px;line-height:18px;margin-bottom:19px}
.ver3 .box p:last-child {}


.compare-head, .content-mgm{color:white;display:inline-block;margin:20px auto 0;padding-left:25px;width:90%;}
.compare h1{font-size:60px;width:60%;}
.compare-head p, .content-mgm p{font-size:22px; padding-top:20px; width:590px;    font-family: WhitneyLight;}
.logo-compare.compare-head{background:rgba(0, 0, 0, 0) url("/inc/img/how-compare-picto.png") no-repeat scroll right 30px;padding-bottom:100px;}
.list-compare{margin:0 auto;padding:0;width:70%;list-style: outside none none;}
.list-compare li{background-position:center center;list-style:outside none none;padding-left:180px; margin-bottom: 80px;}
.list-compare li  h3{font-size:28px;font-weight:normal;text-align:center;}
.list-compare li p{font-size:15px;text-align: center;}
.list-compare li.wordpress{background:rgba(0, 0, 0, 0) url("/inc/img/wordpress.png") no-repeat scroll left 100%;}
.list-compare li.joomla{background:rgba(0, 0, 0, 0) url("/inc/img/joomla.png") no-repeat scroll left 100%;}
.list-compare li.drupal{background:rgba(0, 0, 0, 0) url("/inc/img/drupal.png") no-repeat scroll left 100%;}
.list-compare li.alfresco{background:rgba(0, 0, 0, 0) url("/inc/img/alfresco.jpg") no-repeat scroll left 100%;}
.list-compare li.lightCMS{background:rgba(0, 0, 0, 0) url("/inc/img/ligtcms.png") no-repeat scroll left 100% / 85px auto}
.list-compare li.siteCore{background:rgba(0, 0, 0, 0) url("/inc/img/sitecore.png") no-repeat scroll left 100% / 85px auto}
.list-compare li.cloudfront{background:rgba(0, 0, 0, 0) url("/inc/img/cloudfront.png") no-repeat scroll left 100% / 85px auto}
.list-compare li.heroku{background:rgba(0, 0, 0, 0) url("/inc/img/heroku.jpg") no-repeat scroll left 100% / 85px auto}
.list-compare li.godaddy{background:rgba(0, 0, 0, 0) url("/inc/img/godaddy.png") no-repeat scroll left 100% / 85px auto;}

.popup-compare{border:medium none;width:100%;}
.popup-compare th{background:#e0e0e0 none repeat scroll 0 0;color:#b9b9b9;font-size:19px;font-weight:normal;padding-bottom:10px;padding-top:12px; border-right: 7px solid white;}
.popup-compare th:first-child{background:rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.popup-compare tr td{background:#f5f5f5 none repeat scroll 0 0;border:medium none;color:#8c8c8c;font-size:12px;padding-bottom:8px;padding-top:8px;text-align:center; border-right: 7px solid white;}
.popup-compare tr td:first-child:nth-child(2n+1){background:#e9e9e9 none repeat scroll 0 0;}
.popup-compare tr:nth-child(2n+1) td:first-child:nth-child(2n+1){background:#eeeeee none repeat scroll 0 0;}
.popup-compare tr:nth-child(2n) td:nth-child(2), .popup-compare tr:nth-child(2n) td:nth-child(3){background:#f0f0f0 none repeat scroll 0 0;}
.popup-show{background:white none repeat scroll 0 0;border:1px solid #bfc5c5;border-radius:11px;box-shadow:1px 6px 5px 0px rgba(201, 201, 201, 0.6);margin-left:-35px;  margin-top: -200px;moz-box-shadow:1px 6px 5px 0px rgba(201, 201, 201, 0.6);padding:16px;position:absolute;webkit-box-shadow:1px 6px 5px 0px rgba(201, 201, 201, 0.6);width:57%;}
.colse-popup{background:white none repeat scroll 0 0;border:1px solid #b4b4b4;color:#b4b4b4;cursor:pointer;float:right;font-size:13px;margin-right:-25px;padding-bottom:1px;padding-left:3px;padding-right:3px;position:relative;text-decoration:none;top:-10px;}


.contact_page .left.email p, .contact_page .left.chat p {line-height: 20px;text-decoration: underline;cursor: pointer;}

.contact_page h1 { color: white;font-size: 48px;margin: 0;padding: 0}
.contact_page .left {color: #fff;float: left;padding-bottom: 10px;padding-left: 95px;padding-top: 20px;width: 25%}
b.right_txt {margin-right: 222px;}
.headleft {float: left;width: 60%;}
.headright {color: white;float: left;margin-top: -20px;width: 40%;}
.headright h3 {font-size: 28px;padding-right: 10px;text-align: right;}
.right_txt {float: right;margin-right: 140px;}
.headright > b, .headright > p {color: #4c4c4c;font-size: 16px;margin-top: 3px;padding: 0;}
.contact_page .email { background: rgba(0, 0, 0, 0) url("/inc/img/contact-email.png") no-repeat scroll left center;}
.contact_page .phone { background: rgba(0, 0, 0, 0) url("/inc/img/contact-phone.png") no-repeat scroll left center;}
.contact_page .chat { background: rgba(0, 0, 0, 0) url("/inc/img/contact-chat.png") no-repeat scroll left center;}
.conntent-wraper.contact_page {margin-right: 0;}
#chat input[type="submit"] {display: block;margin-left: 200px;}
.contact_page .left p {margin-top: 5px;font-size: 18px; color: #fff;}
.contact_page .left h4 {font-size: 22px;font-weight: normal;}
#contactForm label ,#chat label{ display: block;font-size: 13px;padding-bottom: 5px;}
#contactForm .f_block label {color: #585858;}
#contactForm input, #contactForm textarea, #chat input {  background: none repeat scroll 0 0 transparent;border: 1px solid #fff; color: #fff; margin-bottom: 25px;padding: 5px;width: 300px;font-family: Whitney SSm A,Whitney SSm B,Helvetica,Arial;font-size: 14px;}
#contactForm textarea{max-width:300px; width:300px; margin-bottom: 6px; min-height: 55px;font-family: Whitney SSm A,Whitney SSm B,Helvetica,Arial;font-size: 14px;}

#contactForm label{ color: #fff;}
.f_left { float: left; margin-right: 20px;width: 245px;}
#contactForm .f_left input { width: 245px;}
#contactForm .f_block input {width: 130px;}


#contactForm input[type="submit"],#chat input[type="submit"] {  background: #aaccd4 none repeat scroll 0 0;border: 3px solid #fff;border-radius: 32px;cursor: pointer;font-size: 15px;margin-left: 204px; width: 100px; }
.left-s.three a {color: white;cursor: pointer;text-decoration: none;}
.contact_page b {font-family: WhitneyLight;font-size: 18px; color: #fff;}
#contactForm input[type="submit"] {margin-top: -14px;}
.contact_page span.error {font-size: 13px;  color: #fff;}

.content-mgm{  background: url("/inc/img/content-picto.png") no-repeat scroll right 30px rgba(0, 0, 0, 0);padding-bottom: 100px;}
.features {float: left;margin-right: 34px; width: 22.5%;}
.features:last-child,.features-3:last-child {margin-right: 0;padding-right: 0px;}
.features-2 {float: left;margin-bottom: 31px;margin-right: 40px;margin-top: 20px;width: 48%;}
.features-2:nth-child(3) {margin-right: 0;padding-right: 0;}
.features-2:last-child { margin-top: 20px; width: 99%;}
.features-3 {float: left;padding-right: 49px;width: 30%;}
.features, .features-2, .features-3 {color: #5d5d5d;}
.feature-head {font-size: 24px;padding-bottom: 12px;}
.feature-body {font-size: 12px;text-align: justify;}
.feature-head img {margin-top: -5px;padding-right: 10px;vertical-align: middle;width: 36px;}
.post h2 {color: #646464;font-size: 60px;text-align: center;}
#site .horizontal {width: 100%;}
#site .wrraper-inside.horizontal .post {margin: 0 auto;width: 76.6%;}
.horiz2 {background: #ecf7f8 none repeat scroll 0 0;}
.horizontal section {padding-bottom: 70px; padding-top: 10px;display: inline-block;}


.pircing_p .long-sidebar {width: 100%;}
table.pricing {font-size: 20px;  margin-top: 80px;  color: #242424;}
.pircing_p td {padding-bottom: 55px;width: 30%;}
.pircing_p td:first-child {font-size: 25px; vertical-align: top;}
.pricing tr { padding-bottom: 10px;}


.cont_page table {
    width: 100%;
}
.cont_page table td:first-child {
    vertical-align: top;
    width: 70%;
}
.cont_page table td h4 {
    font-size: 1.8vw;
    font-weight: normal;
    margin-bottom: 18px;
    padding-bottom: 0;
    padding-top: 9px;
}
.cont_page table td:nth-child(2) b, .cont_page table td:nth-child(2) p {
    color: #4c4c4c;
}
.cont_page table td:nth-child(2) p {
    margin-top: 4px;white-space: nowrap;  line-height: 1.1vw;
}


.all_media {
    color: #4c4c4c;
    display: block;
    margin-top: 65px;
    width: 100%;
}
.all_media .xs {
    display: inline-block;
    float: left;
    padding-top: 14px;
    width: 33%;
}
.all_media .xs p {
    letter-spacing: 0;
    margin-top: 5px;
    white-space: nowrap;
}
.all_media .c_email {
    background: rgba(0, 0, 0, 0) url("/inc/img/contact-email.png") no-repeat scroll 0 0;
}
.all_media .c_phone {
    background: rgba(0, 0, 0, 0) url("/inc/img/contact-phone.png") no-repeat scroll 0 0;
    padding-bottom: 10px;
}
.all_media .c_chat {
    background: rgba(0, 0, 0, 0) url("/inc/img/contact-chat.png") no-repeat scroll 0 0;
    padding-bottom: 10px;
}
.all_media .xs p, .all_media .xs b {
    padding-left: 87px;
    white-space: nowrap;
}
.all_media .xs.c_email p, .all_media .xs.c_chat p {
    cursor: pointer;
    text-decoration: underline;   line-height: 0.9vw;
}
.all_media .xs.c_email p br {
    display: block;
    margin-top: 4px;
}

.form-show {
    display: inline-block;
    float: left;
    margin-top: 32px;
    width: 100%;
}
.send_mail_form .line-left {
    clear: both;
    display: block;
    text-align: left;
}
.send_mail_form .line-left div {
    float: left;
}
#sendmail label ,#chat_form label{
    color: #252525;
    display: block;
    font-size: 13px;
    padding-bottom: 3px;
    padding-top: 17px;
}
#sendmail input, #sendmail textarea, #chat_form input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid black;
    padding: 5px;
}
.send_mail_form .line-left div:first-child input {
    margin-right: 15px;
    width: 250px;
}
#sendmail textarea {
    height: 70px;
    width: 387px;
    max-width: 387px;
}

#sendmail .reqField {
    border: 1px solid red;
}
.line-bottom .error.red {
    color: red;
}

.line-bottom .error {
    color: #626262;
    font-size: 13px;
    position: relative;
    top: 21px;
}
.line-bottom p {
    line-height: 0;
    margin: 0;
}
#sendmail .line-bottom input[type="submit"], #chat_form  input[type="submit"] {
    border-radius: 9px;
      margin-left: 297px;cursor: pointer;
    margin-top: 11px;
    padding-left: 20px;
    padding-right: 20px;
}
#sendmail .line-left div:nth-child(2) label {
    color: #585858;
}
.send_mail_form .line-left div:nth-child(2) input {
    width: 120px;
}

.line-bottom {
    width: 387px;
}
.cont_page .header-site-top h2 {
    font-size: 3.15vw;
}
#chat_form input[type="submit"] {
    display: block;
    margin-left: 57px;
    padding-left: 10px;
    padding-right: 10px;
}



.spinner-bckg {
    background: none repeat scroll 0 0 #eee;
    height: 276px;
    margin-left: -15px;
    margin-top: -276px;
   width: 450px;
    opacity: 0.5;
    padding-bottom: 20px;
    padding-right: 20px;
    position: relative;
}

.form-spinner {
    left: 50%;
    position: relative;
    top: 50%;
    transform: translate(-50%, -50%);
}

#succ-msg {
    background: none repeat scroll 0 0 #ccc;
    color: black;
    font-weight: bold;
    margin-left: 100px;
    margin-top: -160px;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
    text-align: center;
    width: 200px;
}