/*!
Theme Name: LC-Komov
Theme URI: 
Author: Line-code.ru
Author URI: Https://line-code.ru
Description: Адаптивная тема с индивидуальным дизайном для Комова Алексея
Version: 1.0.1
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: lc-easyprog
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.

LC-Easyprog 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/
*/

@charset "UTF-8";

body {padding:0; margin:0px;}

	p {
font-family: Montserrat;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 160%;
/* or 29px */
color: #333333;
	}
	
.top-menu {  background: #F5F6FA; }

.top-menu-grid { 
height: 40px; 
align-items: center; 
letter-spacing: 0em;
text-align: left;
}

.phone-link:before  {
    content:'';
    background-image: url(img/icn-telegram.png);
    width: 25px;
    height: 25px;
    background-size: contain;
    position: relative;
    top: 5px;
    display: inline-block;
}

.mail-link {
    margin-right: 30px;
}
.mail-link:before  {
    content:'';
    background-image: url(img/icn-mail.png);
    width: 25px;
    height: 25px;
    background-size: contain;
    position: relative;
    top: 5px;
    display: inline-block;
}


.elementor-counter .elementor-counter-title {
    line-height: 1.5!important;
}

.top-menu-grid a {
	font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px;
color: #333;
text-decoration: none;
}

.town-select {
    border-bottom: 1px solid rgba(0, 128, 245, 1);
	border-top: 0px solid rgba(0, 128, 245, 1);
	border-left: 0px solid rgba(0, 128, 245, 1);
	border-right: 0px solid rgba(0, 128, 245, 1);
	 background: #F5F6FA;
	}
	
	.lang-select {
    border-bottom: 0px solid rgba(0, 128, 245, 1);
	border-top: 0px solid rgba(0, 128, 245, 1);
	border-left: 0px solid rgba(0, 128, 245, 1);
	border-right: 0px solid rgba(0, 128, 245, 1);
	 background: #F5F6FA;
	}
.main-menu {
height: 70px; 
background: #ffffff; 
display: flex;
align-items: center;
}
	
.hc-offcanvas-nav h1 {
    margin-left:20px;
}
.main-menu a {
	font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 16px;
text-decoration: none;
line-height: 20px;
color: #333333;
}	
ul.menu{
	margin: 0;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    height: 40px;
	padding: 0;
}
ul.menu li {
       display: inline;
    margin-right: 5px;
    padding: 3px;
    margin-left: 15px;
   }
   
  ul.login {    padding: 0;
    display: flex;
    align-content: center;
    justify-content: space-around;
    align-items: center;
    height: 40px;
    margin: 0;}
   
   ul.login li {
    display: inline; 
    margin-right: 5px; 
    padding: 3px; 
   }
   
  ul.login li  a {font-family: Montserrat;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 20px;
/* identical to box height */

text-align: center;
text-decoration-line: underline;

color: #6A6A6A;}

ul.login li  a:hover {
color: #0080F5; }

ul.menu li  a:hover {
color: #0080F5; 
text-decoration-line: underline;
}

 ul.login li:last-child a
{color: #7D97F4;}
   
 .gamburger  {
	float: left;
    padding: 15px 5px 0 0;
   }   
   
   .block-1 {
	   background: #F5F6FA;
       height: 292px;
   }
   
   
.hero-title {	  
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: bold;
    font-size: 38px;
    line-height: 100%;
    color: #333333;
    text-align: left;
    word-wrap: normal;

   }
 
.block-hero-title {
	position: relative;
}
h1.hero-title:before  {
    content: url(img/vector20.png)!important;
    position: absolute;
    top: -30px;
    left: -8px;
}
   
 .block-1 p {   
font-family: Montserrat;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 150%;
color: #333333;
margin: 20px 100px 20px 0;
word-wrap: normal;
 }

 .block-1-img {
    margin-top: 0px;           
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
 }

 .block-1-txt {
    margin: 40px 0px;
    display: flex;
    align-content: center;
    flex-direction: column;
    justify-content: center;
 }
 
 a.btn-blue {
	 display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px 70px;
width: 300px;
height: 60px;
border-radius: 38px;
text-decoration: none;
background: #7D97F4;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 40px;
letter-spacing: 0em;
text-align: center;
color: #ffffff;
box-shadow: 5px 5px 10px -2px rgba(79, 130, 255, 0.35);
}

 a.btn-blue:hover {
	 box-shadow: 1px 1px 2px rgba(79, 130, 255, 0.5);
 }

.social p {
	font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 17px;
letter-spacing: 0em;
padding-left: 8px;

}

.social img {
	display: inline;
}

.item-triger {
background: #F9F9FA;
border: 4px solid #FFFFFF;
box-sizing: border-box;
box-shadow: 5px 5px 10px rgba(165, 165, 165, 0.25), 10px 10px 20px rgba(241, 241, 241, 0.5);
border-radius: 8px;
width: 265px;
height:140px;
text-align: center;

position: absolute;
    top: 25px;
color: #333333;
}

.item {        display: flex;
    position: relative;
    height: 180px;
    /* text-align: center; */
    justify-content: center;
}

.item p { 
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
text-align: center;
}

.owl-carousel .owl-item .item .item-triger-info  img {
    display: inline-block;
    width: auto;
}

.item-triger-info {
	text-align: center;
    position: absolute;
    width: 265px;
}

.item-triger-info a {
    text-decoration: none;
} 

.owl-theme .owl-dots .owl-dot span {
width: 125px;
height: 10px;
background: #F6F6F6;
box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.5), 5px 5px 10px rgba(170, 170, 204, 0.25);
border-radius: 48px;
margin: 5px 0px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span  {
	background: #7D97F4;
}

.block-title {
	font-family: Montserrat Alternates;
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 160%;
/* or 51px */
color: #333333;
}

/* Line 27 */

.block-title:after {
    content: "";
    position: relative;
    width: 300px;
    display: block;
    height: 1px;
    background: #0080F5;
    top: 10px;
	margin-bottom: 20px;
}

.block-subtitle { 
font-family: Montserrat Alternates;
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 160%;
/* identical to box height, or 32px */
color: #333333;
}

.social-wrap {
	background: #F5F6FA;
    padding-bottom: 20px;
    padding-top: 20px;
}


body.home .social-wrap {
    background: #F5F6FA;
    padding-bottom: 80px;
    padding-top: 40px;
}
.block-trigers {
	    position: relative;
    top: -75px;
}

body.home .block-1 {
    background: #F5F6FA;
    height: 322px;
}

/* 1 УСЛУГА */

.usluga {
height: 300px;
background: #F9F9FA;
border-radius: 28px;
padding:30px 60px;
margin: 30px 0;
display: flex;
}

/* КНОПКА ЗАКАзаТЬ */

.btn-zakazat {

display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 12px;
width: 190px;
height: 40px;
background: #7D97F4;
border-radius: 38px;
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
/* identical to box height */
text-decoration:none;
text-align: center;
color: #FFFFFF;}

.btn-zakazat:hover {
box-shadow: 0px 0px 10px #7D97F4;
color: #FFFFFF;}

.usluga p {font-family: Montserrat;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 160%;
/* or 29px */
color: #333333;}

/* portfolio */

.portfolio-item {
flex-direction: column;
display:flex;
justify-content: space-between;}

.item-vertikal {
    background: #7D97F4;
    border-radius: 28px;
    /* display: block; */
    padding: 45px 42px;
        background-repeat: no-repeat;
    background-position: bottom;
    height: 690px;
    max-width:630px;
    background-size: auto;
}
.item-gorizont {
	background: #7D97F4;
    border-radius: 28px;
    /* display: block; */
    padding: 45px 42px;
	background-repeat: no-repeat;
    height: 330px;
	max-width:630px;
    background-position: bottom center;
    background-size: 50%;
}

.portfolio-home .item-gorizont:nth-child(odd) {
    margin-bottom: 30px;
}


.portfolio-item p {
font-family: Montserrat Alternates;
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 140%;
/* or 28px */
color: #FFFFFF;}

.portfolio-item a {
font-family: Montserrat Alternates;
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 140%;
text-decoration:  none;
/* or 28px */
color: #FFFFFF;}

.portfolio-home .owl-stage {padding-left:0px!important;}

.owl-prev i, .owl-next i {
    color: white;
}
.owl-prev, .owl-next {
    position: absolute;
    top: 50%;
    margin-top: -60px!important;
}
.owl-prev {
    left: -55px;
}
.owl-next {
    right: 25px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
     background: none; 
    color: #FFF;
    text-decoration: none;
}

.block-4  {
	margin: 60px 0;
}
.block-2  {
	margin: 10px 0 60px 0;
}
    

/* Кнопка смотреть все */

.block-4 .btn-smotretvse {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 8px 21px;
width: 300px;
height: 60px;
background: #4F82FF;
box-shadow: 5px 5px 10px rgba(79, 130, 255, 0.15);
border-radius: 38px;
border: 0;
margin: 30px 0 35px 0;
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 160%;
color: #FFFFFF;
text-decoration:none;
}

.block-4 .btn-smotretvse:hover {
background: #4F82FF;
box-shadow: 0px 0px 18px -2px #4F82FF;
border-radius: 38px;
}

.block-3 .block-title {
	margin-bottom: 50px;
}

.block-5 .block-title {
	margin-bottom: 50px;
}

.wework-block {
	position: relative;
	margin-bottom: 70px;
}

.wework-block .wework-back{
height: 240px;
background: #F5F6FA;
border-radius: 28px;
}

.wework-block span { font-family: Montserrat Alternates;
font-style: normal;
font-weight: 900;
font-size: 64px;
line-height: 138%;
color: #4F82FF;
text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.13); }

.wework-info {
	position: absolute;
    top: -35px;
    padding-left: 15px;
}
.wework-title {
    position: absolute;
    top: 30px;
    display: inline-block;
	font-family: Montserrat Alternates;
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 24px;
margin-left: 10px;
color: #333333;
}
.wework-info p {
	font-family: Montserrat;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 160%;
color: #333333;
padding-left: 20px;
padding-right: 48px;
}


/* begin begin Back to Top button  */
.to-up {
    position: fixed;
    bottom: 28px;
    right: 28px;
    display: none;
    z-index: 22;
    cursor: pointer;
}
/* end begin Back to Top button  */



footer {
	height: 190px;
    background: #272727;
    position: relative;
    padding: 25px 0 45px 0;
}

.block-logo-footer {
	margin:50px 0px;
}

ul.footer-menu a {
	font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 160%;
text-decoration:none;
color: #FFFFFF;
}

ul.footer-menu li {
    list-style-type: none; 
	margin-bottom: 10px;
   }
   
   ul.footer-menu  {
    padding-left: 0px; 
   }

p.footer-title {
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 24px;
color: #FFFFFF;
margin-bottom: 20px;
}

.copyright {
	border: 1px solid #333333;
	text-align:center;
	padding:10px 0px;
	position: absolute;
    width: 100%;
    bottom: 0px;
	display: flex;
    justify-content: center;
}

.copyright p {
	font-family: Montserrat;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 160%;
color: #FFFFFF;
height:0px;

}

ul.work-time {
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #FFFFFF;
padding-left:0px;
margin-bottom: 30px;
}

ul.mail a {
	font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #FFFFFF;
text-decoration: none;
}

ul.mail {
	padding-left:0px;
}

ul.work-time, ul.mail, ul.footer-tel li{
	list-style-type: none; 
}

ul.footer-tel {
	padding-left:0px;
}

ul.footer-tel a {
	font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #FFFFFF;
text-decoration: none;
}

.form-inner{
width: 690px;
height: 390px;
background: #7D97F4;
border: 6px solid #FFFFFF;
box-sizing: border-box;
box-shadow: 6px 0px 21px rgba(0, 0, 0, 0.18);
border-radius: 28px;
top: -25px;
margin: 0 auto;
position: relative;
}

.form-inner h3{
font-family: Montserrat Alternates;
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 160%;
color: #FFFFFF;
text-align: center;
margin: 30px 0 10px 0;}

.form-inner p {
	text-align: center;
height: 50px;
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 140%;
text-align: center;
color: #FFFFFF;
}

.form-inner input {
width: 450px;
height: 50px;
background: #FFFFFF;
box-shadow: inset 1px 1px 2px rgba(170, 170, 204, 0.5);
border-radius: 38px;
    border: 0;
    margin: 0px auto;
    display: block;
	font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 148%;
color: #4f82ff;;
padding: 0px 25px;
}

/* Auto layout */
.form-inner input[type=submit] {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px 53px;
width: 410px;
height: 60px;
background: #FFFFFF;
border: 4px solid #F5F6FA;
box-sizing: border-box;
box-shadow: 0px 4px 20px rgba(0, 11, 255, 0.35);
border-radius: 38px;
font-family: Montserrat;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 40px;
align-items: center;
text-align: center;
color: #4F82FF;
}

footer .social p {
	color:#ffffff;
	}
	
 .social p:before {
	content: url('img/Line-blue.png');
	    position: relative;
    top: 4px;
    left: -3px;
	}
	
	
a.footer-link	{
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 22px;
text-decoration: none;
/* identical to box height */
border-bottom: 1px solid #0080F5;
text-align: center;
color: #FFFFFF;}

.top-tel {text-align: right;}
.top-lang {text-align: right;}


.hc-nav-trigger {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: none;
    top: 0px;
    /* z-index: 9980; */
    width: 30px;
    min-height: 0;
}

.hc-nav-trigger.hc-nav-1 {
    display: block;
}

.hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul {
background: #F9F9FA;
}


.hc-offcanvas-nav .nav-item-link, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a {
    padding: 14px 17px;
  font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 24px;
text-align: left;
color: #333333;
}

.hc-offcanvas-nav .nav-next span::before, .hc-offcanvas-nav .nav-back span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin-left: -2px;
    box-sizing: border-box;
    border-top: 2px solid #333333;
    border-left: 2px solid #333333;
    transform-origin: center;
}

.hc-offcanvas-nav .nav-content>.nav-close:first-child a, .hc-offcanvas-nav .nav-title+.nav-close a.has-label, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a {
    background: #F9F9FA;
    border-top: 1px solid #F9F9FA;
    border-bottom: 1px solid #F9F9FA;
}

.hc-offcanvas-nav .nav-item-link, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a {
	border-bottom: 0px solid #2c5d8f;
}

.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link {
    border-top: 0px solid #2c5d8f;
}

.hc-offcanvas-nav .nav-close-button span::before, .hc-offcanvas-nav .nav-close-button span::after {
    content: '';
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: 2px solid #333333;
    border-left: 2px solid #333333;
}

.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover {
    background: #abacaf26;
}

.hc-offcanvas-nav .nav-content>.nav-close:first-child a:hover {
     background: #f9f9fa;   
}

.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:not(:last-child) {
    border-bottom: 0px solid #2c5d8f;
}

.bottom-nav {
    position: absolute;
    z-index: 10;
    bottom: 0;
    width: 100%;
    flex-wrap: nowrap;
    align-items: stretch;
    margin-bottom: 50px!important;
}

.razrabotka .item-vertikal {
    background: #F9F9FA;
/* 1 */
background-repeat: no-repeat;
    background-position: center;
	background-size: auto;
box-shadow: 8px 10px 18px -4px rgba(0, 0, 0, 0.06);
}

.razrabotka .item-gorizont {
    background: #F9F9FA;
	background-repeat: no-repeat;
    background-position: 80% 90%;
	background-size: auto;
/* 1 */

box-shadow: 8px 10px 18px -4px rgba(0, 0, 0, 0.06);
}

.razrabotka .item-gorizont p {
	font-family: Montserrat Alternates;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 140%;
/* or 25px */
color: #000000;
}

.razrabotka .item-vertikal p {
	font-family: Montserrat Alternates;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 140%;
/* or 25px */
color: #000000;
}

.razrabotka .text-block { margin: 40px 0; }

.komplex-info span {
	background: #FFFFFF;
/* 1 */
padding: 13px 17px;
box-shadow: 8px 10px 18px -4px rgba(0, 0, 0, 0.06);
border-radius: 14px;
font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: 900;
    font-size: 64px;
    line-height: 138%;
    color: #4F82FF;
    text-shadow: 0px 5px 5px rgb(0 0 0 / 13%);
}

.komplex-block {
	position:relative;
}

 .komplex-title {
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 140%;
    color: #FFFFFF;
    position: absolute;
    display: inline-block;
    margin-left: 30px;
}

.komplex-title:after {
    content: "";
    position: relative;
    width: 300px;
    display: block;
    height: 1px;
    background: #ffffff;
    top: 10px;
    margin-bottom: 20px;
}

.komplex-info p { 
font-family: Montserrat;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 160%;
/* or 26px */
 position: relative;
    display: inline-block;
    margin-left: 135px;

color: #FFFFFF;
}

.komplex-info  {  padding: 15px; }

.komplex	{
background: #F9F9FA;
    padding-bottom: 60px;
    padding-top: 50px;
    margin-bottom: 160px;}
	
	.forma-os	{
    margin-bottom: 60px;
        margin-top: 60px;
	}
/* .portfolio-page .item-gorizont {
	background-position: right 90%;
}	
 */
.komplex .item-gorizont {
    margin-bottom:  30px;
}

.razrabotka .portfolio-item {
     margin-bottom:  30px;
}
	
.item-gorizont-long 	{
	background: #7D97F4;
    border-radius: 28px;
    /* display: block; */
    padding: 24px 42px;
	    background-repeat: no-repeat;
    background-position: right center;
    height: 430px;
    background-size: 550px;
	max-width:100%;
	margin-bottom: 30px;
    margin-top: 30px;
}

h3.portfolio-cat-title {
	font-family: Montserrat;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 160%;
/* identical to box height, or 26px */
color: #FFFFFF;
}

.portfolio-page .item-gorizont a {
	font-family: Montserrat Alternates;
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 140%;
/* or 28px */
color: #FFFFFF;
    margin: 0;
	width: 70%;
    text-decoration: none;
}

.portfolio-page .item-gorizont-long a {
	font-family: Montserrat Alternates;
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 140%;
/* or 28px */
color: #FFFFFF;
    margin: 0;
	width: 50%;
    text-decoration: none;
}

.portfolio-klient {
margin-bottom: 160px;	
}

.btn-portfolio {
	font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 160%;
/* identical to box height, or 29px */
color: #898989;
border: 0;
    background: transparent;
	padding: 10px 17px;
	margin-right: 15px;
}

.btn-portfolio.actived  { 
font-size: 14px;
line-height: 140%;
/* identical to box height, or 20px */
color: #FFFFFF;
background: #4F82FF;
box-shadow: 5px 5px 10px rgba(79, 130, 255, 0.15);
border-radius: 38px;
}
.filter-options {
	margin-top: 30px;
	margin-bottom: 35px;
}


.slide-nav .owl-prev i, .slide-nav .owl-next i {
    color: white;
}
.slide-nav .owl-prev, .slide-nav .owl-next {
    position: relative;
 
}
.slide-nav .owl-prev {
    left: -5px;
}
.slide-nav .owl-next {
    right: 25px;
}

 .slide-nav [class*=owl-]:hover {
     background: none; 
    color: #FFF;
    text-decoration: none;
}

h4.block-title {
	font-size: 20px;
}

.slide-nav button {
	background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
	}
	
.slide-nav {
	position: relative;
    top: 55px;
}	
	
.slider-project-row {
  align-items: center;
  margin-bottom: 105px;
}

.modal-content {
    padding:  75px 110px;
}

.modal-header   .modal-title {
font-family: Montserrat Alternates;
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 160%;
/* or 48px */
color: #333333;

}

.modal-header {
border:  0px;
}

.modal-title:after {
    content: "";
    position: relative;
    width: 300px;
    display: block;
    height: 1px;
    background: #0080F5;
    top: 10px;
    margin-bottom: 20px;
}

.modal-content p {
font-family: Montserrat;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 160%;
color: #000000;
}

.modal-content input[type='text'] {
background: #F5F6FA;
/* Inner shadow 1 */
box-shadow: inset 1px 1px 2px rgba(170, 170, 204, 0.5), inset -1px -1px 2px #FFFFFF;
border-radius: 40px;
border: 0px;
width: 100%;
height: 50px;
margin-bottom: 20px;
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 148%;
/* identical to box height, or 27px */
color: #000000;
padding: 11px 20px;
}

.modal-content input[type='tel'] {
background: #F5F6FA;
/* Inner shadow 1 */
box-shadow: inset 1px 1px 2px rgba(170, 170, 204, 0.5), inset -1px -1px 2px #FFFFFF;
border-radius: 40px;
border: 0px;
width: 100%;
height: 50px;
margin-bottom: 20px;
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 148%;
/* identical to box height, or 27px */
color: #000000;
padding: 11px 20px;
}

.modal-content input[type='email'] {
background: #F5F6FA;
/* Inner shadow 1 */
box-shadow: inset 1px 1px 2px rgba(170, 170, 204, 0.5), inset -1px -1px 2px #FFFFFF;
border-radius: 40px;
border: 0px;
width: 100%;
height: 50px;
margin-bottom: 20px;
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 148%;
/* identical to box height, or 27px */
color: #000000;
padding: 11px 20px;
}

.wpcf7-list-item {
    display: inline-block;
    margin: 10px 0 0 0px;
}

p.sub-header-modal {
font-family: Montserrat Alternates;
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 160%;
/* identical to box height, or 32px */
color: #333333;
margin: 20px 0 40px 0;
}

.sub-header-modal:after {
    content: "";
    position: relative;
    width: 300px;
    display: block;
    height: 1px;
    background: #0080F5;
    top: 10px;
    margin-bottom: 20px;
}

.form-check-label {
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 160%;
/* identical to box height, or 29px */
color: #333333;
margin-bottom: 15px;
}

textarea.form-control {
background: #F5F6FA;
/* Inner shadow 1 */
box-shadow: inset 1px 1px 2px rgba(170, 170, 204, 0.5), inset -1px -1px 2px #FFFFFF;
border-radius: 40px;
height: 250px;
padding: 20px 30px;
}

.form-label {
    font-family: Montserrat Alternates;
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 160%;
/* identical to box height, or 32px */
color: #333333;
margin: 20px 0 40px 0;
}

.mobile-menu-wrapper {
    background: #fff;
    width: 100%;
}

.mobile-menu 
    {
    height: 55px;
    align-items: center;
    display: flex;
    justify-content: space-between;
    background: #fff;
    width: 100%;
    /* margin: 0 15px; */
}

   .sticky {
    z-index: 9;
    position: fixed;
}

.form-check-copy {
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 160%;
    color: #333333;
    margin: 20px 0 40px 40px;
}

.modal {
    z-index: 9999;
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e) center/1em auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: .5;
    position: absolute;
    margin: 0 auto;
    float: right;
    top: 20px;
    right: 20px;
    z-index: 99;
}

.btn-otpravit {
     
    width: 300px;
    height: 50px;
    background: #4F82FF;
    box-shadow: 5px 5px 10px rgb(165 165 165 / 25%), 10px 10px 20px rgb(241 241 241 / 50%);
    border-radius: 38px;
    color: #fff;
    border: 0;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 160%;
    color: #FFFFFF;
}
.clear {
   float: right;
    position: relative;
    top: -55px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    border: 0;
    background: none;
    line-height: 160%;
    text-decoration-line: underline;
    color: #333333;
    
}

.usluga-block {    
    display: flex;
    flex-direction: column;
}
.usluga-block p {    
   flex-basis: 100%;
}


input:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}

.hc-offcanvas-nav .nav-close-button span {
        background: url(img/close.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.hc-offcanvas-nav .nav-item-link a.mobile-tel {
        font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #333333;
}


.hc-offcanvas-nav a.nav-next {
     border-left: 0px solid #2c5d8f; 
    border-bottom: 0px solid #2c5d8f; 
}


.login-nav a.mob-reg {
font-family: Montserrat;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 20px;
text-decoration-line: underline!important;
color: #333333;
}

.login-nav a.mob-log {
    font-family: Montserrat;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 20px;
text-decoration-line: underline!important;
color: #7D97F4;
}

.razrabotka-mob-slider .item-vertikal p {
font-family: Montserrat Alternates;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 140%;
/* or 20px */
text-align: center;
color: #000000;
}

.razrabotka-mob-slider .item-vertikal {
    background: #F9F9FA;
    background-repeat: no-repeat;
    background-position: center 90%;
    background-size: 120px;
    box-shadow: 8px 10px 18px -4px rgb(0 0 0 / 6%);
    height: 290px;
}

.entry-content {
    margin: 45px auto;
}

.wpcf7 form .wpcf7-response-output {
    display: none;
}


.project-head {

    background: #F5F6FA;
    position: relative;
}

.project-container {
    height: 400px;
    display: flex;
}


.project-bkgr {
padding: 0 8%;
    display: flex;
    background-repeat: no-repeat;
    background-position: 95% bottom;
align-content: center;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    border-radius: 15px;
    margin: 10px 0;
}

.project-bkgr .block-hero-title {
    position: relative;
    width: 50%;
}

body.error404 .block-1 {
    background: #F5F6FA;
     height: auto; 
}