/**
 * Базовые стили для всего сайта
 */

body {
	position: relative;
	font-family: 'Noto Sans', sans-serif;
	font-size: 18px;
	line-height: 1.4;
	color: #fff;
	min-width: 320px;
	overflow-x: hidden;
	height: auto;
	background-color: #222634;
}

.navbar{
	top: 0;
	width: 100%;
	height: 70px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
	position: fixed;
	z-index: 999;
	background-color: #222634;
}

.navbar .container{
	height: inherit;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.navbar-menu{
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0;
	margin-right: 35px;
}
.navbar-menu li{
	display: inline-block;
}
.navbar-menu li a{
	font-size: 18px;
	display: inline-block;
	color: #fff;
	opacity: 0.6;
	text-decoration: none;
	line-height: 16px;
	letter-spacing: 0.05em;
	padding: 25px;
	transition: all .07s ease-in-out;
}
.navbar-menu li a:hover{
	opacity: 1;
}


.navbar-brand{
	font-weight: 700;
	font-size: 26px;
	text-decoration: none;
	color: #fff;
	margin-left: 25px;
}

.navbar-brand:hover{
	color: #a489ca;
	transition: all .07s ease-in-out;
}

.mobile-wrap{

}

.header{
	min-height: 700px;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.header .row{
	min-height: 700px;
	display: flex;
	align-items: center;
}

.header-content{
	text-align: center;
	border-radius: 10px;
	padding: 20px;
	background-color: #7b659b;
}

.header-content h1{
	font-size: 28px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 0px;
}

.bodyes p{
	text-align: center;
	width: 45%;
}

.bodyes h4{
	text-align: center;
	width: 37%;
	font-size: 25px;
	font-weight:700;

}

.bodyes{
	justify-content: center;
}


.advantages h4{
	text-align: center;
	font-size: 35px;
	font-weight:700;
}

.ad-menu{
	display: flex;
	justify-content: center;
	text-align: center;

/*	margin-left: -2%;*/
}

.ad-menu p{

	width: 200px;
	align-items: center;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 20px;
/*	position:relative;*/
	display: inline-block;
	border-radius: 15px;
	padding: 30px;
	font-size: 20px;
	font-weight:700;
	text-align: center;



}

.services h4{
	font-size: 35px;
	font-weight:700;
}


.services p{
	text-align: center;
	border-radius: 15px;
	padding: 18px;
	width: 50%;
	font-size: 20px;
	font-weight:700;
}

.galery h4{
	font-size: 35px;
	font-weight:700;
}

.f_row img{
	width: 15%;
	border-radius: 10%;
	margin: 0 auto;
	margin-left: 2%;
}

.s_row img{
	width: 25%;
	border-radius: 10%;
	margin: 0 auto;
	margin-left: 2%;
}


.contacts .adress{
	margin-left: 7%;
}


.contacts h4{
	font-size: 24px;
	font-weight:700;
}

 .divider {								/* minor cosmetics */
            display: table; 
            font-size: 24px; 
            text-align: center; 
            width: 75%; 						/* divider width */
            margin: 40px auto;					/* spacing above/below */
        }
        .divider span { display: table-cell; position: relative; }
        .divider span:first-child, .divider span:last-child {
            width: 50%;
            top: 13px;							/* adjust vertical align */
            -moz-background-size: 100% 2px; 	/* line width */
            background-size: 100% 2px; 			/* line width */
            background-position: 164, 137, 202 100%;
            background-repeat: no-repeat;
        }
        .divider span:first-child {				/* color changes in here */
            background-image: -webkit-gradient(linear, 164 137, 202 100%, from(transparent), to(#a489ca));
            background-image: -webkit-linear-gradient(180deg, transparent, #a489ca);
            background-image: -moz-linear-gradient(180deg, transparent, #a489ca);
            background-image: -o-linear-gradient(180deg, transparent, #a489ca);
            background-image: linear-gradient(90deg, transparent, #a489ca);
        }
        .divider span:nth-child(2) {
            color: #000; padding: 0px 5px; width: auto; white-space: nowrap;
        }
        .divider span:last-child {				/* color changes in here */
            background-image: -webkit-gradient(linear, 164 137, 202 100%, from(#a489ca), to(transparent));
            background-image: -webkit-linear-gradient(180deg, #a489ca, transparent);
            background-image: -moz-linear-gradient(180deg, #a489ca, transparent);
            background-image: -o-linear-gradient(180deg, #a489ca, transparent);
            background-image: linear-gradient(90deg, #a489ca, transparent);
        }


/*@media(min-width: 992px){
	.mobile-wrap{
		position: fixed;
		background-color: #222634;
		box-shadow: 0px 14px rgba(0, 0, 0, 0.36);
		top: 0;
		left: 0;
		width: 100px;
		height: auto;
	}
}

.navbar-menu{
	text-align: center;
}

.navbar-menu li{
	display: block !important;
}
*/

.ad-menu .a{
	background-color: #b61f9c;
}

.ad-menu .b{
	background-color: #811fb6;
}

.ad-menu .c{
	background-color: #481fb6;
}

.ad-menu .d{
	background-color: #211fb6;
}

.ad-menu .e{
	background-color: #1f56b6;
}





 @media(max-width: 1200px){
 	.navbar-menu{
 		display:  none;
 	}

 }

 @media(max-width: 1200px){
 	.navbar-brand{
 		font-size: 20px;
 	}
 }

 @media(max-width: 1000px){
 	.navbar-brand{
 		font-size: 18px;
 	}
 }

 @media(max-width: 500px){
 	.navbar-brand{
 		font-size: 16px;
 	}
 }

@media(max-width:500px){
	.bodyes h4{
		font-size: 20px;
	}
}


@media(max-width: 500px){
	.ad-menu{
		display: flex;
 		flex-direction: column-reverse;


 	.ad-menu .c{
 		order: 2;
 	}
 }