body {
font-family: 'Montserrat', sans-serif;
background-color: #fff;
font-weight:400;
font-size: 17px;
margin:0; padding:0;
color:#181D26;
overflow-x:hidden;
}

.article-content img {
max-width: 100%;
height: auto;	
}

a {color:#181D26; text-decoration:none;}
a:hover {color:#3d3d3d; text-decoration:underline;}

.container {padding:0 15px;margin:0 auto;}
@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}} @media (min-width:1400px){.container{max-width:1320px}}

.img-fluid {
max-width: 100%;
height: auto;
}

.header-in {display:flex; justify-content:space-between; align-items:center; padding:15px 0;}
.visually-hidden {display:none !important;}

.logo a {display:block; line-height:0;} 
.home-top-section {
    background: url(/images/hero-bg2.jpg);
	background-position: bottom 0px right 0;
    background-repeat: no-repeat;
    background-size: cover;
	color:#fff;	
	height:100vh;		
	display:flex;
	flex-direction:column;	
	}
	
.home-top-section.headerline {
height:auto;
}		
.header-wrap {
background: linear-gradient(to bottom,  rgb(0 0 0) 0%,rgba(54,99,137,0) 100%);	
}		
.header-wrap.headerline {border-bottom:1px solid#ccc;}
.hero {
    height: calc(100vh - 80px);
    display: flex;
    align-items: center;
}
.hero-info {width:100%;}
.hero-title1 {font-size:20px; font-weight:800;}
.hero-title2 {font-size:40px; font-weight:600; margin-top:10px; text-transform: uppercase;}
.hero-title3 {margin-top:35px;}
.hero-title3 a {
font-size: 18px;
    padding: 15px 40px;
    border-radius: 25px;
    cursor: pointer;
    border: 1px solid #CCA776;
    background: #CCA776;
    color: #000;
display:inline-block;	
}
.hero-title3 a:hover {
background: none;
	text-decoration:none;
	color:#CCA776;
}
.hero-title2a {margin-top: 20px; font-size: 23px;}
.phone-head a {color: #CCA776; font-size: 22px; font-weight: 600;}
.phone-head a:hover {text-decoration:underline;}
.line-icon-wrap {margin-bottom:30px;}
.line-icon {width: 50px; height: 3px; background-color:#CCA776; margin: 0 auto;}
.home-about {padding:100px 0; text-align:center;}
.home-about-title {font-size:40px; font-weight:800; color: #181D26;}
.home-about-text {}
.home-about-in {
	margin-top:50px;
}
.home-about-text-btn {margin-top:60px}

.home-about-text-btn a {
font-size: 18px;
    padding: 15px 40px;
    border-radius: 25px;
    cursor: pointer;
    border: 1px solid #CCA776;
    background: #CCA776;
    color: #000;
display:inline-block;	
}
.home-about-text-btn a:hover {
background: #181D26;
	text-decoration:none;
	color:#fff;
	border: 1px solid #181D26;
}

.why-we {
    background: url(/images/home_bg_01.jpg) top center;
    background-repeat: no-repeat;
    background-size: cover;
	padding:100px 0;
	text-align:center;
	color: #fff;
}	
.why-we-title {
font-size: 40px;
    font-weight: 800;
}
.why-we-in {
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
	margin-top:70px;}
.why-we-wrap {}
.why-we-icon {}
.why-we-name {font-size:22px; font-weight:600; margin-top:25px;}
.why-we-text {margin-top:15px}

.why-we-icon img {
	width:50px; height:50px;	
	border:2px solid#CCA776; padding:20px; border-radius:100%
}

#messengers a {margin-left:10px;}
#messengers-foot {display:flex; gap: 10px; margin-top:15px;}

.uslugi {padding:100px 0;}
.uslugi-in {
display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
	margin-top:70px;
}
.togda-zvonite {text-align:center;
margin-top:80px;
	font-weight:600;
	font-size:25px;
}

.uslugi-title {
font-size: 40px;
    font-weight: 800;
    color: #181D26;text-align: center;	
}
.usluga-title {font-size:70px; font-weight:900; color:#CCA776; }

.free-consul {
    background: url(/images/home_bg_02.jpg) top center;
    background-repeat: no-repeat;
    background-size: cover;
	padding:100px 0;
	text-align:center;
position:relative;	
}

.background-overlay {
    background-color: #CCA776;
    opacity: 0.63;
	position: absolute;
    top: 0;
    left: 0;
	right:0;
	bottom:0;
    z-index: 2;
    width: 100%;
    height: 100%;
}
.free-consul-in {position:relative; z-index: 3;}
.free-consul-text {
font-size: 40px;
    font-weight: 800;
    color: #fff;	
}
.free-consul-btn {margin-top:50px}
.free-consul-btn a {
font-size: 18px;
    padding: 15px 50px;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #fff;
    background: none;
    color: #fff;
display:inline-block;	
}
.free-consul-btn a:hover {
	background:#181D26;
	border: 1px solid #181D26;
	text-decoration:none;
}
.copyright {
	padding:40px 0;
background:#141920;
text-align:center;	
color: #666666;
font-size: 13px;
}





.footer-main {font-size:20px; font-weight:bold; margin-bottom:15px; color:#ffe5e5;}
.footer-adr {margin-top:15px;}
.footer-phone {margin-top:15px;}
.footer-logo {text-align:center;}

.footer-phone a {font-size:30px; font-weight:bold; color:#fff;}
.footer-phone a:hover {color:#CCA776;}

.homenews figure {margin:0; padding:0;}
.blog figure {margin:0; padding:0;}
.blog-item img {
max-width: 100%;
    height: auto;	
}

.blog-items {
display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;	
}

.blog-items .btn-secondary {font-weight:600;}

.homenews .btn-secondary {
font-size: 16px;
    padding: 5px 15px;
    border-radius: 25px;	
	cursor:pointer;
border: 1px solid #1A9AEA;
    background: #1A9AEA;
    color: #EAF6FF;	
}

.homenews .btn-secondary:hover {
border: 1px solid #CCA776;
    background: #CCA776;
    color: #2a2a2a;
}

.page-header h1, .com-content-category-blog h1 {
font-size: 40px;
    color: #2a2a2a;	
}

.bred .breadcrumb {margin:0; padding:0; list-style:none;} 
ol.mod-breadcrumbs li {
    display: inline-block;
    margin-right: 25px;
    position: relative;
	list-style:none;
}
ol.mod-breadcrumbs li a::after {
    position: absolute;
    top: 6px;
    display: inline-block;
    margin-left: 4px;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: none;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
}
.my-breadcrumbs {margin-bottom:30px;}
.mod-breadcrumbs__divider.float-start {display:none;}


#mobile-menu-btn {display:none;}

.qf3form.default .qffile input {
    max-width: 100%;
}
#contact-btn-top {cursor:pointer;}

.qf3form.default {
   padding: 0 !important; 
}

.deskmenu {}

.home-top-section.headerline .deskmenu {
	
}

.deskmenu .wmenu {margin:0; padding:0; list-style:none;
display: flex;
    gap: 1px;
	justify-content:space-between;
}

.deskmenu-in {}

.deskmenu .wmenu li {display:block; list-style:none; position: relative;}
.deskmenu .wmenu li a {display:block; padding:15px 8px; color: #EAF6FF;
   /*  text-transform: uppercase; */
    font-size: 20px;
	/* font-family: 'Roboto', sans-serif; */
	font-weight: 600;
			}

.deskmenu .wmenu .nav-item:hover a{
color:#CCA776;
}

/* .dropdown-active ~ .dropdown-menu {display:block;}  */

.dropdown-toggle[aria-expanded="true"] + .dropdown-menu {
display:block;
}

.deskmenu .dropdown-menu {    
margin-top:10px;        
}

.dropdown-menu li {display:block !important;}
.dropdown-menu li a {display:block !important; border:none !important;}
.dropdown-menu .nav-item::before {display:none;}

.deskmenu .dropdown-menu li a {
font-size:16px; 
padding:5px 0;
color:#000 !important; text-transform:none;
}
.deskmenu .dropdown-menu li a:hover {
color: #181D26 !important;
}

.dropdown-menu {
position: absolute; 
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    margin: 0;
    padding: 10px 15px 10px 15px;
    border-radius: 5px;
    box-shadow: 0px 0 10px #777;
    min-width: 12rem;
    background: #fff;
}

.dropdown-toggle::after {
    position: absolute;
    top: 19px;
    display: inline-block;
    margin-left: 4px;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

/* .parent {
    position: relative;
} */

.offcanvas .wmenu {margin:60px 0 0 0; padding: 0 15px 0 15px;
display:block;
}
.offcanvas .wmenu li {display:block; list-style:none; position: relative; margin-bottom:20px;}
.offcanvas .wmenu li a {
display: block;
    font-size: 18px;
    color: #EAF6FF !important;
}

.offcanvas .dropdown-toggle::after {
    top: 5px;
}

.offcanvas .dropdown-menu li {
margin-bottom: 3px;
}

.offcanvas .dropdown-menu li a {
margin-bottom:10px;
padding:0;
color:#000 !important;
font-size: 16px;
margin-left:0;
}

.offcanvas .dropdown-menu {position:relative; margin-top:10px;}

#btn-close {
display: block;
position: absolute;
top: 15px;
right: 15px;
z-index: 7;
cursor:pointer;
}

div.mod-languages a {
    padding: 10px 5px;
	color:#fff;
}
div.mod-languages li {
    margin: 0 0px;
	 padding: 5px 5px;
}

div.mod-languages ul li.lang-active {
  background-color:#f6f6f6; border-radius:4px;
	padding:0;
}

div.mod-languages ul li.lang-active a {
 color:#000;
}
.lang {color:#fff; text-align:center;} 

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 6;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    /* opacity: .5; */
	background-color: rgb(0 0 0 / 50%);
}

.offcanvas {
position: fixed;
top: 0;
right: 0;
bottom: 0;
z-index: 7;
width: 250px;
max-width: 100%;
/* background-color: #e9e9e9; */
background-color: #181D26;
outline: 0;
transition: transform .3s ease-in-out;
transform: translateX(100%);
}

.offcanvas.show {
transform: none; 
} 

footer {background-color: #181D26; padding:50px 0px; color:#fff; /* margin-top:50px; */}
footer a {color:#fff;}

.footer-flex {display:flex; justify-content:space-between;; gap: 30px;}
.article-content {margin:50px 0 100px 0;}
.pagination  {padding:0; margin:0; list-style:none }
.pagination  li {padding:0; margin:0; list-style:none; display:inline-block; }
.pagination  li a {font-size:20px; font-weight:bold; }

.blog-items .page-header h2 {font-size:18px;}
.footer-block a {display:block; color:#fff;}
.footer-block a:hover {color:#CCA776;}
.mt-50 {margin-top:50px;}

@media (max-width: 768px) {
#messengers {display: flex;
    align-items: center;}
#messengers .instagram img
  {
    width: 34px;
    height: 34px;
    position: unset !important;
  }
div.mod-languages a {
    padding: 10px 0px;
}  
#messengers a {
    margin-left: 5px;
}  
.phone-head a {font-size: 18px;}
.home-top-section {
    background-position: bottom 0px left 0;  
}	
#messengers img {width:25px; height:25px;}  
.togda-zvonite {
    font-size: 20px;
}	

.hero-title2 {
    font-size: 30px;
}
.home-about-title, .why-we-title, .uslugi-title {
    font-size: 30px;
}
.free-consul-text {
    font-size: 20px;
}

.home-about, .why-we, .uslugi, .free-consul {
    padding: 70px 0;
}

.why-we-in {
    grid-template-columns: repeat(1, 1fr);
}

.uslugi-in {
    grid-template-columns: repeat(2, 1fr);
}
.usluga-title {
    font-size: 50px;
}

.footer-logo img {width:100px; height:100px;}

#messengers-foot {
    justify-content: center;
}

	
.article-content {
    margin: 25px 0 50px 0;
}	
	
.page-header h1, #comjshop h1, .com-content-category-blog h1 {
font-size: 25px;
}	

.footer-phone a {font-size: 25px;}
.footer-block {margin-top:30px;}

.blog-items {
    grid-template-columns: repeat(2, 1fr);

}

.logo img {width:50px; height:auto;}
	
#mobile-menu-btn {display:block;}
.deskmenu {display:none;}
div.mod-languages li {
 display:block !important;
}

div.mod-languages li {
     padding: 3 0px; font-size: 12px;
}
div.mod-languages ul li.lang-active a {
 font-size:12px;
}
div.mod-languages a {
font-size:12px;
}
#mobile-menu-btn img {width:25px; height:25px;}

.footer-flex {display:block; margin:10px; text-align: center;}
footer {padding:15px 0px; }
footer div {margin:5px 0; }
}

@media (max-width: 400px) {
.blog-items {
    grid-template-columns: repeat(1, 1fr);
}
}
#messengers-foot .instagram, #messengers .instagram {
  position: relative;
}
#messengers-foot .instagram img{
  position: absolute;
   top: -5px;
}
#messengers .instagram img{
position: absolute;
    top: -25px;}

.mod-languages{
	display:none;
}