/* CSS Document */
/*Mobile Menu Button*/
.mobile-menu{
	display: none;
	position: absolute;
	top: 0;
	right: 10px;
	z-index: 99;
    margin-top: -4%;
}
.mobile-menu .collapse-button{
    position: relative;
	background-color: #fff;
	border-radius: 50%;
    border: #0e0e0e 2px solid;
	color: #0e0e0e;
	cursor: pointer;
	text-align: center;
	padding: 8px 10px
}
.mobile-menu .collapse-button .fa{
	font-size: 140%;
}
/* Средние девайсы («таблетки», >= 768px) md*/
@media (max-width: 768px) {
	.mobile-menu{
		display: block;
	}
}
/*//Mobile Menu Button*/
/*Main Menu*/
ul.menu.main-menu{
	position: relative;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	text-align: center;
    margin-right: 50px;
    margin-bottom: 10px;
}
ul.menu.main-menu li{
	position: relative;
	text-align: center;
    margin-left: 30px;
}
ul.menu.main-menu li:first-child{
    margin-left: 0;
}
ul.menu.main-menu li::before{
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    width: 15px;
    height: 15px;
    left: -24px;
    top: 5px;
    border-radius: 50%;
    background: url(/images/list-marker.png);
}
ul.menu.main-menu li:first-child::before{
    display: none;
}
ul.menu.main-menu li a{
	position: relative;
	font-family: 'Fira Sans', sans-serif;
	font-size: 14px;
	line-height: 1;
	color: #292929;
}
ul.menu.main-menu li a:hover{
    text-decoration: underline;
}
/*iPad portrait*/
@media only screen and (max-width : 768px) and (orientation:portrait){
    ul.menu.main-menu{
        margin-right: 0;
    }
}
/*//iPad portrait*/
/*iPhone 6/7/8 Plus portrait*/
@media only screen and (max-width : 480px) and (orientation:portrait){
    ul.menu.main-menu li a{
        font-size: 3vw;
    }
}
/*//iPhone 6/7/8 Plus portrait*/
/*//Main Menu*/
/*--------------------------------------------------------------Меню услуг*/
.service-container{
    position: relative;
    background-color: #292929;
}
ul.menu.service-menu{
    position: relative;
    padding-top: 12px;
    padding-bottom: 10px;
}
ul.menu.service-menu > li{
    position: relative;
    text-align: center;
    padding: 0 20px;
}
ul.menu.service-menu > li > a,
ul.menu.service-menu > li > span{
    position: relative;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1;
    color: #fee800;
    cursor: pointer;
}
ul.menu.service-menu > li > a:hover,
ul.menu.service-menu > li > span:hover{
    text-decoration: underline;
}
ul.menu.service-menu > li.parent > a:hover,
ul.menu.service-menu > li.parent > span:hover{
    text-decoration: none;
}
ul.menu.service-menu > li.parent > span + ul,
ul.menu.service-menu > li.parent > a + ul{
    display: none;
    position: absolute;
    z-index: 2;
    left: -20px;
    text-align: left;
    background-color: #292929;
    padding: 17px 32px 28px 22px;
}
ul.menu.service-menu > li.parent:hover > span + ul,
ul.menu.service-menu > li.parent:hover > a + ul{
    display: block;
}
ul.menu.service-menu > li.parent > span + ul li,
ul.menu.service-menu > li.parent > a + ul li{
    position: relative;
    list-style: none;
    text-align: left;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
}
ul.menu.service-menu > li.parent > span + ul li:hover,
ul.menu.service-menu > li.parent > a + ul li:hover{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
ul.menu.service-menu > li.parent > span + ul li a,
ul.menu.service-menu > li.parent > a + ul li a{
    position: relative;
    font-size: 12px;
    line-height: 1.1;
    font-weight: 400;
    white-space: nowrap;
    color: #fee900;
}
/* Средние девайсы («таблетки», >= 768px) md*/
@media (max-width: 768px) {
    #service{
        display: none;
    }
    ul.menu.service-menu{
        display: block;
    }
}
/*iPad portrait*/
@media only screen and (max-width : 768px) and (orientation:portrait){
    ul.menu.service-menu{
        padding-top: 0;
        padding-bottom: 20px;
    }
    ul.menu.service-menu.main-menu-moby{
        padding-top: 20px;
        padding-bottom: 0;
    }
    ul.menu.service-menu > li.parent > span + ul{
        position: relative;
        left: 0;
    }
    ul.menu.service-menu > li.parent:hover > span + ul,
    ul.menu.service-menu > li.parent:hover > a + ul{
        display: none;
    }
    ul.menu.service-menu > li.parent > span + ul li{
        text-align: center;
    }
}
/*//iPad portrait*/
/*-------------------------------------------------------------//Меню услуг*/
/*----------------------------------------------------------Footer Menus*/
ul.footer-menu,
.footer-center ul.main-menu{
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.footer-center ul.main-menu{
    margin: 0;
}
ul.footer-menu li,
.footer-center ul.main-menu li{
    position: relative;
    font-size: 14px;
    line-height: 1;
    margin: 0;
    padding-bottom: 0.25em;
}
.footer-center ul.menu.main-menu li::before{
    display: none;
    background: none;
}
ul.footer-menu li a,
.footer-center ul.main-menu li a{
    position: relative;
    font-size: 14px;
    line-height: 1;
    color: #000;
}
ul.footer-menu li a:hover,
.footer-center ul.main-menu li a:hover{
    text-decoration: underline;
}
ul.footer-service-menu li.parent span{
    display: none;
}
.footer-otherservice-menu{
    position: relative;
    top: -0.25em;
}
/*----------------------------------------------------------//Footer Menus*/