/* top-menu-block */

.top-menu-block {
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    width: 100%;
    height: 7rem;
    box-sizing: border-box;
    min-width: 100rem;

}

.top-menu-block .logo {
    position: absolute;
    z-index: 10;
    left: calc(40rem + 2px);
    top: 0;
    background-image: url(images/logo.svg);
    background-size: cover;
    width: 12.3rem;
    height: 12.3rem;
    border: 2px solid #e8e6e4;
}

.top-menu-block.fixed .logo {
    width: 7rem;
    height: 7rem;
    box-sizing: border-box;
}

.header .organization {
    position: absolute;
    top: 2rem;
    left: 22rem;
    width: 14rem;
    text-align: right;
    font: 1.2rem 'Open Sans';
    color: #000;
	text-decoration: none;
    z-index: 999;
}

.header .top-menu-block.white + .organization {
    color: #fff;
}

.top-menu-block .right {
    display: none; /* temp */
}

.left-menu-wrap .menu > a {
    display: none;
}

.top-menu-block .menu {
    margin-bottom: 2.1rem;
}

.top-menu-block .menu .link {
    color: #ef4032;
    font-size: 1.6rem;
    text-transform: uppercase;
    letter-spacing: .1rem;
	padding: .8rem 1rem 0.65rem 9rem;
    /*padding: .95rem 1rem 0.65rem 9rem;*/
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.top-menu-block .menu .link.black {
    color: #1b1b1b;
}

.top-menu-block .menu .link.white {
    color: #fff;
}

.top-menu-block .collapse-btn:hover:after,
.top-menu-block .menu .link:hover {
    background-color: #ededed !important;
    color: #ef4032;
}

.top-menu-block .menu .link.current,
.top-menu-block .menu .link.current:hover {
    color: #1b1b1b;
}

.top-menu-block .projects {
    padding-left: 9rem;
    margin-top: 2rem;
    position: relative;
	height: 130px;
	overflow:hidden;
}

.top-menu-block .projects .caption {
    text-transform: uppercase;
    font-size: 1.6rem;
    margin-bottom: 1.2rem;
    color: #1b1b1b;
    letter-spacing: .1rem;
    position: absolute;
    top: 0;
    left: 5rem;
    transform-origin: 0 0;
    transform: rotate(-90deg) translateX(-100%);

}

.top-menu-block .projects .button {
    float: left;
    border-color: #ef4032;
    text-align: left;
    max-width: 95%;
    background: #fff;
	width:100%;
	border:2px solid #ef4032;
	margin-bottom:-2px;
}

.white.top-menu-block:not(.fixed) .menu .link,
.white.top-menu-block:not(.fixed) .organization,
.white.top-menu-block:not(.fixed) .projects .caption {
    color: #fff;
}

.white.top-menu-block .menu .link:hover {
    color: #1b1b1b;
}

.top-menu-block .header .menu-switcher {
    width: 17rem!important;
    height: 7rem;
    box-sizing: border-box;
    position: relative;
}
/*
.top-menu-block .header .menu-switcher .link-text{
    position: absolute;
    top: calc(51% + 1px);
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    line-height: 0;
}*/

.top-menu-block .header .menu-switcher:before {
    content: '';
    background: url(images/menu-icon.png);
    height: 16px;
    width: 120px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 51;
    transform: translateX(-50%) translateY(-50%);
}
.top-menu-block .menu-switcher-wrap {
    display: none;
}
.top-menu-block.fixed .menu-switcher-wrap {
    display: block;
}
.top-menu-block .header .menu-switcher:hover:before {
    background-color: #ededed;
}
.top-menu-block .item.active .menu-switcher:before {
    background-position: 0 -16px;
}

.top-menu-block .collapse-btn:after {
    content: '';
    background: url(images/menu-control-icon.png) center no-repeat transparent;
    height: 7rem;
    width: 7rem;
    position: absolute;
}

.top-menu-block .item.active .collapse-btn:after {
    background: url(images/menu-close-icon.png) center no-repeat transparent;
}

.menu.left-menu {
    width: 40rem;
    margin-top: 8.4rem;
    position: relative;
}

.top-menu-block.fixed .menu.left-menu {
    position: absolute;
    top: 7rem;
    margin-top: 0;
    padding-bottom: 4rem;
    border: 0;
}

.menu.top-menu {
    height: 7rem;
    position: relative;
    min-width: 1000px;
    max-width: 1500px;
    margin: 0 auto;
    box-sizing: border-box;
}

.menu.horizontal .header {
    float: left;
    height: 100%;
    line-height: 7rem;
}

.menu.horizontal.top-menu .item .header {
    height: 100%;
    line-height: 7rem;
    position: relative;
}

.top-menu-block.fixed .menu .submenu.left-menu,
.top-menu-block .submenu:not(.left-menu) {
    display: none;
}

.top-menu-block .menu .submenu:not(.left-menu),
.top-menu-block.fixed .menu .submenu {
    background-color: #f4f4f4;
}

.top-menu-block .right-menu .submenu .item,
.top-menu-block.fixed .menu .submenu .item {
    line-height: 4rem;
    height: 4rem;
}

.top-menu-block.fixed .menu .submenu .item:hover {
    background-color: #fbfbfb;
}

.top-menu-block.fixed .menu .submenu .item:hover .link {
    color: #ef4032;
}

.top-menu-block .submenu.left-menu .item {
    display: block;
}

.menu.horizontal .right-menu .submenu {
    position: absolute;
    top: 7rem;
}

.top-menu-block .header .link {
    padding: 0 2rem;
    text-align: center;
}

.top-menu-block .menu.right-menu .link {
    font-size: 1.2rem;
}

.top-menu-block .collapse-btn-wrap + .header {
    margin-left: 7rem;
    display: none;
}

.top-menu-block .collapse-btn-wrap {
    display: none;
}

.top-menu-block.fixed .collapse-btn-wrap + .header,
.top-menu-block.fixed .collapse-btn-wrap {
    display: block;
}

.top-menu-block .right-menu .item {
    float: right;
}

.top-menu-block .right-menu .submenu .item {
    float: none;
}

.top-menu-block .right-menu .item .link {
    color: #fff;
    padding: 0 3rem;
}

.top-menu-block.fixed .item .link {
    color: #000;

}

.top-menu-block.fixed .left-menu .item .link {
    line-height: 3rem;
}

.top-menu-block .right-menu .item.active .link,
.top-menu-block .right-menu .item:hover .link {
    color: #000;
}

.top-menu-block .right-menu .item .header:after {
    content: '';
    background: url(images/dropdown-arrow-down-white.png) center no-repeat transparent;
}

.top-menu-block .right-menu .link {
    padding-left: 2rem;
}

.top-menu-block.fixed {
    position: fixed;
    border-bottom: 2px solid #e8e6e4;
    background-color: #fff;
    z-index: 999;
    min-width: 1000px;
}

.top-menu-block .right-menu .item.active,
.top-menu-block .right-menu .item.active .submenu {
    background-color: #f4f4f4;
    color: #000;
}

.top-menu-block .right-menu .item.active .submenu .link:hover {
    background-color: #fbfbfb;
    color: #ef4032;
}

.top-menu-block .right-menu .item.active .submenu {
    position: absolute;
    display: block;
    top: 7rem;
}

.top-menu-block .menu.horizontal.top-menu .item,
.top-menu-block .right-menu {
    height: 100%;
}

.top-menu-block .right-menu .item .header.arrow:after {
    content: '';
    background: url(images/dropdown-arrow-down-white.png) center no-repeat transparent;
    width: 1rem;
    display: inline-block;
    position: absolute;
    right: 1.5rem;
    height: 100%;
    top: 0;
}

.top-menu-block .right-menu .item.active .header.arrow:after,
.top-menu-block .right-menu .item:hover .header.arrow:after {
    background: url(images/dropdown-arrow-down-black.png) center no-repeat transparent;
}

.top-menu-block .right-menu .item.active .header.arrow:after {
    transform: rotate(180deg);
}
.projects.clr-fix.mCustomScrollbar .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color:#ef4032;
}
.top-menu-block .projects .button:first-child{
	margin-top:0px;
}
.top-menu-block .projects .button:last-child{
	margin-bottom:0px;
}
/*.roll-menu{padding:1px 12px; position:absolute; right:16px; margin-top:-20px; background:white; border:2px solid #ef4032; font-weight:bold; font-size:20px;}*/


.roll-menu {
    padding: 0;
    position: absolute;
    right: 15px;
    margin-top: -20px;
    width: 32px;
    height: 32px;
	cursor: pointer;
	transform:rotate(0);
	transition:all 0.3s ease;
    background-color: white;
    color: #ee4032;
    line-height: 32px;
    font-size: 30px;
    text-align: center;
    border: 2px solid #ee4032;
}
.roll-menu.active {
	/*transform:rotate(180deg);*/
	transition:all 0.3s ease;
    background-color: white;
    color: #ee4032;
    line-height: 32px;
    font-size: 30px;
    text-align: center;
    border: 2px solid #ee4032;
}

/*
.roll-menu {
    padding: 0;
    position: absolute;
    right: 15px;
    margin-top: -20px;
    background: url(/local/templates/rosizo/images/str_no_hover.jpg) no-repeat 0 0 / 100% auto;
    width: 32px;
    text-indent: -9999px;
    height: 32px;
	cursor: pointer;
	transform:rotate(0);
	transition:all 0.3s ease;
}
.roll-menu.active {
    background: url(/local/templates/rosizo/images/str_hover.jpg) no-repeat 0 0 / 100% auto;
	transform:rotate(180deg);
	transition:all 0.3s ease;
}
*/



/*.roll-menu:hover{cursor:pointer; background:#ef4032; color:white;}*/
.left-menu .caption {
    text-transform: uppercase;
    font-size: 1.6rem;
    margin-bottom: 1.2rem;
    color: #1b1b1b;
    letter-spacing: .1rem;
    position: absolute;
    top: 0;
    left: 5rem;
    transform-origin: 0 0;
    transform: rotate(-90deg) translateX(-100%);
}
/* end top-menu-block */