@import "/assets/css/fonts/pf/din-text/comp/index.css";
@import "/assets/css/fonts/pf/agora/sans-pro/index.css";

@import "/assets/css/grid.css";
@import "/assets/css/content.css";
@import "/assets/css/media.css";

#service-options, h2 small, a.btn {
  font-family: "PFAgoraSansPro",sans-serif;
}

header, footer, h2 {
  font-family: "PFDinTextComp",sans-serif;
}

body {
  background: #fdfce1;
}

#menu-top,
#home-info div.texts {
  background-color: white;
}

#service-options {
  background-color: #88d7b7;
}

#you-found, #statistic {
  background-color: #d3e6ea;
}

#our-places, #menu-bottom {
  background-color: #fac2c4;
}

#responses {
  background-color: #78adcf;
}

footer {
  background-color: #d4e7eb;
}

a.btn {
  background-color: #6fc5fb;
}

a.btn[href="#birth-order"] {
  background-color: #ffc542;
}

header {
  background: linear-gradient(to bottom,#fdfce1 0%,#f8efc1 100%);
  background: -moz-linear-gradient(top,#fdfce1 0%,#f8efc1 100%);
  background: -webkit-linear-gradient(top,#fdfce1 0%,#f8efc1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfce1',endColorstr='#f8efc1',GradientType=0);
}

#statistic {
  background: linear-gradient(to bottom,#dde5e6 0%,#e9f1f2 100%);
  background: -moz-linear-gradient(top,#dde5e6 0%,#e9f1f2 100%);
  background: -webkit-linear-gradient(top,#dde5e6 0%,#e9f1f2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dde5e6',endColorstr='#e9f1f2',GradientType=0);
}

a.btn {
  background: linear-gradient(to bottom,#6fc5fb 0%,#599cc6 100%);
  background: -moz-linear-gradient(top,#6fc5fb 0%,#599cc6 100%);
  background: -webkit-linear-gradient(top,#6fc5fb 0%,#599cc6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6fc5fb',endColorstr='#599cc6',GradientType=0);
}

a.btn[href="#birth-order"] {
  background: linear-gradient(to bottom,#ffc542 0%,#f2aa40 100%);
  background: -moz-linear-gradient(top,#ffc542 0%,#f2aa40 100%);
  background: -webkit-linear-gradient(top,#ffc542 0%,#f2aa40 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc542',endColorstr='#f2aa40',GradientType=0);
}


// a.btn[href="#birth-order"] {
//   box-shadow: 0 3px 0 #de9a50;
// }

a.btn:hover {
  // box-shadow: none;
}

body {
  color: #5798c1;
}

#our-places > div.container {
  color: #292929;
}

#service-options, #our-trust ul, #you-found > div.container > div {
  color: #07486b;
}

#banner-1 h2 {
  color: #008cc7;
}

div.phones a.red {
  color: #f48d8d;
}

#statistic span.girls {
  margin-left: -15px;
}

#our-places h2 {
  color: #e05375;
}


#menu-top a {
  color: #999898;
  transition: 0.4s;
}

#menu-top a:hover,
#home-info div.gallery h2 {
  color: #65c69f;
}

footer div.phones a.iconed, footer address, #menu-bottom a {
  color: #643927;
}

#responses, #responses a, a.btn {
  color: white;
}

#home-info div.texts {
  border-color: #d3e6ea;
}

@media (max-width: 780px) {
  #menu-bottom a, #menu-top a { color: white; }
  #menu-bottom a:hover, #menu-top a:hover { color: #65c69f; }
}
.menu-bar ul{
  list-style: none;

} 
.midx{
  disn: none;
}

.menu-bar ul li ul li{

 padding-left: 10px;
 padding-right: 10px;
 position: relative;

}
.menu-bar ul li ul li a {
	padding-left:19px;
	padding:3px;
  line-height: 2em; 
}
.menu-bar ul li:hover ul{
  top: 58px;
  display: block;
  width: max-content;
  position: absolute;
  padding: 0;

  border-radius: 3px;
  margin: 0;
  height: auto;
  transition: 2.6s;
  z-index: 12;
  left: 0;

  background: #dde5e6;
  box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 10px 20px 0 rgba(0,0,0,.25);

}
.menu-bar ul li ul li ul{
  display: none!important;
  transition: 0.5s;
}
.menu-bar ul li ul li:hover ul{
  display: block!important;
  right: -50%;
  left: inherit;
  top: -1px!important;
  position: absolute;
}
section#responses .frame {
  margin-bottom: 20px;
}
span.girl {
  color: #e56767;
}

.greens{
  color: #65c69f;
}
a.all {
  margin-top: 10px;
  display: inline-block;
}
.fi {
  position: fixed;
  width: 310px;
  height: 37px;
  top: 30%; 
  cursor: pointer;
}


.fi img {
  transform: rotate(90deg);
}
.leftf.fi {
  position: fixed;
  transform: rotate(-90deg);
  z-index: 23;
  left: -136px;
  text-transform: uppercase;
  color: #fff;
  background: #00c0ff;
  padding: 9px;
  font-size: 14px;
}
.rightf.fi {
  position: fixed;
  transform: rotate(-90deg);
  z-index: 23;
  right: -136px;
  text-transform: uppercase;
  color: #fff;
  text-align: center; 
  background: #e02b29;
  font-size: 18px;
  padding: 4px;
}

div#content-3 {
  height: 73px;
}
div#mCSB_1_scrollbar_vertical {
  background: #ccc;
}
.asd {
  margin-top: 20px;
}
a.mCSB_buttonUp {
  background: #000;
}
a.mCSB_buttonDown {
  background: #000;
}
.text-div {
  max-width: 90%;
  margin: auto;
      margin-bottom: 30px;
}
.spec-item{
  margin-bottom: 40px;
}
.fle {
  display: flex;
  justify-content: center;
}
.fle>div {
  width: 45%;
  text-align: center;
}
.stati-item .text-spec {
  max-height: 58px;
  overflow: hidden;
}
.title-spec {
  text-align: center;
  font-size: 30px;
  margin-bottom: 15px;
  margin-top: -6px;
}
.stati-item{
  margin-bottom: 20px;
}
.stati-item .fle {
  justify-content: left;
}
.fle .img {
  width: 20%;
  text-align: center;
}
.stati-item  .obsh {
  width: 78%;
  text-align: left;
  margin-left: 1%;
}
.stati-item .title-spec{
  text-align: left;
}
.title-stat1 {
  font-size: 32px;
  margin: 9px;
}
.imgt {
  text-align: center;
  margin: 20px 0;
}
.qw{
  margin-top: -40px;
}
.spec .stati-item {
  background: #fff;
  padding: 50px 20px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.14);
  max-width: 48%;
  margin: 1%;
}
a.fotos-a, a.stati-a {
  padding: 6px 15px;
  color: #fff;
  background: rgba(123, 193, 233, 0.83);
  border-radius: 4px;
  display: inline-block;
  margin-top: 4px;
  border: 1px solid rgba(123, 193, 233, 0.83);
  transition: 0.5s;
}
a.fotos-a:hover, a.stati-a:hover {
  background: #fff;
  color: rgba(123, 193, 233, 0.83);
  text-decoration: none;
}
.spec.qw {
  background: #fff;
  padding: 20px 20px;
  border-radius: 5px;
}
.fotoss {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding-bottom: 20px;
}
.fotos-item {
  text-align: center;
  width: 30%;
}
.fotos>div {
  margin-bottom: 15px;
}
.title-fotos {
  font-size: 25px;
}
.imapal {
  display: flex;
  justify-content: flex-start;
}
.usl {
  padding-top: 29px;
}
.imapal>div {
  display: flex;
  flex-wrap: wrap;
  align-content: baseline;
  margin: 2%;
}
.usl>span {
  margin-right: 4px;
  display: inline-block;
  width: 23%;
  margin-bottom: 20px;
  max-height: 30px;
}
.usl img {
  margin-right: 3px;
}
.polata .obsh {
  margin-top: 10px;
}
.polata .obsh .title {
  font-size: 25px;
  margin-bottom: 5px;
}
.spec.as {
  display: flex;
  flex-wrap: wrap;
}

.description{
	text-align: center;
}
#breadcrumb{
	display: block;
	list-style: none;
}
#breadcrumb li{
	display: inline-block;
	list-style: none;
	margin-left: 15px;
}

.photo-palat>div {
  width: 33%;
  text-align: center;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.photo-palat {
  margin: 30px 0;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
a.photos img {
  width: 300px;
}
ul#breadcrumb {
  margin-top: 14px;
}
.img-fotos img {
  width: 100%;
}
#breadcrumb li:after {
  position: absolute;
  content: ">";
  font-weight: 500;
  margin-left: 3px;
}
#breadcrumb li:nth-child(3):after {
  /* position: inherit; */
  content: "";
}
.foe {
  text-align: center;
  max-width: 600px;
  margin: 30px auto 70px auto;
}
a.picture img {
  width: 100%;
}
/*
     */
/*
*/