.hamburger {
  display: block;
  width: 50px;
  height: 50px;
  position: fixed;
  top:2.8%;
  right:2.4%;
  z-index: 10000;
  padding: 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  
  
}

.hamburger__icon {
  position: relative;
  margin-top: 7px;
  margin-bottom: 7px;
}
.hamburger__icon, .hamburger__icon:before, .hamburger__icon:after {
  display: block;
  width: 37px;
  height:2.9px;
  background-color: #fff;
  -moz-transition-property: background-color, -moz-transform;
  -o-transition-property: background-color, -o-transform;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.hamburger__icon:before, .hamburger__icon:after {
  position: absolute;
  content: "";
}
.hamburger__icon:before {
  top: -9px;
}
.hamburger__icon:after {
  top: 9px;
}
.hamburger.active .hamburger__icon {
  background-color: transparent;
}
.hamburger.active .hamburger__icon:before, .hamburger.active .hamburger__icon:after {
  background-color: #fff;
}
.hamburger.active .hamburger__icon:before {
  -moz-transform: translateY(7px) rotate(45deg);
  -ms-transform: translateY(7px) rotate(45deg);
  -webkit-transform: translateY(7px) rotate(45deg);
  transform: translateY(7px) rotate(45deg);
}
.hamburger.active .hamburger__icon:after {
  -moz-transform: translateY(-7px) rotate(-45deg);
  -ms-transform: translateY(-7px) rotate(-45deg);
  -webkit-transform: translateY(-7px) rotate(-45deg);
  transform: translateY(-7px) rotate(-45deg);
}

.hamburger__icon,
.hamburger__icon:after,
.hamburger__icon:before{
	display:block;
	width:49px;
	height:3px;
	background-color:#fff;
	
	-moz-transition-property:background-color,-moz-transform;-o-transition-property:background-color,-o-transform;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,transform;transition-duration:.4s}

.hamburger__icon:after{
	display:block;
	width:39px;
}


.hamburger__icon:after,
.hamburger__icon:before{
	position:absolute;
	content:"";
}

.hamburger__icon:before{top:-13px}

.hamburger__icon:after{top:13px}

.hamburger.active .hamburger__icon{background-color:transparent}

.hamburger.active .hamburger__icon:after,

.hamburger.active .hamburger__icon:before{background-color:#fff}

.hamburger.active .hamburger__icon:before{
	-moz-transform:translateY(12.5px)rotate(45deg);
	-ms-transform:translateY(12.5px)rotate(45deg);
	-webkit-transform:translateY(12.5px)rotate(45deg);
	transform:translateY(12.5px)rotate(45deg);
	
	width:44px;
}

.hamburger.active .hamburger__icon:after{
	-moz-transform:translateY(-13px)rotate(-45deg);
	-ms-transform:translateY(-13px)rotate(-45deg);
	-webkit-transform:translateY(-13px)rotate(-45deg);
	transform:translateY(-13px)rotate(-45deg);
	
	width:44px;
}


.hamburger.active .hamburger{
	background:transparent;
}

.fat-nav {
  top: 0;
  left: 0;
  z-index: 99!important;
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(31,31,37,1);
  -moz-transform: scale(1.4);
  -ms-transform: scale(1.4);
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  overflow-y: hidden;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.fat-nav__wrapper {
  width: 100%;
  height: 100%;
  display: table;
  table-layout: fixed;
  overflow:hidden;


}
.fat-nav.active {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.fat-nav ul {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}
.fat-nav li {
  list-style-type: none;
  text-align: center;
  padding: 10px;
  font-size: 2em;
}
.fat-nav li, .fat-nav li a {
  color: #fff;
}
.fat-nav li a {
  text-decoration: none;
}

.silver-side{
	background:#fcfcfc;
	display:inline-block;
	width:59%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	border:0px solid blue;
	z-index:9;
}

#block-osnovnanavigaciya{
	text-align:left;
	border:0px solid red;
	margin:10% 0 0% 7.5%;
}

#block-osnovnanavigaciya li{
	text-align:left;
	border:0px solid green;
	padding:0;
	margin:0 0 6%;
}

#block-osnovnanavigaciya a{
	color:#000;
	font-size:1.125em;
	color:#000;
	font-weight:800;
	text-transform:uppercase;
	position:relative;
	display:inline-block;
	
	-webkit-transition: all .42s;
    -moz-transition: all .42s;
    -o-transition: all .42s;
    -ms-transition: all .42s;
    transition: all .42s;
}

#block-osnovnanavigaciya a:hover{
	color:rgba(0,0,0,.61);
	
	-webkit-transition: all .42s;
    -moz-transition: all .42s;
    -o-transition: all .42s;
    -ms-transition: all .42s;
    transition: all .42s;
}

#block-osnovnanavigaciya a:before{
	content:'';
	width:7px;
	height:70%;
	background:transparent;
	
	position:absolute;
	top:15%;
	left:-21px;
	
	-webkit-transition: all .42s;
    -moz-transition: all .42s;
    -o-transition: all .42s;
    -ms-transition: all .42s;
    transition: all .42s;
}

#block-osnovnanavigaciya a:hover:before{
	background:#084f93;
	-webkit-transition: all .42s;
    -moz-transition: all .42s;
    -o-transition: all .42s;
    -ms-transition: all .42s;
    transition: all .42s;

}

.fat-nav h6.big-name{
	font-size: 14.75em;
    text-transform: uppercase;
    letter-spacing: 3.32px;
    font-weight:700;

    line-height: 1;
    display: block;
   color:#fcfcfc;

	text-shadow:0px 1px 0 rgb(224,224,224),0px -1px 0 rgb(224,224,224),1px 0px 0 rgb(224,224,224),-1px 0px 0 rgb(224,224,224),1px 1px 0 rgb(224,224,224),1px -1px 0 rgb(224,224,224),-1px 1px 0 rgb(224,224,224),-1px -1px 0 rgb(224,224,224);
	-webkit-text-shadow:0px 1px 0 rgb(224,224,224),0px -1px 0 rgb(224,224,224),1px 0px 0 rgb(224,224,224),-1px 0px 0 rgb(224,224,224),1px 1px 0 rgb(224,224,224),1px -1px 0 rgb(224,224,224),-1px 1px 0 rgb(224,224,224),-1px -1px 0 rgb(224,224,224);
	-moz-text-shadow:0px 1px 0 rgb(224,224,224),0px -1px 0 rgb(224,224,224),1px 0px 0 rgb(224,224,224),-1px 0px 0 rgb(224,224,224),1px 1px 0 rgb(224,224,224),1px -1px 0 rgb(224,224,224),-1px 1px 0 rgb(224,224,224),-1px -1px 0 rgb(224,224,224);
	   
   font-family: 'Montserrat';
	position:absolute;
	
	bottom:1%;
	z-index:9;
	line-height:1;
	left:3.6%;
	padding:0;
	margin:0;
}

.menu-contact-block{
	position:absolute;
	display:block;
	top:11%;
	left:0%;
	right:auto;
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	border:0px solid #fff;
}

.contact-menu{
	position:absolute;
	top:0;
	right:2%;
	display:inline-block;
	width:35%;
	height:100%;
	padding:0;
	background:#1f1f25;
	z-index:9;
}


.map-menu{
    position:relative!important;
	margin:5% 0 0;
    display: block;
	width:100%;

    border: 0px solid blue;
}

.map-menu iframe{
	position:relative;
	display:inline-block;
	width:620px;
	height:325px;
	border:none!important;
	box-shadow:0 0 0 #fff!important;
}

.contact-menu .menu-row{
	position:relative;
	display:block;
	margin-bottom:7%;
	border:0px solid red;
}

.contact-menu .menu-row span{
	color:rgba(255,255,255,.7);
	display:block;
	font-weight:700;
	font-size:.76em;
	text-transform:uppercase;
	margin-bottom:10px;
}

.contact-menu .menu-row a,
.contact-menu .menu-row p{
	color:#fff;
	display:block;
	font-size:.95em;
	font-weight:600;
	margin-bottom:6px;
	
	-webkit-transition: all .42s;
    -moz-transition: all .42s;
    -o-transition: all .42s;
    -ms-transition: all .42s;
    transition: all .42s;
}

.contact-menu .menu-row a:hover{
	color:#084f93;
	
	-webkit-transition: all .42s;
    -moz-transition: all .42s;
    -o-transition: all .42s;
    -ms-transition: all .42s;
    transition: all .42s;
}

.mova-menu{
	position:absolute;
	top:3%;
	right:3%;
	display:inline-block;
	
}

.mova-menu ul{text-align:center;width:100%;position:relative;float:none;margin:0 0px 0 0;border:0px solid green;padding:0;}

.mova-menu li{display:inline-block!important;border:0px solid red;padding:0px;position:relative;text-indent:0;margin:0 21px 0 0;}

.mova-menu li a{
	color:#111;
	border:2.0px solid rgba(31,31,37,.5);
	padding:15px;
	margin:0 0 0px;
	position:relative;
	display:inline-block;
	font-size:.42em;
	background:transparent;
	font-weight:600;
	
	-webkit-transition: all .52s;
    -moz-transition: all .52s;
    -o-transition: all .52s;
    -ms-transition: all .52s;
    transition: all .52s;
}

.mova-menu li a:hover{
	color:#fff;
	background:rgba(31,31,37,.7);
	border:2.0px solid rgba(31,31,37,1);
	
	-webkit-transition: all .52s;
    -moz-transition: all .52s;
    -o-transition: all .52s;
    -ms-transition: all .52s;
    transition: all .52s;
}

@media only screen and (max-width:1919px){
	
.map-menu{
    position:relative!important;
	margin:5% 0 0;
    display: block;
	width:100%;

}

.map-menu iframe{
	position:relative;
	display:inline-block;
	width:170%;
	height:285px;
}


}


@media only screen and (max-width:1680px) and (max-height:950px){

.map-menu{
    position:relative!important;
	margin:18% 0 0;
}
	
	
.map-menu iframe{
	position:relative;
	display:inline-block;
	width:170%;
	height:375px;
}

}


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

#block-osnovnanavigaciya li{
	text-align:left;
	border:0px solid green;
	padding:0;
	margin:0 0 4%;
}

#block-osnovnanavigaciya a {
    color: #000;
    font-size: 1.05em;
    color: #000;
    font-weight: 800;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    -webkit-transition: all .42s;
    -moz-transition: all .42s;
    -o-transition: all .42s;
    -ms-transition: all .42s;
    transition: all .42s;
}

.fat-nav h6.big-name {
    font-size: 12.75em;
    text-transform: uppercase;
    letter-spacing: 2.82px;

   
    bottom: 1%;
    line-height: 1;
    left: 3.6%;
    padding: 0;
    margin: 0;
}


.map-menu iframe{
	max-height:260px;
}

}

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

.hamburger {
  display: block;
  width: 45px;
  height: 45px;
  position: fixed;
  top:2.8%;
  right:2.4%;
  z-index: 10000;
  padding: 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  
  
}


.fat-nav h6.big-name{
    font-size: 9.75em;
    text-transform: uppercase;
    letter-spacing: 2.82px;
    bottom: 1%;
    line-height: 1;
    left: 3.6%;
    padding: 0;
    margin: 0;
}

.map-menu iframe{
	position:relative;
	display:inline-block;
	width:160%;
	height:285px;
}


.map-menu{
	margin:25% 0 0;
}


}

@media only screen and (max-width:1410px) and (max-height:910px){

.map-menu{
    position:relative!important;
	margin:31% 0 0;
}
	
	
.map-menu iframe{
	position:relative;
	display:inline-block;
	width:160%;
	height:385px;
	min-height:385px;
	max-height:385px;
}

#block-osnovnanavigaciya{
	text-align:left;
	border:0px solid red;
	margin:24% 0 0% 7.5%;
}


}



@media only screen and (max-width:1365px) and (max-height:910px){

.map-menu{
    position:relative!important;
	margin:31% 0 0;
}
	
	
.map-menu iframe{
	position:relative;
	display:inline-block;
	width:147%;
	height:385px;
	min-height:385px;
	max-height:385px;
}

#block-osnovnanavigaciya{
	text-align:left;
	border:0px solid red;
	margin:24% 0 0% 7.5%;
}
	
	
}

@media only screen and (max-width:1368px) and (max-height:810px){



.map-menu{
    position:relative!important;
	margin:15% 0 0;
}
	
	
.map-menu iframe{
	position:relative;
	display:inline-block;
	width:140%;
	height:210px;
	min-height:210px;
	max-height:210px;
}

.menu-contact-block {
    position: absolute;
    display: block;
    top: 8%;
    left: 1%;
    border: 0px solid green;
}

#block-osnovnanavigaciya {
    text-align: left;
    border: 0px solid red;
    margin: 7.5% 0 0% 7.5%;
}

.fat-nav .mova-menu li a{
	color:#111;
	border:2.0px solid rgba(31,31,37,.5);
	padding:10px;
	margin:0 0 0px;
	position:relative;
	display:inline-block;
	font-size:.42em;
	background:transparent;
	font-weight:600;
	
	-webkit-transition: all .52s;
    -moz-transition: all .52s;
    -o-transition: all .52s;
    -ms-transition: all .52s;
    transition: all .52s;
}

.fat-nav .mova-menu li a:hover{
	color:#fff;
	background:rgba(31,31,37,.7);
	border:2.0px solid rgba(31,31,37,1);
	
	-webkit-transition: all .52s;
    -moz-transition: all .52s;
    -o-transition: all .52s;
    -ms-transition: all .52s;
    transition: all .52s;
}

}



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

.hamburger {
    width: 40px;
    height: 40px;
}


.hamburger__icon,
.hamburger__icon:after,
.hamburger__icon:before{
	display:block;
	width:40px;
}

}

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

.map-menu iframe{
	max-height:180px;
}
	
}

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

.hamburger {
    width: 50px;
    height: 50px;
	top:14px;
	right:19px%;
}


.hamburger__icon,
.hamburger__icon:after,
.hamburger__icon:before{
	display:block;
	width:50px;
}

}

@media only screen and (max-width:1090px) and (min-height:900px){

.fat-nav h6.big-name{display:none}	
	
#block-osnovnanavigaciya a {
    color: #000;
    font-size: 1.35em;
    color: #000;
    font-weight: 800;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    -webkit-transition: all .42s;
    -moz-transition: all .42s;
    -o-transition: all .42s;
    -ms-transition: all .42s;
    transition: all .42s;
}	

.silver-side {
    background: #fcfcfc;
    display: inline-block;
    width:100%;
    height:55%;
    position: absolute;
    top: 0;
    left: 0;
    border: 0px solid blue;
    z-index: 9;
}

.contact-menu {
    position: absolute;
    top:auto;
    right:0%;
	bottom:0;
    display: inline-block;
    width:100%;
    height:45%;
    padding: 0;
    background: #1f1f25;
    z-index: 9;
}

.hamburger.active .hamburger__icon:before, .hamburger.active .hamburger__icon:after {
  background-color: #000;
}

#block-osnovnanavigaciya {
    text-align: left;
    border: 0px solid red;
    margin: 16.5% 0 0% 7.5%;
}

.mova-menu {
    position: absolute;
    top: 3%;
    right:auto;
	left:7%;
    display: inline-block;
}

.menu-contact-block {
    position: absolute;
    display: block;
    top: 8%;
    left:7.5%;
    right: auto;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    border: 0px solid #fff;
}

.map-menu{
	margin:15% 0 0;
}

.map-menu iframe{
	position:relative;
	display:inline-block;
	width:230%;
	min-height:200px;
	max-height:200px;
	height:200px;
	border:none!important;
	box-shadow:0 0 0 #fff!important;
}
	
	
}	

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

.hamburger {
    width: 50px;
    height: 50px;
	top:14px;
	right:40px;
}

.fat-nav h6.big-name{display:none}	

}


@media only screen and (max-width:800px){
	
#block-osnovnanavigaciya a {
    color: #000;
    font-size: 1.42em;
    color: #000;
    font-weight: 800;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    -webkit-transition: all .42s;
    -moz-transition: all .42s;
    -o-transition: all .42s;
    -ms-transition: all .42s;
    transition: all .42s;
}	

.silver-side {
    background: #fcfcfc;
    display: inline-block;
    width:100%;
    height:60%;
    position: absolute;
    top: 0;
    left: 0;
    border: 0px solid blue;
    z-index: 9;
}

.contact-menu {
    position: absolute;
    top:auto;
    right:0%;
	bottom:0;
    display: inline-block;
    width:100%;
    height:40%;
    padding: 0;
    background: #1f1f25;
    z-index: 9;
}

.hamburger.active .hamburger__icon:before, .hamburger.active .hamburger__icon:after {
  background-color: #000;
}

#block-osnovnanavigaciya {
    text-align: left;
    border: 0px solid red;
    margin: 22.5% 0 0% 7.5%;
}

.mova-menu {
    position: absolute;
    top: 4%;
    right:auto;
	left:7%;
    display: inline-block;
}

.mova-menu li a {
    color: #111;
    border: 2px solid rgba(31,31,37,.5);
    padding:25px;
    margin: 0 0 0px;
    position: relative;
    display: inline-block;
    font-size: 1.15em;
    background: transparent;
    font-weight:700;
    -webkit-transition: all .52s;
    -moz-transition: all .52s;
    -o-transition: all .52s;
    -ms-transition: all .52s;
    transition: all .52s;
}

.menu-contact-block {
    position: absolute;
    display: block;
    top: 8%;
    left:7.5%;
    right: auto;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    border: 0px solid #fff;
}

.map-menu{
	margin:15% 0 0;
}

.map-menu iframe{
	position:relative;
	display:none;
}

.contact-menu .menu-row span {
    color: rgba(255,255,255,.7);
    display: block;
    font-weight: 700;
    font-size: 1.15em;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.contact-menu .menu-row a, .contact-menu .menu-row p {
    color: #fff;
    display: block;
    font-size: 1.4em;
    font-weight: 600;
    margin-bottom: 6px;
    -webkit-transition: all .42s;
    -moz-transition: all .42s;
    -o-transition: all .42s;
    -ms-transition: all .42s;
    transition: all .42s;
}

.fat-nav__wrapper {
  overflow:hidden!important;
}
	
	
}