@charset "utf-8";
@import url(slide.css);
/*@import url(drawer.min.css);*/
body,html { font-family: 'Roboto', sans-serif;font-weight:200; font-style:normal; font-size:14px;  color:#4a483f;  width:100%;height:100%;}
body { background:#efeede;font-family: 'Roboto', sans-serif; position:relative; width:100%; height:100%}

/*h1 {  font-family: Raleway, sans-serif; font-weight:300;  }
h2 {font-family: Raleway, sans-serif;  font-weight:300;}
h3 { font-family: Raleway, sans-serif;  font-weight:300; }
h4 { font-family: Raleway, sans-serif;  font-weight:300;}
h5 {font-family: Raleway, sans-serif;font-weight:300; } 
h6 {font-family: Raleway, sans-serif;font-weight:300; }*/
h1,h2,h3,h4,h5,h6 {padding:0; margin:0; font-weight:300;text-transform:uppercase; line-height:inherit; color:#4a483f;font-family: 'Roboto', sans-serif;font-weight:500; color:#4a483f;}
h1 { }
a { color:#4a483f; text-decoration:none;} 
a:hover { color:#4a483f;}
p { margin:0; padding:0;  font-weight:300; color:#000; font-size:14px; line-height:24px; color:#4a483f;} 
.clearfix:after {  content: " ";  visibility: hidden;  display: block;  height: 0;  clear: both;}
div { position:relative; margin:0; padding:0;}
/* content */

section#main { width:100%;  height:100%;min-height:100%; min-width:100%; max-width:100%; display:block; float:left; position:relative;}
header { }
.lg { display:block; width:221px; height:122px; position:absolute; left:50%; right:50%; margin-left:-110px; margin-right:-111px; top:50%; bottom:50%; margin-top:-61px; margin-bottom:-61px; background:url(../img/logo.png) no-repeat; z-index:2}
.lg a { display:block; height:100%; z-index:2}

.down { width:235px; height:85px; background:#fff; position:absolute; bottom:-43px; left:50%; right:50%; margin-left:-117px; margin-right:-118px; z-index:3; border-radius:50px;-webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out;}
.down a { display:block; height:100%; color:#4a483f; font-weight:600; text-transform:uppercase; text-align:center; padding:30px; font-size:14px;}
.down span { color:#fff; text-align:center; font-size:11px;margin-top:-30px; display:block; text-transform:uppercase; font-weight:500; font-size:12px; padding-bottom:10px}
.down:hover { background:#f1f1f1;-webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out; }
.phone { display:block; position:absolute; right:6%;top:5%; z-index:3; color:#fff; font-size:12px; font-weight:700; line-height:25px}
.phone span { display:block; float:left;margin-right:10px}

.phone.dark { color:#4a483f;}


section#main { position:relative; z-index:1!Important;}
section#about { min-height:100%; position:relative; }
section#contacts #bord { border:1px solid #000;}
section#service #bord { border:1px solid #000;}

.hidden{opacity: 0;}
.visible{	opacity: 1;}

/*  navigation */
.word { position:absolute; bottom:-10px; left:-62px; margin:0; padding:0;-webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out; font-weight:400}
#bord { width:40px; height:40px; border:1px solid #fff; position:absolute; left:-8px; top:-12px;}
#close { position:absolute; right:20px; top:25px; height:40px; width:40px; cursor:pointer; border:1px solid #fff;display:none;  }
#close a {color:#fff; font-size:24px; font-weight:300; cursor:pointer; margin:0; padding:0; line-height:36px}
#close a span { font-size:10px; text-transform:uppercase; position:absolute; left:-5px; font-weight:500}
#nav-icon {  width: 130px;  height: 40px;  left:28px;top:35px;  position:fixed;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out;  cursor: pointer; z-index:9999!important;}
#nav-icon p { margin-left:55px; color:#fff; text-transform:uppercase; font-size:12px; font-weight:600; line-height:20px;-webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out;}
#nav-icon span {  display: block;  position: absolute;  height: 1px;  width: 24px;  background: #fff;  opacity: 1;  left: 0;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;  -moz-transition: .25s ease-in-out;  -o-transition: .25s ease-in-out;  transition: .25s ease-in-out;}
#nav-icon span:nth-child(1) {  top: 0px;  -webkit-transform-origin: left center;  -moz-transform-origin: left center;  -o-transform-origin: left center;  transform-origin: left center; width:14px;left:5px}
#nav-icon span:nth-child(2) {  top: 8px;  -webkit-transform-origin: left center;  -moz-transform-origin: left center;  -o-transform-origin: left center;  transform-origin: left center;}
#nav-icon span:nth-child(3) {  top: 16px;  -webkit-transform-origin: left center;  -moz-transform-origin: left center;  -o-transform-origin: left center;  transform-origin: left center;width:14px;left:5px}
#nav-icon.open span:nth-child(1) {  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: -4px;  left: 0px; width:24px;}
#nav-icon.open span:nth-child(2) {  width: 0%;  opacity: 0;}
#nav-icon.open span:nth-child(3) {  -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 12px;  left: 0px; width:24px}

.fullscreen-nav {  padding-top: 0px;  height: 100%;  width: 100%; background:#4a483f;  position: fixed;  left: 0;  top: 0;  text-align: center;  opacity: 0;  transition: 0.01s; display:block; float:left}
.fullscreen-nav.open {  opacity: 1; z-index:9999!important;}
.fullscreen-nav.open .wrapper { display:none; z-index:-9999!important}
.main-menu {  position: absolute;  width: 100%;  margin: 0 auto;  max-width: 300px;  list-style: none;  left: 0;  right: 0;  top: 20%;   z-index:9999!important;}
.fullscreen-nav.open .vb { display:none;}
ul li , ul li a{  padding: 0px 0px;  font-size: 16px;   font-weight: 700;  -o-transition:.5s;   -ms-transition:.5s;   -moz-transition:.5s;   -webkit-transition:.5s;   transition:.5s; color:#fff;}
ul li a:hover { color:#eee; text-decoration:underline}

body.overflow-hidden {  overflow: hidden;}
#bord.dark { border:1px solid #000!important; color:#fff}
#bord.light { border:1px solid #fff;}
#nav-icon.light #bord { border:1px solid #fff!important; color:#fff;}
#nav-icon.light span { background:#fff!important; color:#000;-webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out;}
#nav-icon.light p { color:#fff!important;-webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out;}
#nav-icon.dark span { background:#000; color:#000;-webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out;}
#nav-icon.dark p { color:#000!important;-webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out;}
#nav-icon.light p { color:#fff!important;}

.fright { float:right!important;}
.fleft { float:left!Important;}

.list { display:block; width:30%; float:left;}
.list .fleft li{ float:left; text-align:left}
#wrapper { margin:6%; display:block; float:left; border:1px solid white; height:74%; width:88%;  position:absolute; left:0; top:0; z-index:2!important }
.wrapper { margin:6%; display:block; float:left; border:1px solid #4a483f; min-height:74%; height:auto; width:88%; z-index:5; margin-bottom:1% }

.logo_s { width:181px; height:100px; margin:50px auto;margin-bottom:30px; display:block}
.logo_s a { display:block; height:100%;}


.menu-top { display:block; float:none; margin:30px auto; height:auto; width:33.3%;}
.menu-top li a {  font-size:20px; font-weight:700;}
.menu-top li { width:33.3%; float:left; display:block; padding:10px; text-transform:uppercase; font-size:20px;}
.menu-top li:nth-child(2) { border:1px solid #fff}
.menu-top ul { width:100%; display:block; float:left}
.menu-top li:hover { text-decoration:none; color:#b2b1a1;}


.fullscreen-nav li a:hover, .fullscreen-nav li.active a {color:#b2b1a1; text-decoration:underline}

.lmenu, .rmenu { margin-top:30px;}
.lmenu { float:left; width:50%; display:block;}
.lmenu li a { float:right; display:block; clear:both;  text-align:right;}
.rmenu { float:left; width:50%; display:block;}
.rmenu li a { float:left; display:block; clear:both;  text-align:left;}

.lmenu ul, .rmenu ul { margin:20px; }
.lmenu ul li a, .rmenu ul li a{ font-weight:500; font-size:18px; z-index:1}

h1 {font-size:18px; letter-spacing:-1px; display:block; text-align:right; position:absolute; bottom:0; right:10px; line-height:20px}

.title { position:absolute; left:40px; top:140px; height:55px; width:125px; background:url(../img/h1_line.jpg) no-repeat top right;}
.in { padding:13.7%/*120px 160px*/;padding-top:100px; display:block; float:left; z-index:2; clear:both; width:100%;}
.in p { font-size:16px; text-align:justify; letter-spacing:-0.04em;margin:10px 0}
.logo2 { width:181px; height:100px; display:block; margin:0 auto; background:url(../img/logo_dark.png) no-repeat;margin-bottom:80px}
.logo2 a { height:100%; display:block;}

#foo {  width:100%; height:auto;  display:block; float:left; padding:20px 0;padding-bottom:30px}
#foo p, #foo a { font-size:12px;}
.vb { float:right; z-index:1}
.in strong { font-weight:500;}
.wf {width:88%; margin:0 auto; float:none;}
.wf .c6 { padding:0; z-index:3}



.in li, .in li a { color:#4a483f; font-weight:300; line-height:24px}
.in h3 { font-size:18px; font-weight:600;margin-bottom:10px; text-transform:inherit}


.mail p { font-weight:400; font-size:16px; margin:0}
.mail h2 { font-size:24px; font-weight:600; letter-spacing:-0.04em; margin:0; line-height:24px}
.mail .fix { display:block; height:50px; float:left; width:100%}
.mail a { font-size:24px; font-weight:600; letter-spacing:-0.04em;}


.wrapper { margin:6%; display:block; float:left; border:1px solid #4a483f; min-height:74%; height:auto; width:88%; z-index:5; margin-bottom:1% }

.serv {  width:100%; display:block; float:left; height:auto; margin:0; padding-top:50px; z-index:3}
.serv #left { position:absolute; left:0;}
.serv #right { position:absolute; right:0;}
.serv a:hover span {-moz-transform: rotate(45deg);-webkit-transform:  rotate(45deg) translate(-5px);-o-transform: rotate(45deg) translate(-5px);transform:  rotate(45deg) translate(-5px);-moz-transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-o-transition: all 0.2 sease;transition: all 0.2s ease;}

.serv span { display:block; float:left;margin-right:15px;margin-top:9px;-moz-transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-o-transition: all 0.2 sease;transition: all 0.2s ease;}
.serv a { text-transform:uppercase; font-weight:600; font-size:11px; display:block; height:100%;}
.serv #right span { display:block; float:right; margin-left:15px;}


.forma { display:block; width:100%;margin-bottom:0px}
.forma form { margin-top:0px;}
.forma  input { background:#f4f3e6; width:100%; height:auto; border:0; padding:10px; display:block; float:left; margin-bottom:0px; font-weight:600;font-weight: normal; clear:both; color:#4a483f; font-size:16px; margin-bottom:20px; opacity:1; z-index:1;border-bottom:1px solid #b2b1a1}
.forma textarea { border:0; background:#f4f3e6;  width:100%; min-height:230px; padding:10px; display:block; float:left;ont-weight:600;font-weight: normal;font-size:16px; position:relative;margin-top:0px; color:#4a483f; border-bottom:1px solid #b2b1a1}
.forma input[type=submit] {color:#fff;   padding:10px 20px;padding-left:55px; margin:0;display:block; float:right; width:auto; position:absolute; bottom:-25px; right:-15px; z-index:2; font-size:14px; font-weight:600; text-transform:uppercase; background:#4a483f url(../img/send_ico.png) no-repeat 10px center}
.forma input[type=submit]:hover { color:#f4f3e6!important;} 


.error {color:#4a483f!important; font-size:16px; font-weight:600;   cursor:default}
form input[type="text"]:focus, form input[type="password"]:focus, form input[type="date"]:focus, form input[type="datetime"]:focus, form input[type="datetime-local"]:focus, form input[type="month"]:focus, form input[type="week"]:focus, form input[type="email"]:focus, form input[type="number"]:focus, form input[type="search"]:focus, form input[type="tel"]:focus, form input[type="time"]:focus, form input[type="url"]:focus, form textarea:focus {
   color:#f4f3e6!important; background:#4a483f; font-weight:500; }
form input[type="text"].error, form input[type="password"].error, form input[type="date"].error, form input[type="datetime"].error, form input[type="datetime-local"].error, form input[type="month"].error, form input[type="week"].error, form input[type="email"].error, form input[type="number"].error, form input[type="search"].error, form input[type="tel"].error, form input[type="time"].error, form input[type="url"].error, form textarea.error {    color: #fff!important; background:#4a483f;  cursor:text; font-size:16px;   }
fieldset {    border:0px;    margin:0;    padding:0; position:relative;}
.required {    display:none; color:#000; visibility:hidden;  display:block; font-size:0;}
#success, #error {    display:none;margin-top:0px; position:absolute; top:0; left:0;}
#success .aciu { color:#4a483f;  font-weight:700; text-align:center; margin:0; padding:0; float:left}
#success span, #error span {    display:block;    position:absolute;    top:0;    width:100%}
#success p { font-size:16px; color:#000; font-weight:600; text-align:center; float:none;}
#success { width:100%; margin:0 auto}
/*#success span p {    color:#9bd32d}
#error span p {    color:#c0392b}*/



::-webkit-input-placeholder:focus { color:#4a483f;}
:-moz-placeholder:focus { color:#4a483f;}
::-moz-placeholder:focus { color:#4a483f;}
:-ms-input-placeholder:focus { color:#4a483f;}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
     font-size:16px;font-style: normal;font-weight: normal;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  font-size:16px;font-style: normal;font-weight: normal;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   font-size:16px;font-style: normal;font-weight: normal;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-size:16px;font-style: normal;font-weight: normal;
}







@media screen and (max-width: 768px) {

  .nav-link {    font-size: 16px; color:#fff;  }
}

.nav-link:hover {  color: #b2b1a1;}