/*!
Theme Name: Gcsa
Theme URI: http://underscores.me/
Author: Antonov Tag
Author URI: http://antonovtag.ru
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: gcsa
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Gcsa is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
.top-menu {
	margin: 20px 0;
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.logo img {
	width: 100px;
}
.logo a {
    display: flex;
    align-items: center;
}
.logo span {
    font-size: 16px;
    font-weight: 600;
    display: block;
    max-width: 230px;
    margin-left: 10px;
}
.head-phone {
	display: flex;
    justify-content: center;
    align-items: center;
	flex-direction: column;
}
.head-phone .tel {
	color: #000;
    font-weight: 500;
    font-size: 20px;
}
.cssmenu-top {	
	background: #00973a;
}
.btn-modal {
	margin-right: 15px;
	background: #3295db;
	border: #3295db;
	color: #fff;
    padding: 7px 15px;
    cursor: pointer;
}
.name {
	margin: 20px 0;
}
.content-box.box-1 .about-sum {text-align:left;}
.bg-slide {    position: relative;
    background: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;}
.bg-wrap {background: none;height: 100%;width: 100%;position: absolute;top: 0;}
.bg-slide img {    width: 100%;
    height: 100%;
    background-size: cover;}
#owl-slider .owl-buttons {margin: 0 auto;position: absolute;top: 50%;left: 5%;z-index: 9;width: 90%;display: flex;justify-content: space-between;}
#owl-slider .owl-prev, #owl-slider .owl-next {color: #fff;border: 2px solid #fff;}
.bottom-slide__wrapper {position: absolute;top: 0;z-index: 2;width: 100%;text-align: center;display: flex;justify-content: center;height: 100%;align-items: center;}
.bottom-slide__content {
	width: 50%;
}
#service-slider.bg-slide {
	max-height: 600px;
	text-align: center;
}
#service-slider.bg-slide img {
	width: auto;
	max-height: 600px;
	background-position: center;
}
.bottom-slide__title {
	color: #fff;
    font-weight: 700;
    font-size: 55px;
    text-align: center;
}
.tel .fa {
	color: #3295db;
    font-size: 24px;
    border: 2px solid;
    padding: 8px;
    border-radius: 50%;
}
.head-social {
    display: flex;
}
.head-social li {
    margin:0 5px;
}
.fa-instagram {
	color: #e91e63;
}
.fa-telegram {
	color: #3295db;
}
.fa-youtube {
	color: #ff0000;
}
.fa-vk {
	color: #2196f3;
}
.form-btn {
    display: block;
    font-weight: 500;
    border: 1px solid;
    padding: 5px 15px;
    margin-top: 10px;
}
.owl-prev .fa, .owl-next .fa {
	font-size: 23px!important;
}
.layer {
	background: #0000005c;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.gallery {
	display: flex;
	flex-wrap: wrap;
}
.gallery-item {
	width: calc(100%/4);
	padding: 10px;
}
.entry-des h3{
	height: 185px;
	overflow: hidden;
}
.content-box.box-4 .box-entry img {
	max-height: 200px;
}
.partners-block {
	display: flex;
	flex-wrap: wrap;
	margin: 40px 0;
}
.partners-item {
	width: calc(100% / 5);
	text-align: center;
	display: flex;
    justify-content: center;
    align-items: center;
	margin: 10px 0;
}
.partners-item img {
	width: 164px;
	height: auto;
}
.partners {
	padding-bottom: 20px;
}
.awards-overlay {
	margin-top: 40px;
}
.slide-awards {
	max-width: 450px;
    margin: 0 auto;
}
.logo-dev a {
	display: flex;
    align-items: center;
}
.logo-dev img {
	margin-bottom: 8px;
    margin-left: 10px;
    opacity: .5;
}
.video-block {
	margin-top: 25%!important;
}
#breadcrumbs a {
	color: #fff;
	text-decoration: underline;
}
#breadcrumbs span {
	color: #fff;
}
.breadcrumb_last {
	color: #fff;
}
.post-thumbnail {
	width: 90%;
	margin: 0 auto;
}
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.6);
    z-index: 1000;
}
.modal .modal_content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 300px;
    z-index: 99999;
}
.modal .modal_content .close_modal_window {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}
.nav-links {
	display: flex;
	justify-content: space-between;
}
aside {
	margin-top: 30px!important;
}
.paginate {
	text-align: center;
    margin: 15px auto;
}
.page-numbers {
	color: #3295db;
    border: 2px solid #3295db;
    padding: 4px 8px;
    margin: 0 8px;
}
.next.page-numbers, .prev.page-numbers {
	border: none;
}
.timeline-text {
	color:#fff;
}
.timeline-vertical-7 .timeline-ver-7-timeline__img.timeline-ver-7-timeline__img--picture {
	background: #3295db!important;}
.timeline-vertical-7 .timeline-ver-7-timeline__content {
    -webkit-box-shadow: 0 3px 0 #3295db;
	box-shadow: 0 7px 0 #3295db;}
.portfolio-box-caption {
	border: 5px solid #3295db;
}
.sub-block {
	margin-top: 60px!important;
	margin-bottom: 50px!important;
}
.tnp-subscription input.tnp-submit {
	background-color: #3295db!important;}
.tnp-subscription input[type=text], .tnp-subscription input[type=email],.tnp-subscription select {
    background-color: #dedede!important;}
.subscribe-form {
	display: flex;
	justify-content: center;
	align-items: baseline;
	flex-wrap: wrap;
}
.tnp-field-button {
	margin-left: 20px;
	height: 50px;
}
.tnp-field-button input{
	height: 50px;
	padding: 17px 10px!important;
}
.tnp-privacy-field {
	order: 3;
	width: 66%;
	color: #002e5d;
	font-weight: 500!important;
}
.tnp-privacy-field label{
	font-weight: 500!important;
}
#block-8 {
	margin-top: 20px;
}
.widget_block .tnp-field, .widget_block input {
	width: 100%!important;
}
.widget_block .tnp-field-button {
	margin-left: 0!important;
}
/* Table price */

.table-block {
	margin: 50px auto;
	width: 100%;
}
.table__row {
	display: flex;
	width: 100%;
	border-top: 1px solid #dcdcdc;
}
.table__row:first-child {
	border: none;
}
.table__column {
	text-align: center;
    padding: 30px 25px;
	width: 100%;
	border-right: 1px solid #dcdcdc;
}
.table__column:first-child {
	text-align: left;
}
.table__column-title{

}
.table__column-price{

}

.form-wrap {
	margin-top: 50px;
	margin-bottom: 50px;
	background: #4caf50;
    padding: 50px;
	color: #fff;
	text-align: center;
}
.form-wrap h2 {
	color: #fff;
}
#feedback-form .amoforms_iframe {
	height: 447px!important;
	max-width: 500px;
}
.form-box {
	display: flex;
}
.form-block {
	padding: 20px 15px;
}
.head-form {
	background: #ef7f1a;
    border-radius: 20px;
    padding: 25px 20px;
    max-width: 500px;
    margin-top: 60px;
}
.form-title {
	color: #fff;
    font-size: 20px;
}
.head-form__fields {
	display: flex;
    align-items: center;
}
.head-form__field input[type="submit"] {
	background: #00973a;
    color: #fff;
    padding: 12px 20px;
    margin-left: 20px;
    margin-top: 30px;
}
.service-container {
	margin: 50px auto!important;
}
.card-box {
	display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
.card {
	display: flex;
    flex-direction: column;
    width: 24%;
    padding: 0 10px;
    margin-bottom: 30px;
	box-shadow: 0px 0px 20px 0px rgb(15 27 67 / 10%);
    padding: 20px 40px 40px 40px;
    border-radius: 20px;
    margin-top: 20px;
    height: 315px;
}
.card img {
    width: 200px;
    height: 180px;
    object-fit: cover;
}
.card span {
	text-align: center;
    margin-top: 10px;
    font-size: 16px;
    font-weight: bold;
    color: black;
	display: block;
}
.feed-block {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.feed-block img {
	width: 60px;
}
.fb-tel {
	font-size: 30px;
    font-weight: 700;
    margin-top: 30px;
}
.wa-btn {
	height: 50px;
    width: 200px;
    background: linear-gradient(to right, #ff8b04, #ff5f13);
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
	color: #fff;
}
.about-block {
	background: #f5faff!important;
}
.about-block h2 {
	margin-bottom: 50px;
}
.about-box {
	width: 24%!important;
    height: 160px;
    border-radius: 20px;
	background-color: #fff;
	margin-right: 10px;
	box-shadow: 0px 0px 20px 0px rgb(15 27 67 / 10%);
	padding: 30px 20px 20px;
}
.about-box__title {
	font-size: 28px;
    font-weight: 700;
    color: #ff6312;
    margin-bottom: 20px;
}
.second-row {
	margin-top: 30px;
}
.relations-block {
	display: flex;
    align-items: center;
    margin: 50px 0 0;
}
.relations-block img {
	width: 70px;
    height: auto;
    margin-right: 30px;
}
.change-box {
	display: flex;
}
.change-image {
	max-width: 50%;
    width: 100%;
}
.change-content {
	max-width: 500px;
    margin-left: 5%;
    font-size: 20px;
    line-height: 30px;
}
.expert-box {
	border-radius: 20px;
    background-color: #2196f3;
    box-shadow: 0px 0px 20px 0px rgb(15 27 67 / 10%);
    padding: 50px 60px 40px;
    margin-top: -50px;
    position: relative;
    z-index: 1;
    margin-bottom: 70px;
}
.expert-box .wrap-box {
	padding: 20px!important;
}
.expert-items {
	display: flex;
	width: 100%;
}
.first-item {
	max-width: 33%;
}
.second-item {
	max-width: 33%;
	text-align: center;

}
.second-item img {
	border-radius: 50%;
    width: 200px;
}
.thrid-item {
	width: 33%;
	text-align: center;
}
.get-price__block{
	max-width: 500px;
    text-align: center;
    background: #242424;
    border-radius: 20px;
    padding: 20px 15px;
    color: #fff;
}
.get-price__title{
	font-size: 20px;
    margin-bottom: 30px;
}
.get-price__btn {
	text-align: center;
	display: flex;
    justify-content: center;
}
.get-price__btn span {
	height: 50px;
    width: 200px;
    background: linear-gradient(to right, #ff8b04, #ff5f13);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    color: #fff;
}
.price-items {
	display: flex;
    justify-content: space-between;
}
.price-item {
	width: 370px;
    min-height: 413px;
    border-radius: 20px;
    background-color: white;
    box-shadow: 0px 0px 20px 0px rgb(15 27 67 / 10%);
    padding: 25px 30px;
    overflow: hidden;
}
.price-item__title {
	font-size: 21px;
	text-align: center;
    line-height: 24px;
    font-weight: 700;
    color: #33acdb;
}
.price-item__box-price {
	height: 50px;
    text-align: center;
    background: linear-gradient(to left, #00973a, #8bc34a);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    color: #fff;
    font: 21px;
    line-height: 50px;
    font-weight: 700;
    margin: 30px 0;
}
.box__orange {
	background: linear-gradient(to right, #ff8b04, #ff5f14)!important;
}
.price-item__desc {
	font-size: 14px;
    line-height: 24px;
    color: #333;
    font-weight: 700;
	padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ff6313;
}
.price-item__list ul {
	list-style-type: circle;
	margin-left: 20px;
}
.prices__link {
	text-align: center;
    margin: 50px;
}
.prices__link a {
	font-size: 20px;
    color: #fff;
	border: 1px solid #4caf50;
    background: #00973a;
    border-radius: 20px;
    padding: 10px 30px;
	transition: .8s;
}
.prices__link a:hover {
    color: rgb(0, 0, 0);
    background: transparent;
}

.advantages {
	display: flex;
}

.advantage-box {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.advantage-box__desc {
	text-align: center;
}
.stage-container {
	margin-top: 50px;
}
.stages-block {
	padding: 50px;
}
.stages-block__item {
	display: flex;
    width: 100%;
	margin-bottom: 50px;
}
.satages-item__left {
	width: 25%;
	display: flex;
    justify-content: space-around;
    align-items: center;
}
.stages-item__num {
	font-size: 45px;
    font-weight: 700;
}
.stages-item__icon {
	width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
}
.stages-item__right {
	width: 75%;
}
.stages-item__title h2 {
	font-weight: 700;
}
.stages-item__desc {
	margin-top: 15px;
}
.stages-item__time {
	margin-top: 15px;
	font-size: 18px;
	font-weight: 700;
}
.stages-item__time span {
	margin-right: 20px;
	font-weight: 500;
}
.stages-item__price {
	margin-top: 15px;
	font-size: 18px;
	font-weight: 700;
}
.stages-item__price span {
	margin-right: 20px;
	font-weight: 500;
}
.form-modal{
	max-width: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 9999;
    height: 100vh;
    background: #62abeba8;
	display: none;
}
.form-modal__active {
	display: block;
}
.modal__wrapper {
	width: 390px;
    margin: 0 auto;
    margin-top: 5%;
	position: relative;
}
.close__btn {
	position: absolute;
    right: 0;
    z-index: 99999;
    background: #fff;
    padding: 2px 2px 10px;
    font-size: 20px;
    border: 1px solid;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
}
.modal__wrapper .amoforms_iframe {
	height: 430px!important;
}
@media(max-width:1199px) {
	.about-box {
		width: 48%!important;
		margin-bottom: 20px;
	}
}


@media(max-width:767px) {
	#cssmenu ul li a, #cssmenu ul ul li a {
		width:89%!important;
	}
	#mega-menu-menu-1 > .mega-menu-item {
		width: 100%!important;
	}
	.price-items {
		flex-wrap: wrap;
		justify-content: center;
	}
	.price-item {
		margin-bottom: 20px;
	}
	.owl-carousel,
	.owl-wrapper-outer,
	.owl-wrapper,
	.owl-item,
	.bg-slide {
		width: auto;
		height: 100%;
	}
	.main-bg-slide img {
		object-position: left;
		object-fit: cover;
		height: 100%!important;
	}
	.bg-slide img {
		width: auto;
		height: auto;
	}
	.b-slider .bg-slide {
		width:100%;
		height: auto!important;
	}
	
	#owl-slider .owl-buttons {
		display: none;
	}
	.hero-title {
		font-size: 25px;
	}
	.gallery-item {
		width: calc(100%/2);
		padding: 10px;
	}
	.bottom-slide__content {
		width: 90%;
	}
	.bottom-slide__title {
		font-size: 20px;
	}
	.video-block {
		margin: 0;
		overflow: hidden;
		display: flex;
	}
	.partners-item {
		width: calc(100% / 3);
	}
	.slide-awards {
		width: calc(100% - 40px);
	}
	.card {
		width: 32%;
		padding: 20px 20px 40px 20px;
	}
	.card img {
		width: 140px;
		height: 140px;
	}
	.card span {
		font-size: 14px;
	}
	.stage-container {
		padding: 20px 15px;
	}
	.stages-block {
		padding: 20px 15px;
	}
	.stages-block__item {
		flex-direction: column;
		align-items: center;
	}
	.satages-item__left {
		width: 100%;
		flex-direction: column;
	}
	.stages-item__right {
		width: 100%;
	}
	.form-wrap {
		padding: 15px;
	}
	.form-box {
		flex-direction: column;
	}
	.content-box .header {
		margin-top: 45px!important;
	}
	.expert-items {
		flex-direction: column;
	}
	.expert-item {
		width: 100%!important;
		max-width: 100%!important;
	}
	.second-item {
		margin: 30px 0;
	}
	.about-box {
		width: 100%!important;
		margin-bottom: 20px;
	}
	.advantages {
		flex-wrap: wrap;
	}
	.advantage-box {
		width: 100%;
	}
	.table-block {
		width: calc(100% - 40px);
	}
	.table__column-title {
		word-break: break-word;
		width: 48px;
	}
	.table__column {
		padding: 5px;
		width: 75px;
		font-size: 10px;
	}
	.table__column:first-child {
		width: 220px;
	}
}
@media(max-width:550px) {
	.card {
		width: 49%;
	}
	.card a {
		text-align: center;
	}
	.card img {
		width: 180px;
		height: 180px;
	}
	.top-menu {
		flex-direction: column;
	}
	.logo span {
		display: none;
	}
	.head-phone {
		flex-direction: row;
		width: 100%;
    justify-content: space-around;
	}
	.main-header .hero-content-wrapper {
		padding-left: 5%!important;
	}
	article .post-thumbnail-wrap img {
		height:auto!important;
	}
	.subscribe-form {
		flex-direction: column;
		align-items: center;
	}
	.tnp-field {
		width: 280px;
	}
	.tnp-field-button {
		margin-left: 0;
		height: 50px;
	} 
}