/* @import url(https://fonts.googleapis.com/css?family=Ubuntu:400,700,300,500&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin,cyrillic);
* {
    box-sizing: border-box;
}
*/
/* fancybox override */
body {
    line-height: 1.42857143;
    font-family: 'Open Sans', sans-serif;
    background-color: #ffffff;
    color: #333333;
    padding:0;
    margin: 0;
    text-align: center;
}

a { text-decoration: none; color: #333333;}
p, h1, h2, h3, h4, h5, h6 { margin: 0; }
h1, h2  { padding: 50px 0 10px; }
hr { width: 100%;}

section:before { content: ""; display: table; line-height: 0; }
section:after { content: ""; clear: both; display: table; }

.green { color: #769E35; padding-top: 0;}
.white { color: white; }
.bold { font-weight: bold; }
.right { text-align: right;} 
 
div.page { margin: 0 auto; max-width: 1100px; }
div.gmap {  margin: 0 0; width: 100%; height: 400px;}

.page1 { background-image: url(/img/page1_bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; }
.page2 { background-image: url(/img/page2_bg.jpg); background-size: cover; background-repeat: no-repeat; padding-top: 50px; padding-bottom: 400px; background-position: center;}
.page3 { background-color: #F7F1E6; } 
.page4 { background-color: #E7E0D5; }
.page5 { background-image: url(/img/page5_bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; }
.page6 { background-image: url(/img/page6_bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; }
.page7 { background-color: white; }
.page8 { background-image: url(/img/page8_bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; }
.page9 { background-color: #E7E0D5; }
.page10 { background-color: #E7E0D5; }

div.top { padding: 20px; }
div.lang { float: left;  }
.lang { font-size: 20px; font-weight: bold;}
.lang a:hover { text-decoration: underline;}
.contacts { text-align: right;}
.phone { font-size: 40px; }
.working { font-size: 22px; }

.logo img {display: block; margin: 10% auto 5%;}
div.desc { background-color:rgba(255, 255, 255, 0.7);  margin: 5% 10% 15%; font-size: 120%; }
.desc { padding: 10px; }

div.desc5 { background-color:rgba(255, 255, 255, 0.7);  margin: 0px 10% 35%; padding: 25px;}


.writeus a { background-image: url(/img/button_bg.jpg); width: auto; font-weight: bold; border-radius: 5px; margin:auto; display: table; font-size:20px; padding: 20px 80px; }
.writeus a:hover { box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);     -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }

div.more{ color: white; padding: 25px; font-size: 90%; }
.more img { padding-bottom: 20px; } 

div.circles { padding-bottom: 5%;} 
div.circle {display: inline-table; width: 110px; white-space: pre-wrap; font-size: 70%; font-weight: bold; margin: 20px 0px; }
.circle img { padding-bottom: 10px;}
.cwide { width: 120px !important; }
div.circle.white { width: 206px !important;}

.greenpanel { background-color: #769E35; color: white; margin: 20px auto 75px; padding-left: 20px; width: 70%;}
.greenpanel ul { padding: 40px; text-align: left;}
li {display: list-item; padding: 2px 0px;}
.address { background-color:rgba(255, 255, 255, 0.7);  padding: 10px; margin: 10% 40% 10px 0; }

div.photos { margin: 50px 0px 75px; text-align: center;}
.gallery-thumb { float: none !important;  display: inline-block !important;}
/* .photos img { width: 200px; height: 150px; } */

.feedback .button { background-color: #b2c839; width: 150px; }
.feedback { padding: 5px 0; margin: 0;  } 
.feedback input, textarea { border: 1px solid #cfcfcf; padding: 8px 10px; margin: 0; width: 360px; font-size: 14px;}

.logos { padding:15px;}