/*@font-face {*/
/*font-family: 'a_Assuan';*/
/*font-style: normal;*/
/*font-weight: 400;*/
/*src: local('a_Assuan'), local('a_Assuan-Medium'),*/
/*url('../fonts/assuan.eot'),*/
/*url('../fonts/assuan.eot?#iefix') format('embedded-opentype'),*/
/*url('../fonts/assuan.woff') format('woff'),*/
/*url('../fonts/assuan.ttf') format('truetype'),*/
/*url('../fonts/assuan.svg') format('svg');*/
/*}*/
@font-face {
    font-family: 'assuan-nr';
    src: url('../fonts/assuan_nr.eot');
    src: url('../fonts/assuan_nr.eot') format('embedded-opentype'),
    url('../fonts/assuan_nr.woff2') format('woff2'),
    url('../fonts/assuan_nr.woff') format('woff'),
    url('../fonts/assuan_nr.ttf') format('truetype'),
    url('../fonts/assuan_nr.svg#assuan_nr') format('svg');
}

@font-face {
    font-family: 'assuan';
    src: url('../fonts/assuan.eot');
    src: url('../fonts/assuan.eot') format('embedded-opentype'),
    url('../fonts/assuan.woff2') format('woff2'),
    url('../fonts/assuan.woff') format('woff'),
    url('../fonts/assuan.ttf') format('truetype'),
    url('../fonts/assuan.svg#assuan') format('svg');
}

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

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

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

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

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

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

@font-face {
    font-family: 'PFBeauSansPro-SemiBoldItalic';
    src: url('../fonts/PFBeauSansPro-SemiBoldItalic.eot');
    src: url('../fonts/PFBeauSansPro-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/PFBeauSansPro-SemiBoldItalic.woff2') format('woff2'),
    url('../fonts/PFBeauSansPro-SemiBoldItalic.woff') format('woff'),
    url('../fonts/PFBeauSansPro-SemiBoldItalic.ttf') format('truetype'),
    url('../fonts/PFBeauSansPro-SemiBoldItalic.svg#PFBeauSansPro-SemiBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
.icon-sprite{
    background: url('../img/icons-sprite.png') no-repeat;
    display: inline-block;
}
.pfb-bold {
    font-family: 'PFBeauSansPro-Bold', sans-serif;
}

.pfb-regular {
    font-family: 'PFBeauSansPro-Regular', sans-serif;
}

.pfb-thin-italic {
    font-family: 'PFBeauSansPro-ThinItalic', sans-serif;
}

.pfb-light-italic {
    font-family: 'PFBeauSansPro-LightItalic', sans-serif;
}

.pfb-light {
    font-family: 'PFBeauSansPro-Light', sans-serif;
}

.pfb-semibold-italic {
    font-family: 'PFBeauSansPro-SemiBoldItalic', sans-serif;
}

.pfb-semibold {
    font-family: 'PFBeauSansPro-SemiBold', sans-serif;
}

.assuan {
    font-family: "assuan", sans-serif;
    font-weight: normal;
}

.assuan-nr {
    font-family: "assuan-nr", sans-serif;
    font-weight: normal;
}

@media (min-width: 1120px) {
    .container {
        width: 1110px;
    }
}

body {
    font-family: 'PFBeauSansPro-Regular', sans-serif;
    font-weight: normal;
}

a,
input,
button {
    outline: none;
}

ul.justify {
    text-align: justify;
    margin: 0 auto;
    margin-bottom: 14px;
    line-height: 0;
    text-justify: newspaper;
    width: 97%;
    zoom: 1;
    padding: 0;
}

ul.justify:after {
    width: 100%;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    content: '';
    display: inline-block;
}

ul.justify > li {
    width: 45%;
    height: initial;
    display: inline-block;
    position: relative;
    text-align: left;
    padding: 4px;
    line-height: normal;
    vertical-align: top;
}

li {
    position: relative;
    list-style: none;
}

/*.font-assuan{*/
/*font-family: "a_Assuan", sans-serif;*/
/*font-weight: normal;*/
/*}*/

html, body {
    height: 100%;
}

img {
    max-width: 100%;
}

.font10px {
    font-size: 10px;
}

.font12px {
    font-size: 12px;
}

.font14px {
    font-size: 14px;
}

.font18px {
    font-size: 18px;
}

.font24px {
    font-size: 24px;
}

.font36px {
    font-size: 36px;
}

.font42px {
    font-size: 42px;
}

.font48px {
    font-size: 48px;
}

.black-color-font {
    color: #363636;
}

.purple-text-shadow {
    text-shadow: 1px 1px 0 rgba(113, 6, 88, 0.75);
}

.white-color-font {
    color: #ffffff;
}

.gray-color-font {
    color: #6d6d6d;
}

.bold-font {
    font-weight: bold;
}

.light-font {
    font-weight: 100;
}

.regular-font {
    font-weight: normal;
}

.sprite {
    display: inline-block;
    background: url('../img/spritesheet.png') no-repeat;
}

.va-middle {
    vertical-align: middle;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0;
}

a:hover, a:focus {
    color: white;
    text-decoration: none;
}

/*TOP*/
.top {
    background: #fffefc;
    padding-top: 24px;
    padding-bottom: 18px;
    font-family: 'PT Sans', sans-serif;
}

.gray-gradient {
    background: url('../img/gray-gradient.png') repeat-x;
}

.under-logo {
    font-size: 11px;
    color: #01657f;
    padding-left: 67px;
    padding-top: 16px;
}

.site-description {
    padding-top: 21px;
    vertical-align: middle;
}

.slogan + div {
    font-size: 17px;
    color: #1e1e1e;
    line-height: 1.1;
    margin-top: 8px;
}

.top-mail-icon {
    background-position: -951px 0;
    width: 14px;
    height: 15px;
    margin: 0 12px 0 5px;
}

.top-phone-icon {
    background-position: -279px 1px;
    width: 21px;
    height: 31px;
    margin: 0px 5px;
    vertical-align: middle;
}

.contacts {
    position: relative;
    font-size: 16px;
}

.contact-box {
    color: #161616;
}

.free-call {
    float: right;
    /*margin-right: -44px;*/
    margin-top: -8px;
}

.top-green-btn {
    clear: both;

}

.slogan {
    color: #0abfbc;
}

.top-red-btn button {
    background: url('../img/red-gran-border.png') no-repeat;
    border: 0;
    padding: 15px 15px;
    font-weight: normal;
    font-size: 15px;
    margin-right: -31px;
    font-family: 'PT Sans', sans-serif;
    margin-top: 9px;
    color: #fc354c;
    background-size: contain;
}

.red-mail {
    color: #fc354c;
    display: inline-block;
    border-bottom: 1px solid;
    line-height: 1.1;
}

.top-phone {
    font-size: 20px;
    font-weight: bold;
    color: #483d38;
}

a,
a:hover {
    text-decoration: none;
}

.left-corner, .right-corner {
    position: absolute;
    width: 53px;
    z-index: 9;
    height: 54px;
}

.left-corner {
    left: -53px;
    top: 50%;
    transform: translateY(-50%);
    background-position: -47px -868px;
}

.right-corner {
    right: -52px;
    top: 50%;
    transform: translateY(-50%);
    background-position: -87px -868px;
}

/*FIRST SCREEN*/
.first-screen {
    padding: 33px 0 0;
    background: url('../img/first-bg.jpg') center top no-repeat;
    background-size: cover;
}

.first-screen-header {
    position: relative;
    color: #fff1b1;
    font-size: 50px;
    text-shadow: 0 4px 0 rgba(0, 0, 0, .2);
    line-height: 1.1;
    padding: 29px 0 27px;
    background: url('../img/top-red-border.png') 18px top no-repeat, url('../img/bottom-red-border.png') 18px bottom no-repeat;
    display: inline-block;
    background-size: contain;
    background-position-x: left;
}

span.doubled-line {
    display: none;
    position: absolute;
    width: 21%;
    background: url('../img/doubled-line.png') center 56% repeat-x;
}

span.left-dl {
    left: 42px;
    width: 22%;
}

.right-dl {
    right: 54px;
}

.fs-desc {
    font-size: 20px;
    color: white;
    margin: 28px 0 38px;
}

.red-point {
    display: inline-block;
    width: 12px;
    margin: 0 9px;
    height: 12px;
    background: url('../img/red-point.png') no-repeat;
}

.bordered-ellipse-1 {
    position: absolute;
}

.ellipse-header {
    color: #ec485b;
    font-size: 26px;
    line-height: 1;
}

.ellipse-desc {
    color: #50413a;
    font-size: 17px;
    line-height: 1.1;
    padding-top: 8px;
}

.ellipse-desc span {
    color: #0abfbc;
}

span.timer-element > span:first-child {
    border: 2px solid #94786a;
    border-radius: 50%;
    padding: 10px;
    text-align: center;
    min-width: 44px;
}

span.timer-separator {
    vertical-align: middle !important;
}

span.timer-element {
    vertical-align: middle !important;
    position: relative;
}

span.timer-element > span:nth-child(2) {
    position: absolute;
    text-align: center;
    margin-left: 19px;
    left: 50%;
    transform: translateX(-50%);
}

.action-timer.action-timer-1 {
    margin-top: 10px;
    margin-left: 13px;
}

#timer26eae9c35f4d2d14a6d552f21fb9576a .timer-flipchart-face {
    background-color: rgba(110, 110, 100, 0);
    font-size: 20px;
    color: #0abfbc;
    font-family: 'assuan-nr', sans-serif !important;
}

span#timer-element-26eae9c35f4d2d14a6d552f21fb9576a-secundes span {
    color: #f85769 !important;
}

span#timer-number-flipchart0-26eae9c35f4d2d14a6d552f21fb9576a-days {
    margin-left: 4px;
}

#timer6f216490d86b4fd148d0477c7cf70180 .timer-flipchart-face {
    background-color: rgba(110, 110, 100, 0);
    font-size: 20px;
    color: #0abfbc;
    font-family: 'assuan-nr', sans-serif !important;
}

span#timer-element-6f216490d86b4fd148d0477c7cf70180-secundes span {
    color: #f85769 !important;
}

span#timer-number-flipchart0-6f216490d86b4fd148d0477c7cf70180-days {
    margin-left: 4px;
}

#timer6f216490d86b4fd148d0477c7cf701800 .timer-flipchart-face {
    background-color: rgba(110, 110, 100, 0);
    font-size: 20px;
    color: #0abfbc;
    font-family: 'assuan-nr', sans-serif !important;
}

span#timer-element-6f216490d86b4fd148d0477c7cf701800-secundes span {
    color: #f85769 !important;
}

span#timer-number-flipchart0-6f216490d86b4fd148d0477c7cf701800-days {
    margin-left: 4px;
}
#timer6f216490d86b4fd148d0477c7cf7018000 .timer-flipchart-face {
    background-color: rgba(110, 110, 100, 0);
    font-size: 20px;
    color: #0abfbc;
    font-family: 'assuan-nr', sans-serif !important;
}

span#timer-element-6f216490d86b4fd148d0477c7cf7018000-secundes span {
    color: #f85769 !important;
}

span#timer-number-flipchart0-6f216490d86b4fd148d0477c7cf7018000-days {
    margin-left: 4px;
}

.top-form {
    width: 358px;
    max-width: 100%;
    padding: 23px 37px;
    background: url('../img/top-form-bg2.png') no-repeat;
}

.top-form input[type="text"] {
    width: 100%;
    display: inline-block;
    border: 2px solid #8e7062;
    border-radius: 9px;
    background: transparent;
    padding: 11px 17px;
    color: #8e7062;
    font-size: 16px;
    margin-bottom: 7px;
    font-family: 'PFBeauSansPro-LightItalic', sans-serif;
}

.top-form input[type="submit"] {
    background: url('../img/top-form-submit.png') no-repeat;
    padding: 12px 0 21px;
    width: 100%;
    border: 0;
    background-size: contain;
    color: #ffffff;
    font-size: 17px;
    text-transform: uppercase;
    font-family: 'PFBeauSansPro-SemiBold', sans-serif;
    margin: 11px 0 10px;
    text-shadow: 2px 2px 1px rgba(49, 19, 19, .19);
}

a.confid-politic {
    color: #f85769;
    font-family: 'PFBeauSansPro-Light', sans-serif;
    font-size: 15px;
    border-bottom: 1px solid;
    padding-bottom: 1px;
    display: inline-block;
    margin: 12px 0;
}

.top-form-wrap {
    position: absolute;
    top: 196px;
    right: -8px;
}

.top-form-header {
    color: #0abfbc;
    font-size: 32px;
    margin-bottom: 20px;
}

/*VERSTALKIN ITS*/
.verstalkin-its {
    background: #483d38;
    padding: 50px 0;
    position: relative;
}

.verstalkin-its .block-header {
    font-family: assuan, sans-serif;
    color: #fcf7c5;
    font-size: 45px;
    margin-bottom: 46px;
}

.its-icon {
    display: inline-block;
    width: 121px;
    background: url('../img/its-icon-bg.png') no-repeat;
    font-size: 49px;
    color: #fcf7c5;
    font-family: assuan, sans-serif;
    padding: 34px 0 38px;
    text-align: center;
    position: relative;
}

.its-icon img {
    top: -5px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.its-icon-1 img {
    transform: translateX(-50%) rotate(-45deg);
}

.its-icon-3 img {
    transform: translateX(-50%) rotate(45deg);
}

.its-icon-4 img {
    transform: translateX(-50%) rotate(90deg);
}

.its-icon-5 img {
    transform: translateX(-50%) rotate(-45deg);
}

span.addition-span {
    position: absolute;
    font-size: 18px;
    color: #0abfbc;
    font-family: 'PFBeauSansPro-LightItalic', sans-serif;
    bottom: 21px;
    left: 50%;
    transform: translateX(-50%);
    border-top: 1px solid;
}

span.addition-span.addition-top-span {
    bottom: inherit;
    top: 15px;
    border-top: 0;
    border-bottom: 1px solid;
}

.verstalkin-its ul.justify > li {
    width: 19%;
    text-align: center;
}

.its-desc {
    color: #fffef9;
    font-size: 18px;
    font-family: "PFBeauSansPro-SemiBold", sans-serif;
    padding-top: 20px;
}

span.lightblue-span {
    color: #0abfbc;
    display: inherit;
}

/*TASKS WE DO*/
.tasks-we-do {

}

.tasks-we-do > div:first-child {
    background: #0abfbc;
    border-bottom: 7px solid #09aaa7;
    padding: 30px 0 0;
}

.tasks-we-do .block-header {
    color: #fffffe;
    font-size: 45px;
    font-family: assuan, sans-serif;
    text-shadow: 2px 2px 1px rgba(49, 19, 19, .19);
    margin-bottom: 42px;
}

.tasks-row {
    position: relative;
}

.tasks-left-col,
.tasks-right-col {
    width: 50%;
    position: absolute;
    top: 0;
    height: 100%;
}

.tasks-left-col {
    left: 0;
}

.tasks-right-col {
    right: 0;
}

.tasks-row-1 .tasks-left-col {
    background: url('../img/row-1-left.jpg') right top no-repeat;
}

.tasks-row-1 .tasks-right-col {
    background: url('../img/row-1-right.jpg') left top no-repeat;
}

.tasks-row-2 .tasks-left-col {
    background: url('../img/row-1-right.jpg') right top no-repeat;
}

.tasks-row-2 .tasks-right-col {
    background: url('../img/row-2-right.jpg') left top no-repeat;
}

.tasks-row-3 .tasks-right-col {
    background: url('../img/row-1-right.jpg') left top no-repeat;
}

.tasks-row-3 .tasks-left-col {
    background: url('../img/row-3-left.jpg') right top no-repeat;
}

.tasks-row-1 .paren-col img {
    margin-top: -26px;
    position: relative;
    z-index: 9;
}

.tasks-row-2 .paren-col img {
    margin-left: 140px;
    margin-top: -43px;
}

.tasks-row-3 .paren-col img {
    margin-top: -47px;
    z-index: 9;
    position: relative;
}

.paren-col {
    position: relative;
}

.front-icon {
    position: absolute;
    top: 136px;
    left: 247px;
    z-index: 12;
}

.back-icon {
    top: 196px;
    position: absolute;
    left: 30px;
    z-index: 5;
}

.head-start-tag,
.head-end-tag,
.body-start-tag,
.body-end-tag {
    position: absolute;
}

.head-start-tag {
    top: 42px;
    left: 0px;
    z-index: 11;
}

.head-end-tag {
    top: 144px;
    left: 286px;
    z-index: 6;
}

.body-start-tag {
    top: 208px;
    left: 13px;
    z-index: 11;
}

.body-end-tag {
    bottom: 12px;
    left: 343px;
    z-index: 5;
}

.row-label {
    position: absolute;
    right: 0;
    transform: translateX(50%);
    z-index: 99;
    top: 31px;
}

.task {
    padding: 51px 0 0 60px;
}

.task-list {
    margin-top: 20px;
}

.task-header {
    font-family: assuan, sans-serif;
    font-size: 36px;
    color: #50413a;
    display: inline-block;
    border-bottom: 4px double #d13346;
}

.task-subheader {
    font-family: 'PFBeauSansPro-Regular', sans-serif;
    font-size: 21px;
    color: #50413a;
    margin-top: 14px;
}

.task-list li {
    font-family: 'PFBeauSansPro-LightItalic', sans-serif;
    font-size: 18px;
    color: #50413a;
    padding: 0 0 0 30px;
    background: url('../img/list-check-icon.png') left 5px no-repeat;
    margin-bottom: 10px;
}

a.task-link-blue {
    display: inline-block;
    width: 273px;
    text-align: center;
    margin-left: 73px;
    margin-top: 25px;
    padding: 12px 0 20px;
    background: url('../img/top-form-submit.png') no-repeat;
    color: white;
    font-family: 'PFBeauSansPro-SemiBold', sans-serif;
    font-size: 19px;
}

a.task-link-red {
    display: inline-block;
    width: 273px;
    text-align: center;
    margin-top: 25px;
    padding: 12px 0 20px;
    background: url('../img/red-submit-link.png') no-repeat;
    color: white;
    font-family: 'PFBeauSansPro-SemiBold', sans-serif;
    font-size: 19px;
}

.tasks-row.tasks-row-2 .task {
    padding-left: 0;
    padding-right: 20px;
}

.tasks-row-3 .task {
    padding-left: 50px;
}

.task-footer {
    font-size: 21px;
    color: #50413a;

}

.task-footer span {
    font-family: 'PFBeauSansPro-Bold', sans-serif;
    color: #d53447;
}

a.task-link-blue img,
a.task-link-red img {
    padding-right: 7px;
}

/*SUPERHERO BG*/
.superhero-bg {
    background: url('../img/super-hero-bg.jpg') center top no-repeat;
    padding: 137px 0 50px 0;
}

.superhero-bg .top-form-wrap {
    position: relative;
    top: 0;
    float: right;
    right: 0;
}

.phone-bg {
    background: url('../img/phone-bg.png') no-repeat;
    padding: 104px 26px 108px 27px;
    max-width: 315px;
}

.phone-action-timer {
    background: #f3eede;
    padding: 48px 0 111px 0;
}

.phone-action-timer .ellipse-desc + img {
    padding: 24px 0;
}

.phone-action-timer span.timer-element {
    vertical-align: middle !important;
    position: relative;
    background: white;
    border-radius: 50%;
}

.phone-action-timer .action-timer.action-timer-1 {
    margin-top: 10px;
    margin-left: 0;
}

/*WORK STEPS*/
.work-steps {

}

.work-step-header {
    font-size: 45px;
    color: #ec485b;
    font-family: assuan, sans-serif;
    text-align: left;
}

.work-step-desc {
    font-size: 20px;
    color: #50413a;
    text-align: left;
}

.work-step-header img {
    vertical-align: baseline;
}

ul.justify.work-steps {
    width: 90%;
}

ul.justify.work-steps > li {
    width: 32%;
    text-align: center;
    margin-bottom: 33px;
}

ul.justify.work-steps > li.pull-right {
    width: 30%;
    margin-right: 27px;
    /*margin-left: 21px;*/
}

ul.justify.work-steps > li > div {
    /*display: inline-block;*/
    padding: 10px 41px;
    padding-right: 20px;
    border: 5px solid #f3eede;
    border-radius: 13px;
    position: relative;
}

img.arrow-right {
    display: none;
    position: absolute;
    top: 25px;
    left: 93%;
    z-index: 14;
}

img.arrow-left {
    display: none;
    position: absolute;
    top: 29px;
    left: -65px;
}

img.arrow-vert-left {
    display: none;
    position: absolute;
    top: 36px;
    left: 76%;
    z-index: 12;
}

img.arrow-vert-right {
    display: none;
    position: absolute;
    top: 45px;
    left: -30px;
}

.how-we-work .block-header {
    color: #50413a;
    font-size: 45px;
    font-family: assuan, sans-serif;
    padding-left: 31%;
    padding-bottom: 176px;
    line-height: 1.2;
    margin-top: -160px;
}

.how-we-work .block-header span {
    font-size: 50px;
    color: #ec485b;
}

.how-we-work {
    /*margin-top: -210px;*/
    position: relative;
}

.big-top-arrow {
    display: none;
    position: absolute;
    left: 7%;
    top: 0;
    margin-top: -131px;
    z-index: 55;
}

.warning-block .task {
    padding: 0;
}

.warning-block .task-list {
    margin-top: 20px;
    clear: both;
}

.warning-block .task-header {
    text-align: left;
    float: left;
    clear: both;
    margin-bottom: 20px;
    border-color: #0abfbc;
}

ul.justify.work-steps > li > div.warning-block {
    padding: 16px;
    border-color: #0abfbc;
}

.warning-block .task a.task-link-red {
    font-size: 14px;
}

a.red-mail:hover {
    color: black;
}

/*OSOBENNOSTI*/
.osobennosti {
    padding: 50px 0 13px;
    background: url('../img/cms-bg.png') center 79px no-repeat #483d38;
}

.osobennosti .block-header {
    display: inline-block;
    color: #ebf3fb;
    font-size: 45px;
    font-family: assuan, sans-serif;
    border: 5px solid #0abfbc;
    border-radius: 10px;
    padding: 10px 20px;
}

.cms-wrap > div {
    float: left;
}

.cms-icon {
    margin-right: 10px;
}

.cms-name {
    font-size: 31px;
    color: #fcf7c5;
    font-family: assuan, sans-serif;
    padding-bottom: 3px;
    border-bottom: 1px solid #0abfbc;
    text-shadow: 0 2px 1px rgba(49, 19, 19, .19);
}

.cms-features {
    color: #ffffff;
    font-size: 16px;
    font-family: 'PFBeauSansPro-Light', sans-serif;
    margin-top: 15px;
}

.cms-features li {
    padding-left: 25px;
    margin-bottom: 9px;
    background: url('../img/cms-check-icon.png') left top no-repeat;
}

.cms-icon + div {
    width: 68%;
}

.cms-list ul.justify > li {
    width: 33%;
}

.cms-margined {
    margin-top: 44px;
}

.cms-list {
    margin-top: 43px;
}

/*FREE CONSULTATION*/
.free-consultation {
    color: #43352f;
    font-size: 30px;
    font-family: assuan, sans-serif;
    background: #ebe5d0;
    padding: 50px 0;
    border-bottom: 8px solid #e2d9bb;
}

.free-consultation span {
    color: #07aca8;
}

.big-red-btn {
    display: inline-block;
    background: url('../img/big-red-btn.png') no-repeat;
    padding: 16px 35px;
    font-size: 19px;
    color: white;
    font-family: 'PFBeauSansPro-Regular', sans-serif;
    text-transform: uppercase;
    margin-top: 30px;
    text-shadow: 0 2px 1px rgba(49, 19, 19, .19);
    background-size: contain;
}

.big-red-btn img {
    padding-right: 20px;
}

/*SRAVNENIE*/
.sravnenie {
    padding: 50px 0;
}

.sravnenie .block-header {
    font-size: 45px;
    color: #4a4847;
    font-family: assuan, sans-serif;
    line-height: 1.2;
}

.sravnenie span {
    color: #07aca8;
}

span.block-subheader {
    font-size: 35px;
    color: #4A4847;
}

.diff-col {
    float: left;
    width: 25%;
    text-align: center;
}

.diff-head {
    font-size: 25px;
    color: #fcf7c5;
    text-align: center;
    text-shadow: 0 2px 1px rgba(49, 19, 19, .19);
    font-family: assuan-nr, sans-serif;
    padding: 19px 0;
}

.diff-col-1 .diff-head {
    background: #352925;
}

.diff-col-2 .diff-head {
    background: #07aca8;
}

.diff-col-3 .diff-head {
    background: #e43c51;
}

.diff-col-4 .diff-head {
    background: #ed475b;
}

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

.diff-body li {
    background: rgb(248, 247, 244);
    padding: 17px 2px;
}

.diff-body li:nth-child(2n) {
    background: #f3eede;
}

.diff-col-2 {
    width: 30%;
    color: #349290;
}

.diff-col-3, .diff-col-4 {
    width: 22%;
    color: #6b4538;
    font-family: 'PFBeauSansPro-Light', sans-serif;
}

.diff-body ul {
    border-right: 1px solid #e3dcc5;
    border-bottom: 1px solid #e3dcc5;
}

.diff-col-1 {
    text-align: left;
}

.diff-col-1 .diff-body li {
    padding-left: 60px;
}

.diff-col-1 .diff-body li img {
    position: absolute;
    left: 20px;

}

.diff-col-1 .diff-body ul {
    border-left: 1px solid #e3dcc5;
}

.diff-table {
    margin-top: 27px;
}

.diff-footer {
    font-size: 22px;
    color: #352925;
    font-family: 'PFBeauSansPro-Light', sans-serif;
}

.double-blue-border {
    display: inline-block;
    width: 85%;
    padding: 18px 0;
    border: 2px solid #11CEC9;
    position: relative;
    margin-top: 35px;
}

.double-border-inside {
    position: absolute;
    border: 2px solid #11cec9;
    left: -1%;
    width: 102%;
    height: 93%;
    top: 3%;
}

.double-blue-border span {
    color: #ee4a5e;
    font-size: 30px;
    font-family: assuan-nr, sans-serif;
}

/*BRANDS*/
.brands {
    background: #d43347;
    padding: 50px 0;
}

.big-brands ul.justify {
    width: 95%;
}

.big-brands ul.justify > li {
    width: 33%;
    text-align: center;
}

.big-brands ul.justify > li > div {
    position: relative;
    display: inline-block;
}

.big-brand-sep {
    display: none;
    position: absolute;
    right: -30px;
    top: 28px;
}

.brands .block-header {
    color: white;
    font-size: 45px;
    font-family: assuan;
    padding-bottom: 39px;
}

#min-brands-slider {
    width: 92%;
    margin: 0 auto;
}

.min-brand-sep {
    display: none;
    position: absolute;
    top: 20px;
    right: -18px;
}

.owl-item {
    text-align: center;
}

.min-brand-wrap {
    display: inline-block;
    position: relative;
}

.brands .owl-theme .owl-controls .owl-page span {
    width: 21px;
    height: 21px;
    background: url('../img/owl-nav-point.png') center center no-repeat;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: url('../img/owl-nav-active.png') no-repeat;
}

/*READY PROJECTS*/
.ready-projects {
    background: #f7f4ee;
    padding: 50px 0;
}

.ready-projects .block-header {
    font-size: 45px;
    color: #4a4847;
    font-family: assuan, sans-serif;
}

.rp-preview {
    max-height: 200px;
    overflow: hidden;
}

.rp-wrap {
    text-align: center;
    max-width: 200px;
    position: relative;
}

.rp-name {
    color: white;
    font-size: 16px;
    font-family: "PFBeauSansPro-LightItalic", sans-serif;
    padding: 10px 0;
    position: relative;
}

.rp-wrap.blue-rp-style {
    border: 3px solid #09c4bf;
}

.rp-wrap.red-rp-style {
    border: 3px solid #e83d52;
}

.rp-wrap.blue-rp-style .rp-name {
    background: #09c4bf;
    border-top: 7px solid #0ba4a0;
}

.rp-wrap.red-rp-style .rp-name {
    background: #e83d52;
    border-top: 7px solid #d43347;
}

.rp-wrap.blue-rp-style .rp-name:before {
    display: block;
    position: absolute;
    width: 24px;
    height: 21px;
    background: url('../img/blue-rp-arrow.png') no-repeat;
    content: '';
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
}

.rp-wrap.red-rp-style .rp-name:before {
    display: block;
    position: absolute;
    width: 24px;
    height: 21px;
    background: url('../img/red-rp-arrow.png') no-repeat;
    content: '';
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
}

.rp-preview:hover {
    background: rgba(89, 8, 33, .5);
}

.overlay-zoom-icon {
    display: none;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    max-height: 176px;
}

.ready-projects ul.justify > li {
    width: 19%;
    padding: 0;
    margin-top: 10px;
}

.rp-list {
    margin-top: 50px;
}

.rp-wrap a:hover .overlay-zoom-icon {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.rp-wrap.blue-rp-style a:hover .overlay-zoom-icon {
    background: url('../img/zoom-icon.png') center center no-repeat rgba(9, 196, 191, 0.61);
}

.rp-wrap.red-rp-style a:hover .overlay-zoom-icon {
    background: url('../img/zoom-icon.png') center center no-repeat rgba(232, 61, 82, 0.61);
}

/*SUPERHERO 2*/
.superhero-bg.superhero-2 {
    padding: 137px 0 0;
}

.superhero-2 .phone-bg {
    padding: 104px 26px 0 27px;
}

.superhero-2 .phone-action-timer {
    padding: 48px 0 45px;
}

/*SPECIALISTY*/
.specialisty {
    background: #483D38;
    padding: 50px 0;
    position: relative;
}

.specialisty .block-header {
    font-family: assuan, sans-serif;
    color: #FCF7C5;
    font-size: 45px;
    margin-bottom: 46px;
}

.specialisty .block-header .subheader {
    color: #e5dad5;
    font-size: 20px;
    font-family: 'PFBeauSansPro-Light', sans-serif;
    text-align: left;
    line-height: 1.1;
}

.subheader span {
    color: #0abfbc;
    font-size: 30px;
    font-family: assuan-nr, sans-serif;
}

.spec-wrap > div {
    float: left;
}

.spec-icon {
    margin-right: 10px;
}

.spec-name {
    font-size: 25px;
    color: #fcf7c5;
    font-family: assuan, sans-serif;
    padding-bottom: 3px;
    border-bottom: 1px solid #0abfbc;
    text-shadow: 0 2px 1px rgba(49, 19, 19, .19);
}

.spec-features {
    color: #ffffff;
    font-size: 16px;
    font-family: 'PFBeauSansPro-LightItalic', sans-serif;
    margin-top: 15px;
    margin-bottom: 14px;
}

.spec-features li {
    /*padding-left: 25px;*/
    margin-bottom: 4px;
    /*background: url('../img/cms-check-icon.png') left top no-repeat;*/
}

.spec-icon + div {
    width: 53%;
}

.spec-features + a {
    padding-right: 7px;
}

.spec-list ul.justify > li {
    width: 33%;
    margin-bottom: 75px;
}

.spec-margined {
    margin-top: 44px;
}

.spec-list {
    margin-top: 43px;
}

/*OTZYVY*/
.otzyvy {
    padding: 50px 0;
}

.otzyvy .block-header {
    color: #4a4847;
    font-size: 45px;
    font-family: assuan, sans-serif;
}

.otzyvy .subheader {
    font-size: 21px;
    color: #635f5c;
    font-family: "PFBeauSansPro-SemiBoldItalic", sans-serif;
    word-spacing: -1px;
}

.otzyvy .subheader span {
    font-family: "PFBeauSansPro-SemiBoldItalic", sans-serif;
    font-size: 21px;
}

.photo-otzyv {
    display: inline-block;
    width: 19%;
}

.otzyv {
    width: 79%;
    display: inline-block;
    background: none repeat scroll 0% 0% #FFF;
    padding: 20px 37px;
    border-radius: 17px;
    box-sizing: border-box;
    margin-top: 9px;
    color: #1C3C50;
    font-size: 16px;
    position: relative;
    border: 2px solid #0abfbc;
}

.otzyv-head {
    color: #e33c50;
    font-size: 18px;
    font-family: "PFBeauSansPro-LightItalic", sans-serif;
    border-bottom: 1px solid #e6e2d6;
    padding-bottom: 4px;
}

.otzyv-head span {
    color: #483d38;
    font-size: 25px;
    font-family: assuan-nr, sans-serif;
}

.otzyv-body {
    padding-top: 6px;
    color: #645751;
    font-size: 17px;
    font-family: "PFBeauSansPro-LightItalic", sans-serif;
}

.left-corner, .right-corner {
    position: absolute;
    width: 23px;
    z-index: 9;
    height: 33px;
}

.left-corner {
    left: -19px;
    top: 27%;
    transform: translateY(-50%);
    background: url('../img/left-corner.png') no-repeat;
}

.right-corner {
    right: -19px;
    top: 27%;
    transform: translateY(-50%);
    background: url('../img/right-corner.png') no-repeat;
}

.otzyvy .row {
    margin-bottom: 38px;
}

/*FIX PRICE*/
.fix-price {
    padding: 20px 0 66px;
    background: #fbf8de;
}

.fix-price .block-header {
    color: #483d38;
    font-size: 40px;
    font-family: assuan, sans-serif;
    text-align: center;
}

.price-desc {
    color: #483d38;
    font-size: 19px;
    text-transform: uppercase;
    font-family: "PFBeauSansPro-SemiBold", sans-serif;
    padding-top: 16px;
}

.prices-list ul.justify > li {
    text-align: center;
    width: 33%;
    padding: 0;
}

.hour-price {
    color: #ef455a;
    font-family: assuan, sans-serif;
    font-size: 39px;
    padding-top: 20px;
}

.prices-list {
    margin-top: 62px;
}

.hour-price span {
    color: #0abfbc;
    font-family: "PFBeauSansPro-ThinItalic", sans-serif;
    font-size: 16px;
    vertical-align: sub;
}

.hour-price span:first-child {
    color: #0abfbc;
    font-family: "PFBeauSansPro-Regular", sans-serif;
    font-size: 21px;
}

.block-footer {
    font-size: 23px;
    color: #483d38;
    line-height: 1.2;
    margin-top: 69px;
}

.block-footer .hour-price {
    display: inline-block;
    font-family: assuan-nr, sans-serif;
    font-size: 32px;
    padding-top: 0;
}

.fix-price .big-red-btn {
    padding: 10px 35px 14px;
}

/*SKIDKI*/
.skidki {
    background: #483d38;
    padding-top: 20px;
    position: relative;
    overflow: hidden;
}

.skidki-bg {
    position: absolute;
    left: 34%;
    top: 0;
}

.skidki-percent-img {
    position: absolute;
    left: 32%;
    top: 130px;
}

.skidki .block-header {
    display: inline-block;
    width: 67%;
    font-size: 45px;
    color: #f9f9f9;
    font-family: assuan-nr, sans-serif;
    text-shadow: 0 2px 1px rgba(49,19,19,.19)
}
.skidki .block-header span{
    font-size: 50px;
    color: #fcf7c5;
    font-family: assuan, sans-serif;
    text-shadow: 0 2px 1px rgba(49,19,19,.19)
    text-transform: uppercase;
}
.skidki-list{
    color: white;
    font-size: 27px;
    font-family: "PFBeauSansPro-Light", sans-serif;
    margin-left: 105px;
margin-top: 79px;
}
.skidki-list li{
    padding-left: 50px;
    margin-bottom: 47px;
    background: url('../img/skidki-list-icon.png') left center no-repeat;
}
.bordered-ellipse-2 {
    position: absolute;
    top: 308px;
    left: 187px;
}
.bordered-ellipse-2 .ellipse-header {
    color: #483d38;
    font-size: 32px;
    line-height: 1;
}
.bordered-ellipse-2  .ellipse-desc a{
    color: #ef455a;
    font-size: 17px;
    line-height: 1.1;
    padding-top: 8px;
    font-family: "PFBeauSansPro-SemiBoldItalic",sans-serif;
    text-decoration: underline;
}
.bordered-ellipse-2 > div {
    position: absolute;
    top: 29px;
    width: 100%;
    padding-top: 101px;
}
.superhero-bg.superhero-3{
    background: url("../img/super-hero-bg.jpg") no-repeat scroll center top #f3eede;
}

/*MAP*/
.map{
    background: #f3eede;
    padding-bottom: 20px;
}
.on-map {
    /*transform: translateY(-104%);*/
    max-width: 408px;
    margin-left: 42px;
    margin-top: -136px;
    position: relative;
    background: #f3eede;
	/*position: absolute;*/
}
.map iframe {
    max-width: 100%;
}
.map-header {
    font-size: 43px;
    color: #483D38;
    font-family: assuan,sans-serif;
    text-transform: uppercase;
    margin-top: -33px;
    background: #f3eede;
    display: inline-block;
    padding: 0 7px;
}
.google-map {
    border: 8px solid rgba(255,255,255,0.8);
    border-radius: 18px;
}
.google-map iframe{
    border-radius: 18px;
}
.adres{
    font-family: assuan-nr, sans-serif;
    font-size: 20px;
    color: #483d38;

}
.map-icon {
    width: 21px;
    height: 23px;
    background-position: -243px 0px;
}
.map-desc {
    margin-top: 20px;
    padding: 15px;
    border: 3px solid #37d0ce;
    border-radius: 12px;
}
.coordinates {
    padding: 20px 0;
    color: #48413e;
    font-size: 16px;
}
.inn-kpp {
    color: #ec485b;
    font-size: 16px;
}
.rekvizity {
    border-radius: 15px;
    max-width: 464px;
    padding: 0 12px 20px;
    color: #483d38;
    border: 5px solid #efe7cb;
}

.map-blue-border {
    padding: 6px 10px;
    font-size: 14px;
    color: #483d38;
    border: 1px solid #0abfbc;
    border-radius: 6px;
    margin: 6px 0px 21px;
    font-family: "PFBeauSansPro-SemiBold",sans-serif;
}

.map-blue-border span {
    color: #ec485b;
    font-size: 17px;
    font-family: assuan, sans-serif;
}

.phone-span {
    color: #0abfbc;
    font-size: 18px;
}

.rekvizity ul.justify {
    /*margin-left: 20px;*/
}
.bank-rekv{
    color: #48413e;
    font-size: 16px;
}
.plat-rekv{
    color: #483d38;
    margin-bottom: 7px;
    font-family: assuan;
    font-size: 19px;
}
.viber {
    /*color: #a165b8;*/
}

.telegram {
    /*color: #33aade;*/
}

.whatsapp {
    /*color: #34b023;*/
}
.viber,
.whatsapp,
.telegram{
    color: #483d38;
    font-family: "PFBeauSansPro-SemiBold",sans-serif;
    font-size: 16px;
}
.viber-icon {
    background-position: -40px 0px;
    width: 35px;
    height: 34px;
}

.telegram-icon {
    background-position: -92px 0px;
    width: 35px;
    height: 34px;
}


.whatsapp-icon {
    background-position: -148px 0px;
    width: 35px;
    height: 35px;
}
.card-icon {
    width: 25px;
    height: 17px;
}
.skype-icon {
    background-position: -198px 0px;
    width: 26px;
    height: 22px;
    vertical-align: middle;
}
.skype-icon + span{
    font-family: assuan-nr, sans-serif;
    font-size: 19px;
    color: #483d38;
}
.map hr {
    margin: 0;
    padding: 0px 0;
    color: #cbbb89;
    border-top: 1px solid;
}
.skypes {
    float: right;
    margin-top: 20px;
    font-size: 16px;
    font-weight: normal;
    color: #48413e;
    margin-right: 4px;
    position: relative;
}

.messengers .icon-sprite + div {
    display: inline-block;
    margin-left: 8px;
}

.messengers {
    margin: 21px 0px 0px 0;
    float: left;
}

.messengers li {
    margin-bottom: 11px;
}

a.sprite3.yellow-order-btn {
    padding: 9px 69px 19px;
    background-position: 0 -247px;
    margin: 22px 0;
}

/*MEDIA QUERIES*/

@media (min-width: 1024px) {
    .contact-box {
        margin-right: 47px;
    }

}

@media all and (min-width: 1110px) {
    .site-description {
        padding-left: 23px;
    }

    .contact-box {
        margin-right: 47px;
        margin-top: -6px;
    }
}

@media all and (min-width: 1200px) {
    .site-description {
        padding-left: 23px;
    }

    .big-brand-sep {
        display: block;
    }

    .min-brand-sep {
        display: block;
    }

    .cms-row-2 {
        margin-top: 392px;
    }

    .warning-li {
        width: 59% !important;
        margin-top: -21px !important;
    }

    .contact-box {
        margin-right: 47px;
        margin-top: -6px;
    }

    .first-screen-header {
        background-size: inherit;
        background-position-x: 18px;
    }

    span.doubled-line {
        display: inline-block;
    }

    .bordered-ellipse-1 {
        position: absolute;
        top: 162px;
        left: 62px;
    }

    .bordered-ellipse-1 > div {
        position: absolute;
        top: 29px;
        width: 91%;
        padding: 0 64px 0 30px;
    }

    .first-screen {
        background-size: inherit;
    }

    img.arrow-right,
    img.arrow-left,
    img.arrow-vert-left,
    img.arrow-vert-right,
    .big-top-arrow {
        display: block;
    }
}

@media all and (max-width: 1024px) {
    .gray-gradient {
        background-size: contain;
    }

    .top-form {
        background-size: contain;
    }

}

@media all and (max-width: 700px) {

    .under-logo {
        margin: 0;
        padding: 0;
    }

    .left-corner, .right-corner {
        display: none;
    }

    .photo-otzyv {
        display: inline-block;
        width: 100%;
        max-width: 100%;
    }

    .otzyv {
        width: 100%;
    }

    .specialisty ul.justify > li {
        width: 100%;
    }

    .black-btn {
        padding: 15px 25px;
        font-size: 14px;
        margin-top: 30px;
    }

    .make-order-right {
        font-size: 18px;
        margin-left: 19px;
        padding-right: 0;
    }

    .map {
        height: initial;
    }

    .on-map {
        transform: inherit;
        max-width: 500px;
        margin-left: 0;
    }

    .rekvizity {
        position: relative;
        padding: 20px 26px;
    }

    .spec-name {
        right: inherit;
    }

}

















