@import "fonts.css";
@import "modules.css";

div.blog.otzyvy img {float: left;max-width: 100%;width: 300px;margin-right: 20px;border: 1px solid #333;}

* {text-shadow:none;}
a {text-shadow:none;color:#CE913E;}
a:hover {color:#CE913E;text-decoration:underline;}
.container {width:1170px;}
.breadcrumb {margin-bottom:0px;}
.main-page h1 {text-align:center;}
h1 { text-shadow: -1px 0px 0px rgba(255,255,255, 0.5), 0px -1px 0px rgba(255,255,255, 0.5), 1px 0px 0px rgba(255,255,255, 0.5), 0px 1px 0px rgba(255,255,255, 0.5), 2px 2px 2px rgba(50, 50, 50, 0.6);}
h2 {font-size: 27px;}
ul {line-height: 2;}

body {font: 14px/100%  Tahoma, Calibri, Verdana, sans-serif;}
header {background: url(../images/hd-bg.jpg) repeat center top #754717;padding:11px 0px;    min-width: 1170px;}
aside {}
section {background:#fff;padding: 20px 0px;}
.content {overflow: hidden;clear: both;}
.content_top {position:relative;}
#rightSidebar {float:right;}

#joomly-callback-cap > h4 {color:#000;}
button.button-joomly-callback-form, button.button-joomly-callback-lightbox {    color: #000;
font-family: Calibri;font-size: 20px;border-radius: 0px; border: 1px solid;box-shadow: 1px 1px 1px 0px #777;background: url(../images/call.png) no-repeat left top; background-size: 45px;padding-left: 50px;}
button.button-joomly-callback-form {margin-top: 30px;margin-left: 10px;}

#logo {position: relative;background: url(../images/logo.png) no-repeat left top;background-size:75px;
height:110px;}
#logo:hover {cursor:pointer;}
#logo span {font-family: Calibri;display: block;position: absolute;top: 10px;left: 100px;color: #fff;font-size:30px;font-weight: bold;line-height: 1.5;    text-align: center;}


#contacts {font-size:21px;font-weight: bold;color: #fff;line-height: 1.5;text-align: right;}
#contacts  span {display:block;}
#contacts div.phones {background: url(../images/phone.png) no-repeat 80px 10px;background-size: 50px;margin-bottom: 20px;}
#contacts .address {}

.contacts-block {overflow: auto;margin-bottom: 20px;background: url(../images/pero.jpg) no-repeat right bottom #fff;}
.contacts-block div.contactus-form button.contactus-button {width:100%;}
.ya-map {border:1px solid #CE913E;}


#main-menu {background-color: #333;    min-width: 1170px;    height: 52px;}
#main-menu nav.navbar {width:1170px;margin: 0 auto}
#main-menu  .navbar .nav>li {float:left;}
#main-menu  .navbar .nav>li.item-101>a{border-left: 2px solid #fff;}
#main-menu  .navbar .nav>li>a {text-shadow:none;box-shadow: none;color:#fff;padding:14.8px;}

#main-menu .navbar .nav>li>a:focus, #main-menu .navbar .nav>li>a:hover, #main-menu .navbar .nav>.active>a, #main-menu .navbar .nav>.active>a:hover, #main-menu .navbar .nav>.active>a:focus {background-color:#555;}
#main-menu  .navbar .nav>li:first-child a {border-left:none;}
#main-menu  .navbar .nav>li:last-child a {border-right:none;}
#main-menu .nav>li>a>img {height: 20px;margin-right:10px;}
#main-menu .caret, #main-menu .nav > li.item-101 > a span.image-title {display:none;}

#main-menu ul.nav li.parent ul.nav-child {float:left;display:none;position: absolute;left: -40px;
min-width: 250px;overflow: hidden;z-index:9;}
#main-menu ul.nav li.parent ul.nav-child  li {list-style: none;}
#main-menu ul.nav li.parent ul.nav-child  li  a {padding:15px;background-color:#333;color:#fff;display: block;text-decoration: none;}
#main-menu ul.nav li.parent ul.nav-child  li  a:hover, #main-menu ul.nav li.parent ul.nav-child  li.active>a{background-color:#555;}
#main-menu ul.nav li.parent:hover ul.nav-child {display: block;z-index:9999;}

.content p {line-height: 2;text-indent: 32px;}

footer {padding:20px 0px;background:#333;color:#fff;border-top: 2px solid #D9D9D9;min-width: 1170px;}
.bottom-menu .navbar-nav > li {float:left;margin-top: -5px;}
.bottom-menu .navbar-nav > li > a {text-shadow:none;box-shadow: none;color:#fff;padding: 10px 20px;}
.bottom-menu .nav > li > a:hover,.bottom-menu .nav > li > a:focus, .bottom-menu .nav > li.active > a {background:none;text-decoration:underline;}
.bottom-menu .nav > li > a > img {display: none;margin-right: 20px;}
footer .copy {line-height: 1.5;}
footer .ais a {color:#F59E24;}
footer .contacts {line-height: 1.5;text-align: right;}

#soglasie:not(:checked) ~ #button-joomly-callback-lightbox91{
    background-color:#ccc!important;
    cursor:default;
    outline:none;
  	pointer-events:none!important;
}











.zapis input {
  width: 100%;
  padding: 10px;
  margin: 10px 0px;
}


.zapis h3 {
  background-color: #CE913E;
  color: #fff;
  text-align: center;
  padding: 10px 21px;
  margin-top: 0;
  width: 100%;
  float: right;
}


div.contactus-form {float: right;}


.lef {text-align: left;}


.ooo {
  width: 500px;
  padding: 15px 30px;
  background-color: rgba(255, 255, 255, 0.73);
  box-shadow: 1px 2px 7px 2px #333;
  line-height: 1.5;
  font-style: italic;
  font-weight: bold;
  border-bottom: 20px solid #CE913E;
}


.onas {
  width: 520px;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.73);
  box-shadow: 1px 2px 7px 2px #333;
  line-height: 1.5;
  font-style: italic;
  font-weight: bold;
  border-bottom: 20px solid #CE913E;
  margin: 20px 0px;
}


.moduletable.bg-block {
  background: url(../images/bg-main.jpg) no-repeat center top #fff;
  height: 593px;
  background-size: 100%;
  width: 1140px;
  margin: 0px auto 30px;
  padding: 50px;
}


#mobi-menu {display:none}
#main-menu {display:block}

.phones a {color:white;}

.wrapper_legal_service {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 2rem 0;
}

.inner_legal_service {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 2rem 0;
  flex: 0 1 calc((100% / 3));
  position: relative;
}

.inner_legal_service a {
  display: block;
}

.inner_legal_service a>img {
  max-width: 300px;
  margin: 0 auto;
  display: block;
}

a.text_legal_service {
  text-align: center;
  height: 40px;
  width: 100%;
  position: absolute;
  bottom: 0;
  background-color: #33333366;
  color: white;
  text-transform: uppercase;
  display: flex;
  font-weight: 600;
  justify-content: center;
  align-items: center;
  max-width: 300px;
}

.wrapper__flex {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: flex-start;
}

.img__flex {
  max-width: 450px;
  display: block;
  margin: 0 auto;
  padding: 1rem;
}

.ul__flex {}

.form_consultation {
  max-width: 600px;
  display: block;
  margin: 0 auto;
}

.form_consultation .page-0 {
  margin-top: 2rem;
}

.form_consultation_2 .page-0 .span6:first-child {
  margin-top: 31px;
}

.wrapper_reviews {}

.wrapper_inner_reviews {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  margin: 2rem 0;
  padding: 1rem;
  border-bottom: 1px solid;
}

.img_inner_reviews {
  width: 100%;
  max-width: 300px;
  height: 190px;
  object-fit: contain;
}

.text_inner_reviews {
  padding: 0 0 0 3rem;
}

.text_inner_reviews p {
  text-indent: 0;
}

.subtitle_inner_reviews {
  font-weight: bold;
  font-style: italic;
  font-size: 14pt;
}

@media screen and (max-width: 700px) {
  .wrapper_inner_reviews {flex-direction: column;}
  
  .text_inner_reviews {padding: 0;}
  
  .wrapper__flex {
    flex-direction: column-reverse;
  }
  
  .img__flex {padding: 0;}
  
  div.contactus-form {float:none; width:100%}
  
  .ooo {width: 100%;}
  
  .zapis h3 {margin-top: 20px; width:100%; float:none; font-size: 20px;}
  
  .moduletable.bg-block {
    background: url(../images/bg-main.jpg) no-repeat center top #fff;
    height: auto;
    background-size: cover;
    width: 100%;
    padding: 20px;
  }
  
  .onas {width:100%}
  
  #contacts {font-size: 18px;}
  #contacts .address {margin-bottom: 20px;}
  #contacts {text-align: center; }
  #contacts div.phones {background: url(../images/phone.png) no-repeat 37px 6px; background-size: 40px; margin-top: 20px;}
  
  .nav1 .navbar-nav {margin: 0px !important;}
  
  button.button-joomly-callback-form {margin:0  auto !important}
  
  #logo span {top: 32px; left: 80px; font-size: 26px; line-height: 1; text-align: left;}
  
  header {background-size: cover;}
  
  .custom.napravleniya .items {margin-left: 0px;}
  
  .custom.napravleniya {margin-top: 0px; padding: 30px 0px;}
  
  .moduletable.quote {
    height: auto;
    background: url(../images/bg-quote.jpg) no-repeat left top #fff;
    background-size: cover;
  }
  
  .moduletable.quote .quote-text {font-size: 16px;}
  
  .bottom-menu .navbar-nav > li > a {padding: 5px 0px;}
  
  .footer ul {display: grid; margin:30px 0px}
  
  .container {width:100% !important}
  
  .footer {min-width: 100% !important;}
  
  .custom.vidy {
    height: auto;
    margin-top: 0px;
    padding: 50px 0px;
  }
  
  .custom.napravleniya {height:auto}
  
  .lef{text-align: center;}
  
  .moduletable.zapis, .moduletable.onas {width:100%;}
  
  footer .contacts {text-align:left;}
  footer {border-top: 0px solid #D9D9D9;}
  
  .col-xs-3 {width:100%; float:none}
  .col-xs-4 {width:100%; float:none}
  .col-xs-5 {width:100%; float:none}  
  .col-xs-6 {width:100%; float:none}
  .col-xs-7 {width:100%; float:none}
  
  header {min-width: 100%;}
  
 
  
  .nav > li > a > img {
    max-width: none;
    padding-right: 5px;
  }
  
  
  #main-menu {display:none !important}
  #mobi-menu {display:block !important}
  
  .header {
    height: 55px;
    background-color: #333;
    position: relative;
  }
  
  .nav1 {
    width: 100%;
    box-shadow: inset 0 5px rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    display: none;
  }
  
  #mobi-menu .nav1 .nav>li>a {
    display: block;
    height: 56px;
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    /* text-align: center; */
    text-decoration: none;
    background-color: #333;
    transition: background-color 0.1s linear, color 0.1s linear;
    padding-right: 25px;
  }
  
  #mobi-menu .nav1 .nav>li>a:not(:first-of-type) {border-top: 1px solid rgba(255, 255, 255, 0.2);}
  
  #mobi-menu .nav1 .nav>li>a:not(:last-of-type) {border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
  
  #mobi-menu .nav1 .nav>li>a:last-of-type {border: 1px solid #484848;}
  
  #mobi-menu .nav1 .nav>li>a:hover {background-color: #484848;}
  
  #mobi-menu .nav1 .nav>li>a:active {background-color: #484848; color: #fff;}
  
  .nav-burger {
    display: block;
    width: 25px;
    height: 23px;
    cursor: pointer;
    color: transparent;
    font-size: 0;
    background: url("/images/icon-menu-svg.png") no-repeat;
    position: absolute;
    top: 16px;
    left: 20px;
    z-index: 1;}
  
  .nav-burger__checkbox {display: none;}
  
  .nav-burger__checkbox:checked + .nav-burger {background-image: url("/images/icon-cross-svg.png");}
  
  .nav-burger__checkbox:checked ~ .nav1 {display: block;}
  
  /*li.parent:after {
    content: "";
    color: #fff;
    font-size: 90%;
    padding: 2px;
    position: absolute;
    top: 14px;
    right: 20px;
  }*/
  
  /*.nav-child {display:none}
  .nav-burger__checkbox:checked ~ .nav-child {display: block;}  */
  
  .nav-child {
    background: #404040;
    list-style: none;
    text-align: left;
    padding-right: 25px;
  }


}
.waths {margin: 20px; }
.whatsapp{
    display: inline-block;
    margin-top: 25px;
}
@media screen and (max-width: 700px) {
  .whatsapp{
    margin-top: 0;
    width: 33.33333333%;
}}