* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }
@font-face {
    font-family: 'latoregular';
    src: url('fonts/lato-reg-webfont.eot');
    src: url('fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-reg-webfont.woff') format('woff'),
         url('fonts/lato-reg-webfont.ttf') format('truetype'),
         url('fonts/lato-reg-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latoitalic';
    src: url('fonts/lato-regita-webfont.eot');
    src: url('fonts/lato-regita-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-regita-webfont.woff') format('woff'),
         url('fonts/lato-regita-webfont.ttf') format('truetype'),
         url('fonts/lato-regita-webfont.svg#latoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

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

@font-face {
    font-family: 'latobold';
    src: url('fonts/lato-bol-webfont.eot');
    src: url('fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-bol-webfont.woff') format('woff'),
         url('fonts/lato-bol-webfont.ttf') format('truetype'),
         url('fonts/lato-bol-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

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

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

@font-face {
    font-family: 'ProximaNova';
    src: url('fonts/ProximaNova-Light-webfont.eot');
    src: url('fonts/ProximaNova-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ProximaNova-Light-webfont.woff2') format('woff2'),
         url('fonts/ProximaNova-Light-webfont.woff') format('woff'),
         url('fonts/ProximaNova-Light-webfont.ttf') format('truetype'),
         url('fonts/ProximaNova-Light-webfont.svg#proxima_novalight') format('svg');
    font-weight: 300;
    font-style: normal;

}
@font-face {
    font-family: "ProximaNova";
    src: url("fonts/ProximaNova_400_normal_1424256153.eot");
    src: url("fonts/ProximaNova_400_normal_1424256153.eot?#iefix") format("embedded-opentype"),
        url("fonts/ProximaNova_400_normal_1424256153.svg#ProximaNova") format("svg"),
        url("fonts/ProximaNova_400_normal_1424256153.woff") format("woff"),
        url("fonts/ProximaNova_400_normal_1424256153.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "ProximaNova";
    src: url("fonts/ProximaNova_700_normal_1424256153.eot");
    src: url("fonts/ProximaNova_700_normal_1424256153.eot?#iefix") format("embedded-opentype"),
        url("fonts/ProximaNova_700_normal_1424256153.svg#ProximaNova") format("svg"),
        url("fonts/ProximaNova_700_normal_1424256153.woff") format("woff"),
        url("fonts/ProximaNova_700_normal_1424256153.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "ProximaNova";
    src: url("fonts/ProximaNova_600_normal_1424256153.eot");
    src: url("fonts/ProximaNova_600_normal_1424256153.eot?#iefix") format("embedded-opentype"),
        url("fonts/ProximaNova_600_normal_1424256153.svg#ProximaNova") format("svg"),
        url("fonts/ProximaNova_600_normal_1424256153.woff") format("woff"),
        url("fonts/ProximaNova_600_normal_1424256153.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "ProximaNova";
    src: url("fonts/ProximaNova_900_normal_1424256153.eot");
    src: url("fonts/ProximaNova_900_normal_1424256153.eot?#iefix") format("embedded-opentype"),
        url("fonts/ProximaNova_900_normal_1424256153.svg#ProximaNova") format("svg"),
        url("fonts/ProximaNova_900_normal_1424256153.woff") format("woff"),
        url("fonts/ProximaNova_900_normal_1424256153.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'latoregular';
        src: url('fonts/lato-reg-webfont.svg#latoregular') format('svg');
    }
    @font-face {
        font-family: 'latoitalic';
        src: url('fonts/lato-regita-webfont.svg#latoitalic') format('svg');
    }
    @font-face {
        font-family: 'latolight';
        src: url('fonts/lato-lig-webfont.svg#latolight') format('svg');
    }
    @font-face {
        font-family: 'latobold';
        src: url('fonts/lato-bol-webfont.svg#latobold') format('svg');
    }
    @font-face {
        font-family: 'latobold_italic';
        src: url('fonts/lato-bolita-webfont.svg#latobold_italic') format('svg');
    }
    @font-face {
        font-family: 'latoblack';
        src: url('fonts/lato-bla-webfont.svg#latoblack') format('svg');
    }
}
body {
    font-size: 16px;
    line-height: 1.2;
    font-family:'latoregular', arial, sans-serif;
    color: #666;
    background: #fff;
    min-width: 1024px;
}

/*==================================
	GLOBAL
==================================*/
a { color: #4896c9; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }
input { border: 0; padding: 0; }

.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }
.hidden { display:none; }

h1 { font-size:43px; color: #000000; font-weight: 400; text-align:center; line-height:43px; padding-bottom:5px; }
h2 { font-size:39px; line-height:36px; text-align:center; font-weight:400;   }

strong { font-weight: normal; font-family:'latobold', arial, serif; }
em { font-style: normal; font-family:'latoitalic', arial, serif; }
em strong { font-family:'latobold_italic', arial, serif; font-weight: normal; }

.list-features,
.packages,
.phone,
.testimonials,
.socials,
.cols,
.shellw,
.intro-foot,
header,
.clearfix { *zoom: 1; }

.nav-teritary ul:after,
.intro-foot:after,
.cols:after,
.testimonials:after,
.list-features:after,
.packages:after,
.phone:after,
.socials:after,
.shell:after,
.shell-secondary:after,
header:after,
.clearfix:after { width: 100%; content: ''; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; display: block; }

.shell-secondary { width: 1000px; margin: 0 auto;  }
.shell-primary { width: 1024px; margin: 0 auto; }
.shell { width: 953px; margin:0 auto; position: relative; }
.container { position: relative; background:#f7f7f7; }


/*==================================
	ICONS 
==================================*/
[class^='ico-'],
[class*=' ico-'] { display: inline-block; background: url(images/sprite-1.png) no-repeat 0 0; }
.ico-people { background-position:0 0; }
.ico-control { background-position:0 -185px; }
.ico-hardware { background-position:0 -351px; }
.ico-growth { background-position:0 -511px; }
.ico-support { background-position:0 -682px; }
.ico-phone { background-position: -289px -824px; width: 26px; height: 26px; margin: 0 6px -5px 14px; }
.ico-money { background-position:-460px -186px; width: ; height:; }
.ico-started { background-position:-257px -351px; width: ; height:; }
.ico-paid { background-position:-598px -351px; width: ; height:; }
.ico-basic { background-position:-275px -718px; }
.ico-stable { background-position:-412px -728px; }
.ico-plus { background-position:-549px -718px; }
.ico-drives { background-position:0 -351px; width: 121px; height:121px; }
.ico-unlimited { background-position:-137px -186px; width: 121px; height:121px; }
.ico-litespeed { background-position:-275px 0; width: 121px; height:121px; }
.ico-panel { background-position:-598px 0; width: 121px; height:121px; }
.ico-soft { background-position:-783px -186px; width: 121px; height:121px; }
.ico-builder { background-position:-598px -186px; width: 121px; height:121px; }
.ico-close { background-position: -137px -825px; width: 18px; height: 18px; }
.ico-ckeck { background-position: -157px -825px; width: 18px; height: 18px; }
.ico-sppedtest { background-position:-138px -511px; width: 121px; height:121px; }
.ico-arrow-down { background-position: -176px -825px; width: 20px; height: 20px;  }
.ico-os { background-position:-275px -511px; width: 121px; ; height: 121px;  }
.ico-virtualization { background-position: -460px -511px; width: 121px; ; height: 121px;  }
.ico-guarantee { background-position:-783px -511px; width: 121px; ; height: 121px;  }
.ico-backups { background-position:-132px -682px; width: 121px; ; height: 121px;  }
.ico-management { background-position:-598px -511px; width: 121px; ; height: 121px;  }
.ico-formula { background-position:-137px 0; width: 121px; height:121px ;  }
.ico-clue { background-position:-461px 0; width: 121px; height:121px ;  }
.ico-rocket { background-position:-783px 0; width: 121px; height:121px ;  }
.ico-period { background-position:-137px -351px; width: 121px; height:121px ;  }
.ico-platform { background-position:-460px -351px; width: 121px; height:121px ;  }
.ico-statistics { background-position:-783px -351px; width: 121px; height:121px ;  }
.ico-heart { background-position: -32px -820px; width: 42px; height: 37px; vertical-align: -7px; }
.ico-green-circle { background-position: -115px -830px; width: 12px; height: 12px; }
.ico-red-circle { background-position: -443px -827px; width: 12px; height: 12px; }
.ico-placeholder { background-position: -336px -815px; width: 40px; height: 40px; }
.ico-message { background-position: -386px -812px; width: 40px; height: 40px; }

.ico-rocket-second { background-position:0 -872px; width:128px; height:128px; }
.ico-download { background-position:-130px -872px; width:128px; height:128px; }
.ico-click { background-position:-261px -872px; width:128px; height:128px; }
.ico-community { background-position:-393px -872px; width:128px; height:128px; }

.ico-callout { background-position:-637px -862px; width:267px; height:230px; }
.ico-complex-gear { background-position:-641px -660px; width:263px; height:156px; }


/*==================================
	COLS
==================================*/    
.cols .col { width: 50%; float:left; }

/*==================================
  TRANSITIONS
==================================*/
/*color*/
nav a {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	-ms-transition: color 0.3s;
	-o-transition: color 0.3s;
	transition: color 0.3s;	
}
/*background-color*/
.form-btn,
.btn,
nav a {
	-moz-transition: background-color 0.3s;
	-ms-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s;	
}

/*==================================
	BTNS
==================================*/
.form-btn,
.btn { display: inline-block; line-height:56px; color: #fff; width: 240px; background:#15b567; font-size:26px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; text-align:center; }
.btn.btn-white { background-color: #fff; color: #40666f; }
.btn.btn-red { background-color: #e06464; color: #fff; }
.btn.btn-callout { background-color: transparent; border:1px solid #fff; color: #fff; text-align:center; text-transform: uppercase; font-size:24px; line-height:44px; padding: 0 13px; width: auto; font-weight:300; font-family:'ProximaNova', arial, serif;  }
.btn.btn-white:hover { background-color: #40666f; color: #fff; }
.btn.btn-red:hover { background-color: #fff; color: #e06464; }

.btn.btn-tertiary { background-color: #2a495d; color: #fff; line-height:66px; text-transform: uppercase; font-family:'ProximaNova', arial, serif;  font-weight:300; width: auto; padding: 0 70px; }

.btn:hover { text-decoration: none; background:#1edf81; }
.btn-secondary { width:192px; line-height:45px; font-size:20px; background:#517891; }
.form-btn { line-height:36px; background:#517891; border:0; font-size:16px; cursor: pointer; width: 154px; }
.btn-secondary:hover,
.form-btn:hover { background:#6696b4; }

/* =================================
    BAR  
================================= */

.bar { background: #279157; font-size: 15px; color: #fff; font-family: 'ProximaNova'; font-weight: 400; padding: 7px 0 6px;  }
.bar .slogan { float: left;  }

 /*==================================
	HEADER
==================================*/

header { background:#ffffff; padding:19px 0; }
.logo { float:left; margin-left: 2px; }
.logo span { font-size: 0; line-height: 0; text-indent: -4000px; display:none; }
.logo img { display:block; }

/*==================================
	NAV
==================================*/
.nav { text-transform: uppercase; font-size: 20px; line-height:38px; float:right; padding-top: 1px;  }
.nav ul li#responsive-tab{display:none;}
.nav li.menus-bottom{display:none;}
.nav li { list-style:none; list-style-position: outside; float:left; padding: 4px 13px 0 13px; }
.nav li.link-signup { padding: 3px 0 0 4px; }
.nav li.current a,
.nav li a { color: #272727; letter-spacing: -.01em; }
.nav li a:hover { text-decoration: none; text-shadow:0px 1px #000000 }
.nav li a.btn-signup { background:#279157;  display: inline-block; line-height:40px; color: #fff; padding: 0 18px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; }
.nav li a.btn-signup:hover { background:#73d3a4; text-shadow: none;   }

/*==================================
	NAV SECONDARY
==================================*/
.nav-secondary { display: none;  position: absolute; top:0; right:0; font-size:11px; text-transform: uppercase; padding: 6px 82px 11px 11px; z-index: 999; }
.nav-secondary li { list-style:none; list-style-position: outside; float:left; }
.nav-secondary li span { padding: 0 10px; }
.nav-secondary li a { color: #517891; letter-spacing: 1px; }
.nav-secondary li a:hover { text-decoration: none; color: #000; }
.nav-intro { color: #fff;}
.nav-intro li a {color: #fff; }
.nav-intro li a:hover { color: #73d3a4; }

/* =================================
    NAV TERITARY
================================== */

.nav-teritary { float: right; margin-right: 2px;  }
.nav-teritary ul { list-style: none;  }
.nav-teritary li { float: left;  }
.nav-teritary li + li:before { content: '|'; color: #fff; display: inline-block; margin-left: 15px; margin-right: 12px;  }
.nav-teritary a { color: inherit; display: inline-block;  }

/*==================================
	INTRO
==================================*/
.intro { background:#517891; color: #dce4e9; padding-bottom:42px; padding-top:122px;  }
.intro h1 { color: #bac9d3; font-family:'latolight', arial, serif;  font-size:41px; font-weight:normal; }
.intro h1 strong  { color: #fff; font-weight: 400; display:block; font-size:43px;  }
.intro-prise { float:left; font-size:30px; font-weight: normal; font-family:'latolight', arial, serif;  line-height:30px; padding-right:27px; border-right:1px solid #96adbc;  }
.intro-prise strong { font-size:60px; font-weight: 400; display:block; padding: 5px 0; }
.intro-prise strong sup { font-size:29px; }
.intro-prise small { display:block; text-align:right;  font-size:13px; }

.intro-foot { width: 620px; margin: 0 auto; }
.list-intro { float:left; padding-left:34px; font-size:13px;  }
.list-intro li { list-style:none; list-style-position: outside; }
/*.list-intro li { background: rgba(0, 0, 0, 0) url("images/tick.png") no-repeat scroll 0 5px; font-size: 15px; line-height: 23px; list-style: outside none none; padding-left: 16px; }*/
.intro-lists { float:left; }
.intro-body { text-align:center; padding: 30px 0 54px 0; }
.intro-body small { display: inline-block; padding-top:6px; }

/*==================================
	SECTIONS
==================================*/
.section-top { padding-top:69px; }
.section-body-center { margin-left:315px; width: 467px; position: relative; }
.section-body-center p { padding-bottom:25px; }
.section-head { padding-bottom:35px; text-align:center; }
.section-head p { color: #5eaee0; font-size:18px; }
.section-foot { text-align:center; padding:10px 0 35px 0; }
.section-foot strong { color: #4896c9; }
.section-foot .btn { margin-bottom:27px; }
.section-features.section-features-primary { background:#f7f7f7; padding-top:57px;  }
.section-features { background:#ececec; padding: 40px 0 0 0; }
.section-features h2 { color: #37434c; padding-bottom:60px; }
.section-features h2 span { display:block; color: #5eaee0; font-size:30px; }

.section-compare { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); }
.section-compare h2 { color: #37434c; padding: 42px 0 30px 0; }
.section-actions { text-align:center; padding-bottom:36px;  }
.section-actions .btn { margin-top:10px; }

.section-login { padding-bottom:115px; }
.section-login .section-body { padding-top:22px; }

.section-faq { min-height: 419px; background: #6599c8 url(images/faq-bg.png) no-repeat center 0; color: #fff; position: relative; }
.section-faq .section-title  { padding: 30px 0; }
.section-faq .list-faqs li { list-style:none; list-style-position: outside; padding-bottom:20px; width: 454px; }
.section-faq .section-actions { position: absolute; bottom:0; left:0; width: 100%; }
.section-faq .section-actions a { color: #fff; font-size:12px; text-transform: uppercase; }

.list-faqs { padding-left:70px; }
.list-faqs h4 { font-size:20px; line-height:23px; font-weight:normal; font-family:'latobold', arial, serif; }
.col:first-child .list-faqs { padding-left:0; }

.section-testimonials { background:#ececec; padding: 55px 0 0 0; }
.section-testimonials .section-head h3 { color: #333333; font-size:31px; line-height:28px; font-weight:normal; font-family:'latobold', arial, serif; }
.section-testimonials .section-head h3 span { color: #5eaee0; font-size:24px; font-weight:400; display:block; padding-top:5px;  }

.testimonials { margin: 0 -15px; }
.testimonials .testimonial { width: 314px; float:left; list-style:none; list-style-position: outside; height:196px; color: #fff; margin-left:20px; text-align:center; position: relative; }
.testimonials .testimonial:first-child { margin-left:0; }
.testimonials blockquote { font-family:'latobold', arial, serif;  padding: 30px 45px 0px 45px; min-height: 107px; line-height:17px; font-size:16px;  }

.testimonials .color-gray { background: #999999; }
.testimonials .color-blue { background: #517891; }
.testimonials .color-black { background: #293239; }

.testimonial-foot { font-size:15px; line-height:17px;   }
.testimonial-foot strong { display:block; text-transform: uppercase; }

.testimonial:after { content:''; width: 0; height:0;  position: absolute; bottom: -40px; left:0; border-top:40px;  border-right:26px solid transparent;  }
.testimonials .color-gray:after { border-top:40px solid  #999999;   }
.testimonials .color-blue:after { border-top:40px solid  #517891;   }
.testimonials .color-black:after { border-top:40px solid  #293239;   }
.section-testimonials .section-foot { text-align:right; font-size:12px; text-transform: uppercase; }

/*==================================
    LANDING PAGE
==================================*/
.container-secondary { background-color: #fff; }

.section-intro-landing { height:810px; background: url(images/intro-landing.png) no-repeat 0 bottom; -webkit-background-size: cover; background-size: cover; box-sizing: border-box; padding:160px 0 0 0; }
.section-intro-landing .section-head { text-align:center; color: #fff; }
.section-intro-landing .section-head p { font-family:'Roboto', arial, serif;  color: #fff; font-size:36px; font-weight:100; }
.section-intro-landing h1 { font-family:'ProximaNova', arial, serif; font-size:172px; color: #fff; text-transform: uppercase; font-weight:900; line-height:140px; }
.section-intro-landing .section-actions a { font-family:'Roboto', arial, serif; font-weight:700; text-transform: uppercase; font-size:19px; border-radius: 10px; margin: 5px; }

.section-features-landing .section-head { font-family:'ProximaNova', arial, serif;  text-align:center; font-weight:300; }
.section-features-landing .section-head h2 { font-family:'ProximaNova', arial, serif; font-weight:200; font-size:42px; color: #589da8; text-transform: uppercase; }
.section-features-landing .section-head p { color: #646565; font-size:24px; }

.features-secondary { overflow: hidden; margin: 0 -10px; padding-bottom:100px; }
.features-secondary li { list-style:none; list-style-position: outside; }
.features-secondary .feature { float:left; width:25%; box-sizing: border-box; padding:0 10px; text-align:center; }
.features-secondary .feature .btn { font-family:'ProximaNova', arial, serif; font-weight:300; font-size:18px; text-transform: uppercase; width: auto; padding: 0; display:block; line-height:35px; background-color: #2a495d; color: #fff; }
.features-secondary .feature h3 { font-weight:900; font-size:25px; padding-top:40px; padding-bottom:10px; }
.features-secondary .feature-head {  font-family:"ProximaNova", arial, serif; padding-bottom:60px; }
.features-secondary .feature-head p { color: #555555; font-size:25px; font-weight:300; }
.features-secondary .feature-actions { padding-bottom:20px; }
.features-secondary .feature-body { font-size:14px; line-height:31px;  }

.feature.feature-panel h3 { color: #de6724; }
.feature.feature-email h3 { color: #82ad4e; }
.feature.feature-developer h3 { color: #f5bb3d; }
.feature.feature-server h3 { color: #589da8; }

.section-callout { background-color: #f3ac1e; color: #103754; position: relative; overflow: hidden; padding:30px 0 40px 0; }
.section-callout:before,
.section-callout:after { content:''; width:100%; height:30px; background: url(images/element.png) repeat-x 0 0; position: absolute; left:0; z-index: 1; }
.section-callout:before { top:-15px; }
.section-callout:after { bottom:-15px; }
.section-callout .section-callout-image { float:left; }
.section-callout .section-callout-body { font-family:'ProximaNova', arial, serif;  height:100%; overflow: hidden; padding-left:25px; }
.section-callout .section-callout-head h3 { font-weight:900; font-size:33px; }
.section-callout .list-bullets { float:left; }
.section-callout .btn-callout { float:right; }

.list-bullets li { list-style:none; list-style-position: outside; line-height:31px; padding-left:20px; position: relative; }
.list-bullets li:before { content:''; width:8px; height:8px; display: inline-block; background-color: #fff; border-radius: 50%; position: absolute; top:8px; left:0; }

.section-steps { padding: 113px 0; }
.section-steps .section-head { font-family:'ProximaNova', arial, serif; padding-bottom:80px; }
.section-steps .section-head h3 { font-weight:300; color: #2a495d; font-size:48px; }
.section-steps .section-head h3 strong { font-weight:700; }
.section-steps .section-head h3 span { font-weight:700; color: #c93904; font-style: normal; font-style: italic; }
.section-steps .section-body  { padding-bottom:90px; }

.steps { overflow: hidden; font-family:'ProximaNova', arial, serif; margin: 0 -50px; }
.steps li h3 { font-size:24px; color: #82ad4e; padding-bottom:20px; }
.steps li { list-style:none; list-style-position: outside; width:33.3%; float:left; text-align:center; color: #4e4e4e; font-size:20px; font-weight:300; padding: 0 50px; box-sizing: border-box; }
.steps-number { width:119px; height:119px; border-radius: 50%; background-color: #82ad4e; overflow: hidden; color: #fff; font-weight:bold; font-weight:900; display: inline-block; font-size:190px; line-height:119px; text-align:center; }

.list-steps { list-style: none; padding-bottom: 70px; }  
.list-steps:after { content:""; display:table; clear:both; } 
.list-steps li { float: left; width: 25%; }  

.section-callout-secondary { background-color: #2998cd; color: #fff; padding:50px 0; position: relative; overflow: hidden; } 
.section-callout-secondary:before { content:''; background: url(images/element.png) repeat-x 0 0; width:100%; height:30px; position: absolute; top:-15px; left:0; }
.section-callout-secondary h4 { font-size:30px; line-height:46px; font-family:'ProximaNova', arial, serif; font-weight:300; padding-bottom:46px; }
.section-callout-secondary h4 strong { font-weight:700; }
.section-callout-secondary .section-image { position: absolute; top:45px; right:0; }
.section-callout-secondary .btn-callout { position: relative; }
.section-callout-secondary .btn-callout:after { content:''; background: url(images/arrow.png) no-repeat 0 0; width:66px; height:58px; position: absolute; top:-20px; right:-84px; }

/*==================================
	ADVANTAGES
==================================*/
.section-advantages { padding-bottom:60px; }
.list-advantages li { list-style:none; list-style-position: outside; position: relative; padding-bottom:63px; }
.list-advantages h3 { color: #333333; font-size:20px; font-weight: normal; font-family:'latobold', arial, serif; }
.list-advantages p { padding-bottom:22px; }
.list-advantages p a { font-weight: normal; font-family:'latobold', arial, serif; }
.list-advantages [class^='ico-'],
.list-advantages [class*=' ico-'] {width: 121px; height:121px; position: absolute; top:-20px; left:-139px; }

/*==================================
	FEATURES
==================================*/
.list-features li { float:left; width: 33%; text-align:center; list-style:none; list-style-position: outside; padding-bottom:50px;  }
.list-features i { margin-bottom:20px; }
.list-features h3 { color: #333333; font-size:20px; font-weight:normal; font-family:'latobold', arial, serif;  }
.list-features p { padding: 0 50px 20px 50px; }
.section-body-center i { position: absolute; top:-20px; left:-139px; }

.list-tests li { list-style:none; list-style-position: outside; position: relative; }
.list-tests li .ico-arrow-down { position: absolute; top:0; left: -24px; }
.list-tests p { background:#ededed; padding: 0; line-height:22px; width: 322px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; padding: 0 5px; color: #333333; margin-bottom:5px; }

.list-downloads { font-weight:normal; line-height:28px; padding-left:5px; padding-bottom:30px; font-family:'latobold', arial, serif; }

/*==================================
	FORM
==================================*/
.col:first-child .form-login { padding-left:30px; border-left:0; padding-right:40px;  }
.form-login { padding-left:30px; border-left:1px solid #e1e1e1;  }
.form-actions { width: 353px; text-align:right; }
.form-login .form-head { min-height: 144px; }
.form-login .form-head  h4 { font-size:16px; }

.form-row { padding-bottom:12px; }
.field { /*color: #cccccc*/; font-size:16px; font-family:'latobold', arial, serif; font-weight:normal;  width: 322px; height:19px; padding: 10px 15px; border:0; }
::-webkit-input-placeholder {
   color: #cccccc;   
}
:-moz-placeholder { /* Firefox 18- */
   color: #cccccc;   
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #cccccc;   
}
:-ms-input-placeholder {  
   color: #cccccc;   
}

.form-label { display:none; }
.form-actions { font-size:10px; font-family:'latoitalic', arial, serif;  color: #666666; padding-bottom:10px;  }
.form-actions a { padding-right:18px; }

/*==================================
	COMPARE TABLE
==================================*/
.table-compare { padding-bottom:57px; width: 855px; margin: 0 auto; }
.table-compare table { background:#fff; }
.table-compare tr { }
.table-compare th { line-height:30px; background:#517891; color: #fff; padding-left:16px; font-size:16px; text-transform: uppercase; text-align:center; }
.table-compare th:first-child { text-align:left; }
.table-compare td { border-bottom:1px solid #f2f2f2; height:59px; text-align:center; }
.table-compare td:first-child { text-align:left; padding-left:16px; }
.table-compare strong { font-size:20px; color: #000; }
.table-compare small { color: #666666; font-size:14px; }

.table-plans { font-family:'helvetica', arial, serif; padding-bottom:26px; }
.table-plans .gray td { background:#f9f9f9; }
.table-plans td strong { font-weight: bold; }
.table-plans th { border-bottom:2px solid #00aeef; padding: 17px 10px; font-size:18px; font-family:'latolight', arial, serif; font-weight: normal;  color: #000; text-align:left;  }
.table-plans td { height:24px; padding: 17px 10px; border-bottom:1px solid #dddddd; color: #747474; }
.table-plans td:first-child { font-family:'latolight', arial, serif; }
.table-plans td:first-child strong { font-weight: normal; font-family:'latolight', arial, serif; color: #000; font-size:16px;  }
.table-plans td a { padding: 1px 5px; height:21px; color: #fff; min-width: 47px; background-color:#3bb878; font-size:14px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; }
.table-plans td a:hover { text-decoration: none; } 

/*==================================
	PACKAGES
==================================*/
.packages { padding-bottom:10px; }
.packages .package { list-style:none; list-style-position: outside; float:left; width: 290px; text-align:center; margin-left:9px; background:#fff;  position: relative; }
.packages .package:first-child { margin-left:38px; }
.package-head { height: 218px; background: url(images/package-bg.png) no-repeat 0 0; color: #fff; position: relative; }

.package-basic .package-head { background-position:0 0; }
.package-stable .package-head { background-position:-299px 0; }
.package-plus .package-head { background-position:-599px 0; }

.package-basic .package-body { color: #999999; }
.package-stable .package-body { color: #517891; }
.package-plus .package-body { color: #293239; }

.package-head h3 { font-family:'latoblack', arial, serif; font-weight: normal; font-size:39px; line-height:40px; padding-top:25px; }
.package-head p { font-size:14px; line-height:18px; padding: 0 35px 12px 35px; }
.package-head .package-price { border-top:1px solid #fff; width: 180px; margin: 0 auto 0 auto; padding-top:3px;  }
.package-head .package-price strong { font-size:60px; font-weight: normal; line-height:60px; display:block; white-space: nowrap; }
.package-head .package-price strong sup { font-size:29px; }
.package-head small { font-size:14px; line-height:12px; }
.package-body { border:1px solid #e6e6e6; border-top:0; height:303px; }
.package-body i { display: inline-block; width: 73px; height:70px; }
.package-body p { font-size:21px; line-height:25px; padding:40px 0 28px 0; }
.package-body p strong { font-size:30px;display:block; }
.package-actions { position: absolute; bottom:0; left:0; width: 100%; z-index: 999; padding-bottom:23px; }

.packages-secondary .package-head { height:280px; }
.packages-secondary .package-head p { padding: 0 20px 12px 20px; }
.packages-secondary { width: 589px; margin: 0 auto; }
.packages-secondary .package:first-child { margin-left:0;  }
.packages-secondary .package-body { height: 242px; }
.packages-secondary i { margin-top:58px; }
.packages-secondary .package-head h3 { font-size:30px; line-height:30px; padding-bottom:10px;  }

.badge { height:73px; width: 73px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; border:2px solid #fff; background:#293239; color: #fff; text-align:center; font-size:12px; line-height:14px; font-family:'latobold', arial, serif; position: absolute; bottom:-40px; left:9px; }
.badge strong { display:block; font-size:23px; line-height:22px;  }
.badge span { padding-top:8px; display:block;  }
.badge-small span { padding-top:22px; display:block; font-size:14px;  }

.list-specs { color: #999999; padding-top:40px; }
.list-specs strong { color: #666666; }
.list-specs li { list-style:none; list-style-position: outside; padding-bottom:20px; }

.callout { width: 340px; height:80px; background:#eeeeee; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; text-align:center; font-family:'latobold', arial, serif;  }
.callout h3 { font-size:20px; color: #333333; font-weight:normal; font-family:'latobold', arial, serif;  padding-top:20px; }

/* ==========================================================================
    SUPPORT
========================================================================== */
.section-support { padding-top: 70px; }
.section-support > h1 { margin-bottom: 27px; text-align: center; }
.section-support h1 > p { font-family: "latobold", sans-serif; font-size: 16px; line-height: 1.75; color: #333; }

.section-form h3 { margin-bottom: 13px; font-size: 26px; line-height: 1.38; color: #5eaee0; font-weight: normal; text-align: center; }
.search { margin-bottom: 30px; text-align: center; }
.search-field { width: 337px; height: 38px; border: 1px solid  #ccc; padding: 0 7px; font-size: 20px; }
.search-btn { width: 154px; margin-left: 7px; border-radius: 3px; background: #517891; font-size: 17px; line-height: 36px; color: #fff; }
.search-btn:hover { background:#5b839d; }

.section-status { width: 854px; height: 61px; padding-top: 18px; margin-bottom: 23px; background: #eee; border-radius: 3px; text-align: center; }
.section-status p > strong { font-size: 20px; line-height: 1.15; color: #333; }
.section-status p > span { display: block; font-size: 16px; color: #999; }
.section-status p > span > strong { color: #666; }

/* ==========================================================================
    SECTION-COLS
========================================================================== */
.section-cols { overflow: hidden; width: 854px; padding-bottom: 83px; }
.section-col { float: left; }

/* ==========================================================================
    COL-3Of4
========================================================================== */
.section-cols .col-3of4 { width: 601px; }

.section-cols .col-3of4 .section-faq { background: none; margin-bottom: 27px; }
.section-cols .col-3of4 .section-faq .section-head { height: 32px; padding: 10px 16px; background: #517891; }
.section-cols .col-3of4 .section-faq .section-head h5 { float: left; font-family: "latobold", sans-serif; font-size: 16px; line-height: 2.25; color: #fff; font-weight: normal; }
.section-faq-actions { float: right; }
.section-faq-actions .btn-green { display: inline-block; *display: inline; *zoom: 1; width: 218px; background: #1eb367; line-height: 36px; color: #fff; border-radius: 3px; }
.section-faq-actions .btn-green:hover { background: #1edf81; text-decoration: none; }

.section-cols .col-3of4 .faqs { list-style-type: none outside none; }
.section-cols .col-3of4 .faq { height: 41px; padding: 12px 17px 6px; margin-bottom: 1px; background: #fff; }
.section-cols .col-3of4 .faq h4 { font-family: "latobold", sans-serif; font-size: 18px; line-height: 1.11; font-weight: normal; }
.section-cols .col-3of4 .faq h4 > a { color: #000; }
.section-cols .col-3of4 .faq p { font-size: 14px; line-height: 1.43; color: #666; }
.section-cols .col-3of4 .faq .read-more { color: #5eaee0; text-transform: uppercase; }

/* ==========================================================================
    COL-1Of4
========================================================================== */
.section-cols .col-1of4 { width: 227px; margin-left: 26px; }
.section-cols .col-1of4 .widgets { list-style: none outside none; }
.section-cols .col-1of4 .ico-placeholder { margin-top: -8px; }
.section-cols .col-1of4 .ico-message { margin-bottom: 4px; }
.section-cols .col-1of4 .contact-head,
.section-cols .col-1of4 .address-head { padding: 0 5px; background: #ededed; border-radius: 3px; }
.section-cols .col-1of4 .contact-head h6,
.section-cols .col-1of4 .address-head h6 { font-family: "latobold", sans-serif; font-size: 16px; line-height: 1.4; color: #333; font-weight: normal; }

.section-cols .col-1of4 .contacts { position: static; padding: 0; list-style: none outside none; background: none; }
.section-cols .col-1of4 .contact { padding-bottom: 15px; }
.section-cols .col-1of4 p { padding-left: 5px; margin-bottom: 17px; font-size: 14px; line-height: 1.29; color: #293239; }
.section-cols .col-1of4 p > span { color: #545b61; }
.section-cols .col-1of4 .work-time { font-size: 12px; line-height: 1.5; color: #293239; text-transform: uppercase; }
.section-cols .col-1of4 .work-time > span { display: block; text-transform: none; }
.section-cols .col-1of4 .mail > span ~ span { display: block; }
.section-cols .col-1of4 .address-body span { display: block; }

/* ==========================================================================
    #Section Countdown
========================================================================== */
.section-countdown { padding: 57px 0 37px; }
.section-countdown .shell,
.article-privacy .shell,
.article-terms .shell { width: 990px; }


.section-countdown .section-title { float: left; margin-top: 27px; color: #778fa1; }
.section-countdown .section-title span { color: #246a4d; }

.countdown { float: right; border: 1px solid #e6e6e6; border-radius: 5px; background: #fff; color: #495965; text-transform: uppercase; }

.countdown-inner,
.list-countdown { float: left; list-style: none outside none; }

.countdown-inner { width: 148px; padding: 31px 0 0 27px; }
.countdown-inner h6 { font-size: 13px; line-height: 1.2; }

.list-countdown { width: 352px; }
.list-countdown li { float: left; height: 63px; padding: 14px 22px 14px 18px; border-left: 1px solid #e6e6e6; text-align: center; }
.list-countdown p { font-size: 12px; margin-bottom: 15px; }
.list-countdown span { font-size: 43px; }

/* ==========================================================================
    #Article Error
========================================================================== */
.article-error { padding: 69px 0 42px; }

.article-error .article-head { margin-bottom: 44px; }
.article-error .article-body { padding: 0 238px 0 251px; }

.article-error h3,
.article-error p,
.list-dots li { margin-bottom: 20px; }
.article-error h3 { color: #4896c9; }
.article-error p { 20px; }

.list-dots { margin-left: 51px; list-style-type: disc; }

/* ==========================================================================
    #Article Privacy
========================================================================== */
.article-privacy { padding-bottom: 10px; }
.article-privacy .article-head { margin-bottom: 36px; }
.article-privacy h2 { font-size: 24px; color: #000; text-align: left; }

.list-articles,
.article-items { color: #333; list-style: none outside none; }
.list-articles h3,
.article-item h3 { margin-bottom: 15px; font-family:'latobold', arial, serif; font-weight: normal; }
.list-articles p,
.article-privacy p { margin-bottom: 47px; line-height: 1.25; }

/* ==========================================================================
    #Article Terms
========================================================================== */
.article-terms { padding-top: 83px; color: #333; }
.article-terms .article-head { margin-bottom: 4px; }
.article-terms h1 { text-align: left; }

.article-terms p { margin-bottom: 15px; }

.article-terms .article-body p:first-child { margin-bottom: 44px; font-family:'latoitalic', arial, serif; }

.list-terms { list-style: none outside none; }
.list-terms li { margin-bottom: 14px; }
.list-terms a { font-family:'latobold', arial, serif; }

.article-terms h3 { color: #4896c9; }

.article-items { padding-right: 34px; }
.article-item { margin-bottom: 64px; }

.article-terms .list-dots,
.article-item ol { margin-left: 35px; }
.article-terms .list-dots li { margin-bottom: 9px; }

.article-item ol li { margin-bottom: 15px; }

/* ==========================================================================
    #Article Cols
========================================================================== */
.article-cols { overflow: hidden; }
.article-cols ~ .article-cols { margin-top: 60px; }
.article-col { float: left; }

.article-col-1of3 { width: 305px; /* margin-right: 12px; */ }
.article-col-1of3 ~ .article-col-1of3  { margin-left: 37px; }

.article-col-1of2 { width: 474px; }
.article-col-1of2 ~ .article-col-1of2 { margin-left: 42px; }

/* ==========================================================================
    #Tabs
========================================================================== */
.tabs { min-height: 400px; line-height: 1.4; }
.tabs-head { margin-bottom: 10px; }
.tabs-nav { overflow: hidden; border-bottom: 1px solid #e6e6e6; }
.tabs-nav ul { float: right; list-style: none outside none; }
.tabs-nav li { float: left; margin-left: 30px; }
.tabs-nav a { display: block; font-size: 26px; color: #495965; }
.tabs-nav a:hover,
.tabs-nav .current a { color: #000; text-decoration: none; }

.tab { display: none; }
.tab.current { display: block; }

.tab-head { margin-bottom: 10px; }
.tab-head h3 { font-size: 20px; font-weight: normal; text-transform: uppercase; }
.tab h4 { font-family: 'latobold', Arial, sans-serif; }
.tab-features h4 { text-transform: uppercase; }

.list-green-dot { padding: 5px 10px 0 0; list-style: none outside none; }
.list-green-dot li { padding-left: 20px; margin-bottom: 5px; background: url(images/green-dot.png) no-repeat 5px 5px; font-size: 13px; line-height: 1.6; }

.list-addons { list-style: none outside none; }
.list-addons li { margin-bottom: 16px; }
.list-addons h5 { margin-bottom: 5px; font-size: 15px; }
.list-addons h6 { font-size: 14px; }
.list-addons span { display: block; margin: 5px 0; font-size: 24px; color: #495965; }

/* ==========================================================================
    #Tab Cols
========================================================================== */
.tab-cols { overflow: hidden; }
.tab-col { float: left; }
.tab-col-1of4 { width: 238px; }
.tab-col-1of2 { width: 461px; }
.tab-col-1of2 ~ .tab-col-1of2 { margin-left: 30px; }

/*==================================
	FOOTER
==================================*/
.footer-inner { background:#333333; padding: 53px 0 82px 0; color: #fff; min-height: 161px; }
.footer-nav { float:left; min-width: 196px; }
.footer-nav li { list-style:none; list-style-position: outside; padding-bottom:2px; font-size:14px; }
.footer-nav h4 { padding-bottom:5px; font-size:16px; }
.footer-nav a { color: #cccccc; }

.contacts { position: absolute; top:0; right:0; background:#292929; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; padding: 30px 37px; }
.contact-label { text-transform: uppercase; float:left; line-height:40px; }
.contacts ul { float:left; }

.socials { padding-bottom:9px; border-bottom:1px solid #5f5f5f; }
.socials li { list-style:none; list-style-position: outside; float:left; line-height:40px; padding: 0 12px; height:40px; }
.socials li:first-child { border-right:1px solid #5f5f5f; }
.socials li a { background: url(images/sprite.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; display:block; }
.socials li a.link-twitter { background-position:-202px -821px; width: 28px; height:24px; margin-top:8px; }
.socials li a.link-facebook { background-position:-256px -818px; width: 15px; height:29px; margin-top:5px; }

.phone { padding-top:11px; }
.phone strong { color: #f7934e; font-weight:normal; font-family:'latobold', arial, serif;  line-height:40px; font-size:18px; }

.copyright { background:#000; line-height:51px; color: #828282; font-size:12px; }
.copyright a { color: #828282; }  
.copyright p { padding-left:20px; }

/* ==========================================================================
    #Support page Version 2
========================================================================== */

.section-system-status { text-align: center; padding: 20px 0; }
.section-system-status h5 { font-size: 18px; line-height: 22px; color: #2f2f2f; }
.section-system-status h5:before { content: ""; width: 12px; height: 12px; display: inline-block; position: relative; top: -1px; margin-right: 5px; vertical-align: middle; background: #ee3124; border-radius: 12px; }
.section-system-status h5 a { color: #4ca5dd; }
.section-system-status p span { color: #9d9d9d; }

.section-support-links { text-align: center; padding: 11px 0; margin: 0 28px 32px 38px; background: #eee; }
.section-support-links .btn-blue { font-size: 16px; line-height: 24px; color: #fff; font-family: 'latobold', sans-serif; text-align: center; width: 205px; height: 24px; padding: 5px 0; display: inline-block; vertical-align: middle; margin: 0 6px; background: #5eaee0; border-radius: 5px; }
.section-support-links .btn-blue:hover { text-decoration: none; background: #449cd2; }

.section-support-boxes { padding-bottom: 53px; }
.section-support-boxes .package-head { height: 76px; padding: 16px 0 0 0; }
.section-support-boxes .package-head h3 { font-size: 24px; line-height: 28px; padding: 0; }
.section-support-boxes .package-body { text-align: center; height: auto; padding: 26px 0; }
.section-support-boxes .package-body p { font-size: 14px; line-height: 20px; color: #61676d; padding: 0; }

.section-address { font-size: 15px; text-align: center; padding: 52px 0; background: #ececec; }
.section-address img { display: block; margin: 0 auto 11px; }
.section-address a[href^="tel"] { color: #313940; }
.section-address a[href^="tel"]:hover { text-decoration: none; }

/*  Section stable  */

.section-stable { padding:65px 0; font-family: 'Roboto', sans-serif; }
.section-stable h4 { text-align: center; font-size: 24px; line-height: 1.2; font-weight: bold; padding-bottom: 15px; color: #34495e; font-weight:900;}
.section-stable p { text-align: center; font-size: 14px; }
.section-stable .list-steps { text-align: center; padding-top: 60px; }
.section-stable .list-steps img { margin-bottom: 15px; }
.section-stable .list-steps h4 { text-transform: uppercase; font-size: 25px; color: #21b463; padding-top:10px; padding-bottom: 6px; font-weight: 900; }
.section-stable .list-steps p { font-size: 15px; line-height: 21px; text-transform: uppercase; } 

.form-callout { width: 540px; margin:0 auto; }
.form-callout label { position:absolute; top:12px; left:14px; display: block; font-size: 11px; color: #676767; text-transform: uppercase; }
.form-callout .form-row { background: #fff; padding-bottom: 0; position: relative; }
.form-callout .field { width: 100%; box-sizing:border-box; margin-top: 27px; height: 40px; line-height: 37px; font-size: 27px; color: #4b4b4b; font-weight: 100 ; font-family: 'Roboto', sans-serif; }
.form-callout .form-col { float: left; margin-right: 5px; }
.form-callout .form-col-size1 { width: 126px; }
.form-callout .form-col-size2 { width: 245px; }
.form-callout .form-btn { float: left;  font-size: 16px; color: #fff;font-family: "ProximaNova"; font-weight: bold; background: #60b678; padding-top: 14px; padding-bottom: 14px; }

.form-callout  ::-webkit-input-placeholder {
   color: #000;   opacity:1;
}
.form-callout  :-moz-placeholder { /* Firefox 18- */
   color: #000;   opacity:1;
}
.form-callout  ::-moz-placeholder {  /* Firefox 19+ */
   color: #000;   opacity:1;
}
.form-callout  :-ms-input-placeholder {  
   color: #000;   opacity:1;
}

.hint { position:absolute; top:-5px; left:-5px;  z-index: 50;}
.hint i { padding-bottom: 10px; }
.hint:hover span { display: block; }
.hint span { background: #000; width: 465px; background: #2a2a2a; display: block; position:absolute; top:100%; left:0px; padding:15px; color: #fff; margin-left:-245px;  display: none; }
.hint span:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 7px 8px 7px; border-color: transparent transparent #2a2a2a transparent; display: inline-block; position:absolute; top:-8px; left:50%; }
.hint span a { display: inline-block; position: static; }
i.ico-hint { background: url(images/ico-hint.png) no-repeat 0 0; width: 20px; height: 20px; display: inline-block; }

/*  section-phone-verification  */

.section-phone-verification { padding-top: 98px; padding-bottom: 40px; font-family: 'Roboto', sans-serif; padding-bottom: 240px; }
.section-phone-verification h2 { text-transform: uppercase; font-weight: bold; color: #4b4b4b; padding-bottom: 58px; }
.section-phone-verification p { text-align: center; font-size: 24px; color: #4b4b4b; font-weight: 100; padding-bottom: 30px; }
.section-phone-verification p strong { font-size: 24px; color: #3aae6e; font-weight: bold; }
.section-phone-verification .code { background: #c05555; font-size: 24px; color: #ffffff; font-weight: bold; padding:10px 40px; border-radius:3px; }
.section-phone-verification .btn { font-size: 14px; color: #304c61; font-weight: bold; font-family: 'Roboto', sans-serif; margin:0 6px; }
.section-phone-verification .btn { background: #fff; width: 169px; border:2px solid #708391; height: 46px;  line-height: 46px;}
.section-phone-verification .section-actions  { padding-top:80px; }

.testimonials-secondary { /*overflow-x: scroll;*/ }
.testimonials-secondary h3 { font-size: 30px; line-height: 34px; color: #323232; padding-bottom: 24px; font-family: "ProximaNova"; font-weight: 300; }
.testimonials-secondary p { font-size: 18px; line-height: 22px; font-family: "ProximaNova"; font-weight: 300; color: #323232; }
.testimonials-secondary h5 { text-align: right; font-size: 15px; line-height: 19px; color: #323232; font-family: "ProximaNova"; font-weight: 700; }
.testimonials-secondary h5 span { font-weight: 300; }

.slider-testimonials { width: 953px; height: auto; position: relative; }
.slider-testimonials .slider-clip { padding-left: 110px; position: relative; }
.slider-testimonials .slides { list-style: none; list-style-position: outside; }
.slider-testimonials .slide { float: left; width: 843px; }
.slider-testimonials i { position: absolute; left: 0; top: 0; width: 75px; height: 62px; }
.slider-testimonials i.ico-twitter { background: url(images/twitter-ico2.png) no-repeat 0 0; }

.slider-testimonials .slider-paging { position: relative; left: 110px; bottom: 0; }
.slider-testimonials .slider-paging a { width: 11px; height: 11px; background: #e0e0e0; border-radius: 50%; display: inline-block; font-size: 0; line-height: 0; text-indent: -4000px; margin: 0 2px; }
.slider-testimonials .slider-paging a.selected { background: #5ea9dd; }
.slider-testimonials a.link { margin-left: 113px; position: relative; top: 8px; font-size: 13px; line-height: 17px; color: #5ea9dd; }

/* Responsive CSS */

@media (min-width:992px)and (max-width:1200px) {
    
    body{min-width:inherit;}
    .shell-primary, .shell, .shell-secondary, .slider-testimonials{width:960px;}
    .logo{margin-left:0;}
    .copyright p{padding-left:0;}
    .testimonials .testimonial{width:306px;}
    .testimonials{margin:0;}
    .nav li{padding-top:0;}
    .policy-body {padding: 0 15px;}
    .entries-secondary .col{ width:412px;}
    .table-secondary td.main-table table td:last-child{width:30%;}
    .questions .col { width:50%;}
    .slider-testimonials .slide {float: left;width: 814px;}
    .slider-testimonials{ overflow:hidden; padding-bottom:10px;}
}

@media (max-width:980px) {
    
    body{ min-width:inherit; }
    .shell-primary, .shell-secondary{ width: 750px; }
    .shell{ width: 750px; }
    .testimonials-secondary { overflow: hidden; }
    .slider-testimonials{ width:750px; }
    .slider-testimonials .slide{ width:640px; }
    .nav{ font-size:15px; }
    
    /*.wrapper { overflow:hidden; }*/
    .bar { padding: 10px;text-align: center; }
    .bar .slogan { float:none; padding-bottom: 10px; }
    .nav-teritary { float: none; }
    .nav-teritary li { display: inline-block;float: none; }
    
    .footer-inner { padding: 50px 0; text-align: center; }
    .footer-nav { display: inline-block; float: none; min-width: 30%;vertical-align: top; }
    .contact-label, .contacts ul { display: inline-block; float: none; vertical-align: top; }
    .contacts{clear:both;display:inline-block;margin-top:20px;padding:20px;position:static;text-align:center;}
    .copyright p { padding-left: 0; text-align: center; }  
}

@media (min-width:768px)and (max-width:991px) {
    
    body{min-width:inherit;}
    .shell-primary, .shell, .shell-secondary, .slider-testimonials{width:740px;}
    .section-countdown .shell, .article-privacy .shell, .article-terms .shell { width:750px; }
    .logo{margin-left:0;}
    .copyright p{padding-left:0;}
    .list-features h3{font-size:19px;margin-bottom:8px;}
    .list-features p{padding:0 10px 20px;}
    .testimonials .testimonial{display:inline-block;float:none;vertical-align:top;width:31.2%;}
    .testimonials blockquote{padding:15px;min-height:137px;}
    .testimonials{margin:0;}
    .testimonials blockquote br{display:none;}
    .contact-label, .contacts ul{float:none;display:inline-block;vertical-align:top;}
    .contacts{position:static;text-align:center;}
    .footer-nav{display:inline-block;float:none;min-width:30%;vertical-align:top;}
    .footer-inner{text-align:center;padding:50px 0;}
    .contacts{clear:both;display:inline-block;margin-top:20px;padding:20px;position:static;text-align:center;}
    .copyright{text-align:center;}
    .section-testimonials .section-foot{text-align:center;margin-top:50px;}
    .table-compare strong{font-size:16px;}
    .table-compare{width:750px;}
    .package-actions .btn{display:block;font-size:22px;margin:0 auto;width:90%;}
    .packages .package:first-child{margin-left:0;}
    .packages .package{display:inline-block;float:none;width:32%;}
    .package-head p{padding:0 0 12px;}
    .package-head .package-price strong{font-size:50px;}
    .section-faq .list-faqs li{width:auto;}
    .section-actions{position:static !important;}
    .packages-secondary{margin:0 auto;text-align:center;width:auto;}
    .section-body-center{width:auto;margin-left:0;}
    .list-advantages [class^="ico-"], .list-advantages [class*=" ico-"], .section-body-center i{position:static;float:left;margin-right:15px;}
    .list-advantages p{line-height:22px;margin-top:8px;padding-bottom:22px;}
    .nav li{padding-top:0;}
    .nav-secondary{padding:6px 0 11px;right:12px;}
    .nav li.link-signup{padding:0 0 3px 5px;}
    .form-login{border-left:1px solid #e1e1e1;padding:0 20px !important;}
    .field{padding-left:0;padding-right:0;text-indent:10px;width:100%;}
    .form-actions{width:100%;}
    .policy-body {padding: 0 15px;}
    .entries-secondary .col{ float:none; width:auto;}
    .entries-secondary .col:first-child .entry i.bull{ display:none;}
    .entries-secondary .col:first-child{ border:none;}
    .entries-secondary .col + .col{ width:auto;}
    .questions .col {float: left;width: 50%;}
    .slider-testimonials .slide {float: left;width: 590px;}
    .slider-testimonials{ overflow:hidden; padding-bottom:10px;}
    .table-secondary td.main-table table td:last-child{width:30%;}
    .section-head-tertiary{ padding-bottom:20px;}
    .three-cols .col-size1 {width: 300px;}
    .three-cols .col-size2{ width:182px;}
}

@media (max-width:767px) {
    
    body{min-width:inherit;}
    .shell-primary, .shell, .shell-secondary, .slider-testimonials{width:auto;padding:0 10px;}
    .section-countdown .shell, .article-privacy .shell, .article-terms .shell { width:auto; }
    .policy-body p, .policy-body h5, .policy-actions{text-align:center;}
    .menus-bottom{display:block;}
    .section-login .cols .col{width:100% !important;}
    .nav-secondary{display:none;}
    .form-login .form-head{min-height:inherit;}
    .form-login{padding:15px !important;text-align:center;}
    .form-head p{line-height:22px;margin:10px 0;}
    .form-actions{text-align:center;width:100%;}
    .field{padding-left:0;padding-right:0;text-indent:10px;width:100%;max-width:300px;}
    .logo{    left: 0;    margin: 0 auto;    position: absolute;    text-align: center;    z-index: 999999;}
    .copyright p{padding-left:0;}
    header{padding:12px 0;text-align:center; min-height:38px;}
    .nav{float: right;    padding-right: 0;    position: absolute;    right: 0;    text-align: center;    width: 100%;    z-index: 99999;}
    .nav > ul li#responsive-tab{text-align:right;}
    .nav li{float:none;display:inline-block;}
    .intro{padding-left:10px;padding-right:10px;}
    .intro-foot{width:auto;}
    .logo img{display:block;margin:0 auto;}
    .intro-prise{border-right:0 none;display:block;float:none;padding-right:0;text-align:center;}
    .intro-prise small{text-align:center;}
    .intro-lists{display:block;float:none;margin:0 auto;text-align:center;}
    .list-intro{display:inline-block;float:none;font-size:13px;padding-left:10px;text-align:left;}
    .list-features{padding-left:0;text-align:center;}
    .list-features li{display:inline-block;float:none;margin:0 1%;padding:10px 0;text-align:center;vertical-align:top;width:31%;}
    .section-features.section-features-primary{padding:40px 0;}
    .list-features h3{font-size:15px;margin-bottom:5px;}
    .list-features p{font-size:14px;padding:0 0 20px;}
    .testimonials{margin:0;padding:0 15px;}
    .testimonials .testimonial{float:none !important;height:auto;margin:20px auto !important;max-width:300px;position:relative;text-align:center;width:auto;}
    .testimonial::after{display:none;}
    .testimonials .testimonial{margin-left:0;}
    .section-foot{padding:20px 0;text-align:center !important;}
    .footer-inner{text-align:center;}
    .footer-nav{display:inline-block;float:none;min-width:inherit;vertical-align:top;width:30%;}
    .contacts{background:none repeat scroll 0 0 #292929;border-radius:5px;display:inline-block;margin-top:20px;padding:20px;position:static;right:0;top:0;}
    .copyright{text-align:center;}
    .footer-inner{padding:50px 0;}
    .table-compare{width:95%;margin:0 auto;}
    .table-compare table{width:auto;}
    .packages .package:first-child{margin-left:0;}
    .packages .package{background:none repeat scroll 0 0 #fff;display:block;float:none;margin:20px auto !important;position:relative;text-align:center;width:290px;}
    .section-faq .list-faqs li{width:auto;}
    .section-faq .section-actions{position:static !important;}
    .section-body-center{width:auto;margin-left:0;}
    .list-advantages [class^="ico-"], .list-advantages [class*=" ico-"], .section-body-center i{position:static;float:left;margin-right:15px;}
    .list-advantages p{line-height:22px;margin-top:8px;padding-bottom:22px;}
    .nav-secondary{width:100% !important;padding-left:0;padding-right:0;top:15px;text-align:center;}
    .nav-secondary li{float:none;display:inline-block;}
    .testimonial-foot{padding-bottom:15px;}
    .contacts{font-size:14px;}
    #responsive-tab > a{margin-top:1px;}
    .plan{ padding-bottom:63px;}
    .plan h2{ font-size:44px; line-height:44px;}
    .plan-actions{position:static; background-color:transparent;}
    .table-secondary td.main-table table td:last-child {width: 25%;}
    .entries-secondary .entry i.ico{ position:static; display:inline-block; margin-top:0;}
    .entry-image {height: 125px;position: static;}
    .entries-secondary .col{ float:none; width:auto; padding:0;}
    .entries-secondary .col:first-child .entry i.bull{ display:none;}
    .entries-secondary .col:first-child{ border:none;}
    .entries-secondary .col + .col{ width:auto; padding:0; float:none;}
    .entries-secondary .entry {border: 1px solid #eaeaea;border-radius: 3px;box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);line-height: 24px;margin: 0 auto 20px;max-width: 59%;padding: 20px;text-align: center;}
    .entries-secondary .col + .col .entry{ text-align:center; padding:20px;}
    .section-head-tertiary{ padding-bottom:20px;}
    .questions {text-align: center;}
    .questions .col {float: none;width: auto;}
    .slider-testimonials .slide {float: left;width:480px}
    .slider-testimonials{ overflow:hidden; padding-bottom:10px;}
    .three-cols .col-size1{ float:none; width:auto; text-align:center; padding-right:0;}
    .three-cols .col-size2, .three-cols .col-size3{  display: inline-block;float: none;padding-right: 0;padding-top: 40px;text-align: left;width: auto;}
    .plan-secondary + .section.section-grey.padder-top .three-cols{ text-align:center;}
    .plan-content .two-boxes .col{ display: block; float: none; margin: 20px auto !important;position: relative;text-align: center;width: 290px;}
    .plan-content .two-boxes .col + .col{ float:none;}
    .plan-content .two-boxes{ width:auto;}
    /*nav*/
    .nav > ul{ background: none repeat scroll 0 0 #FFFFFF;padding-bottom: 15px; width: 100%;}
    .nav li{padding-top:0;}
    .nav > ul li#responsive-tab{display:block;}
    .nav > ul li{display:none;}
    .nav > ul li.right{float:none;}
    .nav > ul li.has-sub{position:relative;}
    .nav > ul li.has-sub ul{display:block;position:static;width:100%;border:0 none;}
    .nav > ul li.has-sub ul li{display:block !important;}
    .nav > ul li.has-sub ul li a span{display:block;padding-left:24px;}
    .nav-teritary { display:none; }
    .bar .slogan { padding-bottom: 0; }
    
    /* Inner Pages */
    .list-tests li .ico-arrow-down { position: static; }
}

@media (min-width:769px) {
    .nav > ul > li.collapsed.menus-bottom{display:none !important;}
}

@media (min-width:768px) {
    
    .nav > ul > li.collapsed{display:inline-block !important;zoom:1;}
    .nav > ul ul li.collapsed{display:block !important;}
}

@media (max-width:639px) {
    
    .list-intro li{font-size:13px;}
    .list-intro{width:40%;}
    .intro-foot { width:auto; }
    .section-support-links .btn-blue{margin:3px 0;}
    .list-features li{display:block;float:none;margin:0 auto;max-width:300px;text-align:center;vertical-align:top;width:auto;padding-bottom:15px;}
    .list-features h3 { font-size: 15px; margin-bottom: 5px; }
    .list-features p { font-size: 14px; padding: 0 0 20px; }
    .testimonials blockquote{min-height:inherit;padding:15px;}
    .testimonials blockquote br{display:none;}
    .footer-nav{display:block;float:none;margin:0 0 15px;min-width:inherit;vertical-align:top;width:auto;}
    .packages-secondary{width:auto;text-align:center;}
    .package-actions .btn{display:block;line-height:56px;margin:0 auto;text-align:center;width:90%;font-size:16px;}
    .packages-secondary .package-body{height:197px;}
    .packages-secondary i{margin-top:25px;}
    .table-compare strong{font-size:14px;}
    h1{font-size:33px;}
    h2{font-size:29px;}
    .section-faq .cols .col{float:none;text-align:center;width:auto;}
    .list-faqs{padding-left:0;}
    .list-advantages [class^="ico-"], .list-advantages [class*=" ico-"], .section-body-center i{text-align:center;float:none;margin:0;}
    .list-advantages li{margin:0 auto;padding:20px 0;text-align:center;}
    .callout{width:auto;max-width:300px;margin:0 auto;}
    .copyright p{line-height:20px;padding:15px 0;}
    .footer-nav li{ line-height:24px;}
    .section-head-tertiary h2{ font-size:38px;}
    .slider-testimonials .slide{ width:320px;}
    .plan .white-box{width:auto;}
    .plan .white-box .col{ width:auto; float:none; text-align:center;}
    .plan .white-box ul{ display:inline-block; max-width:225px; text-align:left;}
    .section-head-secondary{ padding-bottom:25px;}
    .contacts { font-size: 14px; }
    .table-plans { overflow-x: scroll; }
}

@media (max-width:479px) {
    
    .intro h1 strong{display:block;font-size:30px;font-weight:400;line-height:30px;margin-bottom:10px;}
    .list-intro{display:block;margin:0 auto;max-width:225px;padding:0;width:auto;}
    h2{font-size:24px;line-height:24px;}
    .section-features h2 span{font-size:25px;line-height:25px;}
    h1, .intro h1{font-size:23px;line-height:23px;}
    .packages .package{display:block;float:none;margin:0 auto 25px !important;max-width:290px;width:auto;}
    .table-compare strong{font-size:12px;}
    .table-compare td:first-child, .table-compare th:first-child{padding-left:5px;padding-top:5px;padding-bottom:5px;text-align:left;}
    .table-compare td{height:auto;}
    .table-compare th{font-weight:normal;font-size:12px;}
    .contacts{padding:10px;}
    .nav-secondary li span{padding:0 4px;}
    .nav-secondary{font-size:10px;}
    .phone strong{font-size:16px;}
    .policy-head h2{ font-size: 40px; line-height:44px;}
    .entries-secondary .entry{ max-width:300px;}
    .slider-testimonials, .slider-testimonials .slider-clip{ padding-left:0;}
    .slider-testimonials i{ position:static;}
    .testimonials-secondary{text-align:center;}
    .slider-testimonials i {display: block;margin: 0 auto 15px;position: static;text-align: center;}
    .caroufredsel_wrapper {display: inline-block !important;float: none !important;}
    .slider-testimonials .slide{width:285px;}
    .slider-testimonials .slider-paging{ left:0;}
    .slider-testimonials a.link{ margin-left:0;}
    .plan .white-box{ padding-left:0; padding-right:0;}
    .plan-actions .col{ width:auto; display:block;}
    .table-secondary th{ font-size:14px;}
    .three-cols .col-size2, .three-cols .col-size3{ display:block;margin:0 auto; max-width:300px;}
}