@import url(https://fonts.googleapis.com/css?family=Oswald|PT+Sans:700,400&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Kelly+Slab|Marck+Script&subset=latin,cyrillic);

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



/* ++++++++++++++++++++++++++++++++++++ HEADER ++++++++++++++++++++++++++++++++++++ */

header{
	background-color:#303440;
	color:#fff;
	border-bottom:2px solid #4cb0c6;
}

header h1{
	font-family: 'Oswald', sans-serif;
}

.header-contact{
	background-color:#4cb0c6;
	font-family: 'Oswald', sans-serif;
	color:#303440;
	text-align:center;
}

.logo a{
	color:#fff;
}

.logo a:hover{
	text-decoration:none;
}

/* ++++++++++++++++++++++++++++++++++++ NAVIGATION +++++++++++++++++++++++++++++++++ */

nav{
	margin-top:38px;
}

nav li{
	list-style:none;
	display:inline;
}

nav li a{
	text-decoration:none;
	padding:10px 15px;
	color:#fff;
	font-size:110%;
}

nav li a:hover{
	text-decoration:none;
	color:#4cb0c6;
}

.active{
	color:#4cb0c6;
	text-decoration:underline;
}

/* ++++++++++++++++++++++++++++++++++++ CONTENT +++++++++++++++++++++++++++++++++ */

.wrapper{
	padding-bottom:20px;
}

.wrapper p{
	text-align:justify;
}

.wrapper img{
	width:100%;
}

.main_service img{
	width:100%;
}

.main_service a{
	color:#000;
}

.main_service a:hover{
	text-decoration:none;
	color:#4cb0c6;
}

.main_service  .read_more{
	color:#49bd8f;
}

.main_service  .read_more:hover{
	text-decoration:underline;
	color:#49bd8f;
}

.brand_service a{
	color:#000;
	border-radius:0;
}

.brand_service a:hover{
	text-decoration:none;
	color:#337ab7;
}

.brand_service img{
	width:100%;
}

.table th,td{
	text-align:center;
}

.table-text{
	text-align:left;
}


.meizu_service{
	text-align:center;
}

.two_td{
	text-align:left;
}

table th{
	background-color:#4cb0c6;
}

/* ++++++++++++++++++++++++++++++++++++ FORM +++++++++++++++++++++++++++++++++ */


form{
	text-align:center;
}

form input{
	width:50%;
	padding:5px 10px;
}

#button{
	width:20%;
	background-color:#13c3ae;
	border:none;
}

#button:hover{
	background-color:#13C38E;
}

/* ++++++++++++++++++++++++++++++++++++ FORM END +++++++++++++++++++++++++++++++++ */



/* ++++++++++++++++++++++++++++++++++++ SIDE BAR +++++++++++++++++++++++++++++++++ */

.side_bar h3{
	background-color:#303440;
	color:#fff;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
}

.nav_sidebar{
	
	padding-top:10px;
	padding-bottom:10px;
}

.nav_sidebar li{
	list-style:none;
	margin-left:-40px;
	font-size:120%;
	background-color:red;
	padding:6px 0 6px 20px;
	margin-bottom:5px;
	background-color:#FFD9BE;
	border-radius:5px;
	transition:0.4s;
}



.nav_sidebar li a{
	color:#044B89;
	display:block;
}

.nav_sidebar li a:hover{
	text-decoration:none;
}

.nav_sidebar li:hover{
	-webkit-box-shadow: 0px 0px 3px 0px rgba(48,52,64,1);
	-moz-box-shadow: 0px 0px 3px 0px rgba(48,52,64,1);
	box-shadow: 0px 0px 3px 0px rgba(48,52,64,1);
	transition:0.4s;
}

.brand_list{
	margin-left:-40px;
}

.brand_list li{
	list-style:none;
	display:inline-block;
	background-color:#0D96D5;
	margin:0 5px 10px 0;
	padding:6px 14px;
}

.brand_list li a{
	color:#fff;
	display:block;
}


/* ++++++++++++++++++++++++++++++++++++ FOOTER +++++++++++++++++++++++++++++++++ */

footer{
	background-color:#303440;
	color:#fff;
	text-align:center;
}

footer h2{
	font-family: 'Oswald', sans-serif;
}

.counter{
	padding-top:20px;
}

/* ++++++++++++++++++++++++++++++++++++ SCROLL UP +++++++++++++++++++++++++++++++++ */

.scrollup{
width:40px;
height:40px;
opacity:0.3;
position:fixed;
bottom:50px;
right:100px;
display:none;
text-indent:-9999px;
background: url('icon_top.png') no-repeat;
}
		
		
/********************** MEDIA Screen *************************/

@media screen and (max-width: 991px) {

  header h1{
  text-align:center;
  }
  
  nav{
	  text-align:center;
  }
  
  .header-contact{
	  padding-top:1px;
	  padding-bottom:1px;
  }
}


@media screen and (max-width: 900px) {

  header{
  text-align:center;
  }
  
  nav ul li{
	display:block;
	margin:15px 0 15px -30px;
  }

}

@media screen and (max-width: 600px){
	form input{
	width:100%;
	}
	
	#button{
		width:100%;
	}
}

			/********************** КОНЕЦ MEDIA Screen *************************/
			
			
			
.panel-default > .panel-heading{
	background-color:#303440;
	color:#fff;
}

.panel-default a{
	color:#fff;
	padding-top:10px;
	padding-bottom:10px;
}