@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900);

html, body {
    margin: 0;
    padding: 0;
}

html {
    overflow-y: scroll;
    overflow-x: auto;
}

body {
    background: #fff;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: normal;
    padding-right: 0 !important;
    /*font-weight: 300;*/
}

/** {*/
/*-webkit-transition: all 0.3s ease-in-out;*/
/*-moz-transition: all 0.3s ease-in-out;*/
/*-ms-transition: all 0.3s ease-in-out;*/
/*-o-transition: all 0.3s ease-in-out;*/
/*transition: all 0.3s ease-in-out;*/
/*outline: none;*/
/*}*/

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    color: #000;
}

a:hover,
a:focus {
    color: #000;
}

textarea {
    resize: none;
}

.dropdown-menu {
    background: #fff;
    border: 1px solid #131517;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    padding: 0;
}

.over-hidd {
    overflow: hidden;
}

.under {
    text-decoration: underline;
}

.under:hover {
    text-decoration: none;
}

.size-18 {
    font-size: 18px;
}

.l-padd-none {
    padding-left: 0;
}

.r-padd-none {
    padding-right: 0;
}

.red,
a.red,
a.red:hover,
a.red:active {
    color: #eb1e00;
}

.white,
a.white,
a.white:hover,
a.white:active {
    color: #fff;
}

.gray,
a.gray,
a.gray:hover,
a.gray:active {
    color: #727272;
}

.gray-txt,
a.gray-txt,
a.gray-txt:hover,
a.gray-txt:active {
    color: #8d8d8d;
}

label,
dt {
    font-weight: normal;
}

.button {
    background: #eb9500;
    display: inline-block;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    color: #fff;
    padding: 0 16px 0 13px;
    height: 52px;
    line-height: 52px;
    font-size: 18px;
    white-space: nowrap;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-weight: 300;
}

.button:before {
    content: '';
    background: url("../images/btn-arr.png") no-repeat 0 0;
    width: 17px;
    height: 32px;
    float: right;
    margin-left: 16px;
    position: relative;
    top: 10px;
}

.button:hover,
.button:active {
    color: #fff;
    text-decoration: none;
    background-color: #d38600;
}

.form-control {
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: transparent;
    color: #fff;
    font-size: 18px;
    font-weight: 100;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    padding: 0 17px;
    height: 52px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    text-align: left;
}

.form-control:focus,
.form-control.complete {
    border: 1px solid #fff;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: #fff;
}

textarea.form-control {
    height: 161px;
    line-height: normal;
    padding: 10px 16px;
}

.form-list {
    text-align: center;
}

.form-list > li {
    margin: 0 10px;
    display: inline-block;
    width: 220px;
}

.form-list > li p.error {
    color: #eb1e00;
    font-size: 13px;
    /*margin: 0;*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top: -5px;*/
    /*width: 100%;*/
}

.btn-set {
    padding: 22px 0;
    text-align: center;
}

header {
    background: url("../images/header-bg.jpg") no-repeat center top;
    background-size: cover;
    color: #fff;
    padding-top: 29px;
    padding-bottom: 2px;
}

header a {
    color: #fff;
}

header a:hover,
header a:focus {
    color: #fff;
}

header .logo {
    float: left;
}

header .header-rig-wrap {
    margin-left: 200px;
    text-align: right;
}

header .phone {
    color: #eb1e00;
    font-size: 27px;
    font-weight: 500;
    margin: 0 0 12px;
}

header .top-menu {
    overflow: hidden;
    float: right;
}

header .top-menu li {
    float: left;
    margin-right: 36px;
}

header .top-menu li:last-child {
    margin-right: 0;
}
header .top-menu li a {
    display: inline-block;
    font-size: 19px;
    line-height: 32px;
    height: 32px;
}
header .top-menu li a:hover {
    text-decoration: none;
    border-bottom: 1px solid #fff;
}

header h1 {
    clear: both;
    font-weight: 300;
    font-size: 38px;
    line-height: 53px;
    margin: 0;
    padding: 30px 0 40px;
}

header h2 {
    font-weight: 100;
    font-size: 30px;
    line-height: 36px;
    margin: 0 0 10px;
}

header h3 {
    font-weight: 100;
    font-size: 18px;
    margin: 0 0 18px;
}

header .form-list {
    text-align: left;
}

header .form-list > li:first-child {
    margin-left: 0;
}

header .btn-set {
    text-align: left;
}

section h2 {
    font-size: 30px;
    font-weight: 300;
    margin: 0;
}

.rules .txt {
    background: url("../images/kalyan.jpg") no-repeat 41px 31px #fff;
    padding-left: 400px;
    min-height: 404px;
    font-size: 18px;
    padding-top: 90px;
    padding-bottom: 100px;
    padding-right: 100px;
}

.rules p {
    margin: 0 0 25px;
}

.rules h2 {
    margin: 0 0 50px;
}

.consult-overflow {
    overflow: hidden;
    padding-top: 7%;
    padding-bottom: 1.5%;
    margin-top: -130px;
}

.consult {
    background-size: cover;
    color: #fff;
    position: relative;
    z-index: 20;
    margin-bottom: 76px;
    text-align: center;
    margin-top: -15px;
    -moz-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg);
    background-color: #070808;
}

.consult:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -100%;
    left: -100%;
    content: "";
    background: #070808;
}

.consult .consult-inner {
    position: relative;
    top: -75px;
    margin-bottom: -110px;
    text-align: center;
    background-size: cover;
    -moz-transform: rotate(6deg);
    -o-transform: rotate(6deg);
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg);
    background-image: url("../images/consult-bg.jpg");
    background-position: 50% 0;
    background-repeat: no-repeat;
    color: #fff;
    padding-bottom: 80px;
    padding-top: 120px;

}

.consult-wrapper {
    overflow: hidden;
}

.consult .txt {
    padding: 30px 75px 0;
    text-align: center;
}

.consult p {
    font-size: 30px;
    font-weight: 100;
    margin: 0 0 32px;
}

.consult p strong {
    font-weight: 300;
}

.features {
    background: url("../images/features-dashed.gif") no-repeat center top;
    padding-top: 76px;
    padding-bottom: 12px;
    margin-top: -99px;
}

.features h2 {
    margin: 0 0 5px;
}

.features ul li {
    font-size: 18px;
    line-height: 21px;
    min-height: 63px;
    position: relative;
}

.features ul li:nth-child(odd) {
    padding-left: 50%;
}

.features ul li:nth-child(even) {
    padding-right: 50%;
    text-align: right;
}

.features ul li:nth-child(2) {
    margin-top: -2px;
}

.features ul li:nth-child(3) {
    margin-top: -4px;
}

.features ul li:nth-child(4) {
    margin-top: -2px;
}

.features ul li:nth-child(5) {
    margin-top: -4px;
}

.features ul li:nth-child(6) {
    margin-top: -2px;
}

.features ul li:nth-child(7) {
    margin-top: -3px;
}

.features ul li:nth-child(8) {
    margin-top: -3px;
}

.features ul li:nth-child(9) {
    margin-top: -3px;
}

.features ul li:nth-child(10) {
    margin-top: -3px;
}

.features ul li:before {
    content: "";
    width: 63px;
    height: 63px;
    background: url("../images/features-icons.png");
    margin-left: 18px;
    position: absolute;
    left: 50%;
    top: 0;
}

.features ul li:nth-child(even):before {
    left: auto;
    right: 50%;
    margin-right: 18px;
    margin-left: auto;
}

.features ul li:nth-child(1):before {
    background-position: 100% 0;
}

.features ul li:nth-child(2):before {
    background-position: 0 -60px;
}

.features ul li:nth-child(3):before {
    background-position: 100% -122px;
}

.features ul li:nth-child(4):before {
    background-position: 0 -180px;
}

.features ul li:nth-child(5):before {
    background-position: 100% -239px;
}

.features ul li:nth-child(6):before {
    background-position: 0 -304px;
}

.features ul li:nth-child(7):before {
    background-position: 100% -358px;
}

.features ul li:nth-child(8):before {
    background-position: 0 -421px;
}

.features ul li:nth-child(9):before {
    background-position: 100% -481px;
}

.features ul li:nth-child(10):before {
    background-position: 0 -540px;
}

.features ul li span {
    display: block;
    margin-left: 90px;
    padding-top: 19px;
    position: relative;
}

.features ul li:nth-child(even) span {
    margin-left: 0;
    margin-right: 90px;
}

.features ul li:nth-child(6) span,
.features ul li:nth-child(7) span,
.features ul li:nth-child(8) span,
.features ul li:nth-child(9) span {
    padding-top: 8px;
}

.zayavka {
    background: #ebebeb;
    padding: 42px 0 28px;
    text-align: center;
}

.zayavka ul.franchaizing-list li {
    float: left;
    width: 220px;
    margin-right: 140px;
    text-align: left;
    margin-bottom: 35px;
}

.zayavka ul.franchaizing-list li:nth-child(3n) {
    margin-right: 0;
}

.zayavka ul.franchaizing-list li .item {
}

.zayavka h4 {
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 3px;
}

.zayavka .franchaizing-list {
    padding-top: 35px;
}

.zayavka p {
    font-size: 14px;
    line-height: 17px;
}

.zayavka ul.franchaizing-list li .item {
    padding-top: 97px;
    background: url("../images/zayavka-icons.png") no-repeat 0 0;
}

.zayavka ul.franchaizing-list li:nth-child(2) .item {
    background-position: -401px 0;
}

.zayavka ul.franchaizing-list li:nth-child(3) .item {
    background-position: -721px 0;
}

.zayavka ul.franchaizing-list li:nth-child(4) .item {
    background-position: 0 -220px;
}

.zayavka ul.franchaizing-list li:nth-child(5) .item {
    background-position: -401px -220px;
}

.zayavka ul.franchaizing-list li:nth-child(6) .item {
    background-position: -721px -220px;
}

.zayavka h2 {
    clear: both;
}

.zayavka h2 strong {
    font-size: 30px;
    font-weight: 500;
}

.zayavka .form-list {
    margin-top: 45px;
}

.zayavka .form-control,
.zayavka-footer .form-control {
    border-color: #bcbcbc;
    color: #000;
}

.steps {
    padding: 55px 0;
}

.steps h2 {
    margin: 0 0 30px;
}

.steps .txt {
    background: url("../images/steps-ing.png") no-repeat 80px 0;
    padding-left: 612px;
    min-height: 433px;
}

.steps ul li {
    margin: 0 0 30px;
    position: relative;
    width: 300px;
}

.steps ul li h4 {
    font-weight: 300;
    margin: 0;
}

.steps ul li p {
    line-height: 17px;
}

.steps ul li:before {
    content: "";
    position: absolute;
    left: -55px;
    top: -26px;
    font-size: 90px;
}

.steps ul li:nth-child(1):before {
    content: "1";
}

.steps ul li:nth-child(2):before {
    content: "2";
    top: -34px;
}

.steps ul li:nth-child(3):before {
    content: "3";
}

.steps ul li:nth-child(4):before {
    content: "4";
    top: -33px;
}

.steps ul li:nth-child(5):before {
    content: "5";
}

.service {
    background: url("../images/service-bg.jpg") no-repeat center top;
    background-size: cover;
    border-top: 3px solid #4c4c4c;
    color: #fff;
    text-align: center;
    padding-top: 60px;
}

.service h2 {
    margin-bottom: 70px;
}
.service ul {
    text-align: center;
}
.service ul li {
    display: inline-block;
    width: 260px;
    height: 277px;
    text-align: left;
    vertical-align: top;
    font-size: 18px;
    margin: 0 25px;
    padding-top: 160px;
    background: url("../images/service-icons.png") no-repeat 0 0;
}

.service ul li:nth-child(2) {
    background-position: -319px 0;
    /*width: 205px;*/
    margin: 0 40px;
}

.service ul li:nth-child(3) {
    width: 175px;
    background-position: -638px 0;
}

.service ul li:nth-child(4) {
    width: 175px;
    background-position: -158px -277px;
    margin: 0 81px;
}

.service ul li:nth-child(5) {
    margin: 0 81px;
    width: 175px;
    background-position: -480px -277px;
}
.zayavka-footer {
    background: url("../images/zayavka-footer-bg.png") no-repeat center center #ebebeb;
    padding: 120px 0 106px;
}
.zayavka-footer h2 {
    margin: 0 0 60px;
}
footer {
    background: #414042;
    color: #fff;
    overflow: hidden;
    padding: 36px 0 37px;
}
footer .soclinks {
    float: right;
    overflow: hidden;
}
footer .soclinks li {
    float: left;
    margin-left: 20px;
    width: 60px;
}
footer .soclinks li a {
    height: 60px;
    background: url("../images/footer-soc.gif") no-repeat 0 0;
    display: block;
}
footer .soclinks li a:hover {
    opacity: 0.7;
}
footer .soclinks li a.vk {
    background-position: -80px 0;
}
footer .soclinks li a.gplus {
    background-position: -161px 0;
}
footer .soclinks li a.yt {
    background-position: -241px 0;
}
footer .soclinks li a.ig {
    background-position: -321px 0;
}
footer address {
    line-height: 60px;
    margin: 0;
}

.consult,
.zayavka,
.service,
.steps {
    position: relative;
}
.consult .name,
.zayavka .name,
.service .name,
.steps .name {
    position: absolute;
    top: 0;
}