/*
Theme Name: Литера
Theme URI: http://litera.in.ua
Author: Разработка - ASV
Author URI: 
Description: Литера - бюро переводов.
Version: 3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, accessibility-ready, translation-ready
Text Domain: literainua

Литера - бюро переводов в Днепропетровске, Кривом Роге и Запорожье.
*/
*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,200;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
body {
  margin: 0;
  height: 100vh;
  font-family: 'Roboto Condensed', sans-serif;
  background-color: #54565d;
  color: #54565d;
  }
.container {
  width: 100%;
  max-width: 960px;
  padding: 0px 15px 0px 20px;
  margin: 0 auto;
  }
/* Headings */
h1 {
  font-size: 45px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  padding: 40px 0 15px 0;
  margin: 0;
}
h2 {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  font-size: 38px;
  padding: 35px 0 15px 0;
  color: #3c3939;
}
h3 {
  color: #3c3939;
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 24px;
  padding: 15px 0 15px 0;
}
p {
  font-size: 18px;
  padding: 0 0 15px 0;
  line-height: 1.5;
}
i {
  font-size: 18px;
  color: #747474;
}
ul,ol {
  font-size: 18px;
  padding: 0 0 30px 40px;
  line-height: 1.5;
}
a {
  color: #0472b5;
}
@media (max-width: 767px){
  h1 {
    font-size: 28px;
    font-weight: 700;
  }
  h2 {
    font-size: 22px;
    font-weight: 700;
  }
  h3 {
    font-size: 16px;
    font-weight: 700;
  }
  p {
    font-size: 18px;
  }
  ul,ol {
    font-size: 18px;
  }
}
/* End of Headings */
/* Header BG */
.header_bg_blue {
  background:#26abdc;
  padding: 5px;
  height: 46px;
  width: 50%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.header_bg_darkblue {
  background:#005195;
  padding: 5px;
  height: 46px;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: -2;
}
.header_bg_gray {
  background:#edeff3;
  padding: 5px;
  height: 46px;
  width: 100%;
  position: absolute;
  top: 46px;
  left: 0;
  z-index: -1;
}
@media (max-width: 767px){
  .header_bg_gray {
  display: none;
  }
}
.separator {
  background-color: #eceef2;
  height: 3px;
}
/* End Header BG */
/* Header menu */
.header{
  padding:0;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
}
.header_container {
  width: 100%;
  max-width: 960px;
  padding: 0px 15px 0px 15px;
  margin: 0 auto;
}
.header_logo {
  box-sizing: border-box;
  width: 180px;
  height: 92px;
  position: relative;
  float: left;
  overflow: hidden;
}
@media (max-width: 767px){
  .header_logo {
  display: none;
  }
}
.header_logo_mobile {
  display: none;
  box-sizing: border-box;
  width: 46px;
  height: 46px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 767px){
  .header_logo_mobile {
  display: block;
  }
}
.header_first_line {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background:#26abdc;
  height: 46px;
}
.header_second_line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #edeff3;
  padding: 5px;
  height: 46px;
}
@media (max-width: 767px){
  .header_second_line {
  height: 0;
  padding: 0;
  }
}
.header_slogan {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  width: 450px;
  padding-left: 30px;
}
@media (max-width: 767px){
  .header_slogan {
    display: none;
  }
}
.header_slogan_mobile {
  display: none;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  width: 450px;
  padding-left: 30px;
}
@media (max-width: 767px){
  .header_slogan_mobile {
    display: block;
    font-size: 14px;
    padding-left: 45px;
  }
}
@media (max-width: 319px){
  .header_slogan_mobile span{
    display: none;
  }
}
.header_phone {
  background-color:#0391c5;
  color: #fff;
  width: 220px;
  height: 46px;
  text-align: center;
  display: flex;
}
@media (max-width: 767px){
  .header_phone {
  display: none;
  }
}
.header_phone_link {
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  margin: auto;
}
.header_phone_mobile {
  display: none;
}
@media (max-width: 767px){
  .header_phone_mobile {
  display: block;
  width: 100%;
  position: absolute;
  top: 20px;
  border-bottom: 1px solid #fff;
  padding-bottom: 20px;
  padding-left: 70px;
  }
  .header_phone_mobile a {
  font-size: 30px;
  color: #fff;
  text-decoration: none;
  }
}
.header_order_button {
  background-color:#005195;
  color: #fff;
  width: 115px;
  height: 46px;
  text-align: right;
  display: flex;
}
.header_order_button_link {
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  margin: auto;
  text-transform: uppercase;
}
.header_order_button_link:hover {
  text-decoration: underline;
}
@media (max-width: 767px){
  .header_order_button_link {
  font-size: 14px;
  padding: 0 7px 0 7px;
  }
}
/* Main menu */
.header_menu_list {
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.header_menu_list a {
  text-transform: uppercase;
  font-size: 16px;
  color: #3c3939;
  font-weight: 700;
  text-decoration: none;
  padding-right: 15px;
  margin-left: 30px;
}
.header_menu_list a:hover {
  color: #3c3939;
  font-weight: 700;
  text-decoration: underline;
}
@media (max-width: 767px){
  .header_menu_list a {
  color:#fff;
  font-weight: 400;
  font-size: 25px;
  }
}
/* End Main menu */
/* Lang menu */
.header_menu_lang {
  display: flex;
  list-style-type: none;
  font-size: 14px;
  padding: 0 0 0 25px;
  margin: 0;
}
.header_menu_lang li:not(:last-child) {
  margin-right: 15px;
}
.header_menu_lang a {
  text-transform: uppercase;
  color: #3c3939;
  font-weight: 400;
  text-decoration: none;
}
.header_menu_lang a:hover {
  color: #3c3939;
  font-weight: 400;
  text-decoration: underline;
}
.header_menu_lang_active {
  color: #26abdc;
  font-weight: 400;
  text-transform: uppercase;
}
@media (max-width: 767px){
  .header_menu_lang {
  display: none;
  }
  .header_menu_lang.active{
  color:#fff;
  display: flex;
  position: absolute;
  top: 300px;
  z-index: 998;
  padding: 0;
  margin: 57px;
  }
  .header_menu_lang.active a{
  color: #fff;
  font-size: 18px;
  }
  .header_menu_lang_active {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
  }
}
/* End Lang menu */
/* End Header menu */
/* mobile button */
.header-burger {
  display: none;
}
@media (max-width: 767px){
.header-burger {
    width: 30px;
    height: 30px;
    display: block;
    position: relative;
    right: 25px;
    top: 13px;
    z-index: 999;
}
.header-burger span {
  position: absolute;
  width: 30px;
  height: 5px;
  background-color: #fff;
  left: 0;
}
.header-burger::before {
  position: absolute;
  left: 0;
  top: -10px;
  content: '';
  width: 30px;
  height: 5px;
  background-color: #fff;
  transition: transform 0.2s ease-in, top 0.2s linear 0.2s;
}
  .header-burger::after {
  position: absolute;
  left: 0;
  top: 10px;
  content: '';
  width: 30px;
  height: 5px;
  background-color: #fff;
  transition: transform 0.2s ease-in, top 0.2s linear 0.2s;

}

.header-burger.active span{
    background-color: transparent;
}

.header-burger.active::before {
  transform: rotate(45deg);
  top: 0;
  transition: top 0.2s linear, transform 0.2s ease-in 0.2s;
}

.header-burger.active::after {
  transform: rotate(-45deg);
  top: 0;
  transition: top 0.2s linear, transform 0.2s ease-in 0.2s;
}
}
/* end mobile button */
/* Index page */
.container_dgray_index {
    width: 100%;
    height: 728px;
    background: #3e3c3f url("./img/bg-index.jpg") no-repeat center;
    margin: 0;
    padding: 0;
  }
@media (max-width: 767px) {
  .container_dgray_index {
  background: #3e3c3f url("./img/bg-index-767.jpg") no-repeat center;
}
}
.index_content {
width: 100;
}
.index_heading_wrap {
  margin: 0;
  padding: 0;
}
.index_heading {
    font-size: 85px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    padding: 120px 0 0 0;
    line-height: 85px;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
}
@media (max-width: 767px) {
  .index_heading {
    font-size: 30px;
    padding: 30px 0 20px 0;
    font-weight: 400;
    line-height: normal;
  }
  .index_heading_wrap {
    justify-content: center;
    display: flex;
  }
  .index_heading span{
    display: none;
  }
}
.index_subheadings {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .index_subheadings {
    display: block;
    padding: 0;
    margin: 0;
  }
}
.index_heading-2 {
  padding: 0;
  margin: 25px 0 0 0;
}
.index_heading-2 a {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
}
.index_heading-2 h2 {
  font-size: 30px;
  font-weight: 400;
  line-height: 30px;
  text-transform: uppercase;
  color: #fff;
}
@media (max-width: 767px) {
  .index_heading-2 {
    padding: 0;
    margin: 0;
    text-align: center;
}
  .index_heading-2 h2 {
    font-size: 18px;
    font-weight: 200;
    text-transform: uppercase;
    padding: 0;
    margin: 0 0 15px 0;
  }
  .index_heading-2 a{
    font-size: 16px;
  }
}
.index_title {
  border-left: 2px solid #f33333;
  width: auto;
  height: 52px;
  font-family: Arial, sans-serif;
  color: #fff;
  font-size: 12px;
  padding: 0 0 0 14px;
  line-height: 18px;
  text-transform: uppercase;
  margin-top: 50px;
}
.index_title span {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 18px;
}
@media (max-width: 767px) {
  .index_title {
    margin: 350px 0 0 140px;
  }
  .index_title span {
    padding: 0;
    margin: 0;
    font-size: 16px;
  }
}
.index_blue_button {
display: flex;
align-items: center;
justify-content: center;
margin: 70px 0 0 0;
}
@media (max-width: 767px) {
  .index_blue_button {
    margin: 40px 0 0 0;
  }
}
.index_count {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 14px;
  color: #fff;
  margin: 20px 0 0 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}
/* About page */
.container_dgray_about {
    width: 100%;
    height: 728px;
    background: #3e3c3f url("./img/bg-about.jpg") no-repeat center;
    margin: 0;
    padding: 0;
  }
@media (max-width: 767px) {
  .container_dgray_about {
  background: #3e3c3f url("./img/bg-about-767.jpg") no-repeat center;
  }
}
.about_content {
  padding: 80px 0 0 0;
}
@media (max-width: 767px) {
  .about_content {
    padding: 50px 0 0 0;
  }
}
.about_content h1{
  font-size: 38px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  margin: 0;
  padding: 0;
  line-height: 0;
}
@media (max-width: 767px) {
  .about_content h1{
    font-size: 30px;
    font-weight: 400;
  }
}
.about_content h2{
  font-size: 88px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  margin: 65px 0 40px 0;
  padding: 0;
  line-height: 0;
}
.about_heading {
    font-size: 55px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #949494;
    margin: 0;
    padding: 0;
}
@media (max-width: 767px) {
  .about_heading {
    font-size: 35px;
    font-weight: 400;
  }
}
.about_subheadings {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 330px;
  padding: 0 50px 0 50px;
}
@media (max-width: 767px) {
  .about_subheadings {
    padding: 0;
    margin: 0;
  }
}
.about_title {
  border-left: 2px solid #f33333;
  width: auto;
  height: 52px;
  font-family: Arial, sans-serif;
  color: #fff;
  font-size: 10px;
  padding: 0 0 0 14px;
  line-height: 18px;
  text-transform: uppercase;
  margin-top: 50px;
}
.about_title span {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 18px;
}
@media (max-width: 767px) {
  .about_title {
    margin: 400px 0 0 0;
    height: auto;
  }
  .about_title span {
    padding: 0;
    margin: 0;
    font-size: 14px;
  }
}
/* End About page */
.clients_container {
  padding: 40px 0 40px 0;
}
.clients_container h2 {
  font-size: 56px;
  font-weight: 200;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .clients_container h2 {
    font-size: 20px;
    font-weight: 400;
  }
}
.clients_logos {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .clients_logos {
    display: block;
  }
}
.logos {
border: 0;
margin: 0;
padding: 0;
}
@media (max-width: 767px) {
  .logos {
  display: flex;
  justify-content: center;
  }
  .logos span{
  display: none;
  }
}
/* Service page */
.service_page_intro {
  color: #54565d;
  font-size: 24px;
  margin: 40px 0 20px 0;
  line-height: normal;
}
@media (max-width: 767px) {
  .service_page_intro {
    font-size: 18px;
    margin: 20px 0 15px 0;
  }
}
.service_page_info {
  display: flex;
  padding: 20px;
  width: 100%;
}
@media (max-width: 767px) {
  .service_page_info {
    display: block;
    padding: 20px;
  }
}
.service_page_info_img {
  width: 50%;
  height: 450px;
  overflow: hidden;
  border: 1px solid #eff0f4;
}
@media (max-width: 767px) {
  .service_page_info_img {
    width: 100%;
    height: auto;
    overflow: hidden;
    border: 1px solid #eff0f4;
    margin-top: 30px;
  }
  .service_page_info_img img{
    max-width: 100%;
    height: auto;
  }
}
.service_page_info_price {
  display: block;
  padding: 0;
  width: 50%;
}
@media (max-width: 767px) {
  .service_page_info_price {
    padding: 0;
    width: 100%;
  }
}
.service_page_price_container{
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  display: flex;
  margin: 30px 0 30px 60px;
}
@media (max-width: 767px) {
  .service_page_price_container{
    margin: 0 0 30px 0;
    justify-content: space-between;
  }
}
.service_page_price_price {
  font-size: 40px;
}
@media (max-width: 767px) {
  .service_page_price_price {
    font-size: 20px;
    font-weight: 700;
  }
}
.service_page_price_val{
  font-size: 18px;
  width: 170px;
  padding: 20px 20px 0 0;
}
@media (max-width: 767px) {
  .service_page_price_val{
    font-size: 20px;
    padding: 0 20px 0 0;
  }
}
.service_page_price_dem {
  font-size: 18px;
  padding: 20px 20px 0 7px;
}
@media (max-width: 767px) {
  .service_page_price_dem{
    padding: 0 20px 0 15px;
    color: #999;
    font-size: 20px;
  }
}
.service_page_but_inf {
  text-transform: uppercase;
  font-size: 16px;
  color: #54565d;
  margin-top: 20px;
}
.service_page_order_bt {
  margin: 20px 0 0 0;
}
.services_callback_heading {
  color: #0391c5;
  font-size: 28px;
  text-transform: uppercase;
  width: 100%;
  margin: 0 0 25px 0;
}
@media (max-width: 767px) {
  .services_callback_heading {
    font-size: 18px;

  }
}
/* End service page */
/* Form-Order  */
.form_heading {
  color: #41a6e4;
  font-size: 24px;
  text-transform: uppercase;
  text-align: center;
  margin: 20px 0 40px 0;
}
@media (max-width: 767px) {
  .form_heading {
    font-size: 18px;
  }
}
.order_form_wrap {
  width: 100%;
  display: flex;
  justify-content: center;
}
.order_form_wrap input{
  width: 600px;
  margin: 0 0 20px 0;
}
.order_form_wrap textarea{
  width: 600px;
  height: 200px;
  margin: 0 0 20px 0;
}
@media (max-width: 767px) {
  .order_form_wrap input {
    width: 100%;
  }
  .order_form_wrap textarea {
    width: 100%;
  }
  .order_form_wrap {
    display: block;
  }
}
.main_input_file {
	display: none;
}
.upload_form div {
	width: 190px;
	height: 58px;
	background: #41a6e4;
  margin: 0 10px 20px 0;
  text-transform: uppercase;
	color: #fff;
	text-align: center;
	line-height: 32px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:18px;
	display: inline-block;
  padding: 14px;
	vertical-align: top;
}
.upload_form div:hover {
	background: #2980b9;
	cursor: pointer;
}
.order_form_wrap .f_name {
	background: transparent;
	border: 0;
	display: inline-block;
	vertical-align: top;
	height: 58px;
	padding: 0 8px;
	width: 380px;
}
@media (max-width: 767px) {
  .order_form_wrap .f_name {
  	width: 300px;
  }
}
.form_button {
  background-color: #41a6e4;
  width: 170px;
  font-family: 'Roboto Condensed', sans-serif;
	font-size:18px;
}
.form_button:hover {
  background-color: #2980b9;
}
.order_form_under {
  margin: 25px 0 25px 0;
  text-align: center;
}
/* End Form-Order  */
/* Form-callback  */
.callback_heading {
  display: flex;
  justify-content: center;
  font-size: 35px;
  padding: 30px 0 15px 0;
  color: #3c3939;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .callback_heading {
    font-size: 28px;
    text-align: center;
  }
}
.form-callback {
  display: flex;
  justify-content: space-between;
  padding: 30px;
  background-color: #e7e6dc;
}
@media (max-width: 870px) {
  .form-callback:not(.search) {
    display: none;
  }
  .form-callback input{
    border: 0;
    width: 100%;
  }
}
.form-callback button {
  background-color: #f33333;
}
.form-callback button:hover {
  background-color: #dd1e1e;
}
.form-callback input {
  border: 0;
  width: 295px;
}
.form-callback.search input {
    width: 100%;
}
@media (min-width: 870px) {
  .form-callback.search input {
    width: 710px;
  }
}
.form-callback-phone {
  display: flex;
  justify-content: center;
  margin: 20px 0 30px 0;
}
.form-callback-phone a {
  color: #3c3939;
  font-size: 60px;
  text-decoration: none;
}
@media (max-width: 767px) {
  .form-callback-phone a {
    font-size: 35px;
  }
}
@media (max-width: 350px) {
  .form-callback-phone a {
    font-size: 30px;
  }
}
.wpcf7 form.invalid .wpcf7-response-output,
 .wpcf7 form.unaccepted .wpcf7-response-output {
  border: none;
  color: red;
  margin-left: 30px;
  margin-top: 0;
  padding-left: 0;
}
.messanges_chat {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  text-transform: uppercase;
  color: #000;
  align-items: center;
  text-align: center;
}
@media (max-width: 767px) {
  .messanges_chat {
    font-size: 14px;
  }
}
.index_history_block {
  display: flex;
  justify-content: space-around;
  align-items: stretch;
  padding: 90px 0 90px 0;
}
@media (max-width: 767px) {
  .index_history_block {
    display: block;
    padding: 40px 0 20px 0;
    margin: 0;
  }
}
.index_history_heading {
 width: 50%;
 padding: 0;
 margin: 0;
}
.index_history_heading h2{
  font-size: 70px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0 25px 0 0;
}
@media (max-width: 767px) {
  .index_history_heading {
    width: 100%;
  }
  .index_history_heading h2{
    font-size: 30px;
    font-weight: 400;
    padding: 0 25px 0 0;
  }
  .index_history_heading span{
    display: none;
  }
}
.index_history {
  width: 50%;
  font-size: 18px;
  padding-top: 12px;
}
@media (max-width: 767px) {
  .index_history {
    width: 100%;
    padding-top: 12px;
  }
}
.container_free_consulting {
  background-color: #f6f0ef;
  padding: 25px 0 5px 0;
  margin: 0 0 40px 0;
}
/* End Form-callback  */
/* Similar services  */
.sim_services {
  background: #e1eff6 url("./img/sim_services.png") no-repeat left;
  display: flex;
  align-items: center;
  margin: 25px 0 25px 0;
  height: 177px;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .sim_services {
    display: block;
    margin: 25px 0 25px 0;
	height: auto;
	  background-image: none;
  }
}
.sim_services_links {
  width: 50%;
}
@media (max-width: 767px) {
  .sim_services_links {
    width: 100%;
  }
}
.sim_services_links ul {
  list-style-type: none;
  padding: 0 0 0 50px;
  line-height: 35px;
}
.sim_services_title {
  font-family: 'Roboto Condensed', sans-serif;
  color: #41a6e4;
  text-transform: uppercase;
  font-size: 38px;
  font-weight: 700;
  padding: 0 0 0 60px;
}
@media (max-width: 767px) {
  .sim_services_title {
    width: 100%;
    padding: 15px 0 10px 50px;
    font-size: 30px;
  }
}
/* End Similar services  */
/* End Index page */
button {
  background-color: #41a6e4;
  font-family: 'Roboto Condensed', sans-serif;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  height: 58px;
  padding: 0 27px 0 27px;
  border: 0;
  text-transform: uppercase;
  cursor: pointer;
}
button:hover {
  background-color: #38b2fc;
  color: #fff;
}
input {
  height: 58px;
  width: 100%;
  padding: 20px;
  color: #7c7266;
  font-size: 18px;
  border: 1px solid #9b9a92;
  font-family: 'Roboto Condensed', sans-serif;
}
input:focus {
  outline: none;
  box-shadow: 0 0 1px 1px #4d90f0;
}
textarea {
  height: 58px;
  width: auto;
  padding: 20px;
  color: #7c7266;
  font-size: 18px;
  border: 1px solid #9b9a92;
  font-family: 'Roboto Condensed', sans-serif;
}
textarea:focus {
  outline: none;
  box-shadow: 0 0 1px 1px #4d90f0;
}
.messanges {
  justify-content: center;
  display: flex;
  padding: 20px 0 40px 0;
}
.messanges img {
  margin:  0 10px 0 10px;
}
/* Content BG */
.container_white {
  width: 100%;
  background-color: #fff;
  display:flex;
}
.container_white_pad {
  width: 100%;
  background-color: #fff;
  margin: 0 0 30px 0;
  display:flex;
}
.container_beg {
  width: 100%;
  background-color: #f6f0ef;
  margin: 0;
  display:flex;
  }
.container_blue {
  width: 100%;
  background-color: #eceef2;
  margin: 0;
  display:flex;
}
.container_dblue {
  width: 100%;
  background-color: #e1eff6;
  margin: 0;
  display:flex;
}
.container_dblue_service {
  width: 100%;
  background-color: #eceef2;
  margin: 0;
  display:flex;
}
.container_lblue {
  width: 100%;
  background-color: #f8f9fb;
  margin: 0;
  display:flex;
}
/* End Content BG */
/* Contacts */
.contact_phone_blue {
  margin: 25px 0 25px 0;
}
.contact_phone_blue a{
  color: #0391c5;
  font-size: 114px;
  text-decoration: none;
}
@media (max-width: 767px) {
  .contact_phone_blue a{
    color: #0391c5;
    font-size: 40px;
  }
}
.contact_messanges_chat {
  color: #747474;
  font-size: 16px;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  margin: 10px;
}
@media (max-width: 767px) {
  .contact_messanges_chat {
    font-size: 16px;
    text-align: center;
    margin: 10px;
  }
}
.contact_messanges_wh{
  color: #747474;
  font-size: 16px;
  display: flex;
  justify-content: center;
  padding: 0 0 20px 0;
}
@media (max-width: 767px) {
  .contact_messanges_wh{
    padding: 10px;
    text-align: center;
  }
}
.contact_messanges_chat img{
  margin: 10px;
}
.contact_block {
  display: block;
  padding: 25px 0 0 0;
  width: 100%;
}
@media (max-width: 767px) {
  .contact_block {
    padding: 5px;
  }
}
.contact_form {
  display: flex;
  justify-content: space-between;
  padding: 10px 0 20px 0;
}
@media (max-width: 767px) {
  .contact_form {
    display: block;
    padding: 10px 0 20px 0;
  }
}
.contact_form_form {
  width: 70%;
}
@media (max-width: 767px) {
  .contact_form_form {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .contact_form_email {
    margin-top: 40px;
  }
}
.contact_form_form button {
  background-color: #f33333;
}
.contact_form_form button:hover {
  background-color: #e53333;
}
.contact_form_form input {
  margin: 0 0 20px 0;
}
.contact_form_form textarea {
  margin: 0 0 20px 0;
  width: 100%;
  height: 200px;
}
.contact_form_form .wpcf7-not-valid-tip{
  font-weight: 100;
  margin: -20px 0 20px 20px;
}
.contact_form_form .wpcf7 form .wpcf7-response-output{
  border: 0;
  color: red;
  font-weight: 100;
  margin: 0 0 20px 0;
  padding: 0;
}
.contact_map {
  width: 100%;
  overflow: hidden;
  height: 370px;
  margin-bottom: 40px;
}
.contact_addr{
  font-size: 24px;
  color: #54565d;
  margin: 0 0 20px 0;
}
.contact_map_link {
  font-size: 18px;
  margin: 20px 0 20px 0;
}
.contact_phones {
  font-size: 28px;
  line-height: 48px;
}
.contact_phones a{
  color: #3c3939;
  text-decoration: none;
}
/* End Contacts */
/* Services page */
.services_search_heading {
  font-size: 25px;
  color: #3c3939;
  text-transform: uppercase;
  margin: 30px 0 20px 0;
  display: flex;
  justify-content: center;
}
.services_search_form {
  border: 30px solid #e7e6dc;
  margin: 0 0 10px 0;
}
.services_col_heading {
  height: 62px;
  padding: 20px;
  width: 100%;
  background-color: #e7e6dc;
}
.services_col_heading h3{
  font-size: 20px;
  color: #3c3939;
  padding: 0;
  margin: 0;
  font-weight: 400;
}
@media (max-width: 767px) {
.services_col_heading span {
  font-size: 12px;
  }
}
.services_list {
  list-style: none;
  padding: 0;
  margin: 30px 20px 30px 30px;
  line-height: 35px;
  font-size: 18px;
  color: #747474;
}
/* End services page */
/* Blog */
.blog_breadcrumbs {
  font-size: 16px;
  margin: 30px 0 20px 0;
}
.blog_categories {
  padding: 20px;
}
.blog_categories_list {
  float: left;
  font-size: 16px;
  background-color: #26abdc;
  display: block;
  margin: 3px;
  padding: 5px 3px 5px 3px;
}
.blog_categories_title {
  background-color: #fff;
  float: left;
  font-size: 16px;
  margin: 3px;
  padding: 5px 3px 5px 3px;
  display: block;
}
.blog_categories_list a {
  color: #fff;
  padding: 10px;
}
.blog_categories_list a:hover {
  text-decoration: none;
}
.blog-post-img {
  max-width: 100%;
  width: 100%;
  max-height: 360px;
  overflow: hidden;
  margin: 0 0 20px 0;
}
@media (max-width: 767px) {
  .blog-post-img {
    width: 100%;
    height: auto;
    }
  .blog-post-img img{
      width: 100%;
      height: auto;
      }
}
.blog_tags {
  margin: 30px 0 30px 0;
  display: inline-flex;
  width: 100%;
}
@media (max-width: 767px) {
  .blog_tags {
    margin: 30px 0 30px 0;
    display: inline-block;
    width: 100%;
  }
}
.blog_tags_list {
  float: left;
  font-size: 16px;
  background-color: #f6f0ef;
  display: block;
  margin: 3px;
  padding: 5px 3px 5px 3px;
}
.blog_tags_title {
  background-color: #fff;
  float: left;
  font-size: 16px;
  margin: 3px;
  padding: 5px 3px 5px 0;
  display: block;
}
.blog_tags_list a {
  color: #ff5722;
  padding: 10px;
}
.blog-pagination {
  display: flex;
  justify-content: center;
  margin: 0 0 30px 0;
}
.blog-pagination a{
  font-size: 24px;
  padding: 10px;
}
@media (max-width: 767px) {
  .blog-pagination a{
    font-size: 18px;
    padding: 10px;
  }
}
/* End Blog */
/* footer */
.footer_firstline {
  display: flex;
  width: 100%;
  color: #fff;
  padding: 25px 0 20px 0;
}
@media (max-width: 767px) {
  .footer_firstline {
    display: block;
  }
}
.footer_firstline_dev {
  width: 100%;
  color: #fff;
}
.social__icon {
  padding: 0 0 0 10px;
}
@media (max-width: 767px) {
  .social__icon {
    padding: 0 10px 0 0;
  }
}
.footer_secondline {
  display: flex;
  padding: 37px 0 27px 0;
  border-top: 1px solid #88898e;
  width: 100%;
  color: #fff;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .footer_secondline {
    display: none;
  }
}
.footer_thirdline {
  display: flex;
  width: 100%;
  color: #fff;
  border-top: 1px solid #88898e;
  padding: 30px 0 40px 0;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .footer_thirdline {
    display: block;
  }
}
.footer__menu_social {
  width: 200px;
  display: flex;
}
@media (max-width: 767px) {
  .footer__menu_social {
    width: 100%;
  }
}
.footer__main_menu {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.footer__main_menu li{
  margin-right: 20px;
}
.footer__main_menu a{
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
}
.footer__main_menu a:hover{
  text-decoration: underline;
}
@media (max-width: 767px) {
  .footer__main_menu {
    display: block;
  }
  .footer__main_menu li{
    margin-bottom: 12px;
  }
}
.footer__menu_add {
  width: 100%;
}
.footer__add_menu {
  display: flex;
  list-style-type: none;
  padding: 20px 0 0 0;
}
.footer__add_menu li{
  margin-right: 20px;
}
.footer__add_menu a{
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
}
.footer__add_menu a:hover{
  text-decoration: underline;
}
@media (max-width: 767px) {
  .footer__add_menu {
    display: block;
    border-top: 1px solid #88898e;
  }
  .footer__add_menu li{
    margin-bottom: 12px;
  }
}
.footer_address {
  width: 25%;
  margin-right: 5px;
  padding: 0 0 0 15px;
}
.footer_address p {
  padding: 0 0 0 15px;
  font-family: Arial;
  font-size: 14px;
  color: #c4c6cc;
  line-height: 1.3;
}
.footer_address a {
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
}
.footer_address p {
  line-height: 1.7;
}
.footer_metro_icon {
  border-radius: 15px;
  background: #c4c6cc;
  color: #54565d;
  padding: 1px 3px 1px 3px;
  margin-right: 5px;
  font-size: 12px;
  font-weight: 700;

}
.footer_cityname {
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 0 0 10px 0;
}
.icon_location {
  position: relative;
  margin: 0;
  padding: 0;
  left: -15px;
  float: left;
}
.footer_copyright {
  line-height: 2;
  font-size: 14px;
  font-family: Arial;
  color: #c4c6cc;
}
.footer_copyright a {
  color: #c4c6cc;
  text-decoration: none;
}
.footer_rating {
  display: block;
}
@media (max-width: 767px) {
  .footer_rating {
    padding-top: 20px;
  }
}
.footer_search_block {
  padding: 0;
  margin: 0;
}
.footer_search {
  width: 200px;
  height: 30px;
  color: #54565d;
  padding: 0 0 0 10px;
}
@media (max-width: 767px){
  .footer_search {
  margin: 20px 0 0 0;
  padding: 0 0 0 10px;
  }
}
/* footer */
/* mobile nav */
@media (max-width: 767px){
.header__menu {
  position: fixed;
  overflow: auto;
  left: -100%;
  top: 46px;
  height: 100%;
  width: 100%;
  background: rgba(38, 171, 220, 1);
}
.header__menu.active {
  left: 0;
  transition: all 0.3s ease 0s;
}
.header_menu_list {
  display: block;
  margin: 110px 0 0 40px;
}
.header_menu_list li {
  margin: 30px 0px 20px 0px;
}
body.lock {
  overflow: hidden;
}
a.header__link {
  font-size: 25px;
}
}
/* end mobile nav */
/* alignment  */
.center {
  display: flex;
  justify-content: center;
  text-align: center;
  padding: 0;
  margin: 0;
}
.r2 {
  display: flex;
  justify-content: space-between;
  text-align: stretch;
  padding: 0;
  margin: 0;
}
.r3 {
  display: flex;
  justify-content: space-between;
  text-align: stretch;
  padding: 20px 0 0 0;
  margin: 0;
}
.c50 {
width: 49%;
padding: 0;
margin: 0 0 25px 0;
}
.c50w {
width: 49%;
padding: 0 0 5px 0;
margin: 0 0 25px 0;
background-color: #fff;
}
.c33 {
width: 32%;
padding: 0;
margin: 0 0 25px 0;
}
@media (max-width: 767px){
  .r2,.r3 {
    display: block;
  }
  .c50,.c50w,.c33 {
    width: 100%;
  }
}
/* End alignment  */

.autocomplete-suggestions {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #999;
  background: #FFF;
  cursor: default;
  overflow: auto;
  -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
  -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
  box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
}
.autocomplete-suggestion {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
}
.autocomplete-no-suggestion {
  padding: 2px 5px;
}
.autocomplete-selected {
  background: #F0F0F0;
}
.autocomplete-suggestions strong {
  font-weight: bold;
  color: #000;
}
.autocomplete-group {
  padding: 2px 5px;
  font-weight: bold;
  font-size: 16px;
  color: #000;
  display: block;
  border-bottom: 1px solid #000;
}
.index_page_button_link {
  background-color: #41a6e4;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  border: 0;
  text-transform: uppercase;
  padding:0;
  margin: 0;
  display: flex;
  justify-content: center;
  }
.index_page_button_link a {
  padding:22px;
  font-size: 20px;
  margin:0;
  color: #fff;
  text-decoration: none;
}
@media (max-width: 767px){
  .index_page_button_link a {
    padding:18px;
    font-size: 16px;
  }
}
blockquote {
	padding:10px;
    color: #0391c5;
    margin: 40px 15px 40px 60px;
    font-style: italic;
}