@charset "utf-8";
/*
Theme Name: tema
Theme URI: МЦ "Авиа ПАРТ"
Description: site
Version: 1.0

*/
* {
	margin: auto;
	padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {
	font: 1.2em Arial, sans-serif;
	width: 95%;
}
.wrapper {
	width: 90%;
	margin: 0 auto;
}


/* Header
-----------------------------------------------------------------------------*/
.header {
/*	height: 170px;      */
}

.zapis{width:20%; height:37px; float:left; background:#e82716}
.zapis a{ display:block; width:100%;height:37px; line-height:37px; float:left; color:#FFF; text-align:center; font-weight:bold; text-decoration:none}

.niz{width:100%; display:flex;flex-direction: row;align-items: center;justify-content: center; background:#FFF}
.logo{height: 181px; min-width:340px; background:url(img/logo_vector-01.svg) left center no-repeat; cursor:pointer}
.menu{width:70%; padding:100px; min-width: 400px;}
.menu{width:70%; padding:100px; min-width: 400px;}
.menu ul{ display:flex; height:30px;flex-direction: row;justify-content: space-around;}
.menu ul li{ display:block;height:30px;text-align:center;}
.menu ul li a{ color:#e82716; text-decoration:none; text-transform:none; font-size:100%}
.menu ul ul{ display: none;  position: absolute;  background-color: #FFFFFF;  margin-top: 10px;  margin-left: -10px;}


/*
.niz{width:100%; height:133px; float:left; background:#FFF}
.logo{ width:30%;height:133px; float:left; background:url(img/logo_vector-01.svg left center no-repeat; cursor:pointer}
.menu ul{ display:block; width:100%;height:50px;float:left; list-style:none}
.menu ul li{ display:block;width:33%;height:50px;float:left}
.menu ul li:nth-child(1){ width:20%}
.menu ul li:nth-child(2){ width:30%}
*/
.cntcts{width:20%;min-width:150px;}
.cntcts ul{ display:block; width:100%;float:left; list-style:none;}
.cntcts ul li:nth-child(1),.cntcts ul li:nth-child(2){ margin:10px 0 10px 0; font-size:90%; text-align:right;}
.cntcts ul li:nth-child(3){font-size:100%; margin:10px 0 10px 3px;text-align:right;}
.cntcts ul li:nth-child(3) img{margin-right:10px;text-align:right;}
.cntcts ul li a{ color:#000;}
.cntcts ul li img{ vertical-align: middle; margin-right:6px}

/* Middle
-----------------------------------------------------------------------------*/
.content { height:auto; width:100%; float:left;}

.sliderWrap{ width:100%; height: 320px; float:right; margin:0}
.sliderWrap img{ width:100%}

#advantages{width:100%; height: auto; float:left; background:#FFF; padding:50px 0}
#advantages ul{display:block; width:100%;height: auto;float:left; list-style:none;}
#advantages ul li{display:block; width:21%;height: auto;float:left; margin:0 2% 0 2%; line-height:1.4}
#advantages ul li img{ float:left; margin-right:25px; vertical-align: middle; display:block; width:88px; height:88px}

#advantages table{width:100%; height: auto; border-collapse:collapse}
#advantages table td{width:12%; height: 100px; float:left; text-align:left; vertical-align:middle}
#advantages table td img{ float:left; vertical-align: middle; display:block; width:88px; height:88px}

.text{ width:96%; padding:30px 2%; float:left; background:#f1f1f1; clear:both; line-height:1.3}
.text h1{ font-size:160%; font-weight: normal; margin:30px 0 40px; text-align:center}
.text h2{ font-size:90%; font-weight: normal; margin:20px; text-align:center}
.text p{ margin:10px 0}
.text ul,.text ol{margin:20px 0}
.text li{ margin:10px 0 10px 40px}
.text table{ width:100%; border:none; border-collapse:collapse}
.text table th{ border:0.3px solid #999; padding:7px; background:#FF0000; color:#FFF}
.text table td{ border:0.3px solid #999; padding:5px}
.text table td:last-child{ text-align:center}

.gde{width:100%; height: auto; float:left; text-align:center; background:#FFF; clear:both}
.gde p{font-size:160%; font-weight: normal; margin:50px 0 40px; text-align:center; text-transform:uppercase}
.gde img{ width:100%}

a.link_no:link, a.link_no:visited, a.link_no:hover, a.link_no:active{text-decoration:none;color:black;}
a.link_yes:link, a.link_yes:visited, a.link_yes:hover, a.link_yes:active{text-decoration:underline;color:black;}

#screen-last{
padding:93px 0;
}

#screen-last .screen-title{
margin-bottom:60px;
font-size:34px;

}

.inner{
width:980px;
max-width:98%;
min-width:240px;
margin:0 auto;
text-align: center;
}

.certificates{
margin: 0 auto;
display: inline-block;
}

.slide {
    vertical-align: middle;
    display: inline-block;
    float: none ! important;
}

.certificates img{
vertical-align: middle;
}

/* Footer
-----------------------------------------------------------------------------*/
.footer {
	/*height: 200px;*/
	background: #dcdcdc;
	padding: 2px;
}
.footer .f1, .footer .f2, .footer .f3{
	height:auto;
}

.f1{ width:25%; height:200px; float:right}
.f1 p{ font-size:70%; margin:30px 50px 20px 20px}
.f1 p.avtor{ font-size:70%; margin:25px 50px 0 20px}
.f1 p.avtor a{ color:#CCC; }
.f1 p.avtor a:hover{ text-decoration:none}
.f1 img{ margin:0 20px}
.f2{ width:50%; height:200px; float:right}
.f2 p{ margin:30px; font-size:70%;color:#010101}
.f2 p.melko{ margin:20px 30px; font-size:70%}
.f3{ width:25%; height:200px; float:right}
.f3 ul{ margin:30px 0 0 20px; list-style:none}
.f3 li{ margin:10px 30px 0 0; line-height:1}
.f3 li a{ color:#010101; font-size:70%}
.scrollTop{background:url('img/2top.png') 0 0 no-repeat;width:44px;height:44px;bottom:10px;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;}

/* Modal
-----------------------------------------------------------------------------*/
.modal_div{width:300px;height:300px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;border:3px #F00 solid;background:#fff;position:fixed;top:45%;left:50%;margin-top:-150px;margin-left:-150px;display:none;opacity:0;z-index:11;padding:20px 10px}
.modal_div h3{text-align:center;font-size:16px;margin:10px 0 20px 0}
.modal_div p{margin:5px 0 5px 0}
.modal_div p.zentr{text-align:center}
.modal_div textarea{width:300px;height:50px}
.modal_div input[type="text"]{width:300px;height:25px}
.modal_div input[type="submit"]{font-weight:bold;text-transform:uppercase;padding:10px 20px;margin:10px 0 0 0;border:none;cursor:pointer;font-size:18px;color:#FFFFFF;background:#F00;-webkit-box-shadow:4px 4px 5px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:4px 4px 5px 0px rgba(50, 50, 50, 0.75);box-shadow:4px 4px 5px 0px rgba(50, 50, 50, 0.75);}
.modal_close{width:21px;height:21px;position:absolute;top:10px;right:10px;cursor:pointer;display:block;font-size:22px;color:#e82716}
#overlay{z-index:10;position:fixed;background-color:#e82716;opacity:0.8;width:100%;height:100%;top:0;left:0;cursor:pointer;display:none;}
.m-appointment._iframe{ background:#333333}

/* Slider
---------------------------------------------------------------------------*/
.animated {
  -webkit-animation-name: flash; animation-name: flash; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;
}

@-webkit-keyframes shake {
  from, to, 10%, 30%, 70% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  1%, 3%, 5%, 7%, 9% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  2%, 4%, 6%, 8% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
}

@keyframes shake {
  from, to, 10%, 30%, 70% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  1%, 3%, 5%, 7%, 9% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  2%, 4%, 6%, 8% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.1, 1.05, 1);
    transform: scale3d(1.1, 1.05, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.1, 1.05, 1);
    transform: scale3d(1.1, 1.05, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

#slider li{
	display: block;
	width: 90%;
	height: 350px;
	position: relative;
}

#slider li .overlay{
	display: block;
	position: absolute;
	bottom: 0px;
	left:10%;
	right:50%;
	top:0px;
	min-height:350px;
	max-height:350px;	
	width: 40%;
	background:url(img/slider-bg.png)
}
#slider li .overlay p:first-child{ color:#e82716; font-weight:bold; font-size:100%; margin:10px 20px 20px 30px; line-height:1.4; padding:0; text-transform:uppercase; text-shadow: 1px 1px 3px gainsboro;}
#slider li .overlay p{ font-size:70%; font-weight:bold; margin:10px 20px 20px 30px; line-height:1.1; padding:0; text-transform:uppercase}
#slider li .overlay p.topis{ text-transform: none; font-size:90%; color:#c1c1c1; display:block; font-weight: normal; text-shadow: 1px 1px 1px black}

#slider li .overlay a{ display:block; background:#F00; padding:9px 20px; width:50%; height:auto; margin:20px 0 0 100px; text-align:center; color:#FFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:70%;}
#slider li .overlay a:hover{ background:#bd4a59}

.bx-prev{
	display: block;
	width: 32px;
	height: 31px;
	background: url(img/prev.png) left 0px no-repeat;
	position: absolute;
	left: 22px;
	top: 100px;
	text-indent: -9999px;
}

.bx-next{
	display: block;
	width: 32px;
	height: 31px;
	background: url(img/next.png) left 0px no-repeat;
	position: absolute;
	right: 22px;
	top: 100px;
	text-indent: -9999px;
}

/*	Specialists
----------------------------*/
.specialist{
	max-width:80%;
	margin:0 auto;
	padding:35px 35px 30px;
}
.specialist .photo{
	float:left;
	margin:0 30px 30px 0;
}
.specialist  h2{
	text-align:left;
	margin:0 0 14px;
}
.specialist .more{
	color:#006ce5;
	text-decoration:underline;
}
.specialist .hr{
	border-bottom:2px solid #d6d6d6;
	margin:34px 27px 0;
}


/* Other
-------------------------------*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

@media screen and (min-width:240px) and (max-width:600px){
	body {font: 0.9em Arial, sans-serif;}
	.verh{ height:auto}
	.adres,.rezhim{ width:85%; padding:0 0 0 10%; margin:0 0 0 5%}
	.zapis{ width:90%; padding:0 5%; margin:0}
	.niz{flex-direction: column;}
	.logo{ background-size:contain}
	.menu{ width:95%; padding-top:30px;min-width: 350px;}
	.menu ul li{width:50%; height:40px; text-align:center}
	.menu ul li:nth-child(1),.menu ul li:nth-child(2){ width:50%}
	.cntcts{ width:100%;min-width: 150px;}
	.sliderWrap{ min-height:200px;}
	#slider li{min-height:200px;}
	#slider li .overlay{
		bottom: 0px;
		left:5%;
		right:5%;
		top:10px;
		width: 90%;
	}
	#slider li .overlay p:first-child{ font-size:180%; margin:10px 0 0 10px; text-align:center }
	#slider li .overlay p{ font-size:120%; margin:10px; text-align:center}
	#slider li .overlay p.opis{ display:none}
	#slider li .overlay a{ padding:5px 0; width:50%; height:auto; margin:10px 25%; font-size:130%; z-index:2}
	.bx-prev,.bx-next{top: 89px;}
	.footer{ height:auto}
	.f1 img{ max-width:80%}
	.f2 p{ font-size:50%}
	.f3 ul{ margin:20px 0 0 0 }
	.text h1{ font-size:140%; line-height:1.2; margin:0 20px 20px 20px}
	.text,.text p,.text li{ font-size:100%; line-height:1.3}
}
@media screen and (min-width:601px) and (max-width:1100px){
	body {font: 0.9em Arial, sans-serif;}
	.niz{flex-direction: column;}
	.cntcts ul li:nth-child(1),.cntcts ul li:nth-child(2){ font-size:90%}
	.cntcts ul li:nth-child(3){font-size:70%;}
	.logo{ background-size:contain}
	#slider li .overlay{
		left:5%;
		right:35%;
		width: 60%;
	}
	#advantages ul li{ text-align:center}
	#advantages ul li img{ display:block; width:60px; height:60px; float:none; margin:20px auto}
	.text h1{ font-size:170%; line-height:1.2; margin:0 40px 20px 40px}
}	
#wpcf7-f2334-p2335-o1 {
 margin: 0 auto;
    max-width: 95%;
    padding: 30px 30px 6px 30px;
    border: 1px solid rgba(0,0,0,.2);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: rgba(0, 0, 0, 0.5); 
    -moz-box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
    box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
    overflow: hidden; 
}
/* Поле сообщения */
textarea{
    background: rgba(255, 255, 255, 0.4); 
    width: 100%;
    height: 110px;
    border: 1px solid rgba(255,255,255,.6);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; 
    display:block;
    font-family: 'Open Sans', sans-serif;
    font-size:18px;
    font-weight: 300;
    color:#fff;
    padding-left:25px;
    padding-right:20px;
    padding-top:12px;
    margin-bottom:20px;
    overflow:hidden;
}
/* Поля ввода */
input {
    width: 100%;
    height: 48px;
    border: 1px solid rgba(255,255,255,.4);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; 
    display:block;
    font-family: 'Open Sans', sans-serif;
    font-size:18px;
    font-weight: 300;    
    color:#fff;
    padding-left:20px;
    padding-right:20px;
    margin-bottom:20px;
}
input[type=submit] {
    cursor:pointer;
}
input.name {
    background: rgba(255, 255, 255, 0.4); 
    padding-left:25px;
}
input.email {
    background: rgba(255, 255, 255, 0.4);
    padding-left:25px;
}
input.message {
    background: rgba(255, 255, 255, 0.4);
    padding-left:25px;
}
::-webkit-input-placeholder {
    color: #fff;
}
:-moz-placeholder{ 
    color: #fff; 
}
::-moz-placeholder {
    color: #fff;
}
:-ms-input-placeholder {  
    color: #fff; 
}
input:focus, textarea:focus { 
    background-color: rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px 1px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 5px 1px rgba(255,255,255,.5);
    box-shadow: 0 0 5px 1px rgba(255,255,255,.5);
    overflow: hidden; 
}

* { box-sizing: border-box; }
body {
  margin: 0;
  background: #FFFFFF;
}
header {
  background: white;
  text-align: center;
}
header a {
  text-decoration: none;
  outline: none;
  display: block;
  transition: .3s ease-in-out;
}

nav {
  display: table;
  margin: 0 auto;
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.topmenu:after {
  content: "";
  display: table;
  clear: both;
}
.topmenu > li {
  width: 25%;
  float: left;
  position: relative;
  font-family: 'Open Sans', sans-serif;
}
.topmenu > li > a {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  padding: 20px 30px;
}
.topmenu li a:hover { color: #FF0000; }

.submenu {
  background: #FFFFFF;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 5;
  width: 250px;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: 0 0;
  transition: .2s ease-in-out;
}
.submenu a {
  color: #A52A2A;
  text-align: left;
  padding: 12px 15px;
  font-size: 13px;
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.submenu li:last-child a { border-bottom: none; }
.topmenu > li:hover .submenu {
  opacity: 1;
  transform: scaleY(1);
}