body {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	color: #666;
	line-height: 1.7em;
	font-weight: 500;
  }
  /*======================== EM40 SCROLL TOP CSS =========================*/
#back-top {
    position: fixed;
    bottom: 40px;
    right: 0px;
    z-index:999;
}
#back-top a {
    width: 100px;
    display: block;
    text-align: left;
    font: 14px/100% Verdana;
    text-decoration: none;
    color: #fff;   
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover {
    color: #fff;
}
#back-top span {
    width: 44px;
	height: 44px;
	padding: 13px;
	display: block;
	margin-bottom: 7px;
	font-size: 18px;
	color: #333;
	background-color: #ffef00;
}
#back-top a:hover span {
    background-color: #777;
    opacity:1;
}
.img-float-left{
	margin: 15px;
	float: left;
}
.img-float-right{
	margin: 15px;
	float: right;
}
.container_content p{
	text-align: justify;
}
h1{
	font-size: 22px;
  	text-transform: uppercase;
  	text-align: center;
  	color: #111;
  	font-weight: bold;
  	margin-top: 50px;
  	margin-bottom: 50px;
}
h2{
	text-align: center;
  	text-transform: uppercase;
  	font-size: 28px;
	margin-bottom: 25px;
  	color: #4a439d;
}
.col-rekviziti{
	font-size: 18px;
  	font-weight: 300;
}
.container_content p{
	font-size: 18px;
}
.flex-shrink-0{
	margin-bottom: 70px;
}
/* тонкая шапка */
.fas, .fa{
	color:#3561b3;
}
.col-top-tel p{
	margin-bottom: 0px;
}
.col-top-tel{
	padding-top: 13px;
}
.volume-left{
	margin-left: 20px;
}
.col-top-adr{
	padding-top: 13px;
}
.fa-map-marker-alt{
	margin-left: 20px;
}
.top-mail{
	padding-top: 13px;
}
.container-header-thin{
	margin-top: 10px;
	/* border-bottom: 3px solid #1b499f; */
}
.container-header-thin a {
	color: #555;
	text-decoration: none;
	white-space: nowrap;
}
.conect-top{
	background:#ffef00;
  	/* font-weight: bold; */
 	text-transform: uppercase;
  	margin-top: 6px;
  	margin-bottom: 15px;
}
.adr1-headerthin{
	margin-bottom: 0px;
}
.adr2-headerthin{
	margin-bottom: 0px;
}
.col-connect{
	text-align: right;
}
/* конец тонкая шапка */
/* шапка */
.container-header{

}
/* конец шапка */

/* меню */
.container-menu{
	margin-bottom: 30px;
 	margin-top: 20px;
}
.navbar-dark .navbar-nav .nav-link {
	color: #111;
	text-transform: uppercase;
}
.col-menu{
	padding-top: 15px;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
	color: rgb(0, 0, 0);
	text-decoration: underline;
  }
/* конец меню */
/* баннер */
.col-banner-description{
	background: url("/image/banner.jpg") no-repeat;
	background-size: cover;
	padding-bottom: 50px;
	padding-top: 50px;
}
.slogan{
	color: #fff;
  	font-size: 30px;
  	text-transform: uppercase;
  	line-height: 1.5;
  	text-align: center;
  	font-weight: bold;
  	background-color: rgba(46, 37, 87, 0.6);
	margin: 100px;
}
.col-slogan2{
	text-align: center;
}
.col-slogan2 p{
	text-align: center;
  	background:#7055d0;
  	color: #fff;
  	text-transform: uppercase;
  	font-weight: bold;
  	font-size: 30px;
  	padding:17px;
  	display: inline-block;
  	margin:auto;
}
.col-banner-phone1{
	text-align: right;
}
.col-banner-phone1 a{
	font-size: 25px;
}
.col-banner-phone2{
	text-align: left;
}
.col-banner-phone2 a{
	font-size: 25px;
}
/* конец баннер */

/* услуги */
.shadow-box{
	box-shadow: 5px 5px 10px 0px rgba(12,12,12,.66);
	padding: 30px 30px;
	width: 80%;
	margin: 25px auto;
}
.col-uslugi{
	text-align: center;
}
.col-uslugi .fas{
	font-size: 40px;
	padding:30px;
  	background:#fff559;
  	color: #3720a4;
  	border-radius:10px;
}
.col-uslugi p,.col-uslugi a{
	font-size: 20px;
	color: #111;
	text-decoration: none;
	margin-top: 30px;
}
.container-uslugi h2{
	margin-bottom: 30px;
}
.h2-sks{
	margin-top: 100px;
	margin-bottom: 30px;
}

/* конец услуги */

/* footer */
.col-footer-logo img{
	height: 50px;
	margin-bottom: 20px;
}
footer{
	background: #9883ff;
}
.col-footer-logo a{
	color: #fff;
	text-decoration: none;
}
.col-footer-logo .fas{
	color: #fff;
}
.bottom-menu li {
	list-style-type: none;
	margin-bottom: 6px;
}
.bottom-menu li a{
	color: #fff;
	text-decoration: none;
}
.py-3 {
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
}
.footer-last-small {
	text-align: center;
	background:  #626262;
	color: #fff;
	padding-top: 15px;
}
.footer-last-small a{
	text-decoration: none;
	color: #fff;	
}
/*конец footer */
/* форма обратной связи */
.modal-header {
	background-color: #ffef00;
}
.modal-title{
	font-size: 20px;
  	text-align: center;
  margin-right: 15px;
  text-transform: uppercase;
}
.close{
	border: 0px;
  	padding: 0px;
}
.close span{
	font-size: 18px;
  	color: #111;
  	background: #fff;
  	border: 0px;
  	padding: 5px 10px;
  	border-radius: 5px;
}
.callout-btn2{
	background: #ffef00;
}
.form-control{
	margin-bottom: 10px;
}
/* конец форма обратной связи */
 
@media (min-width: 0px) and (max-width:320px) {
	.col-top-tel {
		text-align: center;
	}
	.volume-left {
		margin-left: 10px;
		white-space: nowrap;
	}
	.container-header-thin a {
		font-size: 13px;
	}
	.col-top-adr {
		text-align: center;
	}
	.top-mail {
		text-align: center;
	}
	.col-connect {
		text-align: center;
	}
	.col-logo{
		text-align: center;
	}
	.col-logo img{
		height: 70px;
	}
	.navbar-light .navbar-toggler {
		color: rgb(97, 152, 255);
	}
	.navbar-light .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
		background-color: #124771;
		padding:17px;
		border-radius:0px;
	}
	  .offcanvas-collapse{
		background-color: #004445 !important;
		width: auto !important;
	} 
	  
	#navbarsWithOffCanvas{
		text-align: center;
	}
	.col-menu {
		padding-top: 15px;
		text-align: center;
	}
	.slogan {
		font-size: 15px;
		margin: 15px;
	}
	.col-slogan2 p {
		font-size: 21px;
  		padding:10px;
	}
	.col-banner-phone1 {
		text-align: center;
	}
	.col-banner-phone2 {
		text-align: center;
	}
	.col-banner-phone1 a {
		font-size: 20px;
		margin-top: 25px;
	}
	.col-banner-phone2 a {
		font-size: 20px;
	}
	h2 {
		font-size: 21px;
	}
	.shadow-box {
		width: 90%;
	}
	.col-uslugi .fas {
		font-size: 30px;
		padding:  16px;
	}
	.col-uslugi p, .col-uslugi a {
		font-size: 16px;
	}
	.h2-sks {
		margin-top: 40px;
	}
	.col-footer-logo{
		text-align: center;
	}
}
@media (min-width: 320px) and (max-width:576px) {
	.col-top-tel {
		text-align: center;
	}
	.volume-left {
		margin-left: 10px;
		white-space: nowrap;
	}
	.container-header-thin a {
		font-size: 13px;
	}
	.col-top-adr {
		text-align: center;
	}
	.top-mail {
		text-align: center;
	}
	.col-connect {
		text-align: center;
	}
	.col-logo{
		text-align: center;
	}
	.col-logo img{
		height: 70px;
	}
	.navbar-light .navbar-toggler {
		color: rgb(97, 152, 255);
	}
	.navbar-light .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
		background-color: #124771;
		padding:17px;
		border-radius:0px;
	}
	  .offcanvas-collapse{
		background-color: #004445 !important;
		width: auto !important;
	} 
	  
	#navbarsWithOffCanvas{
		text-align: center;
	}
	.col-menu {
		padding-top: 15px;
		text-align: center;
	}
	.slogan {
		font-size: 15px;
		margin: 15px;
	}
	.col-slogan2 p {
		font-size: 21px;
  		padding:10px;
	}
	.col-banner-phone1 {
		text-align: center;
	}
	.col-banner-phone2 {
		text-align: center;
	}
	.col-banner-phone1 a {
		font-size: 20px;
		margin-top: 25px;
	}
	.col-banner-phone2 a {
		font-size: 20px;
	}
	h2 {
		font-size: 21px;
	}
	.shadow-box {
		width: 90%;
	}
	.col-uslugi .fas {
		font-size: 30px;
		padding:  16px;
	}
	.col-uslugi p, .col-uslugi a {
		font-size: 16px;
	}
	.h2-sks {
		margin-top: 40px;
	}
	.col-footer-logo{
		text-align: center;
	}
}
@media (min-width: 576px) and (max-width:768px) {
	.col-top-tel {
		text-align: center;
	}
	.conect-top {
		font-size: 13px;
	}
	.col-logo img{
		height: 75px;
	}
	.navbar-light .navbar-toggler {
		color: rgb(97, 152, 255);
	}
	.navbar-light .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
		background-color: #124771;
		padding:17px;
		border-radius:0px;
	}
	.offcanvas-collapse{
		background-color: #004445 !important;
		width: auto !important;
	} 
	  
	#navbarsWithOffCanvas{
		text-align: center;
	}
}

@media (min-width: 768px) and (max-width:992px) {
	.col-top-tel {
		text-align: center;
	}
	.col-top-adr {
		text-align: center;
	}
	.col-logo-md{
		text-align: center;
	}
	.col-logo img{
		height: 70px;
	}
	.navbar-dark .navbar-nav .nav-link {
		font-size: 9px;
	}
	.slogan {
		font-size: 20px;
		margin: 50px;
	}
	.col-slogan2 p {
		font-size: 21px;
	}
	.col-banner-phone1 a {
		font-size: 17px;
	}
	.col-banner-phone2 a {
		font-size: 17px;
	}
	.shadow-box {
		width: 100%;	
		padding: 20px 10px;
	}
	.col-uslugi p, .col-uslugi a {
		font-size: 14px;
	}
}

@media (min-width: 992px) and (max-width:1199px) {
	.col-top-tel p {
		width: 150px;
	}
	.col-top-tel p {
		width: 140px;
	}
	.volume-left {
		margin-left: 0px;
	}
	.adr1-headerthin{
		width: 250px;
	}
	.navbar-dark .navbar-nav .nav-link {
		font-size: 10px;
	}
	.navbar-dark .navbar-nav .nav-link {
		font-size: 10px;
	}
	.shadow-box {
		width: 100%;
		padding-top: 20px;
  		padding-bottom: 20px;
	}
	.col-uslugi p, .col-uslugi a {
		font-size: 17px;
	}
}

@media (min-width: 1200px) and (max-width:1400px) {
	.navbar-dark .navbar-nav .nav-link {
		font-size: 12px;
	}
	.shadow-box {
		padding: 30px 10px;
	}
	.col-uslugi p, .col-uslugi a {
		font-size: 19px;		
	}
	.fa-map-marker-alt {
		margin-left: 10px;
	  }
	  .volume-left {
		margin-left: 4px;
	  }
}

@media (min-width:1400px) and (max-width:9999px) {

}