.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display:block; margin: 5px auto 5px auto; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float:right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float:left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto; }
.wp-caption p.wp-caption-text { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; }


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

body { width: 100%; background: #fff; font-family: "Open Sans"; font-weight: 400; font-size: 14px; color: #000; }
h1 { background-image: url("../images/mp/h1_bg_grey.svg"); background-position: bottom center; background-repeat: no-repeat; background-size: 80px 6px; padding: 0 0 15px 0;font-family: 'Open Sans'; font-weight: 700; color: #323239; text-align: center; }
h1.white { background-image: url("../images/mp/h1_bg_white.svg"); color: #fff; }
h2 { text-align: left; padding: 0; font-family: 'Open Sans'; font-weight: 300; text-transform: uppercase; }
h3 { text-decoration: none; }
h4.area-title { font-family: 'Open Sans'; font-weight: 400; color: #de8034; }
p { padding: 0; font-family: 'Open Sans'; font-weight: 300; font-size: 16px; line-height: 15px; word-wrap: break-word; }
a { color: #000; text-decoration: underline; }
a:hover, a:focus { color: #000; }
img { height: auto; max-width: 100%; vertical-align: bottom; }
:active, :hover, :focus { outline: 0; outline-offset: 0; }

.container { position: relative; }
.btn { background-color: #26BDEF; padding: 0 15px; border: none; border-radius: 25px; font-family: 'Open Sans'; font-weight: 400; line-height: 50px; font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; outline: none !important; }
    .btn:focus, .btn:hover, .btn:active { outline: none; }
    .btn-transp { background-color: transparent; border: 1px solid #26BDEF; color: #26BDEF; }
        .btn-transp:hover { background-color: transparent; border: 1px solid #26BDEF; color: #26BDEF; }

.go-top { position: fixed; bottom: 80px; right: 50px; z-index: 1000; background: rgba(38, 189, 239, 0.5) url("../images/arrow_t.svg") center no-repeat; background-size: 15px 15px; border-radius: 50%; width: 70px; height: 70px; display: none; }

/**
 * HEADER
 */
.header { width: 100%; }
    .top-line { background: #323239; width: 100%; padding: 15px 0; }
        .top-line .title { float: left; width: 50%; font-family: 'Roboto'; font-size: 20px; line-height: 26px; color: #fff; }
        .top-line .soc-bar-wrap { float: right; width: 25%; }
        .soc-bar { height: 27px; text-align: center; }
            .soc-bar a { background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 15px 15px; float: right; display: block; width: 27px; height: 27px; }
                .soc-bar a + a { margin-left: 18px; }
                .soc-bar .soc_fb { background-image: url("../images/soc/soc_fb.svg"); }
                .soc-bar .soc_yt { background-image: url("../images/soc/soc_yt.svg"); }
                .soc-bar .soc_tg { background-image: url("../images/soc/soc_tg.svg"); }
        .top-line .lang-bar { float: right; width: 25%; }
        .lang-bar { width: 120px; height: 27px; text-align: center; }
            .lang-bar a { background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 18px 12px; float: right; display: block; width: 27px; height: 27px; }
                .lang-bar a + a { margin-right: 18px; }
                .lang-bar a.lang-ua { background-image: url("../images/header/ua.png"); }
                .lang-bar a.lang-ru { background-image: url("../images/header/ru.png"); }

    .header .contacts-block { width: 100%; }
        .header .contacts-block .contacts { padding: 0; list-style: none; overflow: hidden; }
            .header .contacts-block .contacts li { background-position: left 15px; background-repeat: no-repeat; background-size: 30px 30px; float: left; font-family: 'Open Sans'; font-weight: 300; font-size: 16px; line-height: 29px; color: #323239; }
                .header .contacts-block .contacts li:nth-child(1) { background-image: url("../images/header/top-contacts-marker.svg"); }
                .header .contacts-block .contacts li:nth-child(2) { background-image: url("../images/header/top-contacts-hphones.svg"); }
                .header .contacts-block .contacts li:nth-child(3) { background-image: url("../images/header/top-contacts-time.svg"); }
    .top-menu-bar { position: relative; padding-top: 25px; }
        .top-menu-bar .logo { background: transparent url("../images/header/logo.svg") 0 0 no-repeat; background-size: contain; display: block; width: 285px; height: 90px; margin: 0 auto 30px auto; }
        .top-menu-bar .header-menu { width: 100%; height: 90px; padding: 30px 0; border-top: 1px solid #E5E5E5; }
        .top-menu-bar .btn { float: right; margin-top: -10px; }

/**
 * MP Slider
 */
.da-slider { background-color: #fff; position: relative; display: block; width: 100%; margin: 0; text-align: center; overflow: hidden; }
        .da-slider .nx-slider { width: 100%; }
        .da-slider .nx-slider .da-img { background-color: transparent; background-position: center top; background-repeat: no-repeat; background-size: cover; width: 100%; }
        .da-slider .nx-slider .da-img img { width: 100%; }
    .slider-content-wrap { position: absolute; width: 100%; height: 100%; margin: 0px auto; z-index: 2; text-align: center; color: #FFFFFF; left: 0px; right: 0px; top: 0px; }
        .da-slider h1,
        .da-slider h2,
        .da-slider .da-link { background: transparent; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-in-out; transition-delay: 0s; opacity: 0; }
        .da-slider h1 { position: relative; font-family: 'Open Sans'; font-weight: 900; color: #fff; text-transform: uppercase; text-align: left; transition-delay: .4s; }
        .da-slider h2 { position: relative; margin-top: 0; font-family: 'Open Sans'; font-weight: 400; font-size: 18px; line-height: 29px; color: #fff; transition-delay: .2s; }
        .da-slider .da-link { position: relative; background-color: transparent; margin-left: 120px; padding: 10px 30px; border: 1px solid #de8034; border-radius: 0; color: #FFF; transition-delay: .9s; text-decoration: none; }
            .da-slider .owl-item.active h1 { margin-left: 0px; opacity: 1; }
            .da-slider .owl-item.active h2 { margin-left: 0px; opacity: 1; }
            .da-slider .owl-item.active p { margin-left: 0px; opacity: 1; }
            .da-slider .owl-item.active .da-link { margin-left: 0px; opacity: 1; }

/* Styling Pagination*/
.owl-carousel .owl-dots { margin-left: auto; margin-right: auto; }
    .owl-carousel .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ }
        .owl-carousel .owl-dots .owl-dot span { background: #fff; display: block; width: 12px; height: 12px; margin: 0 5px; border: 3px solid #323239; border-radius: 6px; }
        .owl-carousel .owl-dots .owl-dot.active span { background-color: #323239; border: 3px solid #fff; }
    .owl-carousel .owl-prev,
    .owl-carousel .owl-next { position: absolute; top: 50%; z-index: 101; background-color:  rgba(229,229,229,0.5); background-position: center; background-repeat: no-repeat; background-size: 10px 10px; display: block; height: 50px; width: 50px; margin-top: -25px; border-radius: 25px; transition-property: all; transition-duration: 0.3s; transition-timing-function: ease-in-out; transition-delay: 0s; opacity: 0; }
    .owl-carousel .owl-prev { left: 15px !important; background-image: url("../images/arrow_l.svg"); }
    .owl-carousel .owl-next { right: 15px !important; background-image: url("../images/arrow_r.svg"); }
        .owl-carousel .owl-prev:hover,
        .owl-carousel .owl-next:hover,
        .owl-carousel .owl-prev:before,
        .owl-carousel .owl-next:before { background-color: #7A7A7A; }
        .owl-carousel .owl-prev:before,
        .owl-carousel .owl-next:before { margin-top: 12px; }
        .owl-carousel .owl-next span.genericon:before,
        .owl-carousel .owl-prev span.genericon:before { line-height: 56px; }
    .owl-carousel:hover .owl-prev { opacity: 1; left: 0px; }
    .owl-carousel:hover .owl-next { opacity: 1; right: 0px; }
/* preloading images */
.owl-item.loading{ min-height: 150px; background: url(../images/loading.gif) no-repeat center center }


/**
* MP About-area
*/
.about-area h4 { max-width: 600px; margin: 30px auto 0 auto; padding: 0 15px; font-family: 'Open Sans'; font-weight: 300; font-size: 16px; line-height: 29px; color: #323239; text-align: center; }
.about-area ul { padding: 0; margin: 0; list-style: none; }
    .about-area ul li { padding-top: 50px; padding-bottom: 85px; }
        .about-area ul li .img-wrap { border: 1px solid #E5E5E5; }
        .about-area ul li img { width: 100%; }
        .about-area ul li .title { font-family: 'Open Sans'; font-weight: 700; font-size: 18px; line-height: 70px; color: #323239; text-align: center; }
        .about-area ul li .descr { margin-top: 27px; font-family: 'Open Sans'; font-weight: 400; font-size: 16px; line-height: 25px; color: #7A7A7A; text-align: center; }


/**
* MP Services-area
*/
.services-area { background-color: #F3F3F3; }
    .services-area ul { margin: 0; display: flex; justify-content: space-between; flex-wrap: wrap; }
    .services-area li { visibility: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
        .services-area li:hover { -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }
        .services-area li:nth-of-type(1) .wrap { background-image: url("../images/mp/servises_01.svg"); }
        .services-area li:nth-of-type(2) .wrap { background-image: url("../images/mp/servises_02.svg"); }
        .services-area li:nth-of-type(3) .wrap { background-image: url("../images/mp/servises_03.svg"); }
        .services-area li:nth-of-type(4) .wrap { background-image: url("../images/mp/servises_04.svg"); }
        .services-area li:nth-of-type(5) .wrap { background-image: url("../images/mp/servises_05.svg"); }
        .services-area li:nth-of-type(6) .wrap { background-image: url("../images/mp/servises_06.svg"); }
        .services-area li:nth-of-type(7) .wrap { background-image: url("../images/mp/servises_07.svg"); }
        .services-area li:nth-of-type(8) .wrap { background-image: url("../images/mp/servises_08.svg"); }
        .services-area li:nth-of-type(9) .wrap { background-image: url("../images/mp/servises_09.svg"); }
        .services-area li:nth-of-type(10) .wrap { background-image: url("../images/mp/servises_10.svg"); }
        .services-area li:nth-of-type(11) .wrap { background-image: url("../images/mp/servises_11.svg"); }
        .services-area li:nth-of-type(12) .wrap { background-image: url("../images/mp/servises_12.svg"); }
        .services-area li .wrap { position: relative; background-color: #fff; background-position: 30px 35px; background-repeat: no-repeat; background-size: 55px 55px; height: 100%; padding: 30px 30px 60px 100px; margin: 0 auto; width: 100%; min-height: 230px; }
        .services-area li .title { font-family: 'Open Sans'; font-weight: 600; font-size: 16px; line-height: 27px; color: #323239; }
        .services-area li .text { margin-top: 20px; font-family: 'Open Sans'; font-weight: 400; font-size: 14px; line-height: 22px; color: #7A7A7A; }
        .services-area li a { position: absolute; bottom: 27px; left: 100px; font-family: 'Open Sans'; font-weight: 600; font-size: 14px; line-height: 24px; color: #26BDEF; text-transform: uppercase; text-decoration: none; }
        .services-area .btn { display: block; width: 200px; margin: 65px auto 0 auto; }


/**
* MP About-area
*/
.about-area {  }
    .about-area .parallax-area { position: relative; }
        .about-area .parallax-area .parallax-img { background-size: cover; background-attachment: fixed; height: 100%; top: 300px; }


/**
* MP Compare-area
*/
.compare-area table { background-image: url("../images/mp/bg_compare.png"); background-repeat: no-repeat; width: 100%; margin: 80px auto; }
    .compare-area th { padding-bottom: 35px; font-family: 'Open Sans'; font-weight: 600; text-align: center; vertical-align: middle; }
    .compare-area td { font-family: 'Open Sans'; font-weight: 600; text-align: center; vertical-align: top; }
    .compare-area td:nth-child(1) { border-bottom: 1px solid #E5E5E5; vertical-align: middle; }
    .compare-area tr:last-child td:nth-child(1) { border-bottom: none; }
        .compare-area td .title { padding-top: 35px; padding-bottom: 12px; font-family: 'Open Sans'; font-weight: 700; font-size: 16px; line-height: 25px; color: #323239; text-align: center; }
        .compare-area td:nth-child(2) .title { background: transparent url("../images/mp/check_yes.svg") top center no-repeat; background-size: 25px 25px; }
        .compare-area td:nth-child(3) .title { background: transparent url("../images/mp/check_no.svg") top center no-repeat; background-size: 20px 20px; }
        .compare-area td .text { padding-bottom: 70px; font-family: 'Open Sans'; font-weight: 300; font-size: 14px; line-height: 22px; color: #323239; text-align: center; }


/**
* MP Banner-area
*/
.banner-area { background-color: #e6e6e7; background-position: center center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; }
    .banner-area .banner-parallax { background-size: cover; background-attachment: fixed; width: 100%; height: 100%; }
    .banner-area h2 { font-family: 'Open Sans'; font-weight: 900; color: #fff; text-transform: uppercase; text-align: center; }
    .banner-area .description { margin-top: 15px; font-family: 'Open Sans'; font-weight: 400; color: #fff; text-align: center; }
    .banner-area .btn { display: block; width: 250px; }
.ban3 .work-wrap { width: 100%; margin-top: 60px; overflow: hidden; }
.ban3 .item-work { background-position: top center; background-repeat: no-repeat; }
    .ban3 .item-work:nth-child(1) { background-image: url("../images/mp/works_1.svg"); }
    .ban3 .item-work:nth-child(3) { background-image: url("../images/mp/works_2.svg"); }
    .ban3 .item-work:nth-child(5) { background-image: url("../images/mp/works_3.svg"); }
    .ban3 .item-work:nth-child(7) { background-image: url("../images/mp/works_4.svg"); }
        .ban3 .item-work .title { font-family: 'Open Sans'; font-weight: 600; font-size: 16px; line-height: 25px; color: #fff; text-align: center; }
        .ban3 .item-work .descr { margin-top: 4px; font-family: 'Open Sans'; font-weight: 300; font-size: 16px; line-height: 25px; color: #fff; text-align: center; }
    .ban3 .item-arrow { background-repeat: no-repeat; }

/**
* MP Tools-area
*/
.tools-area { padding-bottom: 25px; }
    .tools-area h4 { max-width: 600px; margin: 30px auto 0 auto; padding: 0 15px; font-family: 'Open Sans'; font-weight: 300; font-size: 16px; line-height: 29px; color: #323239; text-align: center; }
    .tools-area #tools-list { margin-top: 45px; margin-bottom: 115px; }
        #tools-list .item { padding: 0 15px; }
        #tools-list .descr { margin-top: 40px; font-family: 'Open Sans'; font-weight: 700; font-size: 14px; line-height: 23px; color: #323239; text-align: left; }
        #tools-list .owl-item { height: 100%; width: 100%; text-align: center; vertical-align: middle; }


/**
* MP Adv-area
*/
.adv-area ul { margin: 25px 0; }
    .adv-area li { visibility: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
        .adv-area li:hover { -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }
        .adv-area li:nth-of-type(1) .wrap { background-image: url("../images/mp/adv_01.svg"); }
        .adv-area li:nth-of-type(2) .wrap { background-image: url("../images/mp/adv_02.svg"); }
        .adv-area li:nth-of-type(3) .wrap { background-image: url("../images/mp/adv_03.svg"); }
        .adv-area li:nth-of-type(4) .wrap { background-image: url("../images/mp/adv_04.svg"); }
        .adv-area li:nth-of-type(5) .wrap { background-image: url("../images/mp/adv_05.svg"); }
        .adv-area li:nth-of-type(6) .wrap { background-image: url("../images/mp/adv_06.svg"); }
    .adv-area li .wrap { position: relative; background-color: #fff; background-position: top center; background-repeat: no-repeat; background-size: 50px 50px; padding: 70px 30px 30px 30px; margin: 0 auto; width: 280px; min-height: 230px; }
    .adv-area li .title { font-family: 'Open Sans'; font-weight: 600; font-size: 16px; line-height: 25px; color: #323239; text-align: center; }
    .adv-area li .text { margin-top: 20px; font-family: 'Open Sans'; font-weight: 400; font-size: 16px; line-height: 25px; color: #323239; text-align: center; }
    .adv-area li a { position: absolute; bottom: 27px; left: 100px; font-family: 'Open Sans'; font-weight: 600; font-size: 14px; line-height: 24px; color: #26BDEF; text-transform: uppercase; text-decoration: none; }
    .adv-area .btn { display: block; width: 200px; margin: 65px auto 0 auto; }


/**
* MP Brend-area
*/
.brend-area { background-color: #F7F7F7; }
    .brend-area .brend-gal { display: flex; align-items: baseline; justify-content: center; flex-wrap: wrap; padding: 35px 0; }
    .brend-area .brend-block { width: 280px; height: auto; padding: 15px; }
        .brend-area .brend-block img { width: 100%; vertical-align: middle; }


/**
* Form
*/
.wpcf7 { width: 100%; max-width: 340px; margin: 0 auto !important; }
    input[type="text"],
    input[type="tel"],
    input[type="date"],
    input[type="email"] { background: transparent; width: 100%; height: 50px; padding: 0 40px; margin-top: 15px; border: 1px solid #fff; border-radius: 25px; font-family: 'Open Sans'; font-weight: 400; font-size: 15px; line-height: 50px; color: #7A7A7A; }
        input:disabled { background-color: #fafafa; border: 1px solid #929497; }
    input[type="submit"],
    button { width: 100%; margin-top: 15px; }
    input.error { background: rgba(255, 0, 0, 0.2); }
    .wpcf7 .ajax-loader { position: absolute; top: 30px; right: 15px; }
    .wpcf7 .wpcf7-not-valid { border: 1px solid #e60003; }
    div.wpcf7-response-output { margin: 0 !important; }


/**
 * Footer
 */
#footer { background: #1A1A1A; position: relative; width: 100%; }
#footer .footer-top { padding: 70px 0 0 0; }
#footer .footer-bottom { background-color: #0F0F0F; width: 100%; height: 80px; }
    #footer .logo { background: transparent url("../images/logo_footer.svg") 0 0 no-repeat; background-size: contain; display: block; width: 221px; height: 66px; }
    #footer .about-comp { margin-top: 32px; font-family: 'Open Sans'; font-weight: 300; font-size: 14px; line-height: 25px; color: #C4C4C4; }
    #footer .about-more { float: left; margin-top: 22px; font-family: 'Open Sans'; font-weight: 700; font-size: 14px; line-height: 25px; color: #26BDEF; text-transform: uppercase; text-decoration: none; }
    #footer h3 { margin: 0; font-family: 'Open Sans'; font-weight: 600; font-size: 24px; line-height: 34px; color: #fff; }
    #footer h4 { margin: 0; font-family: 'Open Sans'; font-weight: 600; font-size: 18px; line-height: 25px; color: #fff; }
    #footer p { margin: 14px 0 5px 0; font-family: 'Open Sans'; font-weight: 300; font-size: 16px; line-height: 25px; color: #fff; }
    #footer .copyright { font-family: 'Open Sans'; font-weight: 400; line-height: 80px; color: #fff; text-align: center; }
        #footer .copyright span { color: #26BDEF; }
    #footer ul { max-width: 340px; margin: 10px auto 0 auto; padding: 0; list-style: none; }
        #footer .footer-menu a { font-family: 'Open Sans'; font-weight: 300; font-size: 16px; line-height: 50px; color: #fff; font-style: normal; text-decoration: none; }
            #footer .footer-menu a:hover { text-decoration: none; }
    #footer .contacts li { background-position: left 22px; background-repeat: no-repeat; background-size: 30px 30px; padding: 15px 0 35px 40px; font-family: 'Open Sans'; font-weight: 300; font-size: 16px; line-height: 22px; color: #fff; }
        #footer .contacts li a { font-family: 'Open Sans'; font-weight: 300; font-size: 16px; line-height: 22px; color: #fff; }
        #footer .contacts li:nth-child(1) { background-image: url("../images/header/top-contacts-marker.svg"); }
        #footer .contacts li:nth-child(2) { background-image: url("../images/header/top-contacts-hphones.svg"); }
        #footer .contacts li:nth-child(3) { background-image: url("../images/header/top-contacts-time.svg"); }

/**
* Modal
*/
.modal { z-index: 100000; }
.close { color: #2C3C42; opacity: 1; filter: alpha(opacity=100); }
button.close { background: transparent url("../images/icon_close.svg") center center no-repeat; background-size: 28px 28px; width: 28px; height: 28px; margin: 15px 15px 0 0; }
.modal-content { height: 100%; border: none; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.modal.in .modal-dialog { height: 90%; }
.modal-content .modal-body { height: 100%; overflow: auto !important; -webkit-overflow-scrolling: touch !important; }
    .modal-content .modal-body object { width: 100%; height: 100%; }
    .modal-content .modal-body iframe { width: 100%; height: 100%; border: none; overflow: scroll; -webkit-overflow-scrolling: touch; }
.modal-dialog .btn { height: 30px; margin-top: 0; line-height: 30px; }