html,
    body {
        padding: 0;
        margin: 0;
        font-family: Abel, "open sans";
    }
    
    section:not(.top-sect) {
        overflow: hidden;
    }
    
    .head-wrap {
        padding: 18px 15px;
    }
    
    .center {
        width: 1010px;
        margin: 0 auto;
    }
    
    .my-container {
        padding: 0 15px;
    }
    
    .top-left {
        float: left;
    }
    
    .top-left p {
        width: 179px;
        font-style: italic;
    }
    
    .top-left * {
        display: inline-block;
        vertical-align: middle;
    }
    
    .top-right {
        float: right;
        display: flex;
    	align-items: center;
    }
    .top-right a{
        text-decoration: none;
        color: #000;
    }
    .top-right .tel {
        font-weight: 400;
        font-size: 27pt;
        margin-top: -7px;
        display: block;
    }
    
    .top-right button {
        float: right;
    }
    
    .top-right ul {
        display: inline-block;
        list-style: none;
        padding: 0;
        margin: 3px 0 0 15px;
    }
    
    .top-right ul li {
        display: inline-block;
    }
    
    .top-right ul li a {
        font-size: 18px;
        font-weight: bold;
        margin-right: 10px;
        text-transform: uppercase;
    }
    
    .button.orange {
        background: #ff7e00;
        /* IE6-9 */
    }
    
    .button.green {
        background: #a8db2f;
        /* Old browsers */
        background: -moz-linear-gradient(top, #a8db2f 0%, #9ad329 28%, #7bc21c 74%, #72bd17 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8db2f), color-stop(28%, #9ad329), color-stop(74%, #7bc21c), color-stop(100%, #72bd17));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #a8db2f 0%, #9ad329 28%, #7bc21c 74%, #72bd17 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #a8db2f 0%, #9ad329 28%, #7bc21c 74%, #72bd17 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #a8db2f 0%, #9ad329 28%, #7bc21c 74%, #72bd17 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #a8db2f 0%, #9ad329 28%, #7bc21c 74%, #72bd17 100%);
        /* W3C */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a8db2f', endColorstr='#72bd17', GradientType=0);
        /* IE6-9 */
    }
    
    .button {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        cursor: pointer;
        display: block;
        border: 0;
        color: #fff;
        padding: 5px 23px;
        font-weight: bold;
        outline: 0;
    }
    
    .button.orange:hover {
        opacity: .8;
    }
    
    .button.green:hover {
        background: #77c01a;
    }
    
    .button.orange:active {
        -webkit-box-shadow: inset 0px 1px 6px -2px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: inset 0px 1px 6px -2px rgba(0, 0, 0, 0.75);
        box-shadow: inset 0px 1px 6px -2px rgba(0, 0, 0, 0.75);
        background: #ff7f00;
        /* Old browsers */
        background: -moz-linear-gradient(top, #ff7f00 0%, #ff8900 24%, #ffa800 76%, #ffb100 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff7f00), color-stop(24%, #ff8900), color-stop(76%, #ffa800), color-stop(100%, #ffb100));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ff7f00 0%, #ff8900 24%, #ffa800 76%, #ffb100 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ff7f00 0%, #ff8900 24%, #ffa800 76%, #ffb100 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ff7f00 0%, #ff8900 24%, #ffa800 76%, #ffb100 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #ff7f00 0%, #ff8900 24%, #ffa800 76%, #ffb100 100%);
        /* W3C */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff7f00', endColorstr='#ffb100', GradientType=0);
        /* IE6-9 */
    }
    
    .button.green:active {
        -webkit-box-shadow: inset 0px 1px 6px -2px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: inset 0px 1px 6px -2px rgba(0, 0, 0, 0.75);
        box-shadow: inset 0px 1px 6px -2px rgba(0, 0, 0, 0.75);
        background: #72bd17;
        /* Old browsers */
        background: -moz-linear-gradient(top, #72bd17 0%, #7bc21c 26%, #9ad329 72%, #a8db2f 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #72bd17), color-stop(26%, #7bc21c), color-stop(72%, #9ad329), color-stop(100%, #a8db2f));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #72bd17 0%, #7bc21c 26%, #9ad329 72%, #a8db2f 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #72bd17 0%, #7bc21c 26%, #9ad329 72%, #a8db2f 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #72bd17 0%, #7bc21c 26%, #9ad329 72%, #a8db2f 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #72bd17 0%, #7bc21c 26%, #9ad329 72%, #a8db2f 100%);
        /* W3C */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#72bd17', endColorstr='#a8db2f', GradientType=0);
        /* IE6-9 */
    }
    
    .top-separator {
        margin: 0 25px;
        height: 70px;
        border-right: 1px solid #bcbcbc;
        height: 60px;
        width: 1px;
    }
    
    .top-sect {
        position: relative;
        color: #fff;
        min-width: 1080px;
        background-size: cover;
        min-height: 515px;
    }
    
    
    .about-lp {}
    
    .about-lp p:first-of-type {
        margin: 0;
        font-size: 19pt;
    }
    
    .about-lp p:nth-of-type(2) {
        font-size: 13pt;
    }
    
    .about-lp > h3 {
        margin-top: 160px;
        margin-bottom: 177px;
        width: 644px;
        font-size: 54px;
        color: #fff;
        display: inline-block;
        vertical-align: top;
    }
    
    .about-lp .top-form {
        display: inline-block;
        position: absolute;
        height: 100%;
        right: 0;
        top: 0;
        padding: 74px 60px 134px;
        width: 500px;
        background: rgba(255, 255, 255, .6);
    }
    
    .top-form .arrow {
        color: #fff;
        position: absolute;
        font-size: 20px;
        font-style: italic;
        bottom: 145px;
        right: 108%;
        width: 150px;
    }
    
    .top-form .arrow:after {
        content: '';
        position: absolute;
        bottom: -92px;
        right: -95px;
        background: url(/images/video-arrow.png) no-repeat center;
        width: 190px;
        height: 78px;
    }
    
    .about-lp .top-form p:first-of-type {
        color: #fff;
        font-size: 24px;
        font-style: italic;
        text-align: right;
        font-weight: 600;
        margin-bottom: 40px;
    }
    
    .about-lp .top-form p:first-of-type strong {
        color: #8aff00;
        text-decoration: underline;
    }
    
    .about-lp .top-form input {
        width: 100%;
        height: 49px;
        color: #424242;
        border: none;
        padding-left: 15px;
        margin-bottom: 20px;
    }
    
    .about-lp .top-form button {
        width: 100%;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
    }
    
    .about-lp .top-form button strong {
        color: #ccf438;
        text-transform: uppercase;
    }
    
    .about-lp button {
        font-size: 12pt;
        margin-top: 50px;
        padding: 14px 44px;
    }
    
    .fly {
        font-family: "Kalam";
        position: absolute;
    }
    
    .fly:nth-of-type(2) {
        background: url("/images/shape-fly.png") no-repeat bottom right;
        width: 116px;
        height: 34px;
        font-size: 15pt;
        bottom: 81px;
    }
    
    .fly:nth-of-type(3) {
        background: url("/images/shape-fly.png") no-repeat bottom right;
        width: 116px;
        height: 34px;
        font-size: 15pt;
        bottom: 80px;
        right: 800px;
    }
    
    .fly:nth-of-type(4) {
        background: url("/images/shape-fly.png") no-repeat bottom right;
        width: 141px;
        height: 34px;
        font-size: 15pt;
        top: 150px;
        right: 745px;
    }
    
    .fly:nth-of-type(1) {
        padding-bottom: 11px;
        background: url("/images/shape-fly.png") no-repeat bottom right;
        width: 171px;
        /* height: 34px; */
        font-size: 15pt;
        top: 44px;
        left: 296px;
    }
    
    .fly * {
        display: inline-block;
    }
    
    .slider {
        background: #f2f2f2;
        min-width: 1080px;
    }
    /*added clients section==============================*/
    
    .our-clients {
        background: #8bc842;
        min-width: 1080px;
    }
    
    .our-video {
        background: url("/images/video-holder.jpg") no-repeat center;
        min-width: 1080px;
        background-size: cover;
    }
    
    .video-holder {
        padding: 200px 0;
    }
    
    .video-holder>p {
        text-align: center;
        font-size: 13pt;
        color: #fff;
    }
    
    .clients {
        text-align: center;
        padding-top: 32px;
        padding-bottom: 46px;
    }
    
    .clients > h2 {
        color: #fff;
        text-align: center;
        font-size: 37px;
        font-weight: bold;
    }
    
    .clients-cell {
        background: #fff;
        margin-top: 34px;
        text-align: left;
        display: inline-block;
    }
    
    .clients-cell ul {
        display: inline-block;
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: center;
    }
    
    .clients-cell ul li {
        text-align: center;
        position: relative;
        float: left;
        border-right: 2px solid #8bc842;
        height: 108px;
        width: 140px;
        border-bottom: 2px solid #8bc842;
    }
    
    .clients-cell ul li > div {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        display: table-cell;
        width: 140px;
        height: 108px;
        vertical-align: middle;
        overflow: hidden;
    }
    
    .clients-cell ul li span {
        position: absolute;
        z-index: 6;
        width: 40px;
        height: 40px;
        bottom: -22px;
        right: -20px;
        background: #8bc842;
        border-radius: 100px;
    }
    
    .clients-cell ul li > div > img {
        width: 91px;
    }
    
    .clients-cell ul li:nth-child(7n+7) {
        border-right: none;
    }
    
    .clients-cell ul li:nth-last-child(-n+7) span {
        display: none;
    }
    
    .clients-cell ul li:nth-last-child(-n+7) {
        margin-bottom: -5px;
        border-bottom: none;
        overflow: hidden;
    }
    
    .clients > h3 {
        color: #fff;
        font-size: 16pt;
        margin-top: 25px;
        font-weight: 600;
    }
    /*clientssss section -------------------------------*/
    /*section 3========================*/
    
    .why-landing {
        background: url("/images/sect-3-back.jpg") no-repeat center;
        min-width: 1080px;
        background-size: cover;
    }
    
    .why-lp {
        color: #fff;
        text-align: center;
        padding-top: 34px;
        position: relative;
        z-index: 35;
    }
    
    .why-lp > h3 {
        font-size: 27pt;
        margin-bottom: 52px;
    }
    
    .why-lp > *:not(h3) {
        display: inline-block;
        vertical-align: top;
    }
    
    .why-lp > ul {
        list-style: none;
        padding: 0;
        width: 255px;
    }
    
    .offer-sign {
        display: block;
        height: 41px;
        width: 41px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .left-side > * {
        display: block;
    }
    
    .right-side > * {
        display: block;
    }
    
    .why-lp ul li {
        margin-bottom: 12px;
        position: relative;
    }
    
    .why-lp .right-side li {
        margin-bottom: 51px;
    }
    
    .why-lp > ul li > p {
        font-size: 19pt;
        margin-top: 11px;
        margin-bottom: 4px;
    }
    
    .why-lp ul li .shape {
        position: absolute;
        z-index: 999;
    }
    
    .why-lp > ul li > span:last-of-type {
        font-size: 12pt;
        color: #d1d6d8;
    }
    
    .why-lp .center-img {
        margin-top: 114px;
        position: relative;
        z-index: -30;
    }
    
    .left-side li:nth-of-type(1) .offer-sign {
        background: url("/images/offers1.png") no-repeat center;
    }
    
    .left-side li:nth-of-type(1) .shape {
        background: url("/images/offer-shape1.png") no-repeat center;
        width: 269px;
        height: 128px;
        right: -184px;
        top: 19px;
    }
    
    .left-side li:nth-of-type(2) .offer-sign {
        background: url("/images/offers2.png") no-repeat center;
    }
    
    .left-side li:nth-of-type(2) .shape {
        background: url("/images/offer-shape2.png") no-repeat center;
        width: 219px;
        height: 49px;
        right: -151px;
        top: 19px;
    }
    
    .left-side li:nth-of-type(3) .offer-sign {
        background: url("/images/offers3.png") no-repeat center;
    }
    
    .left-side li:nth-of-type(3) .shape {
        background: url("/images/offer-shape3.png") no-repeat center;
        width: 345px;
        height: 94px;
        right: -260px;
        top: -77px;
    }
    
    .right-side li:nth-of-type(1) .offer-sign {
        background: url("/images/offers4.png") no-repeat center;
    }
    
    .right-side li:nth-of-type(1) .shape {
        background: url("/images/offer-shape4.png") no-repeat center;
        width: 292px;
        height: 170px;
        left: -211px;
        top: 20px;
    }
    
    .right-side li:nth-of-type(2) .offer-sign {
        background: url("/images/offers5.png") no-repeat center;
    }
    
    .right-side li:nth-of-type(2) .shape {
        background: url("/images/offer-shape5.png") no-repeat center;
        width: 279px;
        height: 49px;
        left: -197px;
        top: 20px;
    }
    
    .right-side li:nth-of-type(3) .offer-sign {
        background: url("/images/offers6.png") no-repeat center;
    }
    
    .right-side li:nth-of-type(3) .shape {
        background: url("/images/offer-shape6.png") no-repeat center;
        width: 220px;
        height: 115px;
        left: -138px;
        top: -93px;
    }
    /*===============section 3 end============*/
    
    .partners {
        padding-top: 30px;
        padding-bottom: 9px;
    }
    
    .partner-slide li img {
        margin-left: auto;
        margin-right: auto;
    }
    
    .partner-slide li {
        vertical-align: middle;
    }
    
    .partners .bx-wrapper .bx-viewport {
        box-shadow: none;
        background: none;
        border: none;
    }
    
    .clients-slide {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 20px;
        position: relative;
    }
    
    .click-inform {
        position: absolute;
        right: 15px;
        top: 46%;
        font-size: 20px;
        -moz-transform: rotate(37deg);
        /* Для Firefox */
        -ms-transform: rotate(37deg);
        /* Для IE */
        -webkit-transform: rotate(37deg);
        /* Для Safari, Chrome, iOS */
        -o-transform: rotate(37deg);
        /* Для Opera */
        transform: rotate(37deg);
    }
    
    .clients-slide > h2 {
        text-align: center;
        width: 448px;
        font-size: 26pt;
        margin-left: auto;
        margin-right: auto;
    }
    
    .client-port .bx-wrapper .bx-viewport {
        box-shadow: none;
        background: none;
        border: none;
    }
    
    .bx-wrapper .bx-viewport {
        margin: 0 10px;
        width: 98%;
    }
    
    .bx-wrapper .bx-controls-direction a:hover {
        background-position: center;
        background-size: contain;
    }
    
    .clients-slide .bx-wrapper .bx-controls-direction a {
        z-index: 90;
    }
    
    .bx-wrapper .bx-controls-direction .bx-prev {
        background: url("/images/prev-slide.png") no-repeat center;
        left: -27px;
    }
    
    .bx-wrapper .bx-controls-direction .bx-next {
        background: url("/images/next-slide.png") no-repeat center;
        right: -24px;
    }
    
    .client-port .bx-wrapper .bx-controls.bx-has-controls-auto {
        position: absolute;
        bottom: 41px;
        right: 77px;
        width: 45px;
        height: 30px;
    }
    
    .for-what {
        padding-top: 53px;
        text-align: center;
        padding-bottom: 19px;
    }
    
    .for-what > h3 {
        text-align: center;
        font-size: 26pt;
    }
    
    .opport {
        width: 307px;
        display: inline-block;
        margin-bottom: 45px;
    }
    
    .opport > button {
        margin-left: auto;
        margin-right: auto;
    }
    
    .wrap-contain {
        margin-top: 74px;
    }
    
    .opport * {
        display: block;
    }
    
    .opport > p {
        text-transform: uppercase;
        margin-top: 15px;
        font-size: 11pt;
        font-weight: 600;
    }
    
    .circle {
        margin-left: auto;
        margin-right: auto;
        border-radius: 200px;
        width: 90px;
        height: 90px;
        position: relative;
        border: 3px solid #d9d9db;
    }
    
    .circle .ico {
        margin-top: 17px;
        display: block;
        width: 50px;
        height: 50px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .opport:nth-of-type(1) .circle .ico {
        background: url("/images/good-for-ico1.png") no-repeat center;
    }
    
    .opport:nth-of-type(2) .circle .ico {
        background: url("/images/good-for-ico2.png") no-repeat center;
    }
    
    .opport:nth-of-type(3) .circle .ico {
        background: url("/images/good-for-ico3.png") no-repeat center;
    }
    
    .opport:nth-of-type(4) .circle .ico {
        background: url("/images/good-for-ico4.png") no-repeat center;
    }
    
    .opport:nth-of-type(5) .circle .ico {
        background: url("/images/good-for-ico5.png") no-repeat center;
    }
    
    .opport:nth-of-type(6) .circle .ico {
        background: url("/images/good-for-ico6.png") no-repeat center;
    }
    
    .play-it {
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 33%;
        z-index: 50;
        height: 29%;
    }
    
    .watch-this {
        position: absolute;
        min-width: 1080px;
        height: 100%;
        z-index: -50;
        width: 100%;
        overflow: hidden;
    }
    
    .watch-this:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: transparent url('/images/video_overlay.png') 0 0 repeat;
        z-index: 5;
    }
    
    #video1 {
        right: 0;
        bottom: 0;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: -100;
        background-size: cover;
        transition: 1s opacity;
    }
    
    .watch-this video {
        position: relative;
        height: 100%;
        margin-bottom: -5px;
    }
    
    .play-tag {
        cursor: pointer;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 40%;
        width: 19%;
        height: 78%;
    }
    
    .play-tag > p {
        color: #fff;
        font-size: 14pt;
        font-weight: 600;
        margin-top: 15px;
    }
    
    .play-circle {
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 130px;
        margin-bottom: 15px;
        height: 130px;
        background: url(/images/video-play-ico.png);
    }
    
    .play-circle:hover {
        opacity: .8;
    }
    
    .video-holder {
        position: relative;
        padding: 25px 0 200px;
    }
    
    .video-holder h2 {
        font-weight: 600;
        color: #fff;
        margin-bottom: 245px;
        font-size: 54px;
        text-align: center;
    }
    
    .video-holder .arrow {
        color: #fff;
        position: absolute;
        font-size: 20px;
        font-style: italic;
    }
    
    .video-holder .arrow:first-of-type {
        top: 297px;
        left: 200px;
    }
    
    .video-holder .arrow:last-of-type {
        top: 297px;
        right: 200px;
    }
    
    .video-holder .arrow:first-of-type:after {
        content: '';
        position: absolute;
        bottom: -92px;
        right: -95px;
        background: url(/images/video-arrow.png) no-repeat center;
        width: 190px;
        height: 78px;
    }
    
    .video-holder .arrow:last-of-type:after {
        content: '';
        position: absolute;
        bottom: -92px;
        left: -95px;
        background: url(/images/video-arrow.png) no-repeat center;
        width: 190px;
        height: 78px;
        transform: rotateY(180deg);
    }
    
    .fancybox-overlay {
        background: rgba(0, 0, 0, 0.8);
    }
    
    .play-ico {
        display: block;
        margin-left: 37%;
        margin-right: auto;
        width: 38px;
        height: 45px;
        margin-top: 29%;
        background: url("/images/play-icon.png") no-repeat;
    }
    
    .come-soon {
        min-width: 1080px;
        height: 634px;
    }
    
    .how-it-works {
        padding-top: 167px;
        padding-bottom: 165px;
        text-align: center;
    }
    
    .how-works {
        background: url("/images/how-it-work.jpg") no-repeat center;
        background-size: cover;
        min-width: 1080px;
    }
    
    .step {
        vertical-align: top;
        display: inline-block;
        text-align: center;
        width: 317px;
        color: #fff;
        position: relative;
        z-index: 50;
    }
    
    .step .circle {
        width: 200px;
        height: 200px;
        border-color: #fff;
    }
    
    .step ul {
        list-style: none;
        padding: 0;
        margin-top: 41px;
    }
    
    .step ul li {
        font-size: 17pt;
    }
    
    .step * {
        display: block;
    }
    
    .step button {
        width: 100%;
        margin-top: 36px;
        padding: 14px;
    }
    
    .ico-step {
        display: block;
        width: 172px;
        height: 85px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 100px;
        font-size: 14pt;
        margin-top: 29px;
    }
    
    .step:nth-of-type(1) .ico-step {
        background: url("/images/how-work-ico1.png") no-repeat center;
    }
    
    .step:nth-of-type(3) .ico-step {
        background: url("/images/how-work-ico2.png") no-repeat center;
    }
    
    .step:nth-of-type(2) {
        margin-top: 106px;
    }
    
    .shape1 {
        background: url("/images/how-work--shape.png") no-repeat center;
        width: 152px;
        height: 52px;
        display: block;
        position: absolute;
        z-index: -1;
        top: 39%;
        right: -64px;
    }
    
    .shape2 {
        background: url("/images/how-work--shape2.png") no-repeat center;
        width: 152px;
        height: 52px;
        display: block;
        position: absolute;
        z-index: -1;
        top: 39%;
        left: -64px;
    }
    
    .result {
        color: #000;
        font-size: 16pt;
        overflow: hidden;
        padding: 117px 11px 0;
        display: block;
        width: 100%;
        height: 100%;
        border: 3px solid #8bc842;
        background: url("/images/how-work-res.png") no-repeat center 32%, #fff;
        border-radius: 200px;
    }
    
    .client-port {
        background: url("/images/cl-inform-back.png");
        min-width: 1080px;
    }
    
    .client-port #rvg {
        background: url("/images/rvgconstruct-port.png") no-repeat center;
        background-size: contain;
    }
    
    .client-inform {
        padding-top: 35px;
        padding-bottom: 8px;
    }
    
    .contact {
        width: 306px;
    }
    
    .client-inform > div {
        display: inline-block;
        vertical-align: top;
    }
    
    .cl-photo-wrap {
        border-radius: 200px;
        overflow: hidden;
        margin-bottom: 25px;
        margin-left: auto;
        margin-right: auto;
        max-width: 140px;
    }
    
    .company-logo > img {
        margin-left: auto;
        margin-right: auto;
    }
    
    .company-logo {
        margin-bottom: 30px;
    }
    
    .cl-name {
        font-size: 11pt;
        font-weight: 700;
        margin: 0;
    }
    
    .function {
        font-size: 8pt;
    }
    
    .tel-wrap {
        display: none;
        border: 2px solid #8bc842;
        margin: 18px 87px 0;
        padding: 6px;
        font-weight: 600;
    }
    
    .cl-photo-wrap > img {
        width: 140px;
        height: 140px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .portfolio {
        background: #fff;
        border: 1px solid #e5e5e5;
        text-align: center;
        padding: 29px 0;
    }
    
    .portfolio>* {
        display: block;
    }
    
    .aditional {
        margin-top: 31px;
    }
    
    .get-to {
        text-align: center;
        text-decoration: none;
        margin: 0 40px;
        target-new: tab;
    }
    
    .get-to:hover {
        text-decoration: none;
        color: #fff;
    }
    
    .get-to:visited {
        text-decoration: none;
        color: #fff;
    }
    
    .font-smaller {
        font-size: 12pt !important;
    }
    
    .circle-inform {
        text-align: center;
        font-size: 10pt;
        width: 50px;
        height: 50px;
        display: block;
        border-radius: 200px;
        border: 2px solid #d0d1d6;
        margin-right: 5px;
        color: #999999;
    }
    
    .circle-inform > strong {
        display: block;
        font-size: 19pt;
        line-height: 34px;
        margin-bottom: -9px;
    }
    
    .ad-inf {
        display: inline-block;
        width: 151px;
        vertical-align: top;
        margin-bottom: 31px;
    }
    
    .ad-inf > span:nth-of-type(2) {
        font-size: 10pt;
        color: #000;
        width: 60%;
    }
    
    .ad-inf .conversion {
        background: url("/images/cart-ico.png") no-repeat center;
    }
    
    .company-inform {
        width: 564px;
        margin-left: 37px;
    }
    
    .ad-inf * {
        display: inline-block;
        vertical-align: middle;
    }
    
    .aditional-text {
        display: block;
        color: #888888;
    }
    
    .company-inform > h3 {
        margin-top: 0;
        margin-bottom: 28px;
        font-size: 25pt;
        font-weight: 600;
    }
    
    p.title {
        font-weight: 600;
        margin: 21px 0;
    }
    
    .company-inform ul {
        list-style: none;
        padding: 0;
    }
    
    .company-inform ul:nth-of-type(1) li {
        background: url("/images/achtung.png") no-repeat left 3px;
    }
    
    .company-inform ul li {
        background: url("/images/checked.png") no-repeat left 3px;
        padding-left: 25px;
    }
    
    .our-works {
        background: #fff;
        min-width: 1080px;
        color: #fff;
    }
    
    .works {
        padding-top: 35px;
        padding-bottom: 59px;
    }
    
    .works > h3 {
        text-align: center;
        margin-bottom: 49px;
        color: #202020;
        font-size: 54px;
        font-weight: 600;
    }
    
    .works > p {
        font-size: 11pt;
        font-weight: 600;
    }
    
    .tags {
        padding: 0;
        margin-top: 17px;
        list-style: none;
        margin-bottom: 37px;
    }
    
    .tags li {
        cursor: pointer;
        display: inline-block;
        padding: 7px 22px;
        margin-right: 0;
        color: #ff7e00;
        font-size: 15px;
        margin-bottom: 8px;
        transition: box-shadow 0.5s ease-in-out;
    }
    
    .tags li a {
        text-decoration: none;
        position: relative;
        display: block;
        color: #fff;
        font-size: 10pt;
        font-weight: 600;
    }
    
    .tags li.active {
        background: #ff7e00;
        color: #fff;
    }
    
    .tags li:active {
        -webkit-box-shadow: inset 0px 2px 6px -2px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: inset 0px 2px 6px -2px rgba(0, 0, 0, 0.75);
        box-shadow: inset 0px 2px 6px -2px rgba(0, 0, 0, 0.75);
    }
    
    .tags li:hover {
        -webkit-box-shadow: 0px 0px 3px 0px rgba(189, 189, 189, 1);
        -moz-box-shadow: 0px 0px 3px 0px rgba(189, 189, 189, 1);
        box-shadow: 0px 0px 3px 0px rgba(189, 189, 189, 1);
    }
    
    #container {
        position: relative;
    }
    
    .isotope {
        margin-bottom: 82px;
        margin: 0 auto 82px;
    }
    /* ---- .item ---- */
    
    .item {
        position: relative;
        /* float: left; */
        /*  width: 271px;*/
        height: 200px;
        padding: 4px;
        cursor: pointer;
        overflow: hidden;
    }
    
    .item a {
        target-new: tab;
    }
    /* 
    .item.width2 {
        width: 484px;
    }
*/
    
    .iso-gutter {
        padding: 4px;
        width: 100%;
        height: 100%;
        left: 0;
        transition: all 0.3s ease-in-out;
        top: 0;
        position: absolute;
        z-index: 50;
        overflow: hidden;
    }
    
    .item.height2 {
        height: 300px;
    }
    /* 
    .item:nth-child(5n+1) .client-inf {
        width: 98.6%;
    }

    .item:nth-child(5n+5) .client-inf {
        width: 98.6%;
    } */
    
    .item a {
        text-decoration: none;
        color: #fff;
    }
    
    .item:hover .client-inf {
        background-color: rgba(0, 0, 0, 0.9);
        opacity: 1;
    }
    
    .item:hover .iso-gutter {}
    
    .client-inf {
        z-index: 80;
        top: 0;
        width: 100%;
        transition: background-color 0.3s ease-in-out;
        text-align: center;
        height: 100%;
        opacity: 0;
        position: absolute;
        left: 0;
        border: 4px solid #fff;
    }
    
    .client-inf > p {
        margin-top: 15%;
        margin-bottom: 0;
        font-size: 16pt;
    }
    
    .client-inf > span {
        font-size: 17px;
        color: #ff7e00;
        font-size: 300;
    }
    
    .client-inf > span:last-of-type {
        color: #fff;
        font-size: 11px;
        text-decoration: underline;
    }
    
    .item:hover {}
    
    .item > img {
        min-width: 100%;
        min-height: 100%;
    }
    
    .works > button {
        margin-left: auto;
        margin-right: auto;
        font-size: 13pt;
        padding: 12px 50px;
    }
    
    .who-we-are {
        background: url("/images/who-we-are-bg.jpg") no-repeat center;
        min-width: 1080px;
        background-size: cover;
    }
    
    .get-it {
        padding-top: 29px;
        color: #fff;
        padding-bottom: 35px;
    }
    
    .get-it > div {
        display: inline-block;
        vertical-align: middle;
    }
    
    .cl-about-us > h3 {
        font-size: 26pt;
        color: #fff;
    }
    
    .testimonials {
        padding: 0;
        margin-top: 37px;
        list-style: none;
    }
    
    .testimonials .cl-photo-wrap {
        margin: 0;
        border: 4px solid #fff;
        max-width: 103px;
        max-height: 103px;
    }
    
    .testimonials .cl-photo-wrap > img {
        width: 95px;
        height: 95px;
    }
    
    .testimonials li div {
        display: inline-block;
        vertical-align: middle;
    }
    
    .testimonials li {
        margin-bottom: 36px;
    }
    
    .says {
        margin-left: 12px;
    }
    
    .says > p:first-of-type {
        font-size: 14pt;
        width: 490px;
        margin-bottom: 9px;
        line-height: 18px;
    }
    /*===========placeholder effect================*/
    
    ::-webkit-input-placeholder {
        color: #4a4a4a;
        opacity: 1;
        transition: opacity 0.3s ease;
    }
    
    ::-moz-placeholder {
        color: #4a4a4a;
        opacity: 1;
        transition: opacity 0.3s ease;
    }
    
    :-moz-placeholder {
        color: #4a4a4a;
        opacity: 1;
        transition: opacity 0.3s ease;
    }
    
    :-ms-input-placeholder {
        color: #4a4a4a;
        opacity: 1;
        transition: opacity 0.3s ease;
    }
    
    :focus::-webkit-input-placeholder {
        color: #4a4a4a;
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    
    :focus::-moz-placeholder {
        color: #4a4a4a;
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    
    :focus:-moz-placeholder {
        color: #4a4a4a;
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    /*BlackPower*/
    
    :focus:-ms-input-placeholder {
        color: #4a4a4a;
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    /*========placeholder effect end ===========*/
    
    .get-it-form {
        background: rgba(0, 0, 0, 0.5);
        padding: 30px;
        margin-left: 37px;
        width: 320px;
    }
    
    .get-it-form input {
        outline: none;
        width: 100%;
        height: 40px;
        margin-bottom: 20px;
        padding-left: 12px;
        color: #000;
    }
    
    .get-it-form > p {
        margin: 0;
        text-align: center;
        font-size: 13pt;
        font-weight: 600;
    }
    
    .get-it-form > span {
        margin-bottom: 24px;
        font-size: 9pt;
        text-align: center;
    }
    
    .get-it-form > span > strong {
        color: #8bc842;
    }
    
    .get-it-form button {
        height: 40px;
        width: 100%;
    }
    
    .get-it-form > * {
        display: block;
    }
    
    .how-it-doing {
        background: url("/images/cl-inform-back.png");
        min-width: 1080px;
    }
    
    .doing {
        padding-top: 21px;
        text-align: center;
        padding-bottom: 38px;
    }
    
    .doing > * {
        display: inline-block;
    }
    
    .doing ul {
        list-style: none;
        padding: 0;
        margin-top: 39px;
        width: 330px;
    }
    
    .doing ul li {
        font-size: 16pt;
        font-weight: 600;
        margin-bottom: 66px;
        padding-top: 16px;
    }
    
    .doing .center-img {
        margin-top: 12%;
    }
    
    .doing ul li > span {
        margin-top: 8px;
        font-size: 12pt;
        font-weight: normal;
        display: block;
    }
    
    .left-list {
        vertical-align: top;
        margin-right: 43px;
        text-align: right;
    }
    
    .right-list {
        vertical-align: top;
        margin-left: 43px;
        text-align: left;
    }
    
    .left-list li {
        text-align: right;
        padding-right: 82px;
    }
    
    .right-list li {
        text-align: left;
        padding-left: 82px;
    }
    
    .doing ul li span {
        width: 249px;
        color: #666666;
    }
    
    .left-list li:nth-of-type(1) {
        background: url("/images/heart-ico.png") no-repeat right;
    }
    
    .left-list li:nth-of-type(2) {
        background: url("/images/mouse-ico.png") no-repeat right;
    }
    
    .left-list li:nth-of-type(3) {
        background: url("/images/home-ico.png") no-repeat right;
    }
    
    .right-list li:nth-of-type(1) {
        background: url("/images/compas-ico.png") no-repeat left;
    }
    
    .right-list li:nth-of-type(2) {
        background: url("/images/windows-ico.png") no-repeat left;
    }
    
    .right-list li:nth-of-type(3) {
        background: url("/images/plane-ico.png") no-repeat left;
    }
    
    .doing > h3 {
        text-align: center;
        display: block;
        font-size: 27pt;
        width: 50%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 39px;
    }
    
    .how-you-get-it {
        background: url("/images/bg-got-you.png") no-repeat;
        background-size: cover;
        min-width: 1080px;
        color: #fff;
    }
    
    .steps {
        text-align: center;
        padding-top: 33px;
        padding-bottom: 50px;
    }
    
    .steps > h3 {
        width: 55%;
        font-size: 28pt;
        margin-left: auto;
        margin-right: auto;
    }
    
    .top-steps {
        text-align: left;
        margin-top: 53px;
        margin-bottom: 10px;
    }
    
    .top-steps > div {
        display: inline-block;
        text-align: center;
        width: 296px;
    }
    
    .bottom-steps {
        text-align: right;
        margin-top: 15px;
    }
    
    .bottom-steps > div {
        display: inline-block;
        text-align: center;
        width: 296px;
        vertical-align: top;
    }
    
    .step-text {
        margin: 0 56px;
    }
    
    .what-you-need {
        background: url("/images/cl-inform-back.png");
        min-width: 1080px;
    }
    
    .needed {
        padding-top: 34px;
        padding-bottom: 57px;
    }
    
    .needed > h3 {
        text-align: center;
        font-size: 27pt;
    }
    
    .types {
        margin-top: 54px;
        text-align: center;
    }
    
    .type {
        background: #fff;
        display: inline-block;
        vertical-align: top;
        margin: 0 12px;
        width: 320px;
        padding-bottom: 21px;
        border: 1px solid #e5e5e5;
        border-radius: 2px;
    }
    
    .type > button {
        margin: 21px auto auto;
        padding: 10px 65px;
    }
    
    .type ul {
        list-style: none;
        padding: 15px;
        margin-top: 13px;
        text-align: left;
    }
    
    .type ul li {
        text-align: center;
        padding: 19px 0;
        font-size: 16px;
        cursor: pointer;
        color: #616161;
        border-bottom: 1px solid #eaeaea;
    }
    
    .type .popover {
        border: none;
        -webkit-box-shadow: 0px 1px 5px 0px rgba(233, 233, 233, 1);
        -moz-box-shadow: 0px 1px 5px 0px rgba(233, 233, 233, 1);
        box-shadow: 0px 1px 5px 0px rgba(233, 233, 233, 1);
        border-radius: 0;
        font-size: 13px;
        color: #424242;
    }
    
    .type .popover.top>.arrow {
        border-top-color: rgba(0, 0, 0, 0.1);
    }
    
    .type ul li:hover {
        color: #ff7e00;
    }
    
    .type ul li:last-of-type {}
    
    .type ul li:last-of-type span {
        border: 0;
    }
    
    .type ul li span {
        display: block;
        letter-spacing: 0.5px;
        border-bottom: 1px solid #eaeaea;
        color: #666666;
        padding-bottom: 9px;
    }
    
    .type:nth-of-type(2) {
        -webkit-animation-delay: 0.5s;
        -moz-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }
    
    .type:nth-of-type(3) {
        -webkit-animation-delay: 1s;
        -moz-animation-delay: 1s;
        animation-delay: 1s;
    }
    
    .type-head {
        font-size: 22pt;
        background: url("/images/card-top.jpg") no-repeat center;
        color: #fff;
        line-height: 105px;
        text-align: center;
        display: block;
        height: 105px;
    }
    
    .testemonials {
        background: #eeeeef;
        min-width: 1080px;
    }
    
    .what-they-say {
        text-align: center;
        padding-top: 34px;
        padding-bottom: 18px;
    }
    
    .what-they-say > h3 {
        text-align: center;
        font-size: 28pt;
    }
    
    .words ul {
        padding: 0;
        list-style: none;
        margin-top: 36px;
        border-bottom: 1px solid #c5c7c9;
        padding-bottom: 20px;
    }
    
    .word-title {
        font-size: 17pt;
        font-weight: 600;
    }
    
    .words .slick-list {
        background: url("/images/left-quotes.png") no-repeat left, url("/images/right-quotes.png") no-repeat right;
    }
    
    .words ul li p:nth-of-type(2) {
        color: #666666;
        font-style: italic;
        font-size: 16pt;
        padding: 0 121px;
        line-height: 25px;
    }
    
    .slide-testem .cl-photo-wrap {
        display: inline-block;
        border: 0;
        width: 86px;
        height: 86px;
        opacity: 0.5;
    }
    
    .words {
        margin-bottom: 57px;
        position: relative;
    }
    
    .words:after {
        height: 50px;
        width: 50px;
        display: block;
        content: " ";
        background: url("/images/arrow-down.png") no-repeat center;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        right: 0;
        left: 0;
        bottom: -34px;
    }
    
    .collapse {
        transition: opacity 1s ease-in-out;
    }
    
    .words .panel-group .panel {
        background: none;
        border: 0;
    }
    
    .words {
        transition: height 1s ease-in-out;
    }
    
    .slide-testem .cl-photo-wrap > img {
        height: 100%;
        width: 100%;
    }
    
    .testem > * {
        display: inline-block;
        vertical-align: middle;
    }
    
    .testem {
        cursor: pointer;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
    }
    
    .testem .says p {
        width: 113px;
        text-align: left;
        font-size: 14pt;
    }
    
    .testem .says span {
        font-size: 7pt;
        display: block;
        margin-top: 2px;
    }
    
    .slide-testem.slick-initialized .slick-track {
        height: 125px;
        overflow: hidden;
    }
    
    .slide-testem.slick-initialized .slick-list {
        padding-left: 0 !important;
        margin-left: 6px;
    }
    
    .slide-testem.slick-initialized .slick-slide {
        transition: width 2s ease;
        overflow: hidden;
        width: 210px;
    }
    
    .slide-testem.slick-initialized .slick-slide.slick-active.slick-center {
        transition: width 2s ease-in;
    }
    
    .slide-testem.slick-initialized .slick-slide.slick-cloned.slick-center {
        /*width: auto !important;*/
    }
    
    .testem .says {
        margin-left: 0;
        opacity: 0;
        width: 0;
        transition: opacity 2s ease, width 0.5s linear;
    }
    
    .testem .says p {
        white-space: normal;
    }
    
    .testem.slick-center .says {
        opacity: 1;
        width: 126px;
    }
    
    .testem.slick-center {
        background: #eeeeef;
    }
    
    .testem .cl-photo-wrap {
        transition: width 1s ease, height 1s ease, opacity 1s ease;
    }
    
    .testem.slick-center .cl-photo-wrap {
        width: 104px;
        height: 104px;
        opacity: 1;
    }
    
    .command-now {
        background: #8bc842;
        min-width: 1080px;
        color: #fff;
    }
    
    .command-it-now {
        position: relative;
        padding-top: 53px;
        padding-bottom: 46px;
    }
    
    .command-it-now > p {
        margin: 0;
    }
    
    .command-it-now > button {
        padding: 12px 43px;
        font-size: 13pt;
    }
    
    .command-it-now > p:first-of-type {
        font-size: 21pt;
        margin-right: 41px;
    }
    
    .command-it-now > * {
        display: inline-block;
        vertical-align: middle;
    }
    
    .gener-tag {
        position: absolute;
        padding-top: 51px;
        right: -14px;
        top: -16%;
        background: url("/images/generate-it.png") no-repeat left;
        font-size: 17pt;
        padding-left: 84px;
        width: 190px;
        font-family: "Kalam"
    }
    
    .contacts {
        background: url("/images/contacts-bg.png") no-repeat center;
        min-width: 1080px;
        background-size: cover;
    }
    
    .contact-us {
        color: #fff;
        padding-top: 33px;
        padding-bottom: 53px;
    }
    
    .contact-us ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    .contact-us ul li {
        display: inline-block;
        padding-left: 71px;
        height: 64px;
        font-size: 13pt;
        margin-right: 15px;
        color: #8bc842;
    }
    
    .contact-us ul li:last-of-type {
        margin-right: 0;
    }
    
    .contact-us ul li span {
        display: block;
        font-size: 18pt;
        color: #fff;
    }
    
    .contact-us ul li:nth-of-type(1) {
        background: url("/images/tel-ico.png") no-repeat left;
    }
    
    .contact-us ul li:nth-of-type(2) {
        background: url("/images/point-ico.png") no-repeat left;
    }
    
    .contact-us ul li:nth-of-type(3) {
        background: url("/images/email-ico.png") no-repeat left;
    }
    
    .contact-us > h3 {
        text-align: center;
        font-size: 28pt;
        margin-bottom: 47px;
    }
    
    .where-we-are {
        background: url("/images/map-where.png") no-repeat center;
        min-width: 1080px;
        background-size: cover;
        height: 500px;
        position: relative;
    }
    
    .map-focus {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 30;
        top: 0;
        left: 0;
        background: url("/images/map-focus.png") no-repeat center;
        background-size: cover;
    }
    
    .tag-where {
        position: absolute;
        z-index: 50;
        top: 31%;
        left: 17%;
        color: #fff;
        font-size: 37pt;
        font-family: "Kalam";
        padding-top: 54px;
        padding-right: 94px;
        background: url("/images/arrow-right.png") no-repeat right;
    }
    
    #map_canvas {
        width: 100%;
        height: 100%;
    }
    
    .questions {
        min-width: 1080px;
        background: #fefefe;
        /* Old browsers */
        background: -moz-linear-gradient(top, #fefefe 0%, #fcfcfc 11%, #eeefef 47%, #eeeeef 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(11%, #fcfcfc), color-stop(47%, #eeefef), color-stop(100%, #eeeeef));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #fefefe 0%, #fcfcfc 11%, #eeefef 47%, #eeeeef 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #fefefe 0%, #fcfcfc 11%, #eeefef 47%, #eeeeef 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #fefefe 0%, #fcfcfc 11%, #eeefef 47%, #eeeeef 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #fefefe 0%, #fcfcfc 11%, #eeefef 47%, #eeeeef 100%);
        /* W3C */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#eeeeef', GradientType=0);
        /* IE6-9 */
    }
    
    .quest {
        text-align: center;
        padding-bottom: 40px;
    }
    
    .quest > h3 {
        background: url("/images/green-flag.png") no-repeat top center;
        padding: 16px 0 41px;
        font-size: 32pt;
        margin: 0 0 26px;
        color: #fff;
    }
    
    .quest > p {
        font-size: 21pt;
    }
    
    .quest > p i {
        cursor: pointer;
        font-style: normal;
        text-decoration: none;
        color: #000;
        font-weight: 600;
        border-bottom: 1px dashed #000;
        text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);
    }
    
    .quest > p i:hover {
        border: none;
    }
    
    .copy-right {
        background: #232b30;
        min-width: 1080px;
        color: #c9d0d4;
        padding: 35px 0 20px;
    }
    
    .copy-right > * {
        padding: 0;
    }
    
    .left-copy {
        text-align: left;
        font-size: 12pt;
    }
    
    .right-copy {
        text-align: right;
    }
    
    .right-copy ul {
        list-style: none;
        padding: 0;
    }
    
    .right-copy ul li {
        display: inline-block;
    }
    
    .right-copy ul li a {
        width: 34px;
        height: 20px;
        display: block;
        transition: transform 0.5s cubic-bezier(.64, .3, .3, .99);
    }
    
    .right-copy ul li a:hover {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    
    .right-copy ul li:nth-of-type(1) a {
        background: url("/images/fb-ico.png") no-repeat center;
    }
    
    .right-copy ul li:nth-of-type(2) a {
        background: url("/images/tw-ico.png") no-repeat center;
    }
    
    .right-copy ul li:nth-of-type(3) a {
        background: url("/images/g-plus-ico.png") no-repeat center;
    }
    
    footer {
        position: relative;
    }
    
    .yandex {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 0;
        overflow: hidden;
        height: 0;
    }
    
    #pop-up-form {
        background: #eeeeef;
        text-align: center;
        display: inline-block;
        color: #000;
        height: 537px;
        width: 520px;
        padding: 27px 40px;
    }
    
    #pop-up-form > p {
        font-size: 27pt;
    }
    
    #pop-up-form > input,
    span {
        display: block;
    }
    
    #pop-up-form .subtitle {
        display: block;
        color: #777777;
        font-size: 13pt;
        margin-top: 8px;
    }
    
    #pop-up-form .input-name {
        text-align: left;
        color: #444444;
        font-weight: 600;
        margin-bottom: 9px;
        margin-top: 27px;
    }
    
    #pop-up-form input {
        width: 100%;
        border: 1px solid #d6d6d7;
        outline: none;
        padding-left: 25px;
        font-size: 13pt;
        height: 48px;
    }
    
    #pop-up-form button {
        margin: 39px auto 26px;
        font-size: 12pt;
        padding: 13px 86px;
    }
    
    #pop-up-form .form-foot {
        font-size: 12pt;
        color: #777777;
    }
    
    .form-foot > strong {
        color: #000;
    }
    
    .fancy-my-close {
        background: url("/images/close-pop.png") no-repeat center;
        display: block;
        height: 20px;
        width: 20px;
        top: 20px;
        position: absolute;
        right: 20px;
        opacity: 0.5;
        transition: opacity 0.5s ease-in;
    }
    
    .fancy-my-close:hover {
        opacity: 1;
    }
    
    .form_2calls_wrapper {
        position: fixed !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: url(/images/luxury_background.png) !important;
        font-family: "Open Sans", sans-serif !important;
        font-weight: 300 !important;
        z-index: 200000 !important;
        padding: 0 !important;
        margin: 0 !important;
        line-height: normal !important;
        text-align: left !important;
    }
    
    .fancy-preview-close {
        width: 100%;
        height: 80px;
        position: absolute;
        background: #fff;
        top: -80px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    
    .fancy-preview-close:hover {
        text-decoration: none;
    }
    
    .fancy-preview-close:before {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        content: "\e091";
        font-family: 'Glyphicons Halflings';
        font-size: 30px;
        position: relative;
        left: 0;
        margin-left: 30px;
        color: #ff7e00;
    }
    
    .fancy-preview-close:hover:before {
        left: -15px;
    }
    
    .form_2calls_wrapper .fancybox-inner {
        width: 100% !important;
        padding-right: 15px;
        margin: 80px 43px 0px 0px;
    }
    
    @media (max-width: 1380px) {
        .item {
            height: 125px;
        }
    }
    
    @media (max-width: 1270px) {
        .about-lp > h3 {
            width: 560px;
            font-size: 47px;
        }
        .top-form .arrow {
            bottom: 230px;
        }
    }
    
    @media screen and (max-device-width: 800px) {
        .top-sect {
            background: url('/images/top-bg.jpg') #000 no-repeat center center;
            background-size: cover;
        }
        .watch-this {
            display: none;
        }
    }
    
    .success {
        margin-top: 11px;
        background-color: rgba(28, 250, 55, 0.45);
        border-radius: 10px;
        border: 1px solid green;
        /* box-shadow: 0px 1px 8px -2px #000; */
        width: 100%;
        margin-left: 0px;
        padding: 5px 22px;
        text-align: center;
        color: #fff;
        display: none;
    }
    /*popupfacebook*/
    
    .popupfacebook {
        position: fixed;
        width: 297px;
        height: 160px;
        background: #3658a0;
        right: -320px;
        bottom: 10px;
        color: #fff;
        padding: 10px;
        -webkit-transition: right 0.5s;
        transition: right 0.5s;
        box-shadow: -9px 5px 0px rgba(84, 84, 84, 0.34);
    }
    
    .popupfacebook .facebook-close {
        position: absolute;
        top: 10px;
        right: 10px;
        color: #fff;
    }
    
    .popupfacebook .already {
        color: #B5CDFF;
        text-decoration: none;
        font-size: 13px;
    }
    
    .popupfacebook .already:hover {
        text-decoration: underline;
    }
    
    .popupfacebook .likebox {
        position: absolute;
        right: 10px;
        top: 35px;
        text-align: center;
    }
    
    .popupfacebook .likebox .likeboxin {
        padding-bottom: 5px;
        background: #fff;
        height: 90px;
        width: 90px;
        text-align: center;
        border-radius: 5px;
        padding-top: 15px;
        margin-bottom: 5px;
    }
    
    .popupfacebook .text24.semibold {
        line-height: 26px;
        padding-bottom: 10px;
    }
    
    .popupfacebook .text16.normal {
        line-height: 18px;
    }

    .what-you-need .center{
    	width: 1080px;
    }