@import url('geometria/geometria.css');
@import url('popups.css');
@import url('selectordie.css');

* { padding: 0; margin: 0; box-sizing: border-box; }

body {
  font-family: 'geometria-regular';
  font-size: 14px;
  line-height: 1.6;
}

h1, h2, h3, strong, b { font-weight: 400; /*max-width: 1000px;*/}

a { color: #f8ca21; }
.pseudo {
  border-bottom: 1px dotted;
  text-decoration: none;
}

.bold { font-family: 'geometria-heavy'; }
.medium { font-family: 'geometria-medium'; }
.light { font-family: 'geometria-light'; }
.caps { text-transform: uppercase; }


/* Colors */

.yellow { color: #f8ca21; }
.gray { color: #666; }
.white { color: #fff; }
.black { color: #000; }
.brown { color: #95770b; }

/* Font Sizes */

.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
.fs22 { font-size: 22px; }
.fs24 { font-size: 24px; }
.fs30 { font-size: 30px; }
.fs40 { font-size: 40px; }
.fs50 { font-size: 50px; }

/* Aligns */

.textcenter { text-align: center; }
.textleft { text-align: left; }
.textright { text-align: right; }


.text p {
  margin-bottom: 20px;
}



.mt100 { margin-top: 100px; }

.mt50 { margin-top: 50px; }
.mb20 { margin-bottom: 20px; }
.mb40 { margin-bottom: 40px; }
.pv20 { padding-top: 20px;padding-bottom: 20px; }
.pb40 { padding-bottom: 40px; }


.mt20 { margin-top: 20px; }

.clear {
  clear: both;
}

/* MainBlock */

#MainBlock {
  min-height: 750px;
  width: 100%;
  background: url('../img/background-noblur.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
  min-width: 1000px;
}

#MainBlock.ok {
  height: 500px !important;
}

#MainBlock.agent {
  height: 350px !important;
}

.main-header { height: 120px; width: 1000px; margin: 0 auto; }

.main-header .contacts {
  float: right;
  text-align: right;
  margin-top: 20px;
}

#Logo {
  display: block;
  float: left;
  margin-top: 20px;
}





/* Form */

#phone {
  padding: 10px;
  font-family: 'geometria-medium';
  font-size: 20px;
  line-height: 1;
  background: #fff;
  border-radius: 3px;
  margin-top: 10px;
  text-align: left;
  border: 2px solid #fff;
  outline: none;
  text-align: center;
}
.very-wide #phone {border: 2px solid #CCC;}

#phone:focus {
  border-color: #f8ca21;
}

#FormWrapper {
  width: 1000px;
  margin: 34px auto 40px auto;
  text-align: center;
}

#FormWrapper .form-column {
  display: inline-block;
  vertical-align: top;
  margin: 0 20px;
}

.form-column.middle p {
  margin-top: 40px;
}





/* Benefits */

#Benefits {
  width: 1000px;
  margin: 20px auto;
}

#Benefits:after {
  content: ''; display: block; clear: both;
}

#Benefits .benefit {
  width: 20%;
  text-align: center;
  float: left;
}

#Benefits .benefit .benefit-icon {
  display: block; margin: 0 auto;
  width: 100px; height: 100px;
  background: url('../img/telecom-benefits.svg') no-repeat;
}

/*
#Benefits .benefit #benefit1 { background-position-y: 0; }
#Benefits .benefit #benefit2 { background-position-y: -100px; }
#Benefits .benefit #benefit3 { background-position-y: -200px; }
#Benefits .benefit #benefit4 { background-position-y: -300px; }
#Benefits .benefit #benefit5 { background-position-y: -400px; }
*/

#Benefits .benefit #benefit1 { background-position: 0 0; }
#Benefits .benefit #benefit2 { background-position: 0 -100px; }
#Benefits .benefit #benefit3 { background-position: 0 -200px; }
#Benefits .benefit #benefit4 { background-position: 0 -300px; }
#Benefits .benefit #benefit5 { background-position: 0 -400px; }







/* Buttons */

.button {
  background: #f8ca21;
  padding: 10px 20px;
  display: inline-block;
  border-radius: 3px;
  text-align: center;
  -webkit-transition: 0.3s ease all;
  text-decoration: none;
  margin: 20px 0;
  box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
  cursor: pointer;
  border: none;
  font-family: 'geometria-medium';
}

.button:hover { background: #fdd43e; box-shadow: 0px 0px 4px rgba(0,0,0,0.5); }

.button.act {
  background: #cdcdcd;
  color: #838383;
}


/* Тариф */

#Tarif {
  background: #fff;
  padding: 10px 0 0 0;
  text-align: center;
}

#Tarif p span span {
  font-size: 50px;
  bottom: -5px;
  position: relative;
  font-family: 'geometria-medium';
}

#Tarif:after {
  content: '';
  display: block;
  clear: both;
}

.wrapper {
  width: 1000px;
  margin: 0 auto;
}






/* FAQ */

.faq {
  padding: 10px 0;
/*   border-bottom: 1px solid #ddd; */
}

.faq .question {
  font-family: 'geometria-medium';
  display: inline-block;
  border-color: #aaa;
  cursor: pointer;
}

.faq .answer {
  margin-top: 10px;
  display: none;
  color: #666666;
}




/* Нижний блок */

#BottomBlock {
  background: #eee;
}

#BottomBlock .triangle {
  width: 100%;
  height: 60px;
  margin-bottom: 80px;
  display: block;
}

#BottomBlock:before {
  content: '';
  display: block;
}

.bottom-block-wrapper {
  width: 1000px;
  margin: 0px auto;
  padding-bottom: 50px;
}

.bottom-block-wrapper.interesting {
  width: 900px;
  margin: 0px auto;
  padding-bottom: 50px;
}

.bottom-block-wrapper.interesting .includes-list {
  width: 100%;
  line-height: 2;
}

.bottom-block-wrapper:after {
  display: block;
  clear: both;
  content: '';
}

.half {
  width: 50%; float: left;
  padding-right: 80px;
}
.half:nth-child(2) {
  padding-right: 0;
}

.quarter {
  width: 25%; float: left;
  padding-right: 40px;
}

.includes-list {
  width: 250px;
  float: left;
  list-style: none;
  margin: 0;
}

.includes-list li {
  background: url('../img/check.svg') 0px 4px no-repeat;
  padding: 0 0 0 22px;
}

.includes-list li.no-bullet {
  background: none;
}

.hideon {display: none;}
.load-more {font-size: 16px;}

.main-title {max-width: 1000px; font-size: 26px; margin: 0 auto;}

.white-informer {color: #FFF; margin-top: 5px;}

.new-center {width: 390px; margin: 0 auto;}
.new-center .close {position: relative; top: 45px; right: 20px; float: left;}
.new-center .get-code {font-size: 20px !important; font-weight: bold !important; float: left;}

.big-title {color: #fff; font-size: 50px; display: none; line-height: 55px; margin-bottom: 10px;}


.clearfix::after {
    clear: both;
    content: "";
    display: block;
}
#Footer {
    background: #222 none repeat scroll 0 0;
    padding: 10px 0;
}
.left {
    float: left;
}
.right {
    float: right;
}

.of-agreement {clear: both; padding-top: 15px; width: 610px; margin-left: 30px;}
.of-agreement input[type=checkbox] {float: left;}
.of-agreement span {margin-left: 5px; display: block; float: left; width: 565px; margin-top: -2px; line-height: 1.3;}
span.of-agr-error {color: red; margin: 5px 0px 0px 17px; display: none;}




h3.new-h3 {font-size: 30px; text-transform: uppercase; margin-top: 30px;}
div.new-h3 {font-size: 30px; text-transform: uppercase; margin-top: 30px;}
.new-subtitle {text-transform: uppercase; line-height: 1.8; margin: 10px 0 20px 0;}
.ni-item {width: 320px; border: 3px solid rgb(248, 202, 33); border-radius: 10px; float: left; background-color: #f4f4f4; min-height: 500px; margin-right: 20px;}
.ni-item:nth-child(3) {margin-right: 0;}
.ni-title {height: 75px; text-transform: uppercase; line-height: 75px; font-size: 17px; font-weight: bold;}
.ni-price {height: 195px; background-color: rgb(248, 202, 33); padding: 12px 0 20px 0;}
.npr {font-weight: bold;}
.ni-num {font-size: 40px;}
.price-desc {color: #776110;}
.ni-info {padding: 25px 0 5px 0;}
.ni-info ul {list-style: outside none none;}
.ni-info ul li {margin: 0 0 10px 0;}
.ni-info ul li.ni-important {font-weight: bold;}
.ni-likebutton {background-color: rgb(248, 202, 33); width: 220px; margin: 0px auto; text-transform: uppercase; font-size: 11px; font-weight: bold; color: #776110;}
.info-link {color: rgb(37, 119, 191); text-decoration: none; border-bottom: 1px dashed #2577bf;}
.li-with-popup {position: relative;}
.ni-popup {display: none; position: absolute; background-color: rgb(255, 255, 255); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); padding: 20px; width: 400px; top: -260px; left: -35px; text-align: left;}
.ni-popup strong {font-weight: bold; margin-top: 15px; display: inline-block;}
.ni-popup p {line-height: 1.8;}
.arrow-down {width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #fff; position: relative; top: 35px; left: 155px;}
.new-download-link {margin: 30px 0px;}
.new-download-link a {color: rgb(37, 119, 191); font-size: 18px;}
.yam-title {text-transform: uppercase; font-size: 33px; position: relative; top: 20px;}
.yam-main {position: relative; top: 57px;}
.yam-text {position: absolute; top: 60px; font-size: 20px; width: 570px; text-align: left; right: 50px;}
.yam-text p {margin-bottom: 12px;}
.yam-outro {position: absolute; bottom: 30px; right: 300px; text-align: left; font-size: 20px;}
.yam-small {color: rgb(153, 153, 153); font-size: 13px;}

.all-tariff-ab, .all-tariff-pay-connect {display: none;}


.new-default .new-center {
    text-align: left;
    width: 550px;
    margin: 0 auto !important;
}
.new-default #save-user-email {
    font-size: 25px;
}
div.new-default.popup.fading.login div.extra a.done {
    border-radius: 5px;
    width: 100%;
}
div.new-default.popup.fading.login div.extra p.note {
    text-align: left;
}
.very-wide .new-def-input {
    border: 2px solid #CCC;
}
.new-def-input {
    padding: 10px;
    font-family: "geometria-medium";
    font-size: 20px;
    line-height: 1;
    background: #FFF none repeat scroll 0% 0%;
    border-radius: 3px;
    margin-top: 10px;
    border: 2px solid #FFF;
    outline: medium none;
    text-align: left;
    width: 100%;
}
.uerror-text.isError .new-def-input {
    border-color: red;
}
div.new-default.popup.fading.login.very-wide div.login-title {text-align: left; margin-left: 30px;}

.new-default.popup .req-error {
    position: relative;
    top: 10px;
    font-size: 14px;
    color: red;
    float: none !important;
}

div.new-default.popup.fading.login div.extra a.done {margin-top: 23px;}