@import url('grid.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700');
@import url('font-awesome.min.css');
@import url('animations.css');

* {margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

body {padding-top: 55px; overflow-x: hidden;}
body,input, textarea, select, button {font-family: "Open Sans",sans-serif, Arial; font-size:16px; line-height: 1.5; font-weight: 400; color: #232323; outline:0;}
img {max-width:100%;}

ul,ol {list-style-position: inside;}

h1 {font-size:28px;}
h2 {font-size:24px;}
h3 {font-size:22px;}
h4 {font-size:20px;}
h5 {font-size:18px;}


a {color: #2169b1; text-decoration: none; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
a:hover, a:focus {color:#999;}

/***common***/
.text-title {font-size: 24px; font-weight: bold; margin-bottom: 30px; text-transform: uppercase;}
.c-title-blue {font-size:20px; text-transform: uppercase; color: #2169b1;}
.c-title {font-size:26px; margin-bottom: 40px; text-transform: uppercase;}
.c-title:after {content:""; display: block; width: 80px; border-bottom: 3px solid #2169b1; margin-top: 10px; margin-bottom: 20px;}
.c-title_white {color:white;}
.c-title {text-align: center;}
.c-title:after { margin-left: auto; margin-right: auto; width: 200px;}
.c-title-big {font-size: 160px;}
.c-big-text p {font-size:18px;}
.c-prev-text p {font-size: 22px;}
.c-prev-text ul {font-size: 22px;}
.c-section {padding-top: 50px; padding-bottom: 30px;}
.c-section-content {padding-top: 10px; padding-bottom: 30px;}
.a-center {text-align: center;}
.a-right {text-align: right;}
.bg-gray {background-color: #f7f4f7;}
.bg-algoritm {position:relative; background: url(/assets/images/main/algoritm-raboty-min.jpg) center / cover no-repeat ;}
.bg-algoritm:before {content:""; position: absolute; top:0; bottom: 0; left: 0; right:0; background-color:rgba(255,255,255,0.3);}
.bg-algoritm__inner {position: relative;}
.content h1, .content h2, .content h3, .content h4, .content h5 {margin-bottom: 30px;}
.content p, .content ul, .content ol, .content table, .content iframe, .content img {margin-bottom: 20px;}
.c-more {display: inline-block; border: 1px solid #2169b1; padding: 10px 20px; font-weight: bold;}
.c-link:after {content: "\f101"; font-family:'FontAwesome'; vertical-align: baseline; margin-left: 5px;}
.relative {position: relative;}
.c-flex {display: flex;	display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;}
.c-align-center {align-self: center; -webkit-align-self: center; -ms-flex-item-align: center;}
.justify-center{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.c-block-text {padding:100px 30px; margin-left:auto; margin-right: auto; min-height:500px;}
.c-block-bg {background-size:cover; background-position:center; background-repeat: no-repeat;}
.color-white {color: #fff;}
.ul-padding li {padding-top:20px; padding-bottom: 20px;}
.icon {font-size:56px; color: #2169b1;}
.c-big-title {font-size:30px; text-transform: uppercase; margin-bottom: 30px;}
/************/

/*****Header*****/
.c-header {position: fixed; top: 0; left: 0; right: 0; z-index: 99991;
    background: white url(/assets/images/main/shapka-min.png) left top / 75% 100% no-repeat;
    -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.3); -moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.3); box-shadow: 1px 1px 10px rgba(0,0,0,0.3);
}
.c-logo {display: inline-block; padding-top: 5px; max-width: 200px;}
.c-header-info {display: none; text-align: right; font-size:14px; margin-top: 5px; margin-bottom: 5px;}
.c-header-info__item {color:#999;}
.c-header-info__item+.c-header-info__item {display: inline-block; margin-left: 10px;}
.c-header-info__item:hover, .c-header-info__item:focus {color: #2169b1;}

.c-header-info1 { text-align: right; font-size:14px; margin-top: 5px; margin-bottom: 5px;color:#ffffff;}
.c-header-info1__item {color:white;}
.c-header-info1__item+.c-header-info1__item {display: inline-block; margin-left: 10px; }
.c-header-info1__item:hover, .c-header-info__item:focus {color: #ffffff;}

.c-menu-wrapper {position: fixed; top:55px; bottom:0; right:0; visibility: visible; z-index: 99990; background-color: #2169b1;padding: 30px 15px 20px 20px;width: 100%; max-width: 320px;
    -webkit-transform: translateX(120%); -moz-transform: translateX(120%); -ms-transform: translateX(120%); -o-transform: translateX(120%); transform: translateX(120%);
    -webkit-transition: transform .7s; -moz-transition: transform .7s; -ms-transition: transform .7s; -o-transition: transform .7s; transition: transform .7s;
    -webkit-box-shadow: -2px 2px 10px rgba(0,0,0,0.5); -moz-box-shadow:-2px 2px 10px rgba(0,0,0,0.5); box-shadow: -2px 2px 10px rgba(0,0,0,0.5);
    overflow-y: auto; overflow-x: hidden;
}
.btn-menu {background-color: transparent; border:0; font-size:30px; padding: 5px; margin-top: 4%; float: right;}
.c-menu {list-style:none;}
.c-menu__item {position: relative; display: block; margin-bottom: 20px; padding-right: 20px;}
.c-menu__item a {font-size:16px; color:white; font-weight: bold; vertical-align: middle;}
.c-menu__item.active > a {border-bottom:1px solid white;}
/*menu levels*/
.c-menu__item .fa {    position: absolute; right: 0; top: 0; vertical-align: middle; font-size: 18px; padding: 5px; color: white;}
.c-menu__item ul {display:none; font-size: 14px; text-align: left; padding: 10px;}
.c-menu__item.js-show-submenu> ul {display: block;}
.c-menu__item ul ul {left:100%; top:0;}
.c-menu__item ul .c-menu__item {margin-bottom:10px; padding-bottom: 0; width: 100%;}
.c-menu__item ul a {font-size:14px;}

/**************/

/***footer***/
.c-footer {padding: 30px 0px; background-color:#2169b1; color:white;}
/************/


/***Home***/
.c-services-list {overflow: hidden;}
.c-home-service__item {height: 400px; margin-bottom: 25px;}
.c-home-service__inner {position: relative; height: 100%; width: 100%; background-position:center; background-size:cover; background-repeat:no-repeat;}
.c-home-service__title {position: absolute; bottom: 0; width: 100%; background-color: #2169b1; padding:25px 5px; text-align: center; height: 120px; color:white; font-size:20px; line-height: 1.3; text-transform: uppercase;}
.c-home-service__text {position: absolute; top: 0; bottom: 0; opacity: 0; color:white; padding: 40px 10px 10px 10px; text-align: center; width: 100%; background-color: rgba(33,105,177, 0.7);
    -webkit-transition: opacity .7s; -moz-transition: opacity .7s; -ms-transition: opacity .7s; -o-transition: opacity .7s;transition: opacity .7s;
}
.c-home-service__title_inner {text-transform: uppercase; font-size:20px; text-transform: uppercase; font-weight: 700; margin-bottom: 15px;}
.c-home-service__descr {font-size:16px;}
.c-home-service__link {color: white; display: inline-block; border: 1px solid white; padding: 10px 25px; margin-top: 20px;}
.c-home-service__item:hover, .c-home-service__item:focus {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);
    -webkit-transition: transform .7s; -moz-transition: transform .7s; -ms-transition: transform .7s; -o-transition: transform .7s;transition: transform .7s;
}
.c-home-service__item:hover .c-home-service__title, .c-home-service__item:focus .c-home-service__title {display: none;}
.c-home-service__item:hover .c-home-service__text, .c-home-service__item:focus .c-home-service__text {opacity: 1;}
.c-steps-work {list-style:none;}
.c-steps-work__item {position: relative; padding:20px 0px 20px 50px; height: 120px; display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.c-steps-work__item:before  {content: ""; position: absolute; width: 10px; height: 10px; left: 30px; top: 50%; margin-top: -5px; border-radius: 50%; background-color: #2169b1;}
.c-steps-work__item:after {content: ""; position: absolute; top:50%; left: 0; width:30px; border-top:2px solid #2169b1; border-left:2px solid #2169b1; height: 100%;}
.c-steps-work__item_last:after {height: 2px; border-left:0;}
.c-steps-work__icon {font-size:44px; color:#2169b1; float: left;}
.c-steps-work__icon:before {display: block; width: 50px; text-align: center;}
.c-steps-work__item p {padding-left: 10px;}
.c-steps-work-wrapper {display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;}
.c-form-stend-home {display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; -webkit-box-align: center; -ms-flex-align: center; align-items: center; 
}
.c-form-stend-home__inner {-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;}
.c-clients-wrapper {padding: 50px 10px 30px 10px}
.c-reviews-wrapper {position: relative; background: url(/assets/images/main/otzyvy-min.jpg) center / cover no-repeat; padding: 50px 10px 30px 10px;}
.c-reviews-wrapper:before {content:""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.3);}

.c-block-map {position: relative; height: auto; line-height: 1; overflow: hidden;}
.map {height: 300px;}
.c-map-contact-wrapper {width: 100%; margin-bottom: 20px;}
.c-map-contact {width: 100%; max-width: 350px; vertical-align: middle; padding: 50px 20px; background-color: rgba(33,105,177,0.8); margin: 0 auto; margin-top: 30px; color:white;}
.c-map-contact__item {color: white; line-height: 1.5;}
.c-map-contact__icon {margin-right: 10px; margin-bottom: 5px;}
/**********/

/***Form***/
label {display: block; margin-bottom: 5px; font-weight: bold; font-size: 18px;}
input {display: block; width: 100%; margin-bottom: 10px; padding: 10px; border: 1px solid #e5e5e5; border-radius: 5px;
    -webkit-transition: .7s all; -moz-transition: .7s all; -ms-transition: .7s all; -o-transition: .7s all; transition: .7s all;
}
input:hover, input:focus {border-color: #2169b1;}
input[type="submit"] {color: white; background-color: #2169b1; text-transform: uppercase; border:0; cursor: pointer;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5); box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
input[type="submit"]:hover, input[type="submit"]:focus {background-color:white; color: #2169b1; 
    -webkit-box-shadow: inset  1px 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: inset  1px 1px 3px rgba(0,0,0,0.5); box-shadow: inset  1px 1px 3px rgba(0,0,0,0.5);
}
.c-form-stend {display: block; max-width: 700px; margin: 0 auto; margin-bottom: 20px;}
.form-field {margin-bottom: 20px;}

.c-message {padding: 30px 20px; color: white; border-radius: 10px; font-size: 18px; position: fixed; top: 50%;  z-index: 99999;  left: 50%; text-align: center; max-width: 300px;
    opacity:0; visibility: hidden; text-shadow: 1px 2px 2px rgba(0,0,0,0.6);
    -webkit-transform: translate3d(-50%, -50%,0); -moz-transform: translate3d(-50%, -50%,0); -ms-transform: translate3d(-50%, -50%,0); -o-transform: translate3d(-50%, -50%,0); transform: translate3d(-50%, -50%,0);
}
.c-message.active {opacity: 1; visibility: visible;}
/**********/

/******Content*****/
.content {padding-bottom: 20px;}
.content p, .content ul, .content ol, .content table, .content iframe, .content img {margin-bottom: 20px;}
.c-breadcrumbs-wrapper {padding-top: 20px; padding-bottom: 20px;}
.breadcrumb {list-style:none; font-size:14px;}
.breadcrumb li {float: left;}
.breadcrumb li+li {margin-left: 10px;}
.breadcrumb li+li:before {content:"/"; margin-right: 10px;}

.c-headimage {height: 300px; background-size:cover; background-position: center; background-repeat: no-repeat; margin-bottom: 30px;}
.c-about {margin-top: 50px; margin-bottom: 20px;}
.c-about__item {position: relative; margin-bottom: 30px; text-align: center;}
.c-about__icon {font-size: 64px; color: #2169b1;} 
.c-about__text p {margin-bottom: 0;}
.c-about__title {color: #2169b1; font-size:32px; font-weight: bold;}
.c-text-in-image {background-size:cover; background-position: center; background-repeat: no-repeat; margin-bottom: 30px; padding-top: 80px; padding-bottom: 80px; color:white;}
.c-text-in-image p {font-size:28px;}
.c-about-center {display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap;	-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.c-about-center__item {margin-bottom: 50px; text-align: center;}
.c-about-center__image {max-width: 200px; margin-bottom: 15px;}

.c-category {margin-bottom: 30px;}
.c-category__inner {position: relative;line-height: 0;}
.c-category__image {margin-bottom: 0!important;}
.c-category__title, .c-subcategory__title {position: absolute; top: 50%; left: 0; right: 0; line-height: 1.5; text-align: center; color:white; font-size:22px; text-transform: uppercase; font-weight: bold; text-shadow:1px 2px 3px rgba(0,0,0,0.5);
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); 
}

.c-subcategory {margin-bottom: 15px;}
.c-subcategory__inner {position: relative;line-height: 0; min-height:80px; background-color:#2169b1;}

.c-border-block {border: 2px dashed #2169b1; margin-bottom: 30px; padding: 15px; border-radius:15px; min-height:160px;}

.c-service {overflow: hidden; margin-bottom: 50px; padding-bottom: 20px; border-bottom: 1px solid #ccc;}
.c-service__col {padding: 0; padding-right: 15px;}
.c-service__col+.c-service__col  {padding-right: 0px; padding-left: 15px;}

.pagination {list-style:none; text-align:center; margin-top: 30px;}
.pagination li {display: inline-block; margin:0px 2px; vertical-align:middle;}
.pagination a {padding:0 3px;}
.pagination .active a {border-bottom:2px solid}
/*****************/

/***portfolio***/
.portfolioItem {margin-bottom:20px;}
.portfolioItem img {margin: 0;}
.portfolioItem a {display:block; position: relative; line-height:0;}
.portfolioItem-text {
    opacity:0;
    position: absolute;
    top: 0px;
    bottom:0;
    left: 0;
    right:0;
    color: white;
    font-size:22px;
    padding: 30px 5px;
    line-height: 1;
    background: rgba(0,0,0,0.5) url(/assets/images/main/zoom-min.png) center center no-repeat;
    text-align: center;
    -webkit-transition: 0.6s all ease;
    -moz-transition: 0.6s all ease;
    -o-transition: 0.6s all ease;
    transition: 0.6s all ease;
    
}
.portfolioItem:hover .portfolioItem-text {
    opacity:1;
}
/**************/


/**js**/
.js-open-menu {overflow: hidden;}
.js-is-open {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}


@media (max-width: 650px) {
    .c-service__col {width: 100%; padding: 0;}    
}
@media (min-width: 768px) {
    .c-logo {height:auto; max-width: 250px;}
    .btn-menu {margin-top: 12px;}
    
    .c-steps-work__item {height: 110px;}   
    
    .l-col-full {padding-left: 30px; padding-right: 30px;}
    
    .c-about__item {padding-left: 90px; text-align: left;}
    .c-about__icon {position: absolute; left: 2px; top: 10px;}
    .c-service__col {padding-right: 50px;}
    .c-service__col+.c-service__col {padding-right: 0; padding-left: 50px;}
}
@media (min-width: 992px) {
    body {padding-top: 55px;}
    .c-header {background-size:32% 100%;}
    
    .c-header-info {display: block;}
    .c-header-info1 {display: block;}
    .c-menu-wrapper { background-color:transparent; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: none;
        position: static;-webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; 
        -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;
        overflow: initial;
    }
    .c-menu {text-align: right;}
    .c-menu__item {display: inline-block; margin-bottom: 0; padding-bottom: 10px; padding-right: 0;}
    .c-menu > .c-menu__item+.c-menu__item {margin-left: 20px;}
    .c-menu__item .fa {position: static; color:initial; padding:0; padding-left: 3px; float:none;}
    .c-menu__item a {color:initial;}
    .c-menu__item a:hover, .c-menu__item a:focus, .c-menu__item.active > a {color:#2169b1;}
    
    .c-menu__item ul {display: block; visibility: hidden; opacity: 0; position: absolute; top: 100%; left: 0; min-width: 250px; background-color: white; z-index:9;
        -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.7); -moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.7); box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.7);
        -webkit-transition: opacity .7s; -moz-transition: opacity .7s; -ms-transition: opacity .7s; -o-transition: opacity .7s; transition: opacity .7s;
    }
    .c-menu__item:hover> ul {visibility: visible; opacity: 1;}
    
    .btn-menu {display: none;}
    .c-steps-work__item {height: auto;}    
    .map {height: 500px;}
    .c-map-contact-wrapper {position: absolute; top: 0; bottom: 0; right: 0; width: 100%; max-width: 600px;}
    .c-map-contact {margin-top: 80px;}
}

@media (min-width:1200px) {
    body {padding-top: 65px;}
    .c-header {background-size:40% 100%;}
}