.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu {
    z-index: 10;
    padding: 10px 0 0;
    clear: both;
    list-style-type: none;
    position: relative;
}
.sf-menu li {
    position: relative;
}
.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    margin-top: 5px;
    z-index: 99;
}
.sf-menu>li {
    float: left;
}
.sf-menu li.sfHover>ul, .sf-menu li:hover>ul {
    display: block;
}
.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu ul ul {
    top: 0;
    left: 100%}
.sf-menu>li {
    display: block;
    position: relative;
    padding-bottom: 18px;
    border-bottom: 0 solid #ee3b27;
    height: 40px;
}
.sf-menu>li:hover {
    border-bottom: 5px solid #ee3b27;
}
.sf-menu>li.current {
    border-bottom: 5px solid #ee3b27;
}
.sf-menu>li>a {
    text-decoration: none;
    position: relative;
    border-left: 1px solid #e7e7e7;
    display: block;
    padding: 0 15px;
    font: 1em Verdana, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #565656;
}
header.variant4 .navbar-main-menu-outer .sf-menu>li>a {
    padding: 4px 15px 4px;
}
header.variant4 .navbar-main-menu-outer.black .sf-menu>li>a {
    color: #fff;
}
header.variant4 .navbar-compact .navbar-main-menu-outer .sf-menu>li>a {
    padding: 0 7px;
}
header.variant4 .navbar-compact .navbar-main-menu-outer.black .sf-menu>li>a {
    color: #565656;
}
.sf-menu>li:first-child>a {
    border-left: none;
}
.sf-menu ul {
    min-width: 12em;
    background: #fff;
    box-shadow: 0 1px 3px rgba(5, 5, 5, .1);
}
.sf-menu ul ul {
    margin-top: -1px;
}
.sf-menu ul li a {
    display: block;
    border-bottom: 1px solid #f7f7f7;
    padding: 8px 20px;
    font: 1.077em Verdana, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #2b2b2b;
    text-decoration: none;
}
.sf-menu ul ul li a {
    text-transform: none;
}
.sf-menu ul li a:hover {
    background: #f7f7f7;
}
.sf-menu ul .sf-arrows .sf-with-ul {
    padding-right: 2.5em;
    *padding-right: 1em;
}
.sf-arrows ul .sf-with-ul:after {
    content: '\e077';
    position: absolute;
    top: 45%;
    right: 20px;
    height: 0;
    width: 0;
    font-family: icomoon;
    font-size: 10px;
}
.sf-arrows>.sfHover>.sf-with-ul:after, .sf-arrows>li:hover>.sf-with-ul:after, .sf-arrows>li>.sf-with-ul:focus:after {
    border-top-color: #fff;
}
.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #dFeEFF;
    border-left-color: rgba(255, 255, 255, .5);
}
.sf-arrows ul .sfHover>.sf-with-ul:after, .sf-arrows ul li:hover>.sf-with-ul:after, .sf-arrows ul li>.sf-with-ul:focus:after {
    border-left-color: #fff;
}
.navbar-main-menu .sf-menu {
    padding: 0;
    margin: 0;
}
.navbar-main-menu .sf-menu>li {
    height: 38px;
    margin-bottom: -6px;
}
.navbar-compact .navbar-main-menu .sf-menu>li {
    height: 32px;
    margin-bottom: 10px;
}
.navbar-main-menu .sf-menu>li:first-child>a {
    padding-left: 15px;
}
.navbar-main-menu .sf-menu>li>a:before {
    border-left: 1px solid #E7E7E7;
    content: " ";
    display: inline;
    left: -15px;
    position: relative;
}
header.variant4 .navbar-main-menu-outer.black .navbar-main-menu .sf-menu>li>a:before {
    border-color: #474747;
}
header.variant4 .navbar-compact .navbar-main-menu-outer.black .navbar-main-menu .sf-menu>li>a:before {
    border-color: #E7E7E7;
}
.navbar-main-menu dt:first-child .sf-menu>li>a:before {
    display: none;
}
.offscreen_fix {
    left: -90%!important;
    top: 1px!important;
}

/*=================megamenu2*/

#megamenu2 .level0{
    padding: 0;
    height: 0;
    position: absolute;
    transition: none!important;
    opacity: 0;
    display: none;
}
#megamenu2 > ul > li:first-child .level0{
    transition: opacity 0.3s ease!important;
}

#megamenu2 > ul > li.menu-item:hover ul.level0{
    display: block;
    transition: opacity 0.3s ease!important;
    width: 100%;
    position: absolute;
    min-width: 330px;
    height: auto;
    border: 1px solid #e7e7e7;
    z-index: 11000;
    top: 26px;
    background-color: white;
    box-shadow: none;
    opacity: 1;
}

#megamenu2 .menu_row li:hover{
    background-color: #f2f2f2;
}

#megamenu2 .menu_row li{
    padding: 10px 10px;
}
#megamenu2 .menu_row li a{
    text-decoration: none;
}
#megamenu2 .menu_row li a span{
    font-size: 12.5px; 
}
#megamenu2 ul, #megamenu2 li {
    list-style: none;
    padding-left: 0;
}

#megamenu2 #nav{
    padding-left: 0;
}
#megamenu2 a, #megamenu2 a span{
    color: black;
}

#megamenu2 > ul > li.menu-item {
    display: inline-block;
    padding: 5px 0;
    text-decoration: none;
    border-left: 1px solid #e7e7e7;
    font: 1em Verdana, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    margin-left: -3px;
}
#megamenu2 > ul > li.menu-item:before{
	content: '';
    position: absolute;
    border-bottom: 7px solid #ee191b!important;
    opacity: 0;
    bottom: -12px;
    width: 100%;
    transition: all 0.2s ease;
}
#megamenu2 > ul > li.menu-item:first-child:before{
	width: 92px;
}
#megamenu2 > ul > li.menu-item:hover:before{
	opacity: 1;
        bottom: -7px;
}
#megamenu2 > ul > li.menu-item > a{
    text-decoration: none;
    width: 100%;
    padding: 0 15px;
}
#megamenu2 ul>li>a:before {
    border-left: 1px solid #E7E7E7;
    content: " ";
    display: inline;
    left: -15px;
    position: relative;
}

.navbar .navbar-main-menu-outer > .container{
	height: 45px;
}

#megamenu2 .widemenu2 .menu_row > li{
    display: inline-table;
    top: 0;
    padding: 0px 0 0 12px;
    position: relative;
    margin-top: 100px;
    z-index: 22;
    height: 380px;
    width: 185px!important;
}

#megamenu2 .widemenu2 .menu_row{
    margin-bottom: 10px;
}
.watches-icon > a::before{
    display: none;
} 
.watches-icon > a::after {
    content: '';
    position: absolute;
    width: 100%;
    top: -90px;
    left: initial;
    display: block;
    height: 80px;
}
#megamenu2 .widemenu2 ul.level0 {
    margin-top: 10px;
}
#megamenu2 .widemenu2 .menu_row .level1 > li{
    padding: 5px 0px;
}
#megamenu2 .widemenu2 ul.level1 {
    display: block;
    margin-top: 15px;
    padding-top: 5px;
    border-top: 3px solid black;
}
#megamenu2 .widemenu2 .menu_row > li > a{
    width: 100%;
    display: block;
    min-height: 32px;
    margin-top: 5px!important;
    text-align: left;
    font-weight: bold;
}
#megamenu2 .widemenu2 .menu_row li:hover {
    background-color: initial;
}

#megamenu2 .widemenu2 .menu_row > li:nth-child(4) > a span,
#megamenu2 .widemenu2 .menu_row > li:first-child > a span{
	color:#dc0608!important;
}

#megamenu2 .widemenu2 .menu_row > li:last-child > a span{
    color:#e24337!important;
}
#megamenu2 .widemenu2 .menu_row > li:nth-child(2) > a span{
    color:#c28036!important;
}
#megamenu2 .widemenu2 .menu_row > li:nth-child(3) > a span{
    color:#4186b1!important;
}
#megamenu2 .widemenu2 .menu_row > li:nth-child(5) > a span{
    color:#64b2e1!important;
}

#megamenu2 .widemenu2 .menu_row li:nth-child(4) ul,
#megamenu2 .widemenu2 .menu_row li:first-child ul{
	border-top-color: #dc0608!important;
}

#megamenu2 .widemenu2 .menu_row li:last-child ul{
    border-top-color: #e24337!important;
}

#megamenu2 .widemenu2 .menu_row li:nth-child(2) ul{
    border-top-color: #c28036!important;
}
#megamenu2 .widemenu2 .menu_row li:nth-child(3) ul{
    border-top-color: #4186b1!important;
}
#megamenu2 .widemenu2 .menu_row li:nth-child(5) ul{
    border-top-color: #64b2e1!important;
}

#megamenu2 .widemenu2 .menu_row .level1 li a span:before{
    display: none;
}
#megamenu2 .widemenu2 .menu_row .level1 li a span:after{
    display: inline;
    width: 0px;
    border-bottom: 2px solid #c28036;
    left: 0px;
    position: absolute;
    margin-top: 8px;
    margin-right: -6px;
    content: '';
    transition: all 0.5s ease;
}
#megamenu2 .widemenu2 .menu_row .level1 li a span{
    transition: all 0.5s ease;
    font-size: 14px!important;
    font-weight: 500!important;
    font-family:Arial, Helvetica, sans-serif!important;
}

#megamenu2 .widemenu2 .level0{
    top:44px!important;
}
#megamenu2 .widemenu2 .menu_row > li:after{
	content: '';
	height: 100%;
	border-left: 1px solid #f1f1f1;
	position: absolute;
	transform: translateX(-10px);
	top: 0;
}
#megamenu2 .widemenu2 .menu_row > li:first-child:after{
	border-left: 1px solid transparent;
}
#megamenu2 .widemenu2 .menu_row > li li:first-child:after{
	display: none;
}
#megamenu2 ul>li>a:before{
	display: none;
}
.watches-icon > a::after{
	transition: none;
	background-position: center center;
	/*background-position-x: -12px!important;*/
}

.watches-icon > a[href$='/amfibia/']::after {
    background: url(https://amfibiawatches.com/wp-content/uploads/brands/amfibia.png) no-repeat;
    background-size: 60%;
    background-position: center;
}

.watches-icon > a[href$='/vostok-evropa/']::after {
    background: url(https://amfibiawatches.com/wp-content/uploads/brands/vostok_europe.png) no-repeat;
    background-size: contain;
    background-size: 55%;
    top: -84px;
    background-position: center;
}

.watches-icon > a[href$='/vostok/']::after {
    background: url(https://amfibiawatches.com/wp-content/uploads/brands/vostok.png) no-repeat;
    top: -50px;
    background-position-x: center;
    width: 96%!important;
    background-size: 77%;
}

.watches-icon > a[href$='/komandirskie/']::after {
    background: url(https://amfibiawatches.com/wp-content/uploads/brands/comandirskie_automatic.png) no-repeat;
    background-size: 60%;
    background-position: center;
    top: -83px;
}

.watches-icon > a[href$='/amfibiya-klassika/']::after {
    background: url(https://amfibiawatches.com/wp-content/uploads/brands/amfibia2.png) no-repeat;
    background-size: 70%;
    background-position: center;
    top: -75px;
}

.watches-icon > a[href$='/komandirskie-klassika/']::after {
    background: url(https://amfibiawatches.com/wp-content/uploads/brands/comandirskie.png) no-repeat;
    background-position: center;
    background-size: 65%;
    top: -74px;
}

#megamenu2 .widemenu2 .menu_row > li:after{
	z-index: -1;
    content: '';
    height: 200%;
    position: absolute;
    top: -100%;
    background-color:transparent;
    width: calc(100% + 5px);
    transition: all 0.2s ease;

}
#megamenu2 .widemenu2 .menu_row > li:hover:after{
	background-color: #ee191b0f;
}
#megamenu2 .widemenu2 .menu_row > li:nth-child(2):hover:after{
	background-color: #d97b280f;
}
#megamenu2 .widemenu2 .menu_row > li:nth-child(3):hover:after{
	background-color: #3b41580f;
}
#megamenu2 .widemenu2 .menu_row > li:nth-child(4):hover:after{
	background-color: #ee191b0f;
}
#megamenu2 .widemenu2 .menu_row > li:nth-child(5):hover:after{
	background-color: #2266970f;
}
#megamenu2 .widemenu2 .menu_row > li:last-child:hover:after{
	background-color: #a810240f;
}
/*#megamenu2 .widemenu2 .menu_row.active-row1:after{
    background-color: #ee191b0d;
    left: inherit;
}
#megamenu2 .widemenu2 .menu_row.active-row2:after{
    background-color: #d97b281f;
    left: calc(180px + 1px);
}
#megamenu2 .widemenu2 .menu_row.active-row3:after{
    background-color: #3b41580f;
    left: calc(360px + 1px);
}
#megamenu2 .widemenu2 .menu_row.active-row4:after{
    background-color: #ee191b0d;
    left: calc(540px + 1px);
}
#megamenu2 .widemenu2 .menu_row.active-row5:after{
    background-color: #2266971a;
    left: calc(720px + 1px);
}
#megamenu2 .widemenu2 .menu_row.active-row6:after{
    background-color: #a810241a;
    left: calc(900px);

}*/
#megamenu2 .widemenu2 .menu_row{
	/*width: 100%!important;*/
    padding: 0px 30px!important;
}
.widemenu2 ul.level0 li.col ul li a span {
    text-transform: capitalize!important;
}


#megamenu2 .widemenu2 .level0{
	right: 0;
    top: 50px!important;
    left: -2px;
}

#megamenu2 .widemenu2 .menu_row {
    width: fit-content!important;
    width: -moz-fit-content!important;
    width: -webkit-fit-content!important;
    width: -o-fit-content!important;
    padding: 0px 0px!important;
    margin: 0px 0!important;
}

#megamenu2 .widemenu2 .menu_row .level1 li a:hover span{
    font-weight: bold!important;
}

@media (min-width:1200px){
	#megamenu2 .widemenu2 .menu_row .level1 li a:hover span:after{
	    width: 10px;
	}
	#megamenu2 .widemenu2 .menu_row .level1 li a:hover span{
	    margin-left: 15px;
	}
	#megamenu2 .widemenu2 .menu_row > li > a {
	    width: 84%;
	}

}

@media (max-width:1200px){
	

	#megamenu2 > ul > li.menu-item {
	    font-size: 12px!important;
	}

	.navbar-main-menu{
		position: static!important;
	}

	#megamenu2 .widemenu2 .level0 {
	    right: 0;
        top: 212px!important;
	    left: 0;
	}

	#megamenu2 > ul > li.menu-item:hover:before {
	    bottom: -2px;
	}
	#megamenu2 > ul > li.menu-item:first-child:hover:before {
	    bottom: 0px;
	}
	#megamenu2 > ul > li.menu-item:before {
	    border-bottom: 6px solid #ee191b!important;
	    bottom: -12px;
	}
	#megamenu2 > ul > li.menu-item:first-child:before {
	    width: 90px;
	}

    #megamenu2 .widemenu2 .menu_row {
        width: 100%!important;
        margin: auto!important;
    }
    #megamenu2 .widemenu2 .level0 {
        top: inherit!important;
    }

}
@media (max-width:1105px){
	#megamenu2 .widemenu2 .menu_row > li {
	    width: 16%!important;
	}
}

@media(max-width: 992px){
	#megamenu2 ul>li>a:before {
	    border-left: 1px solid #e7e7e700;
	}

	#megamenu2 > ul > li.menu-item > a {
	    text-decoration: none;
	    width: 100%;
	    padding: 0 6px!important;
	}

	#megamenu2 > ul > li.menu-item {
	    font-size: 10px!important;
	}
}

@media (max-width:830px){
	#megamenu2 .widemenu2 .menu_row > li {
	    width: 15%!important;
	}
	.watches-icon > a::after {
	    height: 66px!important;
	}
}


@media (max-width: 979px) and (min-width: 768px){
	.watches-icon > a::after {
		width: 110px;
	}
}