body {
	padding:0px;
	margin:0px 0px 0px 0px;
	font-family: Arial, sans-serif;
	line-height: 18px;
	font-size: 14px;
	color: #333;
	background-color: #e6e4e3;
}

a {
	text-decoration: none;	
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
p {
	display: block;
}

h1 {
    display: block;
    font-size: 2em;
    font-weight: bold;
}

h2 {
    display: block;
    font-size: 1.5em;
    font-weight: bold;
}

h3 {
    display: block;
    font-size: 1.17em;
    font-weight: bold;
}

td, th {
    padding: 4px;
}

audio, canvas, img, svg, video {
    max-width: 100%;
}

a[href^="tel:"], #articles a[href^="tel:"] {
  transition: color .3s ease-out;
  background-size: 3px 3px;
  color: rgb(90, 78, 62);
  text-decoration: none;
  background: url(../images/menu_colors/d7cbb5.gif);
  background-repeat: repeat-y;
  background-size: cover;
  padding: 2px 8px 2px 24px;
  border-radius: 8px;
  font-weight: bold;
  position: relative;
  display: inline-block;
  margin-top: 1px;
  margin-bottom: 1px;
}

a[href^="tel:"]:hover, #articles a[href^="tel:"]:hover {
  text-decoration: none;
  color: #000;
}

a[href^="tel:"]:before, #articles a[href^="tel:"]:before {
  display: inline-block;
  content: "";
  margin-right: 2px;
  background: url("../images/phone_ico_ori.svg");
  background-size: contain;
  width: 21px;
  height: 21px;
  background-repeat: no-repeat;
  position: absolute;
  left: -1px;
  top: 0px;
}

a.button-link, #articles a.button-link {
   background: url(../images/menu_colors/d7cbb5.gif);
   background-repeat: repeat-y;
   background-size: cover;
   padding: 2px 8px 2px 8px;
   border-radius: 8px;
   font-weight: bold;
   text-decoration: none;
   color: rgb(90, 78, 62);
   margin: 4px 0px;
   display: inline-block;
}

.mobilpagetitle, #articles h2.mobilpagetitle {
    font-size: 1.6em;
    font-weight: 400;
    text-align: center;
    padding-top: 20px;
    clear: both;
}

#logo img {
    max-width: none;
}

.container {
	max-width: 999px;
}

.content {
	padding: 0px 13px 15px 13px;
	background: #fff;
	min-height: 100px;	
}

fieldset.formFieldset {
    margin-bottom: 10px;
    width: 100%;
}

#logo {
	/*z-index: 5;*/
}
#circles img {
    position: relative;
    left: 23px;
    margin-top: -1px;
}
.menus {
	position: relative;
	top: -43px;
    max-width: 230px;
}

.mainmenu {
	text-align: center;
	width: 100%;
}

.mainmenu ul a {
	font-size: 16px;
    color: #484848 !important;
    font-weight: bold;
}

.mainmenu ul a {

}

.nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

.mainmenu ul li:first-child {
	/*background: rgb(206, 187, 157);*/
	background: url("../images/menu_colors/ceba9d.gif");
	background-repeat: repeat-y;
     background-size: cover;
    background-color: transparent;
}

.mainmenu ul li:nth-child(2) {
	/*background: rgb(215, 203, 181);*/
	background: url("../images/menu_colors/d7cbb5.gif");
	background-repeat: repeat-y;
     background-size: cover;
    background-color: transparent;
}

.mainmenu ul li:nth-child(3) {
	/*background: rgb(200, 195, 189);*/
	background: url("../images/menu_colors/c8c3bc.gif");
	background-repeat: repeat-y;
     background-size: cover;
    background-color: transparent;
}

.mainmenu ul li:nth-child(5) {
    background: #f1d9b7;
}

.mainmenu ul li:nth-child(6) {
   background: #feedd5;
}

.mainmenu ul li:nth-child(4) {
    /*background: rgb(238, 230, 193);*/
    background: url("../images/menu_colors/eee5c1.gif");
     background-size: cover;
    background-repeat: repeat-y;
    background-color: transparent;
}

.nav-stacked>li+li {
    margin-top: 0px;
}

.dropsidemenu {
	text-align: right;
	width: 100%;
}

.dropsidemenu > ul {
	list-style-type: none;
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    height: 324px;
    background-image: url("../images/almenu_hatter.gif");
    background-repeat: repeat-x;
    background-position: top;
    background-color: transparent;
}

.dropsidemenu .nav>li>a {
    text-decoration: none;
    display: block;
    text-align: right;
    vertical-align: middle;
    padding: 5px 0px 5px 0px;
    font-size: 14px;
    font-weight: bold;
    color: #484848;
    margin: 0px 10px 0px 0px;
}

.dropsidemenu > ul > li > ul {
	display: none;
	background: #c8c3bc;
	text-align: left;
	list-style-type: none;
	position: absolute;
	top: 0;
	left: 100%;
	padding: 0px;
	min-width: 197px;
	z-index: 99;
}

.dropsidemenu > ul > li.parent:hover > a::after {
	content: "";
	width: 0; 
	height: 0; 
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent; 
	border-right: 10px solid rgb(200, 195, 188);
	position: absolute;
	top: 25%;
	left: 100%;
}

.dropsidemenu > ul > li > ul > li {
    padding: 0px 10px 10px 10px;

}

.dropsidemenu > ul > li > ul > li:first-child {
    padding: 5px 10px 10px 10px;
}

.dropsidemenu > ul > li > ul > li:last-child {
    padding: 0px 10px 5px 10px;
}

.dropsidemenu > ul > li > ul > li a {
    font-size: 14px;
    font-weight: bold;
    color: #484848;
    text-decoration: none;
}

.dropsidemenu > ul > li > ul > li:hover a {
    color: #fff;
}

.dropsidemenu > ul > li:hover > ul {
	display: block;
}

/*ARTICLES /MAIN CONTENT/*/

#articles {
	margin: 45px 0px 0px 0px;
}

#articles h1 {
    color: #5a4e3e;
    font-size: 18px;
    margin: 0px;
    padding: 0px;
}

#articles h2 {
    color: #928777;
    font-size: 16px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 12px 0px;
}

#articles h3 {
    color: #444444;
    font-size: 14px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}


#articles p {
	color: #5a5a5a; 
    font-size: 14px;
    /*text-align: justify;*/
    margin: 0px;
}


#articles ol,  #articles ul {
    font-size: 14px;
    color: #5a5a5a;
}

#articles p.justified {
    text-align: justify;
}

#articles p {
    text-align: justify;
}


#articles img#portret {
	width: 250px;
    margin-top: 5px;  
    margin-bottom: 5px;
    margin-left: 13px;
    margin-right: 13px;
    height: 261px;
    float: left;
    vertical-align: top;
}

#articles img {
    max-width: 230px;
    margin-top: 5px;  
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
    height: auto;
}

#articles img { margin: 5px 5px;}
#articles p img { margin: 5px 5px;}

#articles img#portret[align="left"] {
	margin-right: 3px;
}


#articles img.rsImg, #articles img.rsTmb {
    margin: 5px;
    max-width: 100%;
}

#articles img.rsTmb {
     margin: 5px;
    height: 100%;
}

#articles .foglalas_cim_visitor {
    font-size: 18px !important;
    margin: 0px 0px 20px 0px;
}

#articles .fejlec_cim {
    font-size: 18px !important;
    color: #5a4e3e !important;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#articles .fejlec_szoveg {
    font-size: 16px !important;
    color: #717171 !important;
    margin: 20px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
}

#articles a {
    color: #002e6c;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
}

#articles .tablestyle01 {
	border: medium none;
}

.kerdes {
    background-color: #e8e0d0;
    padding: 22px 18px 22px 18px;
}

.kerdes{
    color: #5a5a5a;
    font-size: 14px;
}

.kerdes_pocok {
    height: 13px;
    background-image: url(../images/kerdes_nyil.gif);
    background-repeat: no-repeat;
    background-position: 46px top;
}

.valasz {
    padding: 22px 18px 22px 18px;
    color: #5a5a5a;
    font-size: 14px;
}

#faq-form label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    text-align: left;
    float: left;
    width: 100%;
}

#faq-form input {
    max-width: 100%;
    width: 250px;
}

#faq-form textarea {  
    max-width: 100%;
    width: 250px;
}

.mainmenu ul ul { margin: 0px; padding: 6px 0px; background: #FFF;  }
.mainmenu ul li ul li {  background: #FFF !important; list-style: none; }
.mainmenu ul ul li a {  font-size: 12px; padding: 6px 0px; display: block; 
    font-size: 13px;
    padding: 4px 0px;
    display: block;
    font-weight: normal;
    font-weight: 600;

}

.mainmenu ul ul li.current a { text-decoration: underline; }



#articles a.btn-default {
    color: #333;
    background-color: #f1d9b7;
    border-color: transparent;
    padding: 12px 28px;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 18px;
}

#articles a.btn-small {
    color: #333;
    background-color: #f1d9b7;
    border-color: transparent;
    padding: 2px 8px;
    font-weight: normal;
    text-transform: uppercase;
}

div.formBody {
    display: block;
    float: left;
    max-width: 100%;
}

.rsform-input-box, .rsform-text-box, .rsform-select-box, .rsform-captcha-box, .formControls .input-group:has(.rsform-calendar-box) {
    width: 400px; 
    max-width: 100%;
    margin: 2px 0px;
    padding: 4px;
    border: 1px solid #ceba9d;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.rsform-error {
    border: 1px solid #EF4D4D;
}

.formError {
    color: #EF4D4D;
    font-weight: bold;
    font-size: 12px;
}

.formCaption2 {
    padding-top: 4px;
    font-size: 12px;
    color: #111;
}

.rsform-submit-button {
    color: #333;
    background-color: #f1d9b7;
    border-color: transparent;
    padding: 6px 12px;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 14px;
    border: 0px solid #ceba9d;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 400px; 
    max-width: 100%;
    font-weight: bold;
}

.rsform-captcha-refresh-button {
    text-decoration: none; 
    font-weight: bold;
}


#articles .orvosok-item .orvosok-item-img img {
    margin: 0px; 
}

#articles .orvosok-item p {
    text-align: left;
    font-size: 12px;
}

#articles .orvosok-item a {
    color: #494748;
    font-size: 17px;
    cursor: pointer;
    text-decoration: none;
}

.orvosok-item  {
	position: relative;
    padding: 15px; 
    background: #cebb9d; 
    margin-bottom: 15px; 
}

.orvosok-item-img img {
    /*
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray; 
    -webkit-filter: grayscale(100%);
    */
}

.orvosok-item:hover .orvosok-item-img img {
    filter: 0; 
    -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}


.orvosok-item-title {
	font-weight: bold;
	text-decoration: none;
	color : #494748;
}

.orvosok-item-intro {
	font-size: 12px;
}

#articles .orvosok-item-more a {
	display: inline-block;
	color: #FFF;
	margin-top: 5px;
	font-size: 14px;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
	padding-left: 25px;
	background: url("../images/bemutatkozas.png") center left no-repeat;
}

#orvos img {
	max-width: 100%;

}

#orvos-placer {
    padding: 10px 0px;
}

#orvos .orvos-back a {
    display: inline-block;
    color: #484848;
    margin-top: 5px;
    font-size: 22px;
    text-decoration: none;
    font-weight: normal;
    text-transform: uppercase;
    margin: 30px 0px;
    padding-left: 25px;
    background: url("../images/back.png") center left no-repeat;
    background-size: contain;
}

#orvos .orvos-jelentkezes a {
    margin: 10px 0px;
}


div.itemIntroText {
    color: #444;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    padding: 4px 0 12px 0;
}

#articles #orvos  h2 {
    color: #928777;
    font-size: 18px;
    margin: 0px 0px 0px 0px;
    padding: 8px 0px 4px 0px;
}

.orvosok-item-intro {
    font-size: 12px;
    min-height: 60px;
}

#orvos-top {
    padding: 10px 15px;
    margin: 5px 5px 15px 5px;
    background-image: url(../images/almenu_hatter.gif);
}

.uk-form-row+.uk-form-row {
    margin-top: 5px;
}

.uk-form label {
    margin-bottom: 0px;
    margin-top: 5px;
}

.uk-form input[type=radio], .uk-form input[type=checkbox] {
    margin-right: 10px;
    margin-left: 10px;
}


/*************************/

footer {
	padding: 0px 15px 80px 0px;
}

footer .right {
	text-align: right;
	min-height: 36px;
}

footer .right img {
	padding: 10px 0px;
}

.onlymobile {
    display: none;
}

#articles {
    margin: 15px 0px 0px 0px;
}

.footer .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 10px;
    color: #484848;
    float: right;
}

footer .nav > li > a:focus {
    background: none;
}


#newQuestionForm br {
  
}

.cc-banner p {
    display: inline-block;
}

.cc-banner a {
    text-decoration: none;
    color: #333;
}


@media (min-width: 768px) and (max-width: 991px) { 

    #articles .orvosok-item-more a {
        color: #FFF;
        font-size: 12px;
    }
    #articles .orvosok-item a {
        font-size: 14px;
    }
    #articles .orvosok-item .orvosok-item-img img {
        margin-bottom: 10px;
    }

    #logo img {
        max-width: 220px;
    }

    #circles img {
        position: relative;
        left: -31px;
        max-width: 553px;
    }

    .menus {
        position: relative;
        top: -33px; 
        max-width: 250px;
    }

}

@media (min-width: 768px) { 
    #navigation {
        display: inline-block !important;
    }
}

@media (max-width: 767px) { 

        .nomobile {
            display: none;
        }

        .onlymobile {
            display: block;
        }

        .menus {
            top: 0px;
            max-width: 100%;
        }

        #logo a{
            display: block;
            text-align: center;
            width: 100%;
            background: url("../images/logobgnwq.png") repeat-x;     
        }

        #logo a img.onlymobile  {
            display: inline-block;   
        }

        .mainmenu {
            text-align: center;
            max-width: 100%;
        }

        .mainmenu ul li{
            background-size: cover !important;
        }

        #nav-button {
            position: relative;
            width: 100%;
            text-align: center;
            display: inline-block;
            padding: 0;
            background: #EEE;
            height: 36px;
            padding: 8px 10px 10px 5px;
            z-index: 100;
        }

        #nav-button span {
            display: block;
            position: relative;
            width: 100%;
            height: 20px;
            padding-left: 50px;
            background-image: url('../images/menu.png') ;
            background-position: top left;
            background-repeat: no-repeat;
            font-weight: bold;
            font-size: 1.2em;
            padding-top: 2px;
            color: rgb(90, 78, 62);
            text-align: left;
        }

        #nav-button.opened span {
            background-position: bottom left;
        }

        #nav-button.opened {

        }

        .dropsidemenu > ul > li.parent:hover > a::after {
            content: "";
            width: 0;
            height: 0;
            border-top: 0px solid transparent;
            border-bottom: 0px solid transparent;
            border-right: 0px solid rgb(200, 195, 188);
            position: absolute;
            top: 25%;
            left: 100%;
        }

        #navigation {
            display: none;
            width: 100%;
        }

        .dropsidemenu {
            text-align: center;
            max-width: 100%;
        }

        .dropsidemenu > ul {
            height: auto;
            padding: 0px;
        }

        .dropsidemenu .nav>li>a {
            text-decoration: none;
            display: block;
            text-align: center;
            vertical-align: middle;
            padding: 5px 0px 5px 0px;
            font-size: 14px;
            font-weight: bold;
            color: #484848;
            margin: 0px 10px 0px 0px;
        }

        .dropsidemenu > ul > li > ul {
            display: block;
            background: #c8c3bc;
            text-align: left;
            position: relative;
            left: 0px;
            list-style-type: none;
            position: relative;
            top: 0;
            padding: 0px;
            width: 100%;
            z-index: 99;
        }
        .dropsidemenu > ul > li  {
            background-image: url("../images/almenu_hatter.gif");
        }

        .footer .nav > li > a {
            float: left;
        }
}


@media (min-width: 960px) {

    .uk-form-horizontal .uk-form-label {
        text-align: right;
    }

}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
megamenu.js STYLE STARTS HERE
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.menu-container {
    margin: 0 auto;
    background: #e9e9e9;
    color: rgb(90, 78, 62);
}

.menu-mobile {
    display: none;
    padding: 15px 10px 15px 20px;
    text-decoration: none;
    color: rgb(90, 78, 62);
    font-weight: bold;
    font-size: 1.2em;
}

.menu-mobile:hover, .menu-mobile:focus {
    text-decoration: none;
    color: rgb(90, 78, 62);
    font-weight: bold;
    font-size: 1.2em;
}

.menu-mobile:after {
    content: "";
    font-family: "Ionicons";
    font-size: 3rem;
    background-image: url(../images/menu.png);
    background-position: top left;
    background-repeat: no-repeat;
    padding: 10px 35px 10px 10px;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
    margin-top: 2px;
}

.menu-mobile.toggled:after {
    background-position: bottom left;
}

.menu-dropdown-icon:before {
    content: "\f489";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    padding: 8px 30px;
    background: #fff;
    color: rgb(90, 78, 62);
    font-weight: bold;
    font-size: 20px;
    line-height: 29px;

}

.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    float: left;
    background: url(../images/menu_colors/d7cbb5.gif);
    background-repeat: repeat-y;
    background-size: cover;
    background-color: transparent;
    padding: 0;
    margin: 0;
    width: 100%;
    position: relative;
}

.menu > ul > li.item-204 { 
    position: static;
}

.menu > ul > li a {
    text-decoration: none;
    padding: 0.8em 0.8em;
    display: block;
    font-size: 16px;
    color: #484848 !important;
    font-weight: bold;
    text-align: center;
}

.menu > ul > li.item-396 a {
    background: #d7c4b4;
}

.menu > ul > li:hover {
    background: #FFF;
}

.menu > ul > li:hover a{

}

.menu > ul > li > ul {
    display: none;
    width: 100%;
    background: rgb(247,243,224);
    background: linear-gradient(190deg, rgba(247,243,224,1) 0%, rgba(255,255,255,1) 100%);
    padding: 10px;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    background: none;
}

.menu > ul > li > ul > li a {
    padding: .2em 0;
    font-size: 14px;
    display: block;
    border-bottom: 1px solid #ccc;
}

.menu > ul > li:hover > a::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 10px solid rgb(255, 249, 223);
    position: absolute;
    top: 15px;
    left: 100%;
    margin-left: -10px;
    z-index: 9999;
}

.menu > ul > li > ul > li > a {
    padding: 10px 10px 10px 10px;
    background: #fcf0d2;
    box-shadow: 
    6px 6px 8px 0 rgba(0, 0, 0, 0.05),
    -4px -4px 6px 0 rgba(0, 0, 0, 0.1);
}

.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 5px 0 10px 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding: 0px 0;
    margin: 0;
    font-size: .8em;
}

.menu > ul > li > ul > li > ul > li a {
    border: 0;
    border: 0;
    font-size: 12px;
    padding: 6px 0px 6px 10px;
}

.menu > ul > li > ul.normal-sub {
    left: auto;
    padding: 2px 2px;
    z-index: 999;
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    width: 100%;
    padding: 10px 10px;
    background: #fff9df;
    box-shadow: 2px 2px 3px 0 rgb(0 0 0 / 5%), -1px -1px 2px 0 rgb(0 0 0 / 10%);
}

@media only screen and ( min-width: 769px) {

    .menu > ul > li > ul.normal-sub {
        left: 100%;
        padding: 2px 2px 2px 0px;
        top: 0px;
    }

    .menu > ul li:last-child > ul {
        position: relative;
        display: inline-block !important;
        background-image: url(../images/almenu_hatter.gif);
        background-repeat: repeat-x;
        background-position: top;
        background-color: transparent;
    }

    .menu > ul > li:last-child > ul > li > ul {
        display: none;
        padding: 0;
        margin: 5px 0 10px 0;
        list-style: none;
        box-sizing: border-box;
        position: absolute;
        left: 100%;
        top: 0px;
    }

    .menu > ul > li:last-child > ul {
        padding: 5px;
     }    
    .menu > ul > li > ul > li:hover > ul {
        display: inline-block;
    }

    .menu > ul > li:last-child > ul > li {
        position: relative;
    }

    .menu > ul > li:last-child > ul > li > a {
        padding: 6px 20px 6px 10px;
        background: transparent; 
        box-shadow: 0 0 0 0; 
        text-align: right;
        border-bottom: 1px solid #FFF;
        font-weight: bold;
    }

    .menu > ul > li:last-child > ul > li:hover > a::after {
        content: "";
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-right: 10px solid rgb(200, 195, 188);
        position: absolute;
        top: 10px;
        left: 100%;
        margin-left: -10px;
    }

    .menu > ul > li:last-child > ul > li > ul {
        position: absolute;
        top: 0px;
        left: 100%;
        background: #c8c3bc;
        text-align: left;
        width: 100%;
        margin: 0px;
    }

    .menu > ul > li > ul > li > ul > li a {
        text-align: left;
        font-size: 1.6em;
    }
    .menu > ul > li > ul > li > ul > li:hover a {
        color: #FFF !important; 
    }


}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 768px) {
    .menu-container {
        width: 100%;
    }
    .menu-mobile {
        display: block;
    }
   .menu-dropdown-icon:before {
        display: block;
        position: absolute;
        z-index: 2;
        right: 0px;
    }
    .menu > ul {
        display: none;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
    }
    .menu > ul > li a {
        padding:  1em 1em 1em 1.2em;
        width: 100%;
        display: block;
        font-size: 15px;
        color: #484848 !important;
        font-weight: bold;
        line-height: 1em;
        text-align: left;
    }
    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;

    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 0px;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
    }
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    background: #fffcdd;
}

.disabledinput{
pointer-events:none;
background: #f2f2f2;
}