body {font-family: 'Montserrat', sans-serif;}

ul {list-style-type: none;}

a {text-decoration: none;}

.row {margin: 0; padding: 0;}

.layout {max-width: 1100px; margin: 0 auto;}

header.row {align-items: baseline; padding: 20px 0;}
header ul li {display: inline-block; padding: 0px 15px;}
header ul li a {text-transform: uppercase; color: #2B1751; font-weight: bold; }
header ul li a:hover {color: #EB4367;}

.logo img {width: 100%;}

.mobile {display: none;}

.help_btn p a {background: #EB4367; padding: 9px 20px; border-radius: 4px; color: #FFF; text-transform: uppercase; font-size: 13px; font-weight: bold;}

#carouselMain {padding: 0;}
#carouselMain .carousel-caption {text-align: left; width: 40%; top: 30%;}
#carouselMain .carousel-caption h5 {color: rgb(255, 204, 8); font-size: 35px; font-weight: bold;}
#carouselMain .carousel-caption p {margin: 20px 0 40px 0;}
#carouselMain .carousel-caption ul {padding: 0; margin: 20px 0 0 0;}
#carouselMain .carousel-caption ul li {display: inline-block; padding: 0 20px 0 0;}
#carouselMain .carousel-caption ul li a {background: #EB4367; padding: 9px 20px; border-radius: 4px; color: #FFF; text-transform: uppercase; font-size: 13px; font-weight: bold;}
#carouselMain .carousel-caption ul li a.custom_blue {background: #2B1751;}

.services {align-items: center; padding: 80px 0;}
.services h3 {color: #2B1751; font-size: 35px; font-weight: bold; margin-bottom: 10px;}
.services p a {background: #EB4367; padding: 9px 20px; border-radius: 4px; color: #FFF; text-transform: uppercase; font-size: 13px; font-weight: bold;}

.vision_block {color: #FFF; text-align: center; padding: 30px;}
.vision_block h3 {font-size: 18px; font-weight: bold; margin-bottom: 20px;}
.vision_block img {width: auto; display: block; margin: 0 auto 20px auto;}

.vision_blue {background: #2B1751;}
.vision_red {background: #E94367;}
.vision_yellow {background: #FFCC07;}

.man {align-items: center; padding-top: 60px; background: url(images/map_bg.webp) 0 50% no-repeat;}
.man h3 {color: #2B1751; font-weight: bold;}
.man p {margin-bottom: 20px; font-size: 14px;}

.form_block {margin: 10px 0;}
.form_block input {padding: 7px 10px;}
.form_block textarea {min-height: 140px;}
.form_block button {border: none; background: #2B1751; color: #FFF; text-transform: uppercase; font-size: 13px; padding: 9px 0;}

.map iframe {padding: 0;}

.service_list_block {padding: 30px 20px; text-align: center;}

.service_list {margin-top: 50px; padding: 50px 0; color: #FFF; background: url(images/service_bg.jpeg) no-repeat; background-size: cover; position: relative;}
.service_list h3 {text-align: center; font-weight: bold; padding-bottom: 30px;}
.service_list:before {position: absolute; height: 100%; width: 100%; content: ""; z-index: 0; background-color: #2B1751; opacity: .7; top: 0;}
.service_list .layout {z-index: 1;}
.service_list img {width: auto; display: block; margin: 0 auto 20px auto;}
.service_list h4 {font-size: 15px; font-weight: bold;}

.service_list_red {background: #E94367;}
.service_list_yellow {background: #FFCC07;}
.service_list_blue {background: #2B1751;}
.service_list_green {background: #70CDE0;}

#contacts {padding: 80px 0;}

footer {background: url(images/footer.jpeg); position: relative; color: #FFF;}
footer:before {position: absolute; height: 100%; width: 100%; content: ""; z-index: 0; background-color: #2B1751; opacity: .7; top: 0;}

.footer_main {z-index: 2; text-align: center; padding: 50px 0 0 0;}
.footer_main img {width: auto; display: block; margin: 0 auto 20px auto;}
.footer_main p {font-size: 13px;} 
.footer_main p a img {height: 30px;}

.footer_bottom {background: #2B1751; z-index: 1; text-align: center;}
.footer_bottom p {padding: 10px 0; margin: 0; font-size: 13px;}



@media(max-width: 600px){

	.mobile {display: block; text-align: right;}
	.mobile button {border: none; background: none; font-size: 30px;}

	.menu {display: none;}
	.menu ul li {padding: 10px 20px;}

	.help_btn {text-align: center; margin-top: 20px;}

	#carouselMain .carousel-caption {top: 0; width: 70%;}
	#carouselMain .carousel-caption h5 {font-size: 17px;}
	#carouselMain .carousel-caption p {font-size: 14px;}

	.services {text-align: center;}
	.services img {width: 100%;}

	.man {text-align: center;}
}







