/*   
Theme Name: Lawyers Review 2 - by István Juhos
Theme URI: https://www.webdesign-galaxy.ro
Versiunea 1.1
Author: István Juhos
Author URI: https://www.webdesign-galaxy.ro
Version: 1.0
*/
html {
  scroll-behavior: smooth;
}

* {margin:0px;padding:0px;}
a {text-decoration:none;}
.clearfix {overflow: auto;}
/*Review general */
.rx_thumb {display:none;}
/*Review general END */
.articolshort h3  a { font-size:calc(12px + 0.2vw);}

@media all and (min-width:980px) {
#szel {max-width: 60%;}	
}


span.wpcf7-list-item  {width:100%;line-height: calc(28px + 1vw);}
@media all and (min-width:540px) {#szel {height:100%;} body {overflow-x:hidden;} }

/* formulare broker END*/

#menu {
font-family: 'Just Sans';
font-family: 'Sans-Serife';
}
#menu a {color:#182954;}
#menu ul li {background:#FFF;}
#menu ul li a {display:block;}
p {text-align: left;text-align-last:left; text-justify:inter-character;}
body {background-color:#FFF;}
p, ul, ol, .articolshort, .wpcf7 {font-family:'Just Sans', Arial;color:#343434}
.articolshort img {width:100%;box-shadow:1px 1px 1px #cccccc;}

.prevnext {font-size:calc(12px + 1vw);display:block;margin:20px auto;margin-bottom:50px;text-align:center;width:100%;}
.prevnext nav {background:none;margin-top:10px;}
.prevnext .page-numbers {border:solid 1px #20738b;border-radius:5px;text-align:center;padding:5px;margin-right:calc(5px + .5vw);width:calc(12px + 1vw);display:inline-block;}
.nav-links {margin:0 auto;line-height: calc(25px + 1vw);}
.page-numbers {transition:0.1s ease all;}
.page-numbers[aria-current="page"] {font-weight:bold;color:#115d73;}
a.page-numbers:hover {background:#20738b;color:#FFF;}

p a {color:#cb0001;}
#szel ul, #szel ol {list-style-position:outside;

margin-bottom:calc(6px + 1vw);
}
#szel li {margin-bottom:calc(6px + 0.3vw);}
.pageh1 {
background:#005e6c;
display:inline-block;
}
.articolshort a, .articolshort a:visited {color:#092d35;display:block;}
.articolshort a:hover {opacity:0.8;}
.articolshort {
margin-bottom:calc(25px + .7vw);
min-width:200px;
padding:calc(10px + 0.5vw);
margin-right:10px;
margin-top:calc(5px + 0.3vw);
box-shadow:3px 3px 13px rgba(0,0,0,0.66);
border-radius:5px;
}
.articolshort h3 {margin-bottom:calc(10px + 0.3vw);}

#stv {
background-size:cover;
background-position:top left;
background-repeat:no-repeat;

}



h1, h2, h3 {
font-family: 'Just Sans';
color:#FFF;
font-size:calc(14px + 1.5vw);
letter-spacing:0.03vw;
}

h2 {color:#1a2b56;font-family:Times New Roman, Sans-Serife;}

p {
margin-top:calc(6px + 1vw);
margin-bottom:calc(6px + 1vw);
}

/* general section start */
input[type="text"], input[type="email"],  input[type="tel"], textarea {
font-family:Arial;font-size:calc(14px + .5vw);line-height:calc(29px + .3vw);
color:#0a4b68;
text-indent:4px;
border:solid 2px #CCCCCC;
}
input[type="submit"] {padding:calc(8px + 0.5vw);min-width:120px;margin:0 auto;display:block;text-align:center;
background:#092d35;color:#FFF;border-width:0px;text-align-last:center;font-weight:bold;font-family:Arial;}
input[type="submit"]:hover {cursor:pointer;opacity:0.8;}



footer {background:#d7c9af;min-height:160px;}

/* --- footer start------*/
footer {
display:flex;
flex-wrap:wrap;
}
footer p {color:#FFF;}
.footerlinks {
padding:3vw;
display:block;
min-width:250px;

color:#FFF;	
max-width:320px;
}

.footerlinks a {color:#FFF;font-family:Arial;font-size:calc(12px + 0.3vw);
line-height:calc(24px + 0.5vw);
display:inline-block;min-width:70%;
}
.footerlinks a:hover { color:#ffde17;}
.footerlinks ul {margin-top:calc(20px + 1.5vw); list-style-position: inside;
list-style-type:none;
}
.footerlinks li:before {content:"» ";font-weight:bold;color:#ffde17;
line-height:calc(24px + 0.5vw);
padding-right:calc(8px + .5vw);
font-size:calc(16px + 0.4vw);
}

.footerheader {
font-family: 'Just Sans';font-weight:bold;
font-size:calc(13px + .5vw);
padding-bottom:4px;
border-bottom:solid 2px #FFF;
padding-top:calc(5px + 1vw);
line-height: calc(28px + 1vw);
}
.footerlogo {
background-repeat:no-repeat;
background-size:contain;

width:100%;
min-height:105px;
min-height:calc(30px + 3.4vw);
display:inline-block;	
border-radius:6px;
min-height:140px;

}


.footerpiros {
background:#192a55;
line-height:calc(22px + .5vw);
color:#FFF;
font-family: 'Just Sans';
font-size:calc(12px + .2vw);
padding:1vw;
}
.footerpiros a {color:#FFF;}
.footerpiros a:hover {color:#000;}

/* --- footer end ------*/

/* GENERAL END */

/* SPECI felbontasok */
@media all and (min-width:900px) and (max-width:1366px) {
.articolshort {max-width:30%;}
}

@media all and (min-width:1367px) and (max-width:1920px) {
.articolshort {max-width:23%;}
}

@media all and (min-width:1921px) {
.articolshort {max-width:25%;}
}

@media all and (min-width:1228px) {
#menu > li:last-child {margin-right:8vw;}

}

@media all and (min-width:701px) and (max-width:900px) {
#menu > li:last-child {margin-right: 2vw;}
#menu > li:nth-child(2) {margin-left: 2vw;}
}

@media all and (min-width:701px) and (max-width:1660px) {
#menu {justify-content:space-between;}
}

@media all and (min-width:901px) {
#menu > li:last-child {margin-right: 4vw;}	
}

@media all and (min-width:1300px) {
.footerlinks {padding-left:6vw;padding-right:6vw;}
}

@media all and (min-width:1669px) {
#menu > li:first-child {max-width:500px;}
}

.alignnone, .aligncenter, .aligncenter img, .alignnone img {width:100% !important;height:auto;margin-left:auto;margin-right:auto;}


p.wp-caption-text {text-align:center;text-align-last: center;font-weight:bold;margin:0px;
line-height: calc(16px + 1.2vw);
background:rgba(0, 0, 0, 0.8);
color:#FFF;
text-shadow:1px 1px 1px #000;
margin-top:calc(-18px - 1.2vw);
z-index:2;
display:block;
position:relative;
}
.wp-caption {width:100% !important;}

/* SPECI felbontasok END */


/* ------ DESKTOP START -----------*/
@media all and (min-width:701px) {
h2.wide {padding-left:5% !important;}
h2.masodlagos {padding-left:10% !important;}
#misiune {display:none;position:absolute;top:52vw;}
#desprenoi {display:none;top:52vw;margin-top:1px;}
.textshadow { text-shadow:5px 5px 7px #000;background:rgba(0, 0, 0, 0.3);}
#preturi {display:flex;flex-wrap:no-wrap;text-align:center;width:80%;margin:10px auto;}
#preturi div {width:25%;text-align:center;}
#preturi p {text-align:center;text-align-last:center;}
#preturi div img {width:80%;height:auto;max-width:250px;margin:0 auto;display:block;}

.mainph {margin-top:calc(100px + 1vw);}
body {background:url('img/background.jpg'); background-size: 100% 90vw;}
.boxok {display:flex;wlax-wrap:nowrap;}
.boxok p {color:#FFF;padding-left:7%;font-size:calc(18px + 1vw);text-shadow:1px 1px 1px #000;line-height:calc(32px + 1vw);}
.box1, .box2, .box3 {width:33.3%;min-height:350px;background-size:cover;display:inline-block;}
.box1 {background-image:url('img/rating-banner-mobile2.jpg');}
.box2 {background-image:url('img/csillagok.jpg');}
.box3 {background-image:url('img/kirakos2.jpg');}
	
.flex2 {display:flex;align-items:stretch;min-height: 300px;margin-top:30px;}
.bal_border {border-left:solid 5px #e6ca77;}
.flex2 p {width: 80%;padding:5%;display:inline-block;line-height:38px;}
.szoveg_bal {width:40%;margin-left: 10%;}
.szoveg_jobb {width:40%;margin-right: 10%;order:2;}
.laptop-1024-1 {margin-right:10%;width: 40%;background-size: cover;}
.tablet_stars {width:40%;margin-left:10%;display:inline-block;}
.topavocati {width:50%;margin-left:10%;display:inline-block;}
.laptop-1024-1 {background-image:url('img/tartja.webp');}
.tablet_stars {background-image:url('img/recenzii-cum-functioneaza.webp');order:1;background-size:100% auto;background-repeat:no-repeat;}
.topavocati {padding-bottom:60px;margin-bottom:20px;background-image:url('img/top-avocati.webp');order:1;background-size: auto 100%;background-repeat:no-repeat;}

#reviewblock {display:flex;flex-wrap:nowrap;align-items: center;}
#reviewblock a img {max-width:200px;min-width:200px;height:auto;margin-right:15px;display:block;
border-radius: 16px;
border: solid 2px #005e6c;
}
.temp-rating_avg, .temp-rating_5-star {font-size:46px !important;line-height:56px !important;}
.rx-temp-rating-star svg {width:24px !important;height:24px !important;}

#szel h2.progressbar-title, #szel h3.progressbar-title {font-size:14px;}
.nodesktop {display:none;}
.kartya {max-width:200px;}
body {min-height:1200px;}
p, #szel ul, #szel ol, .articolshort {font-size:calc(12px + 0.3vw);line-height:calc(12px + 1vw);}
#szel {padding:calc(25px + 2vw);}
#szel {padding-top:calc(10px + 0.5vw);}

.pageh1 {padding-left:calc(25px + 2vw);}
#szel h2, #szel h3 { margin-top:calc(10px + 1vw);font-size: calc(14px + 1vw);}
.pageh1 {
width:calc(98% - 25px);
margin-top:1px;
margin-bottom:calc(5px + .5vw);	
padding-bottom:calc(5px + .3vw);
padding-top:calc(5px + .3vw);
}
.alignright {float:right;max-width:50%;height:auto;margin-left:calc(10px + .5vw);margin-bottom:calc(5px + .5vw);}
.alignright img {width:100%;margin-top: calc(6px + 1vw);height:auto;}
.alignleft {float:left;max-width:50%;height:auto;margin-right:calc(10px + .5vw);margin-bottom:calc(5px + .5vw);}
.alignleft img {width:100%;margin-top: calc(6px + 1vw);height:auto;}







.flex-content {
display:flex;
width:100%;
flex-wrap: wrap;
}
section {
min-width:calc(200px + 5vw);height:calc(400px + 10vw);display:block;
padding:calc(10px + .5vw);
margin:calc(5px + 1vw);
border:solid 1px #CCC;
border-radius:15px;
position:sticky;top:9vw;
box-shadow: 10px 10px 38px -10px rgba(0,0,0,0.55);
max-width:25vw;
margin: 15px auto;
background-image:url('img/laptop-1024-1.jpg');
background-size:cover;
}

#cikkek {
display:flex;
flex-direction: row;
width:100%;
flex-wrap: wrap;
justify-content:space-around;
}





h1.wide, h2.wide { display:block;padding:5% 10% 3% 10%;}
footer {justify-content:space-between;
background-image: url('img/birou-avocati-footer.webp');
background-size:  auto 100%;
background-repeat:no-repeat;
background-position:top right;
}



#boxes {
display:flex;
flex-wrap:wrap;
align-items:stretch;
color:#FFF;
font-family:Arial;
border-top:solid 2px #CCC;
}

.bal, .jobb {display:block;min-height:400px;width:42%;padding:4%;
background-size:cover;
background-position:center;
}
.bal, jobb {background-color:#FFF;}


#stv {
/* background-image:url("img/mainbanner1.png");*/
min-height:47vw;
margin-top:1px;
}

#stv h1 {
max-width: 92%;
padding: 1% 5% 1% 3%;
display: block;
margin-left: 0%;
}

#stv .gombtarto {
margin:5% 10% 5% 36%;
margin:5% auto;
}

.gombtarto {

background:#040c21;
border-radius:3px;
position:relative;
z-index:1;
overflow:hidden;
min-width:120px;
font-family:Arial;
width:16vw;
max-width:220px;
margin-right:3vw;
border: solid 2px #5e5e5e;
}

.gombtarto:hover {border:solid 2px #cb0001;}

#content .gombtarto {display:inline-block;}

.gomb a {transition:color 0.3s ease;font-weight:normal;color:#FFF;padding:1vw 1vw;margin:0 auto;
font-weight:bold;
width:calc(100% - 2vw - 4px);
display:inline-block;
text-align:center;

}

.gomb a:hover {color:#373737;}
.gomb a:after {
	content: "";
	position: absolute;
	height: 0%;
	left: 50%;
	top: 50%;
	width: 150%;
	z-index: -1;
	transition: all 0.35s ease;
	background: #FFF;
}
.gomb a:hover:after, .gomb a:visited:hover:after {
	height: 450%;

}

.gomb a:after {
	background: #FFF;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}


#mobilmenu {
display:flex;height:2vw;
justify-content:flex-end;
font-family: 'Just Sans';
font-size:calc(12px + 0.1vw);


}
#mobilmenu a {
padding-left:3vw;
opacity:1;color:#FFF;letter-spacing:0.1vw;transition:opacity 0.3s ease;display:block;width:100%;height:4vw;}
#mobilmenu a:hover {opacity:1;color:#FFF;}






nav {min-height:5vw;line-height:5vw;background:#e1dfe0;}

#menu {display:flex;
align-items:center;
box-shadow: 0px 10px 60px -7px rgba(0,0,0,0.1);
position:relative;
height:inherit;
}




.ragad {position:fixed;top:0px;width:100%;min-height:5vw;line-height:5vw;display:block;margin-top:0px;z-index:2000;border-bottom:solid 1px #ccc;
box-shadow:2px 1px 13px 13px rgba(0, 0, 0, .1);
}

#menu>li [aria-current]:not([aria-current="false"]) {
background-color:#cb0001;
color:#FFF;
}

#menu>li:first-child [aria-current]:not([aria-current="false"]) {
background-image: url('img/logo-asigurari.svg');
background-color: #FFF;
background-repeat: no-repeat;
background-size: contain;
background-position: left;
}


#menu li {list-style-type:none;text-align:center;}


#menu ul {line-height:inherit;}
#menu > li > ul {transition:all .25s ease-out;}
#menu ul > li {line-height:max(3vw, 46px);border-top:solid 1px #FFF;}
#menu > li > ul {border-radius:0px 0px 5px 2px;overflow:hidden;}
#menu > li > a {text-transform:none;t}
#menu > li a {display:block;font-size:calc(12px + 0.35vw);padding:0 1.3vw 0 1.3vw;}
#menu > li > ul a {display:block;font-size:calc(10px + 0.2vw);text-shadow:1px 1px 1px #000;}
#menu > li {z-index:999;transition:0.2s ease;}
#menu > li:hover {background:#686868;}
#menu > li:hover:first-child {background-color:#e1dfe0;opacity:1;}

#menu ul > li  a:hover {background:#000;}
#menu li:hover a {color:#f1d884;}
#menu > li > ul > li > a {color:#FFF;font-size: calc(12px + 0.2vw);}
#menu > li {position:relative;white-space: nowrap;}
#menu > li > ul {opacity:0;position:absolute;height:0px;min-width:220px;}

#menu > li:hover > ul {opacity:1;height:100%;min-height:800px;left:0px;top:100%;min-width:calc(150px + 10vw);width:auto;position:absolute;}

#menu > li > ul > li > ul, #menu > li > ul > li > ul > li {text-align:left;background:#cb0001;}
#menu > li > ul > li > ul > li {text-align:left;}
#menu li > ul > li:hover * li {background:#000;}
#menu li > ul > li:hover * li:hover {background:#cb0001;}
#menu > li > ul > li > ul > li:hover {opacity:0.9;}

#menu > li > ul > li {text-align:left;background:#cb0001;}
ul.expand li:hover  {background:#000 !important;}
#menu > li > ul > li > ul > li { text-indent:0px;padding-left:10px;}
#menu > li > ul > li > ul > li a:before { content:"• \00a0\00a0";}
#menu > li > ul > li > ul .expand:hover {background:#000;}


#menu > li:first-child {
flex-grow:2;
min-width:8vw;
background-repeat:no-repeat;
background-size:contain;
background-position:left;
font-size:0px;
padding:0px;
transition:all 0.2s linear;
margin-right: calc(15px + 1vw);
margin-left:calc(15px + 2vw);
}
#menu > li > ul > li:hover {opacity:1;}
.ragad #menu > li:first-child {opacity:1;}
.ragad #menu > li:first-child:hover {opacity:1;filter:none;}
}

/* Desktop menu end */


/* Dekstop END **/



/*----------  MOBile START ------------*/

@media all and (max-width:700px) {
#misiune {display:none;position:absolute;top:70vh;}
#preturi {text-align:center;}	
#preturi p {text-align:center;text-align-last:center;}
#preturi div img {width:80%;height:auto;max-width:200px;margin:0 auto;display:block;}
#preturi div {padding-bottom:35px;border-bottom:solid 2px #CCC;padding-top:15px;}
	
.boxok {display:block;}
.boxok p {color:#FFF;padding-left:7%;font-size:calc(18px + 1vw);text-shadow:1px 1px 1px #000;line-height:calc(32px + 1vw);}
.box1, .box2, .box3 {width:100%;min-height:350px;background-size:cover;display:inline-block;}
.box1 {background-image:url('img/rating-banner-mobile.png');}
.box2 {background-image:url('img/csillagok.jpg');}
.box3 {background-image:url('img/kirakos.jpg');}
	
.flex2 {min-height: 300px;margin-top:20px;}
.flex2 p {width: 90%;padding:calc(5% - 5px);display:inline-block;border-left:solid 5px #e6ca77;line-height:38px;}
.szoveg_bal {width:80%;margin-left: 10%;}
.laptop-1024-1, .tablet_stars {margin-right:10%;
width: 100%;height:260px;background-size: cover;
}
.laptop-1024-1 {background-image:url('img/tartja.webp');}
.tablet_stars {background-image:url('img/recenzii-cum-functioneaza.webp')}
	
.rx_author_name h4 {text-align:left !important;padding-left:5px;width:260px;padding-bottom: 8px;}
.rx_rating_graph_wrapper {padding: 8px !important;}
.articolshort {
max-width: 70%;
margin: 30px auto;
}
.rx_recommended_icon img {
width: 40% !important;
height: 40% !important;
top: 10%;
position: relative;
}
.rx_recommended_box {align-items:center;}
input[type="text"], input[type="email"], input[type="tel"], textarea {max-width:100%;}
.textshadow {opacity:1;}
#stv {min-height:360px;}
#reviewblock img {max-width:250px;min-width:200px;height:auto;margin:5px auto;display:block;}

.nomobile {display:none;}
.mobilecenter {margin-left:auto;margin-right:auto;}
p {font-size:calc(12px + 1vw);line-height:calc(15px + 1.5vw);font-family:'Just Sans';}
#szel, section {padding-left:calc(15px + 2vw);padding-right:calc(15px + 2vw);}
section {margin:35px 0;}
#szel img {width:100%;height:auto;}
#szel ul, #szel ol {font-size:calc(12px + 1vw);line-height:calc(15px + 1.5vw);font-family:Arial;}
#szel h2, #szel h3 {text-align:center;padding-top:calc(15px + 1.5vw);padding-bottom:calc(5px + 1vw);}



section {
display: block;
padding: calc(10px + .5vw);
border: solid 1px #CCC;
border-radius: 15px;
box-shadow: 10px 10px 38px -10px rgba(0,0,0,0.55);
margin-left: calc(15px + 2vw);
margin-right: calc(15px + 2vw);
background-image:url('img/laptop-1024-1.jpg');
background-size:cover;
min-height:350px;
}
/* Mobile section END */

.pageh1 {
margin-bottom:calc(5px + .5vw);	
padding-bottom:calc(5px + .3vw);
padding-top:calc(5px + .3vw);
width:90%;
padding-left:5%;
padding-right:5%;
text-align:center;	
}
footer {justify-content:center;background-image:url('img/birou-avocati-footer.webp');background-size:auto 100%;}
.footerpiros {text-align:left;padding:20px;}

.kartya {width:70%;margin:20px auto;}

#boxes {
display:flex;	
flex-wrap:wrap;
flex-direction: row;
}

.egy {order:0;}
.ketto {order:1 ;}
.harom {order:2 ;}
.negy {order:3 ;}
.ot {order:4 ;}
.hat {order:5 ;}
.het {order:6 ;}
.nyolc {order:7 ;}
.kilenc {order:8 ;}
.tiz {order: 9 ;}

.bal, .jobb {display:block;width:86%;padding:7%;
min-height:200px;
background-size:cover;
background-position:center;
}

#felsologo {display:block;position:relative;background-color:#e1dfe0;width:100%;height:80px;
background-size:contain;background-repeat:no-repeat;z-index:1001;content:none;
background-position: center;
}

#stv {background-image:url("img/background.jpg");
background-position: bottom left;
background-size: auto 100%;
}

button {outline:none;border:none;}
button:active {outline: none;border: none;}
button:focus {outline:0;border: none;}

#stv h1 {padding:10vw;}
#content h1, #content h2 {text-align:center;padding:7% 5%;}



.gomb a {
padding:calc(5px + 2vw);
text-align:center;
border-radius:3px;
font-family:Arial;
color:#FFF;
font-size:calc(12px + 1vw);
display:block;
}

.gomb a:hover {opacity:.9;color:#FFF;}

#stv .gomb a, #stv .gomb a:active, #stv .gomb a:visited  {
display:block;
width:60%;
box-shadow:5px 3px 10px #000;
margin:20% auto;
background:#000;
}

.bal .gombtarto, .jobb .gombtarto {background:#000;margin-right:15px;border-radius:3px;}
.gombtarto:hover {opacity:0.9;}
.bal, .jobb {border-bottom:solid 1px #CCC;}


/* Mobile menu start */
#mobilmenu {
width:100%;
height:10vw;
min-height:45px;
background:#c6cbce;
display:flex;
justify-content: space-between;
align-items: center;
position:sticky;
z-index:999;
top:0px;
border-bottom: solid 2px #ccc;
}

.logo { height:100%;min-width:120px;min-width:30%;
margin-right:10px;
flex-grow: 2;
}

#mobillogo {
background-size:contain;
background-repeat:no-repeat;
}



.tel, .user {
background-color:#FFF;background-repeat:no-repeat;
background-position:center;align-items:center;
justify-content:center;
border-radius:50%;
min-width:35px;
min-height:35px;
width:7vw;
height:7vw;
border:solid 1px #d7d6d6;
transition:all 0.5s ease;
}

.tel:hover, .user:hover {border-color:#9f9f9f;}

.tel {
background-image:url("img/telefon.png");
background-size:70%;
margin-right:1.5vw;
}

.user {min-height:35px;min-width:35px;
background-image:url("img/user.png");
background-size:100%;
}

.mobil-gomb {
position:relative;
align-items:center;
justify-content:center;
flex-grow:2;
max-width:70px;
min-width:60px;
}

.mobil-gomb button {
background-color:#1f313d;
min-width:34px;
min-height:34px;
width:8vw;
height:8vw;
display:block;
margin:0 auto;
line-height:34px;
font-size:max(5vw, 20px);
color:#FFF;
border-radius:3px;
transition:all 0.3s ease;
top: 6px;
right: 12px;
}

.mobil-gomb .button_on {background-color:#000;width:10vw;min-width:38px;}

.mobil-gomb button:hover {cursor:pointer;border:none;}

@keyframes legordul {
from { max-height:0px;opacity:0.5;}
to { max-height:650px;opacity:1;}	
}

@keyframes felmegy {
from { max-height:250px;opacity:1;}
to { max-height:0px;opacity:0;}	
}

#menu > li:first-child {display:none;}
#menu li {overflow:hidden;background:#FFF;}
#menu > ul > li:first-child {display:none;}

/*#menu li:hover {background:#e8e6e6;}*/
#menu li:hover {cursor:pointer;background:#FFF;}
#menu li a:hover, #menu li a:active {color:#1f313d;}

li.off > ul {
max-height:0px;
animation-name: felmegy;
animation-duration: 0.2s;

}

li.on > ul {
display:block;max-height:862px;
animation-name: legordul;
animation-duration: 0.5s;
}


#menu {
font-size:calc(12px + 0.3vw);
line-height:calc(36px + 0.8vw);
overflow:hidden;
width:100%;
list-style-type:none;
margin-top:-400px;
z-index: 3;
}



.offmenu {transition:all 0.1s ease-in-out;background:#FFF;position:absolute;opacity:0;}
.onmenu {transition:all 0.2s ease;
position:absolute;
box-shadow: -1px 20px 44px 65px rgba(255,255,255,0.9);
}

#menu ul {list-style-type:none;}
#menu a {user-select: none;display:block;width:100%;}
#menu > li > a {text-transform:uppercase;}


#menu > ul > li a {border-bottom:solid 1px #CCCCCC;}

#menu > li {border-bottom:solid 1px #CCCCCC;}
#menu ul > li > ul > li:last-child {border:none;}


.submenu ul li:first-child {border-top:solid 1px #cccccc;}
.submenu ul li:last-child {margin-bottom:-1px;}



#navmenu li {text-indent:0px;padding:0 1% 0 5%;}
/*#menu .submenu li {text-indent:32px;}*/

#menu .submenu li a {width:94%;padding-left:3%;padding-right:3%;}
#menu .submenu ul.expand li.submenu a {

font-size:calc(11px + 0.2vw);
}

.off {position:relative;}
.off > a:first-child::after {   content: "";
   position:absolute;
   width: 10px;
   height: 10px;
   background: #999;
   transition:all 0.2s ease;
   top:calc(20px + 0vw - 5px);
   margin-left:10px;
}

.on {position:relative;}
.on > a:first-child::after {   content: "";
   position:absolute;
   width: 10px;
   height: 10px;
   transition:all 0.2s ease;
   background: #cb0001;
   transform: rotate(45deg);
   top:calc(14px + 0.4vw);
   margin-left:10px;
}

/*
Mobile menu END 
*/

}