body, html {width:100% !important; height:100% !important;}
body {padding:0; margin:0; color:#4d4d4d; background:#333; font-family: Calibri, Tahoma, Sans-Serif;}

#wrapper {width:100%; height:100%; color:#4d4d4d;}
.block {width:980px; margin:0 auto; padding:0; position:relative; box-sizing:box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.pull-left {float:left!important;}
.pull-right {float:right!important;}
.clear {clear: both;}


#left-wrap{width:400px; height:100%; position:fixed; top:0; right:0; z-index:30;}

.header {width:100%; height:90%; position:relative; top:0; right:-400px; box-sizing:box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; z-index:40; float:left;}
.header-root {width:88%; height:30px; padding:0; margin:30px auto; position:relative; z-index:2000; text-align:right;}
.header-root .fa-bars{color:#000; font-size:24px;}
.header-root .fa-bars:hover{color:#fff; transition: all 0.5s ease;}
/*.header-root .fa-bars:before{color:#000;}*/
.header-root h1, .header-root h1 a {text-align:left; color:#d0004e !important; text-shadow: 1px 2px #000000; padding:0; font-size: 20px; font-family: Calibri, Tahoma, Sans-Serif; line-height: 26px; float:left;}
.header-left{width:84%; float:left;}
.header-right{width:16%; float:left;}


nav.animenu{display:none;}
.main-menu{width:100%; margin:42% 0; padding:0; float:left; display:none;}
.menu{width:100%; margin:0; padding:0; display:inline-bock; list-style:none; float:left;}
.menu li{width:100%; text-align:center; float:left;}
.menu li a {padding:10px; color:#fff; font-size: 16px; text-transform:uppercase; font-family: Calibri, Tahoma, Sans-Serif; display:block;}
.menu li a:hover, .menu li a.active, .menu li .active:hover{color:#fff !important; background:#d0004e; text-decoration:none; transition: all 0.5s ease;}
.menu-bg{width:100%; height:100%; position:absolute; right:-400px; top:0; z-index:-1; background:url(../images/left-mn-bg.png);}

footer {width:100%; height:10%; z-index:2; right:-400px; bottom: 0; position:relative;}
.footer-block {width:80%; margin:0 auto; padding:0; box-sizing:box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; line-height:30px; text-align:right;}
.footer-block .tel {margin-top:0; float:right;}
.footer-block .no {margin-top:10px; color:#d6d6d6; font-size:21px; font-family: Calibri, Tahoma, Sans-Serif; font-style:italic; text-shadow: 1px 2px #000; float:right;}



#content {width:75%; height:100%; padding:0; margin:0 auto; overflow:hidden; display: inline-table; float:left; overflow:hidden;}
#content h2{width:100%; padding:20px 45px 20px 0; font-size:24px; color:#4d4d4d; font-family: Calibri, Tahoma, Sans-Serif; text-align:right; text-shadow: 1px 2px #fff; line-height:22px;}
.home-bg{width:100%; height:100%; background:url(../images/home-bg.jpg) no-repeat top center; background-size:cover; opacity:0;  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;}

.home-content{width:400px; height:400px; margin-top:15%; margin-left:10%; font-size: 18px; line-height: 24px; font-family: Calibri, Tahoma, Sans-Serif; text-align:justify; left:-600px; position:relative;}
.page-content{width:400px; height:400px; margin-top:15%; margin-left:10%; left:-500px; position:absolute;}
.page-scroll{width:100%; height:100%; margin:0; font-size: 18px; line-height: 24px; font-family: Calibri, Tahoma, Sans-Serif; text-align:justify;}



.content-holder{width:100%; height:100%; position:relative; top:0; left:0; z-index:2; margin:0 auto; overflow:hidden; display: inline-table; float:left; overflow:hidden;}
.static-container{width:100%; height:100%; padding:0; position:relative; top:0; left:0; z-index:111; overflow:hidden; display: inline-table; float:left;}





    
@media screen and (max-width: 767px) 
{
.block{width:auto; padding: 0 10px;}
#wrapper {color:#000000;}
.home-bg{background:url(../images/home-bg-mobile.jpg) no-repeat top center;}
#left-wrap{width: 100%; height: 114%; z-index: 0;  position: absolute;}
.menu-bg{display:none;}
.header-root h1, .header-root h1 a{width: 100%; line-height: 20px; font-size:24px;}
.aderhe-root{width: 94%; height: 60px;}
.header{height:auto;}
.main-menu{display:none;}
#menuac{display:none;}
nav.animenu{display:block; position: absolute; right: 0; top: 0px; z-index: 99;}


#content{width: 100%; height:auto; margin-top: 80px;}
.home-content{width: 95%; margin:0 5%; height: 400px;}
.page-content{width: 95%; margin:0 5%; display: inline-table;}
.page-scroll{width:100%; height:400px;}


.content-holder, .static-container{overflow:inherit; position: relative; float: left;}
.content-holder{height: 470px;}

.footer{height:50px; position:absolute; bottom:0; margin:10px 0;}

}



@media (max-width: 979px) and (min-width: 768px) {
.block {width:100%; box-sizing:box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
}


/* navigation */
*, *:after, *:before {box-sizing: border-box;}

.animenu__toggle {display: none;  cursor: pointer;  background-color: #111;  border: 0;  padding: 10px; width: 40px; height: 40px;}
.animenu__toggle:hover {background-color: #d0004e;}
.animenu__toggle__bar {display: block;  width: 20px;  height: 2px;  background-color: #fff; transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);}
.animenu__toggle__bar + .animenu__toggle__bar {margin-top: 4px;}
.animenu__toggle--active .animenu__toggle__bar {margin: 0; position: absolute;}
.animenu__toggle--active .animenu__toggle__bar:nth-child(1) {transform: rotate(45deg);}
.animenu__toggle--active .animenu__toggle__bar:nth-child(2) {opacity: 0;}
.animenu__toggle--active .animenu__toggle__bar:nth-child(3) {transform: rotate(-45deg);}
.animenu {display: block; margin-top: 10px;}
.animenu ul {padding: 0; list-style: none;}
.animenu li, .animenu a {display: inline-block; font-size: 15px;}
.animenu a {font-size: 15px; font-family: Calibri, Tahoma, Sans-Serif; color: #ffffff; text-decoration: none;}
.animenu__nav {/*background-color: #000;*/}
.animenu__nav > li {position: relative;}
.animenu__nav > li > a {margin: 10px 0px 10px 28px; padding-bottom:5px;}
.animenu__nav > li a.active, .animenu__nav > li a:hover {background:#d0004e;}
.animenu__nav > li > a:first-child:nth-last-child(2):before {content: ""; position: absolute; border: 4px solid transparent; border-bottom: 0; top: 50%; margin-top: -2px; right: 10px;}
.animenu__nav > li:hover > ul {opacity: 1; visibility: visible; margin: 0;}
.animenu__nav > li:hover > a {color: #fff;}
.animenu__nav__child {min-width: 100%; position: absolute; top: 100%;  left: 0; z-index: 1; opacity: 0; visibility: hidden; margin: 20px 0 0 0; background-color: #000000; transition: margin .15s, opacity .15s; width:232px; padding:10px !important;}
.animenu__nav__child > li {width: 100%; text-align:left;}
.animenu__nav__child > li:first-child > a:after {content: ''; position: absolute; height: 0; width: 0; left: 4.5em; top: -6px; border: 6px solid transparent; border-top: 0; border-bottom-color: inherit; color:#000;}
.animenu__nav__child > li:last-child {border: 0;}
.animenu__nav__child a {padding: 10px; width: 100%; color:#b8b8b8;}
.animenu__nav__child a:hover {background-color: #d0004e; border-color: #d0004e; color: #fff !important; width:212px;}
.animenu__nav > li > a img {top:9px; left:19px; position:absolute; display:block;}



@media screen and (max-width: 767px) 
{
  .animenu{ margin-top:0;}
  .animenu ul{ background:#000; padding: 0 5px 0 0; margin-top: 80px;}  
  .animenu__toggle {display: inline-block; position: absolute; top: 30px; right: 10px; z-index: 9999;}
  .animenu__nav, .animenu__nav__child {display: none;}
  .animenu__nav {margin: 0;}
  .animenu__nav > li {width: 100%; border-right: 0; border-bottom: 1px solid #515151;}
  .animenu__nav > li:last-child {border: 0;}
  .animenu__nav > li:first-child > a:after {content: ''; position: absolute; height: 0; width: 0; left: 1em; display:none;}
  .animenu__nav > li > a {width:100%; padding:10px; margin:0; border-color: #111; position: relative;}
  .animenu__nav a:hover {background-color: #d0004e; border-color: #d0004e; color: #fff;}
  .animenu__nav__child {width:100%; position: static; background-color: #373737; margin: 0; transition: none; visibility: visible; opacity: 1;}
  .animenu__nav__child > li:first-child > a:after {content: none;}
  .animenu__nav__child a {width:100%; padding:5px;}
  .animenu__nav__child > li{text-align:left;}
  
.animenu__nav > li > a img{display:none;}
  }
  
.animenu__nav--open {display: block !important;}
.animenu__nav--open .animenu__nav__child {display: block;}


/* navigation */