html {
	/*-------- ЦВЕТА ----------*/

	--main-color-white: white;
	--main-color-white-hover: white;
	--main-color-red: #ed1c24;
	--main-color-red-hover: #ed1c24;
	--main-color-orange: orange;
	--main-color-orange-hover: orange;
	--main-color-yellow: yellow;
	--main-color-yellow-hover: yellow;
	--main-color-green: #3c9108;
	--main-color-green-hover: #3c9108;
	--main-color-lightblue: aqua;
	--main-color-lightblue-hover: aqua;
	--main-color-blue: #002d64;
	--main-color-blue-hover: #002d64;
	--main-color-purple: purple;
	--main-color-purple-hover: purple;
	--main-color-light: lightgray;
	--main-color-light-hover: lightgray;
	--main-color-dark: black;
	--main-color-dark-hover: black;
	--main-color-gray: gray;
	--main-color-gray-hover: black;
	--main-color-muted: gray;

	/*-------- РАЗМЕРЫ ШРИФТОВ ----------*/

	--main-size-h1: 40px;
	--main-size-h2: 30px;
	--main-size-h3: 24px;
	--main-size-h4: 1rem;
	--main-size-h5: 1rem;
	--main-size-h6: 1rem;
	--main-size-display-1: 2.5rem;
	--main-size-display-2: 5.5rem;
	--main-size-display-3: 4.5rem;
	--main-size-display-4: 3.5rem;
	--main-size-small: 0.8rem;

	/*-------- CСЫЛКИ ----------*/

	--main-color-links: #002d64;
	--main-color-links-hover: #002d64;
	--main-text-decoration-links-hover: none;

	/*-------- КНОПКИ ----------*/

	--main-size-btn-font: 1rem;
	--main-size-btn-radius: 3px;

	/*-------- ЦВЕТ ФУТЕРА И ШАПКИ ----------*/

	--main-color-header: white;
	--main-color-footer: lightgray;

	/*-------- ПАГИНАЦИЯ ----------*/

	--main-color-nav-border: blue;
	--main-color-nav-border-disable: gray;

	--main-color-nav-text: black;
	--main-color-nav-text-hover: white;
	--main-color-nav-text-disable: white;

	--main-color-nav-bg: white;
	--main-color-nav-bg-hover: blue;
	--main-color-nav-bg-disable: lightgray;

	/*-------- INPUT, TEXTAREA, SELECT РАДИУС ----------*/

	--main-radius-form-control: 3px;
	--main-border-size-form-control: 1px;
	--main-border-color-form-control: lightgray;
}

/*------------------------CSS------------------------------*/

body,
html {
	width: 100%;
	min-width: 320px;
	cursor: default;
	font-family: 'NT Somic',arial,sans-serif;
	color: #333;
	line-height: normal;
	font-size: 18px;
}
p{
	margin: 0;
}
a{
	transition: all .3s;
}
img{
	max-width: 100%;
	height: auto;
}
html {
	margin-right: calc(-1 * (100vw - 100%));
}

.js-focus-visible :focus:not(.focus-visible) {
	outline: 0;
}

.modal-open {
	padding: 0 !important;
}
.container {
	max-width: 1630px;
	padding: 0 15px;
	margin: auto;
	/*position: relative;
  	z-index: 10;*/
}

a.btn-main,
.btn_main_form,
.main-content a.btm-main {
    border-radius: 35px;
    background: #007380;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.5;
    padding: 11px 24px;
    display: inline-block;
    transition: all .3s;
    outline: 1px solid #007380;
}
a.btn-main:hover,
.btn_main_form:hover,
.main-content a.btm-main:hover {
    background: transparent;
    color: #007380;
    outline: 1px solid #007380 !important;
}
a.btn-main.btn-white,
a.btn-main.btn-white {
    background-color: #fff;
    color: #007380;
    outline: 1px solid #007380;
}
a.btn-main.btn-white:hover,
a.btn-main.btn-white:hover {
    background-color: #007380;
    color: #fff;
    outline: 1px solid #007380;
}

h1.heading-main, 
h2.heading-main {
    color: #333;
    font-size: 48px;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 30px;
}


.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5,
.main-content h6 {
    color: #162D4A;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 25px;
    clear: both;
    margin-top: 50px;
    text-transform: uppercase;
    border-bottom: 3px solid #D9D9D9;
    padding-bottom: 15px;
    position: relative;
}
.main-content h2:before,
.main-content h3:before,
.main-content h4:before,
.main-content h5:before,
.main-content h6:before {
    content: '';
    width: 480px;
    max-width: 100%;
    height: 3px;
    background-color: #00AFC2;
    position: absolute;
    bottom: -3px;
    left: 0;
}
.main-content h3{
	font-size: 30px;
}
.main-content h4{
	font-size: 28px;
}
.main-content h5{
	font-size: 26px;
}
.main-content h5{
	font-size: 24px;
}
.main-content p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.55;
    margin-bottom: 15px;
}
.main-content p.big-text {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 27px;
}
.main-content p strong,
.main-content p b {
    font-weight: 600;
}
.main-content p a {
    color: #00AFC2;
    text-decoration: underline;
}
.main-content p a:hover{
	text-decoration: none;
}
.main-content img {
    margin-bottom: 20px;
}
.main-content ul {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.55;
    margin-bottom: 20px;
    padding-left: 29px;
}
.main-content ul li {
    margin-bottom: 9px;
    position: relative;
}
.main-content ul li:before {
    content: '';
    width: 9px;
    height: 9px;
    position: absolute;
    left: -19px;
    top: 8px;
    border-radius: 100%;
    background-color: #00AFC2;
}

article {
    padding: 40px 0;
}



/********************HEADER*************************/
header.home {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 10;
}
.top-header {
    padding: 32px 0 22px;
    background: #fff;
}
.top-header p {
    display: inline-block;
    margin-left: 19px;
    margin-bottom: 10px;
}
p.address {
    background-image: url(/template/img/icon-address.png);
    padding-left: 26px;
    background-repeat: no-repeat;
    background-position: left 1px;
    font-size: 16px;
    font-weight: 500;
}
p.phone {
    background-image: url(/template/img/icon-phone.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 26px;
    /*font-size: 24px;*/
    font-size: 20px;
    font-weight: 500;
}
p.phone a{
	color: #333;
	transition: all .3s;
}
p.phone a:hover{
	color: #007380;
}
.bottom-header{
	padding: 21px 0;
	background: #26374F;
	position: relative;
}
header.home .bottom-header{
	padding-top: 32px;
	background: transparent;
}
.bottom-header img.logo{
	width: 181px;
}
header .col-logo{
	min-width: 310px;
    max-width: 310px;
}
header.home .bottom-header img.logo{
	width: auto;
}
header .navbar .navbar-nav .nav-link {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0;
}

header .navbar .navbar-nav .nav-link:hover, 
header .navbar .navbar-nav .nav-link:focus,
header .navbar .navbar-nav .show > .nav-link, 
header .navbar .navbar-nav .active > .nav-link, 
header .navbar .navbar-nav .nav-link.show, 
header .navbar .navbar-nav .nav-link.active{
	color: #00AFC2;
}

header .navbar-nav{
	margin-right: 0;
	margin-left: auto;
	padding-top: 0;
	justify-content: right;
}
header .navbar-nav li {
    margin: 0 14px;
}
header .navbar {
    height: 100%;
}
.dropdown-toggle::after{
	display: none;
}
.top_menu .navbar-nav li a.nav-link svg {
    margin-left: 5px;
    stroke: #fff;
    transition: all .3s;
    margin-top: -3px;
}
.top_menu .navbar-nav li a.nav-link:hover svg,
.top_menu .navbar-nav li.show a.nav-link svg{
	stroke: #00AFC2;
}
header .dropdown-menu {
    background: #F5F5F5;
    width: 228px;
    padding: 16px 19px 3px;
    margin-top: 16px;
}
header .dropdown-menu a.dropdown-item {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    margin-bottom: 13px;
    font-weight: 500;
}
header .dropdown-menu a:hover {
    text-decoration: none;
    color: #00AFC2;
}
.dropdown-menu:before {
    content: '';
    width: 100%;
    height: 17px;
    display: block;
    background: transparent;
    position: absolute;
    top: -17px;
    left: 0;
}
header button.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
    content: "\2716";
}
button.navbar-toggler {
    position: absolute;
    right: 0;
    top: -49px;
    border: none;
    padding: 0;
}
header .navbar-toggler-icon {
    width: auto;
    height: auto;
}
header .navbar .navbar-toggler-icon:before {
    font-size: 40px;
    color: #fff;
}


/******************HOME***********************/
.block-slider {
    position: relative;
}
.block-slider .container {
    position: relative;
    z-index: 10;
}
.home-slider {
    margin-top: 110px;
}
.home-slider .wrap-slide {
    height: 1080px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 363px;
    position: relative;
}
.home-slider .wrap-slide h2 {
    color: #fff;
    font-size: 70px;
    max-width: 1140px;
    font-weight: bold;
    line-height: 1.28;
}
.home-slider .wrap-slide:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
}
.home-slider__navigation {
    position: absolute;
    left: 0;
    bottom: 80px;
    color: #fff;
    width: 100%;
    z-index: 1;
}
.slick-arrow {
    display: inline-block !important;
    border: 1px solid #C2C0BF;
    width: 51px;
    height: 51px;
    border-radius: 100px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    transition: all .3s;
    opacity: 1 !important;
}
.home-slider__navigation .slick-arrow{
	border: 1px solid #fff;
	margin-right: 10px;
}
.slick-arrow:hover{
	background-color: #00AFC2;
	border: 1px solid #00AFC2;
}
.slick-arrow svg {
    stroke: #C2C0BF;
    transition: all .3s;
}
.slick-arrow:hover svg {
    stroke: #fff;
}

.slider-num {
    display: inline-block;
    vertical-align: middle;
}
.slider-num small {
    font-weight: 500;
    font-size: 22px;
}
.slider-num strong {
    font-weight: bold;
    color: #00AFC2;
    font-size: 48px;
}

.heading-home {
    color: #162D4A;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 33px;
}
.block-services.home-block {
    padding: 90px 0 60px;
    position: relative;
}
.block-services.home-block:before {
    content: '';
    display: block;
    background-image: url(/template/img/services-bg.svg);
    background-repeat: no-repeat;
    width: 91px;
    height: 273px;
    position: absolute;
    left: 0;
    top: 160px;
}
.block-services .column{
	margin-bottom: 30px;
}
.block-services a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.block-services .box-image {
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.block-services .box-image img{
	opacity: 0;
}
.block-services a p {
    position: absolute;
    left: 0;
    bottom: 214px;
    bottom: 40%;
    width: 100%;
    text-align: center;
    padding: 20px;
    color: #fff;
    font-size: 70px;
    font-weight: bold;
    text-transform: uppercase;
    transition: all .5s;
}
.block-services a:hover p {
    bottom: 0;
}
.block-services .box-image:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(22, 45, 74, 0.60);
    backdrop-filter: blur(3px);
    transition: all .5s;
    position: absolute;
    top: 0;
    left: 0;
}
.block-services a:hover .box-image:before{
	background: rgba(22, 45, 74, 0.50);
	backdrop-filter: none;
}


.block-about{
	position: relative;
}
.block-about:before {
    content: '';
    display: block;
    background-image: url(/template/img/about-bg.svg);
    background-repeat: no-repeat;
    width: 91px;
    height: 273px;
    position: absolute;
    right: 0;
    top: 180px;
}

.block-about h1 {
    color: #162D4A;
    font-size: 100px;
    font-weight: bold;
    margin-bottom: 38px;
}
.block-about h1 span {
    font-size: 80px;
    color: #fff;
    text-shadow: 0 -2px 0 #6D829C, 0 -2px 0 #6D829C, 0 2px 0 #6D829C, 0 2px 0 #6D829C, -2px 0 0 #6D829C, 2px 0 0 #6D829C, -2px 0 0 #6D829C, 2px 0 0 #6D829C, -1px -2px 0 #6D829C, 1px -2px 0 #6D829C, -1px 2px 0 #6D829C, 1px 2px 0 #6D829C, -2px -1px 0 #6D829C, 2px -1px 0 #6D829C, -2px 1px 0 #6D829C, 2px 1px 0 #6D829C, -2px -2px 0 #6D829C, 2px -2px 0 #6D829C, -2px 2px 0 #6D829C, 2px 2px 0 #6D829C, -2px -2px 0 #6D829C, 2px -2px 0 #6D829C, -2px 2px 0 #6D829C, 2px 2px 0 #6D829C;
}
.block-about .text-about {
    padding: 20px 15px;
    line-height: 1.55;
    max-width: 807px;
}
.block-about .text-about p {
    margin-bottom: 25px;
}
.block-about a.more-about {
    display: block;
    color: #007380;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
}
.block-about a.more-about:hover{
	color: #00AFC2;
}
.block-about a.more-about span {
    vertical-align: middle;
    margin-left: 5px;
}
.block-about a.more-about svg{
	fill:#007380;
	transition: all .3s;
}
.block-about a.more-about:hover svg{
	fill:#00AFC2;
}


.block-project.home-block{
	padding: 100px 0;
	position: relative;
}
.block-project.home-block:before{
	content: '';
    display: block;
    background-image: url(/template/img/project-bg.svg);
    background-repeat: no-repeat;
    width: 91px;
    height: 273px;
    position: absolute;
    left: 0;
    top: 170px;
}
.block-project a {
    color: #fff;
    display: block;
    margin-bottom: 20px;
}
.block-project.home-block a{
	margin: 0;
}
.block-project .box-image {
    height: 100%;
    /*min-height: 383px;*/
    max-height: 429px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .5s;
}
.block-project .box-image img {
    opacity: 0;
}
.block-project a:hover .box-image{
	transform: scale(1.05);
}
.block-project .wrap-photo{
	overflow: hidden;
}
.block-project a .wrap-name {
    background-color: #162D4A;
    transition: all .5s;
    padding: 149px 20px 149px 130px !important;
}
.block-project a:hover .wrap-name {
	background-color: #007380;
}
.block-project a .wrap-name:before {
    content: '';
    display: block;
    background-image: url(/template/img/project-logo.svg);
    background-repeat: no-repeat;
    width: 268px;
    height: 383px;
    position: absolute;
    left: 0;
    top: 0;
    background-position: center;
    height: 100%;
}
.block-project a .wrap-name p.name {
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.block-project a .wrap-name p.preview{
	color: #00AFC2;
	font-size: 26px;
}


.block-partners {
    background: #F2F2F2;
    padding: 100px 0;
}
.block-partners .wrap-logo-partner {
    background-color: #fff;
    margin: 0 15px;
    text-align: center;
    height: 106px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.block-partners .slick-slide img {
    display: inline;
    max-height: 90px;
}
.block-partners .partners-slider{
    margin: 0 45px;
}

.block-partners .partners-slider .slick-prev {
    left: -50px;
}
.block-partners .partners-slider .slick-next {
    right: -50px;
}


.block-certificates{
	padding: 60px 0;
	position: relative;
}
.block-certificates:before {
    content: '';
    display: block;
    background-image: url(/template/img/certificates-bg.png);
    background-repeat: no-repeat;
    width: 302px;
    height: 481px;
    position: absolute;
    left: 0;
    top: 78px;
}
.block-certificates:after {
    content: '';
    display: block;
    background-image: url(/template/img/certificates-bg-text.svg);
    background-repeat: no-repeat;
    width: 91px;
    height: 303px;
    position: absolute;
    right: 0;
    top: 170px;
}
.slider-certificates {
    height: 454px;
    max-width: 1000px;
    margin-right: 0;
    margin-left: auto;
}
.slider-certificates a{
	margin: 15px;
}
.slider-certificates a img {
    transition: all .3s;
    display: inline-block;
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.15);
    transform: scale(.85);
    position: relative;
    left: 22px;
}
.slider-certificates a.slick-slide.slick-current.slick-active img {
    transform: scale(1);
    left: 0;
}
.slider-certificates a:hover img {
    transform: scale(.87);
}
.slider-certificates a.slick-slide.slick-current.slick-active:hover img{
	transform: scale(1.02);
}
.slider-certificates a {
    text-align: right;
}

.block-certificates .text {
    padding-left: 215px;
    padding-top: 85px;
}
.block-certificates .text p.descr {
    max-width: 400px;
    line-height: 1.55;
}
.block-certificates .certificates-slider__navigation {
    margin-top: 100px;
}
.block-certificates .certificates-slider__prev{
	margin-right: 6px;
}




/******************FOOTER************************/

.block-form{
	position: relative;
}
.block-form:before {
    content: '';
    display: block;
    background-image: url(/template/img/form-bg.svg);
    background-repeat: no-repeat;
    width: 91px;
    height: 273px;
    position: absolute;
    left: 0;
    top: 114px;
    z-index: 1;
}
.block-form .left {
    background-color: #162D4A;
}
.block-form .right {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 300px;
}
.block-form .heading-home {
    color: #fff;
}
.block-form .box-text {
    padding: 54px 15px;
    max-width: 815px;
    margin-right: 0;
    margin-left: auto;
    position: relative;
    z-index: 1;
}
.block-form .box-text:before {
    content: '';
    display: block;
    background-image: url(/template/img/form-logo.svg);
    background-repeat: no-repeat;
    width: 536px;
    height: 730px;
    position: absolute;
    right: 0;
    top: 0;
    background-position: center;
    height: 100%;
    z-index: -1;
}
.block-form .box-contacts {
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    font-size: 20px;
}
.block-form .box-contacts a{
    color: #fff;
}
.block-form .box-contacts a:hover{
    color: #00AFC2;
}
.block-form .box-contacts div {
    max-width: 285px;
    width: 50%;
    margin-bottom: 20px;
    margin-right: 20px;
}
.block-form .box-contacts .phone {
    background-image: url(/template/img/icon-phone-footer.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 26px;
}
.block-form .box-contacts .address {
    background-image: url(/template/img/icon-address-footer.png);
    padding-left: 26px;
    background-repeat: no-repeat;
    background-position: left 7px;
}
.block-form .box-contacts .mail {
    background-image: url(/template/img/icon-mail-footer.png);
    padding-left: 26px;
    background-repeat: no-repeat;
    background-position: left 8px;
}
.block-form .box-contacts .soc-but a {
    display: inline-block;
    width: 33px;
    height: 33px;
    background-color: #fff;
    border-radius: 100%;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-position: 5px center;
}
.block-form .box-contacts .soc-but a:hover{
	background-color: #00AFC2;
}
.block-form .box-contacts .soc-but a.vk {
    background-image: url(/template/img/icon-vk-footer.png);
}
.block-form .box-contacts .soc-but a.tg {
    background-image: url(/template/img/icon-tg-footer.png);
}

.heading-form {
    color: #FFF;
    font-size: 30px;
    margin-bottom: 26px;
    font-weight: bold;
}
.wrap-form {
    margin: 22px 0;
}
.wrap-form input,
.wrap-form textarea {
    /*height: 53px;*/
    height: 62px;
    background: transparent;
    color: #FFF;
    font-size: 16px;
    padding: 14px;
    border-radius: 5px;
    border: 1px solid #FFF;
    margin-bottom: 15px;
    max-width: 446px;
    outline:none;
}
.wrap-form textarea{
	height: 89px;
	resize: none;
}
.wrap-form input::placeholder,
.wrap-form textarea::placeholder{
		color: #fff;
}
.wrap-form input:focus,
.wrap-form textarea:focus {
    border: 1px solid #00AFC2 !important;
}
.wrap-form .form-text-bottom {
    color: #C2C0BF;
    font-size: 12px;
    margin-bottom: 15px;
}
.wrap-form .form-text-bottom a {
    color: #C2C0BF;
    text-decoration: underline;
}
.wrap-form .form-text-bottom a:hover {
    text-decoration: none;
}
.wrap-form .btn_main_form:hover {
    color: #fff;
}


footer {
    background-color: #F2F2F2;
    padding: 90px 0 60px;
}
footer .row{
	align-items: center;
}
footer .col.col-left {
    max-width: 310px;
}
footer .col.col-right {
    max-width: 195px;
    text-align: right;
}
footer .galaxydesign {
    color: #26374F;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    font-family: Open Sans;
    background: url(/template/img/galaxy-logo.png);
    background-repeat: no-repeat;
    min-height: 43px;
    padding-left: 51px;
    width: 165px;
    display: inline-block;
    margin-bottom: 0;
    text-align: left;
    margin-top: 18px;
}
footer .galaxydesign a{
	color: #26374F;
	text-decoration: underline;
}
footer .galaxydesign a:hover{
	text-decoration: none;
}
footer .navbar {
    justify-content: center;
}
ul.footer-mnu {
    margin: 0;
    padding: 0;
    text-align: center;
}
ul.footer-mnu li {
    display: inline-block;
    text-align: center;
}
ul.footer-mnu li a {
    padding: 0 14px;
    font-size: 16px;
    color: #26374F;
}
ul.footer-mnu li a:hover,
ul.footer-mnu li a.active{
	color: #00AFC2;
}
footer p.copyright {
    margin-top: 19px;
    font-size: 12px;
    margin-left: 102px;
}


/********MODAL FORM*******/
.modal-open .wrap-site:not(.home),
.modal-open .wrap-site.home .container,
.modal-open .wrap-site.home .block-form,
.modal-open .wrap-site.home .block-certificates,
.modal-open .wrap-site.home .block-slider{
    -webkit-filter: blur(5px);
    filter: blur(5px);
}
.modal-body {
    padding: 0;
}
.modal-header .btn {
    display: none;
}
.modal-header {
    border: none;
    padding: 0;
    display: block;
}
.modal-header h3 {
    color: #333;
    text-align: center;
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 20px;
}
.modal-dialog.modal-form {
    max-width: 572px;
}
.modal-dialog.modal-form .modal-content {
    padding: 26px 63px 52px;
    border-radius: 25px;
}
.modal-dialog.modal-form input,
.modal-dialog.modal-form textarea {
    height: 73px;
    padding: 21px 22px;
    border-radius: 15px;
    border: 1px solid #00AFC2;
    background: #F2F2F2;
    margin-bottom: 20px;
    outline:none;
    font-size: 16px;
    color: #333;
}
.modal-dialog.modal-form input:focus,
.modal-dialog.modal-form textarea:focus {
    border: 1px solid #333 !important;
}
.modal-dialog.modal-form textarea{
	height: 163px;
	resize: none;
}
.modal-dialog.modal-form input::placeholder,
.modal-dialog.modal-form textarea::placeholder{
		color: #828282;
}
.modal-dialog.modal-form .form-text-bottom p {
    color: #333;
    font-size: 12px;
    margin-bottom: 7px;
}
.modal-dialog.modal-form .form-text-bottom p a{
	color: #333;
	text-decoration: underline;
}
.modal-dialog.modal-form .form-text-bottom p a:hover{
	text-decoration: none;
}
.modal-footer {
    border: none;
    display: block;
    text-align: center;
    padding: 0;
    margin-top: 20px;
}
.modal-footer .btn {
    font-size: 24px;
    min-width: 223px;
}




/**************PAGES*****************/
ol.breadcrumb {
    text-align: left;
    margin: 0;
    padding: 0;
    font-size: 16px;
    margin-bottom: 36px;
}
ol.breadcrumb li.breadcrumb-item.active {
    color: #333;
}
ol.breadcrumb .breadcrumb-item > a {
    color: #C2C0BF;
}
ol.breadcrumb .breadcrumb-item > a:hover {
    color: #333;
}
.breadcrumb-item + .breadcrumb-item::before {
    content: '';
    width: 6px;
    height: 6px;
    border-bottom: 1px solid #C2C0BF;
    border-right: 1px solid #C2C0BF;
    transform: rotate(-45deg);
    padding: 0;
    margin: 0 7px;
    margin-bottom: 2px;
}
.head-page ol.breadcrumb li.breadcrumb-item.active {
    color: #FFF;
}
.head-page ol.breadcrumb .breadcrumb-item > a {
    color: #C2C0BF;
}
.head-page ol.breadcrumb .breadcrumb-item > a:hover {
    color: #FFF;
}
.head-page .wrap-head-text {
    background-color: #162D4A;
    color: #fff;
}
.head-page .head-text-page{
	padding: 25px 15px 61px;
	padding-right: 30px;
    max-width: 815px;
    margin-right: 0;
    margin-left: auto;
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: 100%;
}
.head-text-page:before {
    content: '';
    display: block;
    background-image: url(/template/img/head-logo.svg);
    background-repeat: no-repeat;
    width: 553px;
    height: 646px;
    position: absolute;
    right: -145px;
    top: 0;
    background-position: center;
    height: 100%;
    z-index: -1;
}
.head-page .box-image {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.head-page .box-image img {
    opacity: 0;
}
.head-page .head-text-page h1.heading-page {
    font-weight: bold;
    font-size: 48px;
    margin-bottom: 44px;
}
.head-page.page-services h1.heading-page {
    text-transform: uppercase;
    font-size: 70px;
}
.head-page .head-text-page .text {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.55;
}
.head-page .head-text-page .text p{
	margin-bottom: 30px;
}
.head-page .head-text-page .text p.big-text {
    font-size: 28px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 43px;
}

.block-scheme {
    text-align: center;
    padding: 76px 0 46px;
}
.block-scheme h2 {
    text-align: left;
    margin-bottom: 90px;
    font-size: 48px;
    font-weight: bold;
}
.block-scheme .icon {
    width: 71px;
    height: 71px;
    background-color: #26374F;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    position: relative;
}
.block-scheme p.name {
    font-size: 20px;
    color: #26374F;
    font-weight: 500;
    margin-bottom: 7px;
}
.block-scheme p.descr {
    font-size: 14px;
    line-height: 1.42;
    margin-bottom: 50px;
}
.block-scheme .icon .number:before {
    font-weight: bold;
    color: #E4E4E4;
    font-size: 128px;
    position: absolute;
    left: -33px;
    top: -75px;
    z-index: -1;
}
.block-scheme .row div:nth-child(1) .icon .number:before {
    content: '1';
}
.block-scheme .row div:nth-child(2) .icon .number:before {
    content: '2';
}
.block-scheme .row div:nth-child(3) .icon .number:before {
    content: '3';
}
.block-scheme .row div:nth-child(4) .icon .number:before {
    content: '4';
}
.block-scheme .row div:nth-child(5) .icon .number:before {
    content: '5';
}
.block-scheme .row div:nth-child(6) .icon .number:before {
    content: '6';
}

.block-gray-page {
    background-color: #F2F2F2;
    padding: 80px 0 70px;
}
.block-gray-page div#counter {
    color: #00AFC2;
    font-weight: bold;
    font-size: 128px;
}
div#counter .number {
    display: inline-block;
}
.counter-text{
	font-size: 26px;
}

.page-slider button.slick-arrow {
    background-color: #fff;
    border: 1px solid #fff;
}
.page-slider .slick-arrow svg {
    stroke: #26374F;
    transition: all .3s;
}
.page-slider .slick-arrow:hover {
    background-color: #00AFC2;
    border: 1px solid #00AFC2;
}
.page-slider .slick-arrow:hover svg {
    stroke: #fff;
}
.page-slider img{
	transition: all .5s;
}


.main-content .work-time p{
	color: #70879F;
    font-size: 16px;
}
.main-content .work-time p:first-child {
    color: #00AFC2;
    font-size: 40px;
}
.slider-nav .slick-slide {
    border: 2px solid #fff;
    margin: 20px 10px 0;
    cursor: pointer;
}
.slider-nav.slick-slider {
    margin-left: -10px;
    margin-right: -10px;
}
.slider-nav .slick-current.slick-active {
    border: 2px solid #162D4A;
}

ul.pagination {
    padding-top: 20px;
}
ul.pagination li a {
    width: 47px;
    height: 47px;
    display: inline-block;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    margin: 0 1px;
    text-align: center;
    line-height: 47px;
    color: #162D4A;
    transition: all .3s;
}
ul.pagination  li.active a,
ul.pagination li a:hover{
	background: #00AFC2;
	color: #fff;
}
.pagination li:last-child:not(.active) a,
.pagination li:first-child:not(.active) a {
    border: 1px solid #C4C4C4;
    border-radius: 100px;
    font-size: 0;
    position: relative;
    transition: all .3s;
}
.pagination li:last-child:not(.active) a:before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 8px;
    top: 13px;
    border-right: 1px solid #C4C4C4;
    border-bottom: 1px solid #C4C4C4;
    transform: rotate(-45deg);
    transition: all .3s;
}
.pagination li:first-child:not(.active) a:before{
	content: '';
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 18px;
    top: 13px;
    transform: rotate(45deg);
	border-bottom: 1px solid #C4C4C4;
    border-left: 1px solid #C4C4C4;
    transition: all .3s;
}
.pagination li:last-child:not(.active) a:hover,
.pagination li:first-child:not(.active) a:hover{
	background: #00AFC2;
	border-color: transparent;
}
.pagination li:last-child:not(.active) a:hover:before{
	border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.pagination li:first-child:not(.active) a:hover:before{
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}

.services-page .column{
	margin-bottom: 30px;
}
.services-page {
    padding-bottom: 40px;
}
.services-page a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.services-page .box-image {
    height: 392px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.services-page a p {
    position: absolute;
    left: 0;
    top: 195px;
    top: 50%;
    width: 100%;
    padding: 0 37px;
    color: #fff;
    font-weight: bold;
    transition: all .5s;
    font-size: 32px;
    max-width: 500px;
}
.services-page a:hover p{
	top: 37px;
}
.services-page .box-image:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(22, 45, 74, 0.60);
    transition: all .5s;
}
.services-page a:hover .box-image:before {
    background: rgba(22, 45, 74, 0.45);
}

.page-service-item .wrap-head-image {
    color: #fff;
    position: relative;
    background-position: center;
    background-size: cover;
}
.page-service-item .wrap-head-image:before {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(22, 45, 74, 0.60);
    position: absolute;
    left: 0;
    top: 0;
}
.page-service-item .wrap-head-image .head-text-page:before{
	display: none;
}
.head-page.page-service-item .head-text-page h1.heading-page {
    /*margin-top: 180px;*/
    margin-top: 20px;
}
.block-photo-page {
    /*padding: 44px 0;*/
}
.head-form {
    background-color: #162D4A;
    color: #fff;
    min-height: 646px;
    position: relative;
    z-index: 10;
    padding: 80px 40px;
    overflow: hidden;
}
.head-form:before {
    content: '';
    display: block;
    background-image: url(/template/img/head-logo.svg);
    background-repeat: no-repeat;
    width: 553px;
    height: 646px;
    position: absolute;
    right: -145px;
    top: 0;
    background-position: center;
    height: 100%;
    z-index: -1;
}
.head-form .wrap-form {
    margin: 0;
}
.head-form .wrap-form .heading-form {
    text-transform: uppercase;
    font-size: 48px;
    margin-bottom: 30px;
}
.head-form .wrap-form input {
    height: 74px;
    margin-bottom: 26px;
    max-width: 480px;
}
.head-form .wrap-form .btn_main_form {
    font-size: 24px;
    width: 100%;
    max-width: 223px;
}

article.page-services{
	position: relative;
}
article.page-services:before {
    content: '';
    display: block;
    background-image: url(/template/img/page-services-bg.svg);
    background-repeat: no-repeat;
    width: 91px;
    height: 273px;
    position: absolute;
    right: 0;
    top: 188px;
}
article.page-project{
	position: relative;
}
article.page-project:before {
    content: '';
    display: block;
    background-image: url(/template/img/page-project-bg.svg);
    background-repeat: no-repeat;
    width: 91px;
    height: 273px;
    position: absolute;
    right: 0;
    top: 188px;
}




/*******************************************/
/****************MEDIA**********************/
/*******************************************/
@media (max-width: 1800px) {
	.block-services.home-block:before,
	.block-about:before,
	.block-project.home-block:before,
	.block-certificates:after,
	.block-form:before,
	article.page-services:before,
	article.page-project:before{
		display: none;
	}
	.block-certificates:before {
	    left: -95px;
	}
	.block-services a p{
		font-size: 46px;
	}

}

@media (max-width: 1199px) {
	.block-project a .wrap-name {
	    padding: 149px 20px 149px 20px !important;
	}
	.block-certificates:before{
		display: none;
	}
	.block-certificates .text {
	    padding-left: 15px;
	    padding-top: 0;
	}
}

@media (min-width: 992px) {
	header li.nav-item.dropdown:hover .dropdown-menu{
		display: block;
	}
	.mobile-contacts{
		display: none;
	}
	.page-slider img:hover {
	    transform: scale(0.95);
	}

}

@media (max-width: 991px) {
	.bottom-header .col {
	    width: 100%;
	    max-width: 100%;
	    flex-wrap: wrap;
	    flex-basis: auto;
	}
	header.home .bottom-header img.logo {
	    width: 181px;
	}
	header .navbar-nav {
	    width: 100%;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -ms-flex-direction: column;
	    flex-direction: column;
	    background: #26374F;
	    background: rgb(38 55 79 / 97%);
	    padding: 10px 0 0;
    	margin-top: 15px;	
    }
    header.home .navbar-nav{
    	padding: 25px 15px 15px;
    }
	header .navbar-nav li {
	    margin-bottom: 15px;
	}
	header .dropdown-menu {
	    background: #2d415d;
	    width: 100%;
	}
	header .dropdown-menu a.dropdown-item {
	    color: #fff;
	}
	header .dropdown-menu a:hover {
	    text-decoration: none;
	    color: #00AFC2;
	}
	.top-header {
	    display: none;	
	}
	.mobile-contacts p {
	    margin-bottom: 20px;
	}
	.mobile-contacts {
	    margin: 10px 14px 0;
	    color: #fff;
	}
	.mobile-contacts p.phone a {
	    color: #fff;
	}
	.home-slider {
	    margin-top: 0;
	}
	.home-slider .wrap-slide {
	    height: auto;
	    min-height: 80vh;
	    padding-top: 150px;
    	padding-bottom: 180px;
	}
	.home-slider .wrap-slide h2{
		font-size: 50px;
	}
	.block-services a p {
	    font-size: 30px;
	}
	.block-about h1 {
	    font-size: 50px;
	}
	.block-about h1 span {
	    font-size: 40px;
	    text-shadow: 0 -1px 0 #6D829C, 0 -1px 0 #6D829C, 0 1px 0 #6D829C, 0 1px 0 #6D829C, -1px 0 0 #6D829C, 1px 0 0 #6D829C, -1px 0 0 #6D829C, 1px 0 0 #6D829C, 0px -1px 0 #6D829C, 0px -1px 0 #6D829C, 0px 1px 0 #6D829C, 0px 1px 0 #6D829C, -1px 0px 0 #6D829C, 1px 0px 0 #6D829C, -1px 0px 0 #6D829C, 1px 0px 0 #6D829C, -1px -1px 0 #6D829C, 1px -1px 0 #6D829C, -1px 1px 0 #6D829C, 1px 1px 0 #6D829C, -1px -1px 0 #6D829C, 1px -1px 0 #6D829C, -1px 1px 0 #6D829C, 1px 1px 0 #6D829C;
	}

	.block-project a .wrap-name p.name{
		font-size: 28px;
	}
	.block-project a .wrap-name p.preview{
		font-size: 22px;
	}

	.block-certificates .certificates-slider__navigation {
	    margin-top: 30px;
	    margin-bottom: 20px;
	}
	.slider-certificates {
	    height: auto;
	}
	.block-form .box-text {
	    margin-left: 0;
	    max-width: 100%;
	}
	.block-form .box-contacts div {
	    width: 100%;
	    margin-right: 0;
	}
	footer .col {
	    width: 100%;
	    flex-basis: auto;
	    margin: 10px 0;
	    text-align: center;
	}
	footer .col.col-right {
	    max-width: 100%;
	}
	footer .col.col-left {
	    max-width: 100%;
	}
	footer p.copyright {
	    margin: 0;
	}
	footer {
	    padding: 50px 0 40px;
	}

	.head-page .head-text-page h1.heading-page,
	h1.heading-main, 
	h2.heading-main {
	    font-size: 34px;
	}
	.head-page .head-text-page .text {
	    font-size: 17px;
	}
	.head-page .head-text-page .text p.big-text {
	    font-size: 22px;
	    margin-bottom: 33px;
	}
	.head-page .head-text-page {
	    padding: 25px 15px 30px;
	}

	.block-scheme h2 {
	    font-size: 38px;
	}
	.main-content p.big-text {
	    font-size: 22px;
	}
	.block-scheme p.name {
	    font-size: 18px;
	}
	.block-gray-page div#counter {
	    font-size: 88px;
	}
	.counter-text {
	    font-size: 22px;
	}

	.slider-nav.slick-slider {
	    margin-left: -5px;
	    margin-right: -5px;
	    margin-bottom: 20px;
	}
	.slider-nav img.slick-slide {
	    margin: 10px 5px 0;
	}

}

@media (min-width: 768px) {
	

	.block-project a:nth-child(2n+1) .wrap-name {
	    order: 2;
	}
	.block-project a:nth-child(2n+1) .wrap-photo {
	    order: 1;
	}

}

@media (max-width: 767px) {
	body, html {
	    font-size: 17px;
	}
	a.btn-main, .btn_main_form, .main-content a.btm-main{
		font-size: 15px;
		padding: 11px 20px;
	}
	.home-slider .wrap-slide h2 {
	    font-size: 36px;
	}

	.heading-home{
		font-size: 26px;
	}
	.block-about h1 {
	    font-size: 34px;
	}
	.block-about h1 span{
		display: block;
    	font-size: 28px;
	}
	.block-project .box-image {
	    min-height: 250px;
	}
	.block-project a .wrap-name {
	    padding: 100px 20px 100px 20px !important;
	}
	.block-project a .wrap-name p.name {
	    font-size: 26px;
	}
	.block-project a .wrap-name p.preview {
	    font-size: 18px;
	}
	.modal-dialog.modal-form .modal-content {
	    padding: 20px 20px 42px;
	}
	.modal-header h3{
		font-size: 28px;
	}
	.modal-dialog.modal-form input{
		height: 53px;
		margin-bottom: 10px;
	}
	.modal-footer .btn {
	    font-size: 20px;
	}
	header .navbar .navbar-nav .nav-link{
		font-size: 15px;
	}

	.head-page .head-text-page h1.heading-page,
	h1.heading-main, 
	h2.heading-main {
	    font-size: 30px;
	}

	h1.heading-main, 
	h2.heading-main {
	    font-size: 28px;
	}
	.main-content h2, 
	.main-content h3, 
	.main-content h4, 
	.main-content h5, 
	.main-content h6{
		font-size: 24px;
	}
	.main-content h3{
		font-size: 22px;
	}
	.main-content h4{
		font-size: 21px;
	}
	.main-content h5{
		font-size: 20px;
	}
	.main-content h5{
		font-size: 19px;
	}
	.main-content p {
	    font-size: 17px;
	}
	.main-content .work-time p:first-child {
	    font-size: 26px;
	}

	.services-page .box-image {
	    height: 300px;
	}
	.services-page a p{
		font-size: 26px;
	}

	.head-page.page-service-item .head-text-page h1.heading-page {
	    margin-top: 40px;
	}
	.head-page .head-text-page {
	    padding: 25px 15px 50px;
	}
	.head-form{
		min-height: 0;
	}
	.head-form .wrap-form .heading-form {
	    font-size: 26px;
	}
	.head-form .wrap-form input {
	    height: 60px;
	    margin-bottom: 16px;
	}
	.head-form .wrap-form .btn_main_form {
	    font-size: 20px;
	}

	.slider-num strong {
	    font-size: 36px;
	}
	.slider-num small {
	    font-size: 16px;
	}



}