/* STYLES */

body {background: #F7F7F7; color: #4D4D4D; font-size: 14px; font-family: 'Open Sans', sans-serif;}

a {}
a:hover {}

.btn {background: #2E3192; color: #fff; text-transform: uppercase; font-size: 14px; border-radius: 0; box-shadow: 0 0 30px rgba(0,0,0,0.1);}
.btn:hover {color: #fff; background: #4B57AA;}
.btn:active {background: #242A6D;}
.btn:focus, .btn:active {outline: none; box-shadow: none;}

.container {max-width: 1220px; min-width: 320px; padding: 0; padding-left: 50px; padding-right: 50px;}
.block-title {font-size: 19px; text-transform: uppercase; background: #333; position: absolute; color: #fff; padding: 9px 30px 9px 15px; margin-left: -37px;}

/* header */

#header {}
#header .logo {float: left; margin-top: 35px;}
#header .menu {margin:0; padding: 0; position: absolute; right: 350px; margin-top: 65px;}
#header .menu li {list-style: none; float: left; margin-right: 20px;}
#header .menu, #header .menu a {color: #fff; text-transform: uppercase; font-size: 13px;}
#header .menu li.first {display: none;}
#header .write-us {position: absolute; right: 150px; margin-top: 63px;}
#header .write-us a {text-transform: uppercase; color: #2E3192; background: #fff; padding: 4px 0 3px 0; width: 140px; font-size: 11px; display: inline-block; text-align: center;}
#header .write-us a:hover {text-decoration: none;}
#header .phone {color: #fff; float: right; margin-top: 65px; background: url('../img/phone-ico.png') 0px 5px no-repeat; padding-left: 25px; font-size: 13px;}

#header .mob-menu-btn{display: none;}

/* slider */

#slider {text-align: center;}
#slider .text {height: 760px; color: #fff; font-size: 64px; position: absolute; left: 0; right: 0; padding-top: 240px; line-height: 1.1em; text-transform: uppercase; background: url('../img/sliders/circle.png') center center no-repeat;}
#slider .circle {height: 760px; position: absolute; left: 0; right: 0;  margin-left: auto; margin-right: auto;}
#slider .slide {height: 760px;}
#slider .carousel-indicators {bottom: 140px; width: 100%; margin: auto; justify-content: flex-end; margin-right: 50px;}
#slider .carousel-indicators li {width: 13px; height: 13px; border-radius: 13px; margin-left: 5px; cursor: pointer;}

#under-slider {margin-top: -65px; position: relative; z-index: 5;}
#under-slider .container2 {background: #fff; min-height: 185px; padding-top: 65px; padding-bottom: 65px; padding-left: 0px; padding-right: 0px; box-shadow: 0 0 30px rgba(0,0,0,0.1);}
#under-slider .text {font-size: 14px; text-transform: uppercase; text-align: right; line-height: 1.3em; padding-top: 1px; padding-right: 210px;}
#under-slider .btn {float: right; width: 170px; height: 57px; padding-top: 17px; margin-top: -55px;}

/* 1. our-services */

#our-services {overflow: hidden; margin-top: 55px;}
#our-services .row {margin-top: 96px;}
#our-services .img {width: 170px; height: 170px; background: white; text-align: center; vertical-align: middle; display: table-cell;}
#our-services .text {font-size: 13px; line-height: 1.3em; margin-top: 7px;}
#our-services .str {margin-top: 60px; display: inline-block; width: 47px; height: 47px; box-shadow: 0 0 30px rgba(0,0,0,0.1);}
#our-services .str.left {text-align: left; background: url('../img/service-str-left.png');}
#our-services .str.right {text-align: right; background: url('../img/service-str-right.png');}
#our-services .str.left.active {background: url('../img/service-str-left-active.png'); cursor: pointer;}
#our-services .str.right.active {background: url('../img/service-str-right-active.png'); cursor: pointer;}
#our-services .block-title {margin-top: -96px;}

/* 2. we */

#we {margin-top: 95px; font-size: 13px;}
#we .container2 {position: relative;}
#we .picture {position: absolute; right: 100px; margin-top: 35px; box-shadow: 0 0 30px rgba(0,0,0,0.1);}
#we .block1 {background: url('../img/we-bg.png'); color: #fff; min-height: 300px; padding-left: 95px; padding-top: 35px;  overflow: hidden;}
#we .block1 p {width: 45%; line-height: 1.6em;}
#we .block2 {background: #fff; padding-left: 95px; width: 57%; padding-top: 30px; padding-bottom: 18px;}
#we .block2 p {width: 80%; line-height: 1.3em;}
#we .btn { margin-left: 95px; width: 195px; margin-top: 20px; margin-bottom: 20px;}
#we .block-title {margin-top: 22px;}

/* 3. about-sat */

#about-sat {margin-top: 125px; overflow: hidden;}
#about-sat .description {padding-left: 170px; font-size: 13px; line-height: 1.3em; padding-top: 7px; margin-bottom: 75px;}

#about-sat .block {background: #fff; width: 32%; height: 190px; padding-top: 50px; font-size: 13px; line-height: 1.3em; float: left; margin-bottom: 22px; margin-left: 20px;}
#about-sat .block .img {float: left; width: 45%; text-align: center;}
#about-sat .block .title {display: block; margin-bottom: 10px;}
#about-sat .block .text {}
#about-sat .block:nth-child(3n) {margin-left: 0;}

/* 4. contacts */

#contacts {margin-top: 60px;}
#contacts .container2 {position: absolute; z-index: 101; margin-top: 85px;}
#contacts .white-plashka {background: #fff; width: 360px; padding-left: 38px; padding-top: 107px; padding-bottom: 52px; font-size: 13px; line-height: 1.3em; box-shadow: 0 0 30px rgba(0,0,0,0.1);}
#contacts .block-title {margin-top: 37px;}
#contacts .email {padding-left: 25px; background: url('../img/contacts-email.png') 0px 2px no-repeat;}
#contacts .phone {padding-left: 25px; background: url('../img/contacts-phone.png') 2px 2px no-repeat;}
#contacts .btn {width: 200px; margin-top: 7px;}

/* map */

#map { height: 540px; margin-top: 60px;}

#map {display: none;}
#contacts .container2 {position: relative; margin-bottom: 100px;}
#contacts .white-plashka {width: 100%;}

/* footer */

#footer {min-height: 85px; background: #333333;}
#footer .logo {float: left; margin-top: 20px; margin-left: 10px;}
#footer .copyright-text {color: #fff; float: left; font-size: 13px; color: #858585; margin-left: 30px; margin-top: 30px; line-height: 1.2em;}
#footer .copyright-year {color: #fff; float: right; font-size: 13px; margin-top: 30px;}

/* modal window */

.modal-content {border-radius: 0; border: none;}
.modal-header {padding-top: 28px; padding-bottom: 5px; border-bottom: none;}
.modal-header .close {margin-right: -22px; margin-top: -37px;}
.modal-header .close:focus { border: 0; box-shadow: none; outline: 0 none;}
.modal-title {text-transform: uppercase; background: #333333; color: #ffffff; font-size: 17px; width: 390px; line-height: 1.2em;  margin-left: -35px; padding-left: 20px; padding-top: 15px; padding-bottom: 15px;}
.modal-body {padding: 2rem; padding-bottom: 25px;}
.modal-body p {margin-bottom: 7px;}
.modal-footer {justify-content: flex-start; border-top: none; padding: 2rem; padding-top: 0;}
.modal-footer .btn {width: 195px; border: none; padding-top: 8px; padding-bottom: 8px;}
.form-control, .form-control:focus {border: 0; border-radius: 0; background: #F2F2F2; font-size: 13px; padding: 12px 18px 12px 18px; color: #4D4D4D;}
.form-control:focus { border: 0; box-shadow: none; outline: 0 none;}