/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
b, strong {font-family: 'NokiaSansS60-Bold';}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* styles */
html, body { height: 100% }

body { 
    min-width: 1200px; 
    color: #414141;
    font-family: 'NokiaSansS60';
    font-size: 16px;
    margin: 0 auto;
    background: url(../images/body-bg.jpg) repeat-y #e7ded6;
}

#main { 
    position: relative; 
    min-height: 100%; 
    padding: 0 0 0 295px;
    overflow: hidden;
}

.sidebar {position: absolute; top: 0px; left: 0px; width: 295px; background: #fff; padding: 34px 0; height: 100%; z-index: 100; box-sizing: border-box;}
    .logo-box {padding: 0 0 0 10px;}
        .logo-box img {float: left; margin-right: 5px;}
        .phone-box {overflow: hidden; padding: 12px 0 0 0;}
            .phone-box p {font-size: 18px; color: #414141; font-family: 'NokiaSansS60-Bold'; padding: 0 0 15px 0;}
            .phone-box p a {color: #414141; text-decoration: none;}
            .phone-box .callback {font-size: 12px; color: #ef1e1c; text-transform: uppercase; font-family: 'NokiaSansS60-Bold';}
            .phone-box .order {display: block; width: 113px; text-align: center; background: #f12828; font-size: 12px; color: #fff; text-decoration: none; text-transform: uppercase; height: 28px; line-height: 28px; position: relative; margin: 15px 0 0 0;}
            .phone-box .order:before {content: ""; position: absolute;top: 0px; right: -6px; background: url(../images/order-before.png) no-repeat; width: 6px; height: 28px;}

    .nav {padding: 20px 30px 30px 30px;}
        .nav li {border-bottom: 1px solid #ece5e0;}
            .nav li a {display: block; font-size: 13px; color: #414141; text-decoration: none; text-transform: uppercase; display: block; padding: 13px 30px; margin: 0 -30px; font-family: 'NokiaSansS60-Bold';}
            .nav li:hover a,.nav .active {background: #f5f2ef;}
            .nav li:hover ul {z-index: 500; opacity: 1; width: 285px; right: -285px;}

     /*   .nav ul ul {position: absolute; width: 0px; z-index: -1; transition: 0.3s; opacity: 0; background: #f6f2ee; height: 100%; top: 0px; right: 0px; padding: 0;}
            .nav ul ul li {margin: 0 0 0 40px;}
                .nav ul ul li a {margin: 0 0 0 -40px; color: #1d558d; line-height: 130%; padding: 13px 40px;}
                .nav ul ul li a:hover, .nav ul ul .active {background: #e7ded6;}
*/
        .catalog .nav ul ul {z-index: 500; opacity: 1; width: 285px; right: -285px;}
        .catalog .container {margin-left: 285px !important;}

    .sidebar-news {position: absolute; bottom: 40px; left: 0px; width: 100%; padding: 0 30px; box-sizing: border-box;}
        .sidebar-news h2 {font-size: 13px; color: #414141; text-transform: uppercase; font-family: 'NokiaSansS60-Bold'; padding: 0 0 17px 0;}
        .sidebar-news .block {position: relative; padding: 0 0 20px 20px;}
        .sidebar-news .block:before {content: ""; position: absolute; top: 8px; left: 0px; width: 10px; height: 3px; background: #e6ddd7;}
        .sidebar-news .block a {display: inline-block;line-height: 120%; font-size: 15px; color: #1d558c; text-decoration: none;}
        .sidebar-news span {font-size: 12px; color: #414141; display: block; padding: 7px 0 0 0;}
        .sidebar-news .all {font-size: 11px; color: #414141; text-transform: uppercase; font-weight: bold;}

    .sidebar .search {position: relative; margin: 0 30px;}
        .sidebar .search input {display: block; width: 100%; padding: 0 30px 0 10px; box-sizing: border-box; background: #f6f2ee; height: 34px; font-family: 'NokiaSansS60'; font-size: 14px; border: 0;}
        .sidebar .search button {position: absolute; top: 9px; right: 10px; z-index: 10; cursor: pointer; background: url(../images/search-bg.png) no-repeat; width: 14px; height: 15px; border: 0;}

    .sidebar-phone {position: absolute; bottom: 35px; left: 0px; padding: 15px 0 0 0; border-top: 1px solid #ece5e0; width: 235px; box-sizing: border-box; margin: 0 0 0 30px;  color: #1d558d;}
        .sidebar-phone a {color: #1d558d; font-size: 15px; text-decoration: none;}
        .sidebar-phone p {font-family: 'NokiaSansS60-Bold'; font-size: 18px; padding: 0 0 7px 0;}

.container {overflow: hidden; position: relative; transition: 0.3s; z-index: 200; line-height: 130%;}
.container li {list-style-type: disc; margin: 5px 0 5px 20px;}
.container.index {height: 100vh;}
    .heading-box {background: url(../images/heading-bg.jpg) no-repeat; background-size: cover; position: relative; height: 40vh; padding: 45px 68px 50px 50px; box-sizing: border-box;}
        .heading-box h2 {font-size: 22px; padding: 0 0 25px 0; margin: 0 0 30px 0; position: relative;}
        .heading-box h2:before {content: ""; position: absolute; bottom: 0px; left: 0px; width: 147px; height: 1px; background: #ddd0c3;}
        .heading-box p {font-size: 35px; color: #1d558c; line-height: 120%;}
        .heading-box form {float: left; width: 78%; position: relative;}
        .heading-box input {display: block; width: 100%; height: 42px; padding: 0 35px 0 20px; box-sizing: border-box; border: 0; font-size: 15px; color: #000; font-family: 'NokiaSansS60';}
        .heading-box input::-webkit-input-placeholder {color: #4d4d4d; opacity: 0.6;}
        .heading-box button {position: absolute; top: 13px; right: 13px; cursor: pointer; border: 0; background: url(../images/search-bg.png) no-repeat; width: 14px; height: 15px;}
        .heading-box .catalog {float: right; width: 185px; height: 42px; line-height: 42px; background: #f01f1d; color: #fff; text-transform: uppercase; font-size: 15px; text-decoration: none; text-align: center;}
        .heading-box .block {position: absolute; bottom: 50px; left: 0px; width: 100%; padding: 0px 68px 0px 50px; box-sizing: border-box;}

    .action-box {height: 27.5vh; border-left: 1px solid #f0e7d9; background: #fff; overflow: hidden;}
        .action-box .block {float: left; width: 50%; text-align: center;}
        .action-box .image {float: right;}
        .action-box img { height: 27.5vh;}
        .action-box .image img {display: block; width: 100%; height: 27.5vh;}
        .action-text {overflow: hidden; padding: 30px 40px 20px 40px; line-height: 130%; font-size: 15px; color: #646464; text-align: left;}
        .action-text a {display: inline-block; text-decoration: none; font-size: 31px; color: #1d558c; line-height: 120%;}
        .action-text p { line-height: 120%; padding: 0px 0 5px 0;}

    .partner-box {height: 33.5vh; background: url(../images/partner-bg.jpg) repeat-y; background-size: cover; padding: 35px 47px 20px 47px; box-sizing: border-box;}
        .partner-box .box {border-bottom: 1px solid #ddccb8; padding: 0 0 25px 0; margin: 0 0 25px 0;}
        .partner-box .box img {display: inline-block; vertical-align: middle; margin: 0 10px 10px 0px;}
        .partner-box .block {float: left; width: 25%;}
        .partner-box .block img {float: left; margin: 0 10px 0 0;}
        .partner-box .block span {float: left; font-size: 61px; color: #1d558c; line-height: 80%; margin: 0 10px 0 0;}
        .partner-box .block p {overflow: hidden; font-size: 14px; color: #433019; text-transform: uppercase; line-height: 120%;}
        .partner-box .block strong {float: left; margin: 0 15px 0 0;}
        .partner-box .block:nth-child(2) {width: 17%;}
        .partner-box .block:nth-child(4) {width: 32%;}
        .partner-box .block:nth-child(5) {width: 17%;}

    .working {position: absolute; bottom: 5px; right: 15px; z-index: 500;}

    .modal {width: 467px; box-sizing: border-box; display: none; background: #fff; border-radius: 3px;}
        .modal h2 {color: #1d558c; font-size: 30px; padding: 0 0 30px 0; text-align: center; font-family: 'NokiaSansS60-Bold';}
        .modal input {display: block; margin: 0 0 15px 0; width: 100%; padding: 0 10px; box-sizing: border-box; border: 1px solid #dcd9d5; font-size: 14px; color: #414141; font-family: 'NokiaSansS60'; height: 35px;}
        .modal button {display: inline-block; vertical-align: top; background: #f01f1d; margin: 0; height: 42px; color: #fff; text-transform: uppercase; font-size: 14px; font-family: 'NokiaSansS60-Bold'; border: 0; cursor: pointer; padding: 0 15px;}

.about-container {background: url(../images/about-bg.jpg) repeat-y 100% 0; padding: 0 0 30px 0;}
    .about-list {float: right; width: 430px;}
        .resume-block {color: #fff; background: #1d558d; padding: 40px 40px 10px 40px;}
            .resume-block h3 {text-transform: uppercase; font-size: 14px; font-family: 'NokiaSansS60-Bold'; padding: 0 0 25px 0;}
            .resume-block .block {float: left; width: 50%; padding: 0 0 30px 0;}
            .resume-block .block:last-child {float: none; clear: both; width: auto;}
            .resume-block span {font-size: 50px;}
            .resume-block p {line-height: 130%; font-size: 14px; padding: 3px 0 0 0;}
        .about-partner {padding: 40px 10px 10px 40px;}
            .about-partner h3 {display: inline-block; font-size: 14px; color: #414141; text-transform: uppercase; font-family: 'NokiaSansS60-Bold';}
            .about-partner .all {float: right; font-size: 14px; color: #f01e1d; text-transform: uppercase; margin: 0 30px 0 0;}
            .about-partner .block {clear: both; padding: 35px 0 0 0;}
            .about-partner img {display: inline-block; vertical-align: middle; margin: 0 20px 20px 0;}
    .about-info {overflow: hidden; padding: 40px 40px 0 40px; font-size: 16px;}
        .about-info h1 {font-size: 30px; color: #1d558d; padding: 0 0 30px 0;}
        .about-info h2 {font-size: 18px; color: #1d558d; padding: 0 0 22px 0; font-family: 'NokiaSansS60-Bold';}
        .about-info img {width: 100%; height: auto; display: block; margin: 0 0 27px 0;}
        .about-info p {line-height: 140%; padding: 0 0 22px 0;}
        .about-info p span {color: #1d558d;}
        .about-info table {width: 100%;}
        .about-info td {vertical-align: middle; padding: 15px 0; font-size: 15px;}
        .about-info td img {display: inline-block; margin: 0; width: auto;}

.history-box {background: #e3d5c0; padding: 40px;}
    .history-box h3 {font-size: 18px; font-family: 'NokiaSansS60-Bold'; padding: 0 0 22px 0; text-transform: uppercase;}
    .tabs__caption {padding: 0 0 23px 0;}
    .history-box li {font-size: 16px; cursor: pointer; color: #414141; text-decoration: none; display: inline-block;vertical-align: top; padding: 0 8px; height: 25px; line-height: 25px;}
    .tabs__caption li.active {background: #f6f1e9; color: #1d558d; font-family: 'NokiaSansS60-Bold';}
    .history-box table {width: 100%;}
    .history-box td {vertical-align: middle; font-size: 22px; line-height: 140%;}

    .catalog-box {padding: 45px 50px;}
        .catalog-box h2 {text-transform: uppercase; font-size: 25px; padding: 0 0 25px 0; position: relative; line-height: 120%;}
        .catalog-box h1 {font-size: 35px; color: #1d558d; padding: 0 0 25px 0; line-height: 120%;}
        .form-block {position: relative; display: inline-block;vertical-align: top;}
        .form-block input {display: block; width: 345px; height: 35px; padding: 0 30px 0 11px; background: #fff; border: 0; margin: 0 0 35px 0px; color: #414141; font-family: 'NokiaSansS60'; font-size: 14px;}
        .form-block input::-webkit-input-placeholder {color: #414141; line-height: 100%;}
        .form-block button {position: absolute; top: 10px; right: 10px; z-index: 10; background: url(../images/search-bg.png) no-repeat; width: 14px; height: 15px; border: 0; cursor: pointer;}
        .catalog-list .box {margin: 0 0 0 -24px;}
        .catalog-list .block {width: 260px; display: inline-block;vertical-align: top; margin: 0 0 28px 24px;}
        .catalog-list .block:hover .image:before {opacity: 1; height: 100%;}
        .catalog-list .block:hover a {display: block;}
        .catalog-list .image {background: #fff; position: relative; border: 4px solid #e0d7cf; position: relative;}
        .catalog-list .image span {width: 252px; height: 162px; display: table-cell; vertical-align: middle; text-align: center;}
        .catalog-list .image:before {content: ""; position: absolute; top: 0px; opacity: 0; transition: 0.2s; left: 0px; box-sizing: border-box; background: rgba(255,255,255,0.7); width: 100%; height: 0; text-decoration: none; color: #fff; text-transform: uppercase; font-family: 'NokiaSansS60-Bold'; font-size: 15px;}
        .catalog-list .image a {display: block; position: absolute; display: none; z-index: 10; left: 30px; text-transform: uppercase; color: #fff; text-decoration: none; background: #f01f1d; width: 188px; height: 42px; line-height: 42px; text-align: center; font-family: 'NokiaSansS60-Bold'; font-size: 15px;}
        .catalog-list .block p {font-family: 'NokiaSansS60-Bold'; font-size: 15px; text-transform: uppercase; padding: 10px 0 0 0;}
        .catalog-list .send {top: 35px;}
        .catalog-list .more {top: 85px;}

    .catalog-text {padding: 0 0 45px 0;}
        .catalog-text h2 {margin: 0 0 20px 0;}
        .catalog-text h2:before {content: ""; position: absolute; bottom: 0px; left: 0px; height: 1px; width: 68px; background: #daccc0;}
        .catalog-ul {padding: 0 0 40px 0;}
            .catalog-ul a {display: inline-block;vertical-align: top; margin: 0 0 5px 0; font-size: 13px; color: #1d558d; text-decoration: none; text-transform: uppercase; font-family: 'NokiaSansS60-Bold'; padding: 0 10px; height: 27px; line-height: 27px;}
            .catalog-ul .active {background: #f6f2ee;}

        .catalog-info-box {border-bottom: 1px solid #d5c5b8; padding: 0 0 35px 0;}
            .catalog-info-box h3 {font-size: 35px; color: #000; padding: 0 0 25px 0;}
            .catalog-info-block {overflow: hidden; font-size: 16px; color: #000;}
                .catalog-info-block h3 {display: block; font-size: 22px; line-height: 120%; padding: 0 0 15px 0; color: #414141;}
                .catalog-info-block p {font-size: 16px; line-height: 130%; padding: 0 0 20px 0; color: #000;}
                .catalog-info-block li {padding: 0 0 12px 24px; line-height: 130%; position: relative;}
                .catalog-info-block li:before {content: ""; position: absolute; top: 10px; left: 0px; width: 11px; height: 2px; background: #1d558c;}
            .catalog-last-block {border-bottom: 1px solid #d5c5b8; padding: 25px 0;}
                .catalog-last-block img { margin: 0 30px 0 0;}
                .catalog-last-block .block {overflow: hidden;}
                .catalog-last-block h3 {display: block; font-size: 22px; line-height: 120%; padding: 0 0 15px 0; color: #414141;}
                .catalog-last-block p {font-size: 16px; line-height: 130%; padding: 0 0 20px 0; color: #000;}

            .order-form {color: #fff; padding: 40px; background: #1d558d;}
                .order-form h3 {font-size: 21px; font-family: 'NokiaSansS60-Bold'; padding: 0 0 35px 0;}
                .order-form .block {padding: 0 0 15px 0; margin: 0 0 0 -19px;}
                .order-form input {border: 0; display: block; float: left; width: calc(50% - 19px); margin: 0 0 0 19px; padding: 0 13px; box-sizing: border-box; height: 35px; color: #414141; font-size: 13px; font-family: 'NokiaSansS60';}
                .order-form textarea {border: 0; display: block; width: 100%; padding: 13px; margin: 0 0 20px 0; resize: none; box-sizing: border-box; height: 85px; color: #414141; font-size: 13px; font-family: 'NokiaSansS60';}
                .order-form input::-webkit-input-placeholder, .order-form textarea::-webkit-input-placeholder {color: #414141;}
                .order-form button {display: inline-block; vertical-align: top; width: 128px; height: 42px; background: #f01f1d; text-transform: uppercase; font-size: 15px; font-family: 'NokiaSansS60-Bold'; border: 0; cursor: pointer; color: #fff;}

    .contact-map {float: right; width: 430px; height: 100vh;}
    .contact-text {overflow: hidden; padding: 35px 40px;}
        .contact-text h2 {font-size: 30px; color: #1d558d; padding: 0 0 25px 0;}
        .contact-text .box {padding: 23px 0 5px 0; border-top: 1px solid #dad3ce; font-size: 14px;}
        .contact-text .block {float: left; width: 33.3%;}
        .contact-text .box > .block:nth-child(2) {width: 50%;}
        .contact-text .box > .block:nth-child(3) {width: 16%;}
        .contact-text span {font-size: 13px; padding: 0px 0 18px 0; display: block; color: #1d558d; text-transform: uppercase; font-family: 'NokiaSansS60-Bold';}
        .contact-text p {padding: 0px 0 18px 0; font-size: 16px; color: #414141; font-family: 'NokiaSansS60-Bold';}
        .contact-text .address {padding: 1px 0 0 20px; margin: 0 0 0 60px; background: url(../images/adress-bg.png) no-repeat;}
        .contact-text .address p {font-size: 16px; color: #1d558d; font-family: 'NokiaSansS60-Bold'; padding: 0 0 9px 0;}
        .contact-text a {color: #1d558d;}
        .contact-text .address strong {font-size: 12px; color: #717171;}
        .contact-text p strong {font-size: 15px; font-weight: normal;}

    .license-box {padding: 40px; overflow: hidden;}
        .license-box h1 {font-size: 30px; color: #1d558d; padding: 0 0 40px 0;}
        .scrollbar {position: relative; overflow: hidden; height: 550px;}
            .scrollbar li {float: left; margin: 0 20px 0 0; list-style-type: none;}
            .scrollbar .image {border: 4px solid #ede5dd; background: #fff;}
                .scrollbar .image a {display: table-cell; vertical-align: middle; text-align: center; width: 352px; height: 497px;}

    .full-box {padding: 40px;}
        .full-box h1 {font-size: 30px; color: #1d558d; padding: 0 0 40px 0;}

    .news-box {border-bottom: 1px solid #dcd7cf; padding: 0 0 15px 0; margin: 0 0 40px 0;}
        .news-box .box {padding: 0 0 30px 0;}
        .news-box img {float: left; display: block; border: 4px solid #ede5dd; margin: 0 30px 0 0;}
        .news-box .block {overflow: hidden; padding: 10px 0 0 0; line-height: 130%;}
        .news-box .date {display: block; text-transform: uppercase; padding: 0 0 5px 0; font-size: 13px;}
        .news-box .block a {font-size: 24px; color: #1d558d; text-decoration: none; line-height: 130%; display: inline-block;}
        .news-box p {line-height: 120%; padding: 0px 0 10px 0; font-size: 15px;}

    .news-navigation {color: #000; font-size: 11px;}
        .news-navigation a {color: #1d558d; display: inline-block; text-transform: uppercase; text-decoration: none;}
        .news-navigation .prev {padding: 0 0 0 24px; background: url(../images/nav-prev.png) no-repeat 0 50%; float: left;}
        .news-navigation .next {padding: 0 24px 0 0px; background: url(../images/nav-next.png) no-repeat 100% 50%; float: right;}
        .news-navigation span {display: block; overflow: hidden; text-align: center;}

    .news-item {font-size: 15px; border-bottom: 1px solid #dcd7cf; padding: 0 0 15px 0; margin: 0 0 40px 0; line-height: 130%;}
        .news-item .date {display: block; text-transform: uppercase; padding: 0 0 17px 0; font-size: 13px;}
        .news-item h1 {padding: 0 0 20px 0; line-height: 110%;}
        .news-item p {line-height: 150%; padding: 0 0 30px 0;}
        .news-item h2 {font-size: 18px; text-transform: uppercase; color: #1d558d; font-family: 'NokiaSansS60-Bold'; padding: 20px 0;}
        .news-item ul {padding: 0 0 30px 0;}
        .video-block {margin: 0 auto 40px; width: 500px; position: relative; margin-top: 30px;}
        .video-block img {display: block;}
        .video-block a {position: absolute; top: 0px; width: 100%; height: 100%; z-index: 10; background: url(../images/play-icon.png) no-repeat 50% 50%;}

    .partnerbox .catalog-list .image span {width: 200px; height: 120px;}
    .partnerbox .catalog-list .block {width: 200px;}

    .tech-container {background: url(../images/tech-bg.jpg) repeat-y 100% 0; padding: 0 0 60px 0;}
        .tech-form {float: right; width: 430px;}
            .tech-form form {padding: 40px; background: #fff; border-bottom: 4px solid #f6f0e8;}
            .tech-form form h3 {font-size: 14px; font-family: 'NokiaSansS60-Bold'; color: #fff; text-transform: uppercase; height: 70px; line-height: 70px; position: relative; background: #1d558d; padding: 0 40px; margin: -40px -40px 35px -40px;}
            .tech-form form h3:before {content: ""; position: absolute; bottom: -14px; left: 0px; width: 100%; background: url(../images/h3-before.png) no-repeat 50% 0; height: 14px;}
            .tech-form input {display: block; width: 100%; box-sizing: border-box; margin: 0 0 15px 0;border: 1px solid #dcd9d5; padding: 0 13px; height: 33px; color: #414141; font-size: 14px; font-family: 'NokiaSansS60';}
            .tech-form textarea {display: block; width: 100%; box-sizing: border-box; margin: 0 0 15px 0;border: 1px solid #dcd9d5; padding: 10px 13px; resize: none; height: 173px; color: #414141; font-size: 14px; font-family: 'NokiaSansS60';}
            .tech-form input::-webkit-input-placeholder, .tech-form textarea::-webkit-input-placeholder {color: #414141; line-height: 110%;}
            .tech-form button {display: inline-block; padding: 0 22px; height: 42px; background: #f01f1d; border: 0; cursor: pointer; color: #fff; text-transform: uppercase; font-size: 15px; font-family: 'NokiaSansS60-Bold';}
            .tech-form .done-message {margin: 10px 0 0 0;}
            .tech-form .done-message:before {display: none;}

        .tech-box {overflow: hidden; padding: 40px;}
            .tech-box h1 {font-size: 30px; color: #1d558d; padding: 0 0 22px 0;}
            .tech-box p {padding: 0 0 30px 0; line-height: 150%;}
            .tech-box h2 {font-size: 18px; color: #1d558d; font-family: 'NokiaSansS60-Bold'; padding: 0 0 23px 0; text-transform: uppercase;}
            .tech-block {padding: 25px 30px 25px 0px; background-color: #fff; margin: 0 0 10px 0; background-repeat: no-repeat; overflow: hidden;}
                .tech-block h4 {font-size: 24px; color: #1d558d; line-height: 130%;}
                .tech-block li {line-height: 150%; padding: 0 0 0 20px; position: relative; margin: 10px 0 0 0; font-size: 15px;}
                .tech-block li:before {content: ""; position: absolute; top: 10px; left: 6px; width: 4px; height: 4px; border-radius: 100%; background: #1d558d;}
                .tech-block .image {float: left; width: 80px; text-align: center;}
                .overblock {overflow: hidden;}
            .tech-address {padding: 30px 0 5px 0;}
                .tech-address .block {width: 33%; float: left; font-size: 15px;}
                .tech-address p {padding: 2px 0 7px 0; font-size: 18px; font-family: 'NokiaSansS60-Bold';}
                .tech-address a {color: #414141;}

            .tabs__content {
  display: none; /* по умолчанию прячем все блоки */
}
.tabs__content.active {
  display: block; /* по умолчанию показываем нужный блок */
}

.notfoud-box {background: #f1eae4; height: 100vh;}
    .notfoud-box .block {text-align: center; position: absolute; top: 50%; width: 100%; margin: -165px 0 0 0;}
        .notfoud-box span {font-size: 35px; color: #1d558c;}
        .notfoud-box p {font-size: 220px; color: #eae2da; padding: 10px 0 20px 0; line-height: 100%;}
        .notfoud-box a {display: inline-block; background: #f01f1d; text-transform: uppercase; color: #fff; font-size: 15px; font-family: 'NokiaSansS60-Bold'; text-decoration: none; height: 42px; line-height: 42px; padding: 0 20px;}

.done-message {display: inline-block;vertical-align: top; color: #fff; height: 42px; line-height: 42px; margin: 0 0 0 15px; padding: 0 15px 0 50px; background: url(../images/done-bg.png) no-repeat 17px 50% #1ea470; position: relative; font-size: 15px; text-transform: uppercase; font-family: 'NokiaSansS60-Bold';}
    .done-message:before {content: ""; position: absolute; top: 15px; left: -7px; background: url(../images/done-before.png) no-repeat; width: 7px; height: 14px;}


input:focus, textarea:focus, button:focus {outline: none;}

@media screen and (max-width: 1580px) {
    .container { height: auto !important;}
    .heading-box { height: 433px;}
    .action-box { height: auto;}
    .action-box img { height: auto; display: block; width: 100%;}
    .action-box .image img { display: block; width: 100%;}
    .partner-box { height: auto; padding: 35px 47px 45px 47px;}
}

@media screen and (max-width: 1380px) {
    .action-text {padding: 15px;}
    .action-text a {font-size: 25px;}
}

@media screen and (max-width: 1300px) {
    .heading-box form {width: 70%;}
    .action-box .image {}
    .order-form {padding: 15px;}
    .contact-text .block {float: none; width: auto !important;}
    .contact-text .address {margin: 0 0 10px 0;}
    .contact-text span {padding: 0 0 15px 0;}
}

@media screen and (max-width: 1220px) {
    .partner-box .block span {font-size: 52px;}
    .partner-box .block p, .partner-box .block strong {font-size: 12px;}
    .heading-box p br {display: none;}
}

@media screen and (max-width: 650px) {
    .action-box .block {float: none; width: auto; overflow: hidden;}
    .notfoud-box .block {position: inherit; top: auto; padding: 250px 0; margin: 0;}
    .notfoud-box { height: auto;}
}

#products_example {
    width: 340px;
    float: left;
    position:relative;
}


#products .slides_container {
    width:303px;
    overflow:hidden;
    position:relative;
    display:none;
}


.slides_container a {
    width:303px;
    height:300px;
    display:block;
}

#products .pagination {}

#products .pagination li {
    float:left;
    margin: 9px 6px 0 0;
    list-style:none;
}

#products .pagination li a {
    display:block;
    width:40px;
    height:40px;
    margin:0px;
    float:left;
    background:#f9f9f9;
    position: relative;
}

#products .pagination li.current a {
    margin:0;
}

#products .pagination li.current a:before {content: ""; position: absolute; top: 0px; left: 0px; border: 3px solid #1d558c; width: 35px; height: 35px;}