@import url("/UserFiles/Servers/Server_12493019/Templates/css/com/style.css");
@import url("/UserFiles/Servers/Server_12493019/Templates/css/fix-css-ver2.css");


/*  fix megamenu  */


@-moz-document url-prefix() { 

#menubar .megamenu nav .nav-menu .nav-item.level0 .sub-nav .level1 ul {
    float: none !important;
}

}

/* quick links background color */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

	#welcome .right-sec .quick-links {
		background: #4c8245 !important;
	}

}

/* Reviosn ver3 */

#menubar .megamenu nav .nav-menu {
	text-align: left !important;
}

#menubar .megamenu nav .nav-menu .nav-item.level0 .sub-nav .level1 ul {
	text-align: left !important;
}

#menubar .megamenu nav .nav-menu .nav-item.level0 .sub-nav .level1 .level2 a {
	padding-left: 15px;
	font-weight: 400;
        text-transform: capitalize;
}

#menubar .megamenu nav .nav-menu .nav-item.level0 .sub-nav .level1 .level2 li:last-child a {
	margin-bottom: 5px;
}

.level1 > ul > li > div:nth-child(1) a {
	background: none;
	font-weight: 700 !important;
	font-size: 15px !important;
}

.level1 > ul > li > div:nth-child(1) a:hover, .level1 > ul > li > div:nth-child(1) a:focus {
	background: #396133 !important;
}

#menubar .megamenu nav .nav-menu .nav-item.level0 .sub-nav .level1 a:hover, #menubar .megamenu nav .nav-menu .nav-item.level0 .sub-nav .level1 a:focus {
	background: #396133 !important;
}


#menubar .megamenu nav .nav-menu .nav-item.level0 .sub-nav .level1 a {
	position: relative;
}

#menubar .megamenu nav .nav-menu .nav-item.level0 .sub-nav .level1 a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: #fff;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

#menubar .megamenu nav .nav-menu .nav-item.level0 .sub-nav .level1 a:hover:after, #menubar .megamenu nav .nav-menu .nav-item.level0 .sub-nav .level1 a:focus:after {
	height: 2px;
}

@media screen and (max-width: 1590px) {

	#menubar .megamenu nav .nav-menu .nav-item.level0 a {
		padding: 40px 10px 20px;
	}

}


@media screen and (max-width: 1430px) {

	#menubar .megamenu nav .nav-menu .nav-item.level0 a {
		font-size: 14px;
	}

}

header .header-top .container .translation {
    float: right;
}

header .header-top .container .login {
    text-align: right;
    width: 100px !important;
    float: right !important;
}

@media screen and (max-width: 520px) {
	header .header-top .container .translation {
		display: none;
	}
}


/* Background */

.bg1 {
    background: url(/UserFiles/Servers/Server_12493019/Templates/img/bg-sec-1.jpg);
}

.bg3 {
    background: url(/UserFiles/Servers/Server_12493019/Templates/img/bg-sec-2.jpg);
}

.bg5 {
    background: url(/UserFiles/Servers/Server_12493019/Templates/img/bg-sec-3.jpg);
}

/* contact portlet */

#subpage .c-content .photo-id {
    width: 150px;
    height: 150px;
    margin:  0 auto;
    border-radius:  50%;
    overflow:  hidden;
    border: 5px solid #fff;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
   justify-content: center;
}

#subpage .c-content .photo-id img {
    width: 100%;
}


/* quick links revision */

#banner .header-ql .quick-links ul li {
    margin: 3px 0;
    width: 50%;
    float: left;
    padding: 0 4px;
    box-sizing: border-box;
}

#banner .header-ql .quick-links ul li a {
    font-size: 0.775em;
    width: 100%;
    display: block;
    padding: 22px 10px;
    box-sizing: border-box;
}

@media screen and (max-width: 700px) {

#banner .header-ql .quick-links ul li {
    width: 100%;
}

}
#subpage .breadcrumbs .container .portal-breadcrumb a, #subpage .breadcrumbs .container .portal-breadcrumb span {
    padding: 0 5px;
}



#sec7 {
    transform: skewY(0);
}

#sec7.section .sec-bg {
    transform: skewY(0);
}

#sec7.section .skew {
    transform: skewY(0);
}

.sec-7-portlet {
    margin-top: -70px;
}



@media screen and (max-width: 750px) {
.footer-contact .right-sec {
    margin: 0;
}
}


.bg7 {
    top: -210px !important;
}


.modernCalendarComponent li {
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
}

footer #map {
    display: none !important;
}


footer #footer > #static-map {
    background: url(/UserFiles/Servers/Server_12493019/Templates/img/smap.png);
    height: 350px;
    width: 100% !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (max-width: 950px) {
   footer #footer > #static-map {
      height: 250px;
      background-size: 300%;
   }
}



/* Emergency banner fix */

#emergency-banner .alertInner .close {
  float: right;
  padding-right: 20px;
}

header .header-top .container .login {
    float: none !important;
}

header .header-top .container .translation {
    float: none !important;
}

header .header-top .container {
  height: auto !important;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#menubar #mobile-bar {
    box-sizing: border-box;
}

@media screen and (max-width: 1100px) {
#menubar #mobile-bar {
    text-align: right !important;
}
}


@media screen and (max-width: 800px) {

#emergency-banner .alertInner .close {
  padding-right: 0;
}

}


/* Fix header */


@media screen and (max-width: 600px) {

header .left-side #logo img {
    max-width: 100px;
}

}

#banner {
    background-size: 100vw;
    background-position: center top !important;
}

@media screen and (max-width: 1500px) {
    #banner {
    background-size: 120vw;
    }
}

@media screen and (max-width: 1100px) {
    #banner {
    background-size: 140vw;
    }
}

@media screen and (max-width: 900px) {
    #banner {
    background-size: 200vh
    }
}



@media screen and (max-width: 580px) {
#welcome .left-sec .welcome-sec {
    margin-top: 200px !important;
}
}