@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600&subset=latin,cyrillic);
@import url(../fonts/akrobat.css);

html {
scroll-behavior: smooth;
}

.wrapper {
    min-height: 100%;
    margin-bottom: -63px;
}

.wrapper:after {
    content: "";
    display: block;
    height: 63px;
}

body {

    font-family: "Open Sans",sans-serif;
    font-size: 17px;
    font-weight: 400;    
    min-width: 1256px;  
    overflow-y: scroll;
}

html,
body {
    height: 100%;
}

a:hover,
a:active,
a:visited,
a:focus {
    text-decoration: none;    
}

.container {
    width: 1256px;
    padding: 0;
} 

h1 {
    color: #000000;
    font-size: 48px;
    font-weight: 600;
    line-height: 48px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 23px;
    margin-bottom: 28px;
    font-family: "Akrobat", sans-serif;
}

h2 {
    color: #000000;
    font-size: 36px;
    font-weight: 600;
    line-height: 48px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
    font-family: "Akrobat", sans-serif;
} 

h3 {
    color: #000000;
    font-size: 23px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 4px;
    font-family: "Akrobat", sans-serif;
}

.home-header-info div {
    float: left;
}

.home-header-info {
    margin-bottom: 7px;
}

.home-header {
    padding-top: 3px;
    font-family: "Akrobat", sans-serif;
}

.home-header-logo {
  width: 165px;
  height: 94px;
  margin-left: 15px;
  margin-right: 20px;
}
.home-header-logo img{
	width: 100%;
}
.home-header-logo-text {
    width: 290px;
    height: 58px;
    color: #160c1c;
    font-size: 30px;
    font-weight: 600;
    line-height: 32px;
    text-transform: uppercase;
    padding-top: 18px;
    margin-right: -10px;
}

.home-header-location {
    min-width: 302px;
    color: #160c1c;
    font-size: 20px;
    line-height: 24px;
    padding-top: 28px;
    padding-left: 41px;
    margin-right: 42px;
    background: url(../img/header_location.png) no-repeat 0 34px;
}

.home-header-phone {
    min-width: 200px;
    color: #160c1c;
    line-height: 27px;
    font-size: 25px;
    padding-top: 24px;
    padding-left: 37px;
    padding-bottom: 8px;
    margin-right: 25px;
    background: url(../img/header_phone.png) no-repeat 0 12px;
}

.home-header-phone a {
  color: black;
}

.home-header-info .btn-defult {
    margin-top: 5px;
}

.btn-defult {  
    background-color: rgb(35, 31, 32);  
    width: 206px;
    height: 45px;
    color: #ffffff;   
    font-size: 23px;
    font-weight: 600;
    line-height: 26px;
    text-transform: uppercase; 
    border-radius: 0;
}

.btn-defult:hover {
    background: #d2232a;
    color: #ffffff;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.btn-defult:active,
.btn-defult:visited,
.btn-defult:focus {
    color: #ffffff;
}
.home-header nav {
	background-color: #d2232a;
    height: 40px;
}
.home-header-nav {
    font-size: 0;    
    height: 40px;
    background-color: #d2232a;
    padding: 0;
    box-shadow: #d2232a -1000px 0px 0px 0px, #d2232a 1000px 0px 0px 0px;
	width: 850px;
	margin: 0 auto;  
}

.home-header-nav> li {
    display: inline-block;     
    font-size: 21px;
    font-weight: 600;
    line-height: 40px;
    text-transform: uppercase;
    width: 209px;
    text-align: center;
    position: relative;      
}

.home-header-nav li:hover, .home-header-nav li.active {
    background-color: #231f20;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.home-header-nav li a, .home-header-nav li span {
    display: block;
    cursor: pointer;
    color: #ffffff;
}
.home-header-nav ul{
    display:none;
}
.home-header-nav-dropdown {
    position: absolute;
    top: 100%;
    z-index: 3;
    font-size: 0;
    background: #231f20;
    list-style-type:none;
    padding-left: 0;
    width: 520px;
}

.home-header-nav-dropdown li {
    position: relative;
    min-height: 35px;
    font-size: 21px;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    line-height: 20px;
    text-transform: uppercase;
    text-align: left;
    background: url(../img/nav-dot.png) no-repeat 58px 19px;
    padding-left: 74px;
}

.home-header-nav-dropdown li:first-child  {
    margin-top: 8px;
}

.home-header-nav-dropdown li:last-child {
    margin-bottom: 14px;
}

.home-header-nav-dropdown li:hover, .home-header-nav-dropdown li.active  {
    background-color: #565354;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.home-header-nav-dropdown .children li:hover, .home-header-nav-dropdown .children li.active  {
    background-color: #8b898a;

}





.home-header-nav li:hover > ul {
    display: block; 
}
.home-header-nav ul.children{
    position:absolute;
    left: 520px;
    top:0px;
    background: #575354;
    width: 323px;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.home-header-nav ul.children li{
    padding-left:40px;
    background: url(../img/nav-dot.png) no-repeat 21px 19px;
    margin-top: 0px;
}
.slider {
    height: 608px;
    min-width: 1256px;
    overflow: hidden;    
}

.slider img {
    min-height: 608px;
    min-width: 1256px;
}
.slider-right {
    position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 1256px;
	height: 608px;
	margin: auto;
	overflow: hidden;
}

.slider-content {
    position: absolute;
    right: 0;
    top: 0;
    width: 425px;
    height: 100%;
    background-color: rgba(210, 35, 42, .9 );
} 

.owl-nav {
    font-size: 0;
} 

.owl-next {
    background: url(../img/slider_arrow.png) no-repeat;   
    width: 24px;
    height: 149px;
    float: right;
    position: absolute;
    top: 231px;
    right: 24px;
    transform: scale(-1, 1);
}

.owl-prev {
    background: url(../img/slider_arrow.png) no-repeat;
    position: absolute;
    top: 231px;
    left: 24px;
    float: left;
    width: 24px;
    height: 149px;
}

.slider-content-wrap {
    margin-top: 111px;
    margin-left: 33px;
    width: 354px;
    line-height: 20px;
    color: #ffffff;
}

.slider-title {    
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 13px;
}

.slider-caption {    
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 15px;
}

.slider-types-of-jobs li,
.slider-location {
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.slider-types-of-jobs li {
    list-style-type: none;
    background: url(../img/nav-dot.png) no-repeat 0 center;
    padding-left: 14px;
}

.slider .slider-types-of-jobs {
    padding-left: 13px;
}

.slider-content-limitation {
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 50px;
}

.link-show-objects {
    font-size: 23px;
    font-weight: 600;
    line-height: 45px;
    text-transform: uppercase;
    display: block;
    color: #ffffff;
    text-align: center;
    width: 258px;
    height: 45px;
    background-color: #231f20;
    font-family: "Akrobat", sans-serif;
}

.link-show-objects:hover {    
    color: #ffffff; 
    background-color: #d2232a;
    outline: 1px solid #ffffff; 
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.link-show-objects:active,
.link-show-objects:visited,
.link-show-objects:focus {
    color: #ffffff;
}

.home-advantages .container-2 div {    
    float: left;
}

.home-advantages-img {    
    min-height: 107px;
    line-height: 107px;
    width: 100%;
}

.home-advantages-img img {
    vertical-align: middle;  
}

.home-advantages p {  
    font-family: "Open Sans",sans-serif;
    color: #000000;    
    font-size: 18px;    
}

.home-advantages-item {
    width: 215px;
    text-align: center;
    margin-right: 43px;
}
.home-advantages{
    margin-bottom: 30px;
}
.home-advantages-item:nth-child(4n+4) {
    margin-right: 0;
}

.container-2 {
    width: 990px;
    margin: auto;
}

.types-of-jobs-list {
    font-size: 0;
    padding: 0;
    font-family: "Akrobat", sans-serif;
}

.types-of-jobs {
    overflow: hidden;
}

.types-of-jobs-list li {
    display: inline-block;    
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;     
    width: 310px;
    min-height: 240px;
    position: relative;
    margin-right: 3px;
    margin-bottom: 4px;
}

.types-of-jobs-list li:last-child{}

 .types-of-jobs-content {    
    background-color: rgba(0, 0, 0, 0.57);    
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;    
}

.types-of-jobs-list li:nth-child(8n+1):after {
    content: "";  
    display: block;
    position: absolute;    
    right: 313px; 
    top: 0;   
    width: 331px;
    height: 240px;
    background: green;
    background: url(../img/kindbg1.jpg) no-repeat 0 center;    
    box-shadow:0 0 0 120px rgba(0, 0, 0, 0.57) inset;
}

.types-of-jobs-list li:nth-child(8n+5):after {
    content: "";  
    display: block;
    position: absolute;    
    right: 313px; 
    top: 0;   
    width: 331px;
    height: 240px;
    background: green;
    background: url(../img/kindbg2.jpg) no-repeat 0 center;    
    box-shadow:0 0 0 120px rgba(0, 0, 0, 0.57) inset;
}

.types-of-jobs-list li:nth-child(8n+4):after {
    content: "";  
    display: block;
    position: absolute;    
    left: 313px; 
    top: 0;   
    width: 331px;
    height: 240px;
    background: green;
    background: url(../img/kindbg1.jpg) no-repeat 0 center;    
    box-shadow:0 0 0 120px rgba(0, 0, 0, 0.57) inset;
    transform: scale(-1, 1)
    
}

.types-of-jobs-list li:nth-child(8n+8):after {
    content: "";  
    display: block;
    position: absolute;    
    left: 313px; 
    top: 0;   
    width: 331px;
    height: 240px;
    background: green;
    background: url(../img/kindbg2.jpg) no-repeat 0 center;    
    box-shadow:0 0 0 120px rgba(0, 0, 0, 0.57) inset;
    transform: scale(-1, 1);
}

.types-of-jobs-content:hover, .types-of-jobs-list li.active .types-of-jobs-content {
    background-color: #d2232a;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
li:nth-child(1) .types-of-jobs-content:hover {
		background-color: rgba(0, 0, 0, 0.57);
}

.types-of-jobs-content:hover .types-of-jobs-read, .types-of-jobs-list li.active .types-of-jobs-read {
    background-color: #110e14;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
 
.types-of-jobs-list li> a {    
    height: 100%;
    color: #ffffff;
}

.types-of-jobs-number {
    width: 48px;
    padding-left: 20px;
    font-size: 24px;
    font-weight: 700;
    line-height: 48px; 
    padding-right: 4px; 
}

.types-of-jobs-number, 
.types-of-jobs-right {
    float: left;
    margin-top: 34px;
}

.types-of-jobs-right {
    width: 259px;
    min-height: 173px;
    border-left: 1px solid #ffffff;
    padding-left: 18px;
}

.types-of-jobs-read {
    width: 118px;
    min-height: 30px;
    background-color: #d2232a;
    line-height: 30px;
    color: white;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}

.types-of-jobs-text {
    min-height: 143px;
}

.types-of-jobs img {
    width: 310px;
    height: 240px;
}

.home-examples-img img {
    width: 610px;
    min-height: 375px;
}

.home-examples-img, 
.home-examples-content {
    float: left;
}

.home-examples-img {
    margin-right: 28px;
    -webkit-box-shadow: 1px 1px 8px rgba(0,0,0,.35);
    -moz-box-shadow: 1px 1px 8px rgba(0,0,0,.35);
    box-shadow: 1px 1px 8px rgba(0,0,0,.35);
}

.home-examples-content {
    width: 604px;
}

.home-examples-info {
    min-height: 328px;
    padding-bottom: 10px;
}

.link-show-object {    
    color: #d2232a;
    font-size: 20px;
    font-weight: 600;
} 

.link-show-all-objects {
    margin-top: 20px;
}

.home-examples-link-estimate {
    color: #d2232a;
    font-size: 20px;
    font-weight: 600;
    border-bottom: 1px dotted #d2232a;
    padding-bottom: 2px;
    font-family: "Akrobat", sans-serif;
}

.home-examples-link-estimate:hover,
.home-examples-link-estimate:visited {
    color: #d2232a;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.home-examples-work,
.home-examples-term span {
    font-family: "Open Sans",sans-serif;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 13px;
}

.home-examples {
    color: black;
}

.home-examples-term  {
    margin-bottom: 6px;
}

.home-examples-list li,
 .home-examples-term  {
    font-family: "Open Sans",sans-serif;
    font-size: 17px;
    font-weight: 400;    
}

.home-examples h3:after {
    content: "";
    display: block;
    width: 49px;
    padding-bottom: 9px;
    border-bottom: 1px solid #d2232a;
}

.home-examples-wrap:nth-child(even) {
    background: #f2f2f2;
}

.home-examples-wrap {
    padding-top: 19px;
    padding-bottom: 31px;
}

footer {
    height: 63px;
    color: #ffffff;
    width: 100%;
    overflow: hidden;
    min-width: 1256px;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 400;    
    background-color: #d2232a;
}

footer .container div {
    margin-top: 24px;
    font-size: 14px;
    float: left;
    width: 45%;
    height: 38px;
}

.footer-creators img {
    float: right;
    margin-left: 12px;  
}

footer .container .footer-hit {
    width: 10%;
    padding-left: 17px;
}

.footer-creators {
    text-align: right;
    margin-top: 12px;
}

.footer-creators a {
    color: #ffffff;
    display: block;
    margin-top: -1px;
}

.footer-logo {
    margin-top: 31px;
}

.home-examples-bg {
    height: 230px;
    background: black;
    overflow: hidden;
}

.examples-pagination ul li {    
    display: inline-block;
    width: 40px;
    height: 45px;    
    background-color: #231f20;
    color: #ffffff;
    font-size: 23px;
    font-weight: 600;
    line-height: 45px; 
    text-transform: uppercase; 
    text-align: center; 
    vertical-align: middle; 
}

.examples-pagination  li:first-child,
.examples-pagination  li:last-child {
    background-color: #656162;
}

.examples-pagination a {
    color: #ffffff;
    display: block;
    font-family: "Akrobat", sans-serif;
}

.examples-pagination ul li a:hover, .examples-pagination ul li.active a {
    background-color: #d2232a;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
} 

.examples-pagination,
.examples-show-all {
    float: left;
    margin-top: 23px;
    margin-bottom: 20px;    
}

.examples-pagination {
    margin-left: 481px;
}

.examples-show-all {
    color: #d2232a;
    font-size: 23px;
    font-weight: 400;
    line-height: 49px;
    text-decoration: underline;
    margin-left: 364px;
}

.examples-show-all a {
    color: #d2232a; 
}

.objects-more-img, .objects-more-preview {
    float: left;     
}

.objects-more-img {
    -webkit-box-shadow: 1px 1px 8px rgba(0,0,0,.35);
    -moz-box-shadow: 1px 1px 8px rgba(0,0,0,.35);
    box-shadow: 1px 1px 8px rgba(0,0,0,.35);
    margin-right: 10px;
    margin-bottom: 11px;
}

.objects-more-preview ,
.objects-more-preview {
    margin-right: 10px;
    margin-bottom: 12px;
}

.objects-more-preview:nth-child(4n) {
    margin-right: 0;
}

.objects-more-preview:last-child {
    margin-bottom: 25px;
}

.objects-more-img:nth-child(odd) {
    margin-right: 0;
}

.objects-more-link-estimate {
    margin-bottom: 27px;
}
.objects-more-pg{
    font-size:0;
}
.objects-more-pg a{
    display:inline-block;
    margin-bottom: 10px;
    margin-right: 10px;
}
.objects-more-pg a:nth-child(2){
    margin-right:0;
}
.objects-more-pg a:nth-child(4n+2){
    margin-right:0;
}
.objects-more-preview img {
    width: 305px;
    height: 210px;
    background-color: #c5c5c5;
}

.objects-more-img img {
    width: 620px;
    height: 381px;    
}

.jobs-img img {
    width: 444px;
    height: 273px;
    background-color: #c5c5c5;
}

.jobs-img {
    float: left;
    margin-bottom: 23px;
    margin-right: 28px;
    -webkit-box-shadow: 1px 1px 8px rgba(0,0,0,.35);
    -moz-box-shadow: 1px 1px 8px rgba(0,0,0,.35);
    box-shadow: 1px 1px 8px rgba(0,0,0,.35);
}

.jobs p {
    color: #000000;
    font-family: "Open Sans",sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 23px;
}

.contacts-block {
    overflow: hidden;
	margin-bottom: 35px;
}

.contacts-map {
    width: 901px;
    height: 554px;
    margin-top: 14px;
    float: left;
}

.contacts-info {
    text-align: center;
    width: 295px;
    font-family: "Open Sans",sans-serif;
    font-size: 17px;
    margin: 0 30px;
    position: relative;
    float: left;
}

.contacts-phone {
    margin-bottom: 19px;
}

.contacts-location,
 .contacts-phone {
    color: black;
}

.contacts-mail  {
    color: #d2232a;
    font-weight: 400;
    text-decoration: underline;
}

.contacts-mail:hover,
.contacts-mail:active,
.contacts-mail:visited,
.contacts-mail:focus {
    color: #d2232a;
    text-decoration: underline;
}

.contacts-timetable {
    color: #000000;
    font-weight: 600;
    margin-top: 18px;
}


.contacts-logo {
    width: 165px;
    height: 94px;
    margin: auto;
    margin-bottom: 36px;
}

.contacts-logo:after {
    content: "";
    display: block;
    width: 49px;
    border-bottom: 1px solid #d2232a;
    padding-top: 12px;
    position: absolute;
    top: 96px;
    left: 108px;
}

.contacts .container> div {
    float: left;
    margin-bottom: 36px;
}


.questions-modal .modal-dialog {
    width: 513px;
}

.questions-modal .modal-content {
    background: #ffffff;
    border-radius: 0;
    text-align: center;
    padding-bottom: 40px;
}

.questions-modal  .modal-title {    
    color: #080808;    
    font-size: 30px;
    font-weight: 600;
    line-height: 31px;
    text-transform: uppercase;
} 

.questions-modal .form-group {
    width: 369px;    
    margin: auto;    
}

.questions-modal .modal-header {
    border: 0;
    padding-top: 33px;
    padding-bottom: 24px;
}

.questions-modal .modal-body {
    border: 0;
    padding-top: 5px;
    padding-bottom: 0px;
    color: #000000;
}

.questions-modal .form-control {
    height: 37px;    
    border: 1px solid #c7c7c7;
    border-radius: 0;
    color: #2e2e2e;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 9px;
}

.questions-modal textarea {
    min-height: 117px;
}

.form-control:focus {    
    -webkit-box-shadow: 1px 1px 9px rgba(0,0,0,.35);
    -moz-box-shadow: 1px 1px 9px rgba(0,0,0,.35);
    box-shadow: 1px 1px 9px rgba(0,0,0,.35);  
}

.questions-modal .btn-defult {
    width: 369px;
}

.questions-modal .close span {
    width: 51px;
    height: 51px;
    line-height: 51px;
    background-color: #231f20;
    box-shadow: 0.5px 0.9px 8px rgba(0, 0, 0, 0.35);
    position: absolute;
    top: -25px;
    right: -26px;
    border-radius: 50%;
}

.questions-modal .close span:hover {
    background-color: #d2232a;
}

.questions-modal .close  {
    opacity: 1;
}
.margin-right {
    margin-right: 10px;
}
.margin-left {
    margin-left: 10px;
}