.header-mobile {
background: linear-gradient(103deg,#00dcff,#0073ff 72%,#aa5aff);
height: 130px;
}


.top-header {
  background: -webkit-linear-gradient(185deg, #0078ac,#00a8df,#00cbfd);
	background: linear-gradient(185deg, #0078ac,#00a8df,#00cbfd);
  border-bottom-width: 0px;
  border-bottom-style: outset;
	height: 74px;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 3px solid;
  border-color: #000;
  border-radius: 14px;
  background: -webkit-linear-gradient(360deg, #edefee,#c9c9c9);
  background: linear-gradient(360deg, #edefee,#c9c9c9);
  color: rgba(0, 0, 0, 0.8);
}

.tttttt78 li {
  list-style: none;
  padding: 0;
}

.tttttt78 li {
  font-family: "Trebuchet MS", "Lucida Sans";
  padding: 7px 20px;
  margin-bottom: 10px;
  border-radius: 5px;
  border-left: 10px solid #f05d22;
  box-shadow: 2px -2px 5px 0 rgba(0,0,0,.1),
     -2px -2px 5px 0 rgba(0,0,0,.1),
    2px 2px 5px 0 rgba(0,0,0,.1),
    -2px 2px 5px 0 rgba(0,0,0,.1);
  font-size: 20px;
  letter-spacing: 2px;
  transition: 0.3s all linear;
}

.tttttt78 li:nth-child(2) {
  border-color: #8bc63e;
}

.tttttt78 li:nth-child(3) {
  border-color: #fcba30;
}

.tttttt78 li:nth-child(4) {
  border-color: #1ccfc9;
}

.tttttt78 li:nth-child(5) {
  border-color: #493224;
}

.tttttt78 li:hover {
  border-left: 10px solid transparent;
}

.tttttt78 li:nth-child(1):hover {
  border-right: 10px solid #f05d22;
}

.tttttt78 li:nth-child(2):hover {
  border-right: 10px solid #8bc63e;
}

.tttttt78 li:nth-child(3):hover {
  border-right: 10px solid #fcba30;
}

.tttttt78 li:nth-child(4):hover {
  border-right: 10px solid #1ccfc9;
}

.tttttt78 li:nth-child(5):hover {
  border-right: 10px solid #493224;
}

.archive-posts {
  list-style: none;
  border-left: 10px solid #FC7574;
  padding: 0;
  font-family: "Lucida Sans";
}

.archive-posts {
  padding: 10px;
}

.archive-posts :nth-child(odd) {
  background: #E1F1FF;
}

.archive-posts :nth-child(even) {
  background: white;
}

.site-info {
  background: #262626;
}
/*
Форма обратной связи
*/
.bg-b {
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background:rgba(51,51,51,0.55);
  z-index:1000;	
}
body {
 position:relative;
}
.callme {
  position:fixed;
  top:30%;
  left:50%;
  width:300px;
  margin-left:-150px;
  z-index:1100;
  background:#FFF;
  padding:20px 20px 10px;
  border-radius:4px;
}
.callme small {
  position:absolute;
  right:10px;
  top:10px;
  font-size:15px;
  cursor:pointer;
}

.waybox {
border-left: 4px solid #ee8439;
}

/***Стили для формы обратной связи****/
.contact-us a{
font-weight: bold;
border-radius: 8px;
border:1px solid #ccc; /*цвет границы*/
background: -webkit-linear-gradient(329deg, #ffec70,#ffdd00,#ffdd00);
background: linear-gradient(329deg, #ffec70,#ffdd00,#ffdd00);  /*цвет фона*/
padding:10px 20px; /*внитренние отступы*/
display:block;
text-align:center; /*выравнивание текста по центру*/
color:#fff;  /*цвет текста*/
text-decoration:none;  /*убрать подчёркивание у ссылки*/
width:100%;  /*ширина кнопки*/
margin:auto;  /*выравнивание кнопки по центру*/
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
/**Плавное появление тени у кнопки при наведении**/
.contact-us a:hover{
-moz-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
box-shadow:0 0 6px #000;   
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}

/*******Стили для Contact form 7 вариант1********/
#fancybox-wrap{
background:#15567E!important;
-moz-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
box-shadow:0 0 6px #000;   
}
#fancybox-outer{
background:none!important;
}
#fancybox-outer>div, #fancybox-content,  #contact_form_pop_up{
background:none!important;
border:none!important;
}
#contact_form_pop_up{
padding: 20px 0px 0px 20px!important;
}
.wpcf7 {
color:#fff!important;
background:#15567E!important;
width:280px; /*ширину задаём такую, как нам нужно в случае с всплывающей формой можно вообще не задавать*/
padding:0px!important;/*нулевой отступ для всплывающей формы, а если форма на странице, то нужно задать 20px*/
overflow:hidden;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea{
border:1px solid red;
padding:4px!important;
border-radius:5px;
border:1px solid #f1f1f1;
}
.wpcf7 input[type="text"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 textarea:focus{
border:1px solid #fff;
-moz-box-shadow: 0 0 6px #fff;
-webkit-box-shadow: 0 0 6px #fff;
box-shadow:0 0 6px #fff;   
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea{
width:270px!important;
}
.wpcf7-submit{
background: linear-gradient(#f1f1f1, #8b8b8b), #f1f1f1!important;
color:#000!important;
text-transform:uppercase;
float:right;
margin-top:20px;
}
.wpcf7-submit:hover{
-moz-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
box-shadow:0 0 6px #000;  
background-image: linear-gradient( #8b8b8b, #f1f1f1), #8b8b8b!important;
}
.wpcf7 input[type="text"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 textarea:focus{
border:1px solid #fff;
-moz-box-shadow: 0 0 6px #fff;
-webkit-box-shadow: 0 0 6px #fff;
box-shadow:0 0 6px #fff;   
}