/* header
-----------------------------------------------------------------------------*/
.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 45px;
	background: rgb(66,78,84);
	background: #1A1A1A;
	z-index: 99;
}
.header__logo { float: left; margin: 0 20px; }
.header__logo:hover { opacity: .75 }

.header__menu { padding-left: 90px; }
.header__menu li{ float: left; }
.header__menu a{ color: #fff; font-size: 12px; line-height: 15px; display: block; padding: 15px; text-transform: uppercase; text-decoration: none; }
.header__menu a:hover{ background: #e2e8eb; color: rgb(66,78,84); }

.header__tel { height: 45px; overflow: hidden; position: relative; }
.header__tel-number{ display: block; color: #ff8800; font-size: 14px; line-height: 45px; padding: 0 25px; text-decoration: none; }
.header__tel:hover { z-index: 25; overflow: visible; background: #e2e8eb; }
.header__tel-callback { z-index: 25; display: block; font-size: 14px; padding: 0 25px; text-decoration: none; line-height: 40px; color: rgb(66,78,84); background: #e2e8eb; }
.header__tel-callback:hover{ z-index: 25; color: #e2e8eb; background: rgb(66,78,84); background: rgba(66,78,84,.9); }
.header__tel-arrow { position: absolute; top: 24px; right: 10px; border: 4px solid transparent; border-top-color: #ff8800; }

.header__btn { font-size: 14px; height: 45px; line-height: 45px; }

.header__search { width: 45px; height: 45px; cursor: pointer; margin-left: 20px; background: url(/fr/css/img/search.svg) center no-repeat; }

.header__lang { margin: 0 20px; width: 50px; height: 45px; color: #fff; padding-top: 45px; overflow: hidden; position: relative; z-index: 100; }
.header__lang-hover { z-index: 1; overflow: visible; background: #e2e8eb; color: rgb(66,78,84); }
.header__lang:before { position: absolute; top: 24px; right: 8px; content: ''; border: 4px solid transparent; border-top-color: #fff; }
.header__lang-hover:before { border-top-color:rgb(66,78,84); }
.header__lang li{ cursor: pointer; padding-left: 15px; line-height: 30px; background: #e2e8eb; color: rgb(66,78,84); }
.header__lang li:hover{ color: #e2e8eb; background: rgb(66,78,84); background: rgba(66,78,84,.9); }
.header__lang-active{ position: absolute; top: 0; left: 0; padding-left: 10px !important; padding-bottom: 0 !important; color: #fff !important; line-height: 45px !important; background: none !important; }
.header__lang-hover .header__lang-active{ color: rgb(66,78,84) !important; }

.mobilemenu-toogle { width: 45px; height: 45px; cursor: pointer; margin-right: 20px; background: url(/fr/css/img/menu.svg) center no-repeat; }
.mobilemenu { background: rgba(0,0,0,.5); position: fixed; top: 0; left: 0; right: 0; height: 0; z-index: 100; overflow: hidden; }
.mobilemenu__ul{
	float: right;
	width: 300px;
	height: 100%;
	min-height: 100%;
	position: relative;
	background: #e2e8eb;
	overflow-y: scroll;
	background: #fff none repeat scroll 0 0;
	-o-transform: translate(300px, 0px);
	-webkit-transform: translate(300px, 0);
	-webkit-transform: translate3d(300px, 0, 0);
	transform: translate(300px, 0);
	transform: translate3d(300px, 0, 0);
	transform: translate3d(300px, 0px, 0px);
	-webkit-transition: -webkit-transform .5s cubic-bezier(0.2, 1, 0.2, 1) 0s;
	transition: transform .5s cubic-bezier(0.2, 1, 0.2, 1) 0s;
}
.mobilemenu__ul > li:first-child { height: 45px; margin-bottom: 12px; border-bottom: 1px solid #424e54 }
.mobilemenu__ul > li:last-child { margin-bottom: 12px; }
.mobilemenu a { text-decoration: none; display: block; padding: 0 45px; font-size: 12px; line-height: 36px; color: #424e55; text-transform: uppercase; }
.mobilemenu__plus { position: absolute; top: 0; right: 14px; width: 50px; height: 36px; padding: 0 !important; background: url(/fr/css/img/plus.svg) center no-repeat !important; cursor: pointer; }
.mobilemenu__plus:before { content: ''; background-image: url(/fr/css/img/minus.svg); }
.mobilemenu__li-active .mobilemenu__plus { background-image: url(/fr/css/img/minus.svg) !important; }
.mobilemenu li ul { display: none; }
.mobilemenu .mobilemenu__li-active ul{ display: block; }
.mobilemenu li ul a{ text-transform: none; padding: 8px 0 8px 80px; line-height: 18px; }
.mobilemenu a:hover { background: #cad5d7; }
.header__right { position: absolute; top: 0; right: 0; }
.mobilemenu__close { float: right; width: 45px; height: 45px; margin-right: 8px; cursor: pointer; padding: 0 !important; background: url(/fr/css/img/close.svg) center no-repeat !important; }
.mobilemenu-show { overflow: hidden; }
.mobilemenu-show .mobilemenu { height: 100%; }
.mobilemenu-show .mobilemenu__ul{
	-o-transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0);
	-webkit-transform: translate3d(0px, 0, 0);
	transform: translate(0px, 0);
	transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0px, 0px);
}

/* submenu
-----------------------------------------------------------------------------*/
.menu-active a { background: #e2e8eb; color: rgb(66,78,84); }
.sub__menu_block { position: relative; top: 45px; left: 0; right: 0; margin-bottom: 20px; background: #e2e8eb; color: rgb(66,78,84); }
.sub__menu { padding-left: 20px; }
.sub__menu li{ float: left; }
.sub__menu a{ color: rgb(66,78,84); font-size: 1.0rem; line-height: 20px; display: block; padding: 12px; text-decoration: none; }
.sub__menu a:hover{ background: #CBD5DA; color: rgb(66,78,84); }
.submenuactiv { border-bottom: 2px solid #F90; }

/* submenu mobile
-----------------------------------------------------------------------------*/
.submobilemenu {background: #e2e8eb; position: absolute; top: 45px; left: 0; right: 0; width: 100%; height: 40px; z-index: 11; overflow: hidden; display:none; }
.submobilemenu__header { float:left; height: 30px; padding-left:30px; padding-top: 8px; font-size: 1.0rem; }
.submobilemenu__openclose { float: left; width: 13px; height:13px; margin-top:9px; margin-left:30px; cursor: pointer; z-index: 12; }
	
.submobilemenu__items{ width: 100%; height: 100%; min-height: 100%; float: left; top: 30px; left: 0; background: #e2e8eb; padding-top: 20px; z-index: 13; display:none; }
.submobilemenu__item{ position: relative; width: 100%; height:30px; padding:0 50px; font-size: 1.0rem; }
.submobilemenu__item a { text-decoration:none; color: rgb(66,78,84); }

/* footer
-----------------------------------------------------------------------------*/
.footer { background: #1A1A1A; }

.copyright { background: #1A1A1A; padding: 18px 10px; color: #fff; }
.copyright p{ font-size: 11px; line-height: 14px; }

.footer nav { padding: 30px 0; }

.footer__menu li a{ color: #bac0c3; font-size: 12px; line-height: 19px; text-decoration: none; }
.footer__menu li a:hover{ text-decoration: underline; }
.footer__menu li:first-child { padding-bottom: 8px; }
.footer__menu li:first-child a{ color: #fff; text-transform: uppercase; font-size: 12px; line-height: 27px; }