html {
    font-family: 'Work Sans', sans-serif;
}
body {
    overflow-x: hidden;
}
/*RESET STYLE OF BROWSER START */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
.inside {
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
    padding: 0 15px;
}
.zoom .mpg-slimPlugin {
    overflow: hidden;
    padding: 0 !important;
}
.zoom img {
    width: 100%;
    transition: all 2s ease;
}
.zoom img:hover {
    transform: scale(1.1);
}
p {
    line-height: 24px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
#navDesctop a {
    text-decoration: none;
}
#navDesctop>ul>li.ifsub {
    padding-right: 40px;
    .mpg-contentElement.img-top {
    text-align: center;
    overflow: hidden;
}
}
img {
vertical-align: top;
}
nav#navDesctop {
position: absolute;
top: 0;
z-index: 1;
left: inherit;
right: 50px;
}
nav#navDesctop .lvl-1 li a:hover {
color: #fff;
}
nav#navDesctop li.active:hover a {
color: #fff !important;
}
nav#navDesctop li.active {
background-color: #0472BC;
}
.mpg-content a {
color: #e1ba60;
text-decoration: none;
}
#mobile {
display: none;
}
header nav {
max-height: 76px;
}
header nav ul a {
text-decoration: none;
text-transform: uppercase;
}
header nav ul a:hover {
text-decoration: none;
}
header figure {
margin: 0;
height: 100%;
}
header ul {
margin: 0;
}
header ul.lvl-1 li:hover>ul.lvl-2 {
display: block;
padding: 0;
}
header ul.lvl-1 li:hover>ul.lvl-2 a {
display: block;
}
header ul.lvl-2>li>a:hover:before {
position: absolute;
top: 0;
right: 0;
transform: translateY(0.1rem);
}
header ul.lvl-2 li:hover ul.lvl-3 {
display: block;
}
#mobile a {
display: block;
max-width: 100%;
}
#navMobile a {
display: inline-block;
width: 100%;
padding: 5px 0;
}
#navMobile li, #navMobile li a {
-webkit-transition: all 850ms ease;
-moz-transition: all 850ms ease;
-o-transition: all 850ms ease;
transition: all 850ms ease;
}
#navMobile li, #navMobile li a:hover {
text-decoration: none;
}
#mobileNavOpener {
cursor: pointer;
padding: 0;
right: 15px;
top: 15px;
height: 40px;
width: 40px;
position: relative;
margin-left: auto;
}
#mobileNavOpener div {
cursor: pointer;
position: absolute;
height: 3px;
width: 30px;
top: 19px;
left: 5px;
background-color: #e1ba60;
}
header #mobileNavOpener::before, header #mobileNavOpener::after {
content: '';
display: block;
position: absolute;
top: 10px;
left: 5px;
height: 3px;
width: 30px;
opacity: 1;
-webkit-transition: all 850ms ease;
-moz-transition: all 850ms ease;
-o-transition: all 850ms ease;
transition: all 850ms ease;
background-color: #e1ba60;
}
header #mobileNavOpener::after {
top: 28px;
}
#mobileNavOpener.open::before {
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
top: 20px;
}
header #mobileNavOpener.open::after {
-moz-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
top: 20px;
}
header #mobileNavOpener.open div {
opacity: 0;
}
#navMobile.open {
display: flex;
}
nav ul.lvl-1 ul {
display: none;
}
header ul.lvl-3, .lvl-2 {
background-color: #0472BC;
}
header ul li a {
color: #fff;
}
#mobileNavOpener div {
background-color: #0472BC;
}
#navMobile li, #navMobile li a {
color: #7b7b7b;
}
#navMobile li {
color: #fff;
}
#navMobile li a:hover {
color: #fff;
}
header #mobileNavOpener::before {
background-color: #0472BC;
}
#mobileNavOpener.open::before {
background-color: #0472BC;
}
header #mobileNavOpener.open::after {
background-color: #0472BC;
}
header #mobileNavOpener::after {
background-color: #0472BC;
}
#navMobile div>ul {
background-color: #0472BC;
}
.bg-img {
background-size: cover;
padding: 60px 0;
background-position: center;
}
.bg-img .d-flex {
max-width: 530px;
text-align: center;
}
.bg-img h3 {
color: #000;
font-size: 20px;
line-height: normal;
font-weight: 500;
}
.mpg-content .btn-yellow {
background-color: #e1ba60;
color: #fff;
padding: 13px 20px;
border-radius: 6px;
text-decoration: none;
margin: 0 auto;
border: 0;
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
}
.btn-yellow:hover {
background-color: #c8a24a;
}
.btn-blue {
color: #fff !important;
background-color: #0076C1;
padding: 15px 20px;
border-radius: 6px;
text-decoration: none;
margin: 0 auto;
border: 0;
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
}
.btn-blue:hover {
background-color: #004d81;
color: #fff;
}
.sec-raq {
background-repeat: no-repeat;
background-size: cover;
}
h1 {
margin-bottom: 35px;
font-weight: 600;
line-height: 50px;
font-family: 'Work Sans', sans-serif;
font-size: 35px;
color: #000;
}
h2 {
margin-bottom: 5px;
font-weight: 600;
font-size: 26px;
font-family: 'Work Sans', sans-serif;
color: #000;
}
h3 {
font-size: 20px;
font-family: 'Work Sans', sans-serif;
color: #000;
}
.text-center {
text-align: center;
}
.sec-raq h3 {
color: #000;
text-transform: uppercase;
font-size: 26px;
}
.services-hover .btn-red {
color: #000;
text-decoration: none;
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
margin-top: 10px;
}
.services-hover {
position: absolute !important;
top: 0;
background: rgba(255, 255, 255, .6);
bottom: 0;
left: 0;
right: 0;
padding: 20px 20px 20px 40px !important;
opacity: 0;
}
.post-date {
color: grey;
margin-top: 15px;
}
time.post-time::before {
content: "\f017";
font-family: fontawesome;
padding: 0 5px;
color: #8080808c;
}
span.author::before {
content: "\f007";
font-family: fontawesome;
padding: 0 5px;
color: #8080808c;
}
.services-hover:hover {
opacity: 1;
background: rgba(255, 255, 255, .8);
}
.space-bottom-l>div {
position: relative;
}
.services-hover img {
width: auto !important;
border-radius: 50%;
background-color: #e1ba60;
padding: 10px;
}
.btn-yellow:hover {
background-color: #c8a24a;
}
.page-footer {
background-color: #000;
color: #fff;
position: relative;
overflow-x: hidden;
}
#upScroll {
background-color: #e1ba60;
padding: 8px 11px;
border-radius: 2px;
position: fixed;
right: 15px;
bottom: 29px;
}
.upScrolls {
display: none;
}
#upScroll:hover {
background-color: #c8a24a;
}
.services-hover h3 {
color: #e1ba60;
font-weight: 600;
font-size: 24px;
position: absolute;
top: 45px;
left: 150px;
}
.services-hover p {
text-align: left;
}
#RAQform .mpLabelCol {
display: none;
}
.sec-raq {
color: #000;
}
.sec-raq::before {
content: '';
background: rgba(0, 0, 0, .4);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
#RAQform>.mpg-content {
background: #000;
padding: 20px;
border: 1px solid #fff;
text-align: center;
}
.page-footer a {
color: #fff;
text-decoration: none;
}
.bg-light {
background-color: #e3e3e3;
}

.bg-blue {
background-color: #0472BC;
}
.page-footer li::before {
content: "\f101";
font-family: Fontawesome;
margin-right: 5px;
}
li {
list-style: none;
}
#main li {
position: relative;
padding-left: 15px;
}
#main li:before {
content: '';
height: 5px;
width: 5px;
background: #000;
border-radius: 50%;
position: absolute;
left: 3px;
top: 7px;
}
.sec-raq .mpInputCol {
width: 100%;
max-width: 100%;
flex: 100%;
margin-bottom: 5px;
}
.sec-raq .mpInputCol input {
height: 45px;
}
.sec-raq .btn-yellow {
padding: 15px 20px;
width: 200px;
}
.sec-raq .col-lg-4 {
margin: auto;
}
.bg-img .btn-yellow {
margin-top: 14px;
}
.raq-content .mpg-content {
margin-top: 130px;
}
#RAQform h2 {
margin-bottom: 30px;
margin-top: 10px;
}
.sec-firm h2 {
text-align: center;
}
.sec-firm .btn-yellow {
margin: 20px 0;
}
.social-links a {
padding: 0 10px 10px;
color: #e1ba60;
text-decoration: none;
}
.owl-theme .owl-controls .owl-buttons div {
height: 30px;
width: 30px;
line-height: 25px;
}
.copyright {
background: #000;
color: #fff;
}
.copyright .container {
border-top: 2px solid #222;
}
.Address::before {
content: '\f041';
}
.Phone::before {
content: '\f095 ';
}
.Email::before {
content: '\f0e0';
}
.Email::before, .Phone::before, .Address::before {
font-family: fontawesome;
margin-right: 10px;
}
.Address, .Phone, .Email {
padding: 0 !important;
margin-bottom: 15px;
}
.page-footer .mpInputCol {
max-width: 70% !important;
width: 100%;
flex: 70%;
margin: 15px 0 7px;
}
.page-footer .mpInputCol input {
height: 45px;
border: 1px solid #cacaca;
border-radius: 5px;
}
.blog_hover .btn-red {
color: #e1ba60;
}
.blog_hover img {
width: 100%;
}
.blog_hover:hover {
background: #fff;
box-shadow: 1px 1px 10px #cacaca;
}
.blog_hover {
margin-bottom: 20px;
background: #f9f9f9;
}
.blog_hover>div {
padding-left: 0 !important;
}
.blog_hover h4 {
padding-top: 20px;
}
.blog_hover p {
padding: 15px 0;
}
.page-footer h3 {
text-transform: uppercase;
margin-bottom: 10px;
}
.footer-menu li {
margin-bottom: 5px;
}
::placeholder {
font-size: 16px;
color: #bababa;
}
.copyright .social-links {
display: block !important;
text-align: right;
}
.copyright .col-md-6 {
padding-top: 10px;
}
.owl-theme .owl-controls .owl-buttons div {
color: #858383 !important;
background: transparent !important;
border: 2px solid #858383;
}
.owl-item h3 {
bottom: 60px;
}
.owl-item p {
bottom: 15px;
}
.owl-item p, .owl-item h3 {
position: absolute;
color: #fff;
padding: 0 15px;
text-align: left;
line-height: normal;
opacity: 0;
}
.owl-item::before {
content: '';
background: rgba(0, 0, 0, .5);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
visibility: hidden;
}
.owl-item:hover .owl-item::before {
visibility: visible !important;
}
.owl-item:hover p, .owl-item:hover h3 {
opacity: 1 !important;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
border-color: #666;
opacity: 1;
color: #e1ba60;
}
.sec-services .column.col-xl-6 {
margin-bottom: 10px;
}
.fa-star {
color: #cc971e;
}
.bg-inner h1 {
font-size: 46px;
color: #fff;
padding: 160px 0;
font-weight: 500;
}
.cr-img, .bg-inner {
background-repeat: no-repeat;
background-size: cover;
}
.cr-img p, .cr-img h2 {
color: #fff;
}
.cr-img::before {
content: '';
background: rgba(0, 0, 0, .4);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.cr-img .column {
max-width: 70%;
margin: 0 auto;
text-align: center;
}
.c-review {
margin-bottom: 20px;
}
#aboutclient {
text-align: center;
color: #fff;
margin-bottom: 60px;
}
#aboutclient h3 {
font-size: 26px;
margin-top: 10px;
}
#aboutclient>div:hover {
background: rgba(0, 0, 0, .5);
transition: all .5s linear;
}
#aboutclient>div {
padding-top: 10px;
}
.cr-img img {
border-radius: 50%;
height: 100px;
width: 100px;
object-fit: cover;
border: 2px solid #ddd;
margin-top: 20px;
}
.cr-img h5 {
color: #fff;
margin-top: 20px;
}
.testimonialName {
color: #fff;
margin-top: 20px;
font-weight: 900 !important;
}
.service-section h4 {
font-size: 24px;
font-weight: 600;
margin-bottom: 15px;
}
.service-section .btn-yellow {
margin: unset;
margin-top: 20px;
}
.project-page img {
width: 100%;
}
.project-page .mpg-content {
position: relative;
}
.alertMsgWrap {
color: #000;
}
.project-page h3 {
position: absolute;
top: 40%;
text-align:;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
transition: all .5s linear;
}
.project-page p {
background: #000;
color: #fff;
position: relative;
margin-top: -4px;
padding: 10px;
}
.project-page .mpg-content:hover h3 {
opacity: 1;
}
.project-page .mpg-content:hover img {
opacity: .3;
}
.ContactUs-page {
background: #fff;
box-shadow: 1px 1px 10px #ddd;
padding: 20px;
text-align: left;
}
.ContactUs-page a {
color: #000;
text-decoration: none;
}
.ContactUs-page .social-links a, .ContactUs-page .Email::before, .ContactUs-page .Phone::before, .ContactUs-page .Address::before {
color: #c8a24a;
}
.ContactUs-page .Email::before, .ContactUs-page .Phone::before, .ContactUs-page .Address::before {
font-size: 18px;
}
.ContactUs-page .fab {
font-size: 20px;
}
.social-links {
margin-top: 25px !important;
}
.contact-map .inside {
max-width: 100%;
}
.ContactUs-page h3, .contactus-form h3 {
font-weight: 700;
text-transform: uppercase;
}
.contactus-form h3 {
margin-bottom: 20px;
}
.contactus-form .mpLabelCol {
max-width: 30%;
flex: 30%;
}
.contactus-form .mpInputCol {
max-width: 70%;
flex: 70%;
}
.contactus-form .col-lg-4 {
max-width: 100%;
flex: 100%;
text-align: center;
margin-top: 20px;
}
.ContactUs-page .fa-facebook-f {
padding-left: 0;
}
.sec-firm img, .sec-services img {
width: 100%;
}
.services-hover .mpg-slimPlugin {
background-color: #e1ba60;
width: 80px;
height: 80px;
border-radius: 50%;
line-height: 130px;
text-align: center;
margin-bottom: 15px;
}
#RAQform .col-lg-4 {
max-width: 100%;
}
.project-page>div {
margin-bottom: 15px;
}
.service-section img {
width: 100%;
}
.blog_hover .ceRow {
flex-wrap: wrap;
}
.blog_hover .ceColRight {
width: 100%;
padding: 0 0;
}
.blog_hover .ceColLeft {
width: 100%;
}
@media (min-width:768px) {
.blog_hover .ceColRight {
width: 50%;
padding: 0 20px;
}
.blog_hover .ceColLeft {
width: 50%;
}
}
.blog_hover .ceColRight p:first-child {
width: 30%;
color: grey;
display: inline-block;
}
.blog_hover .ceColRight p:first-child:before {
content: "\f017";
font-family: fontawesome;
padding: 0 5px;
color: #8080808c;
}
.blog_hover .ceColRight p:nth-child(2):before {
content: "\f007";
font-family: fontawesome;
padding: 0 5px;
color: #8080808c;
}
.blog_hover .ceColRight p:nth-child(2) {
width: 30%;
display: inline-block;
color: grey;
}
.sec-raq h2 {
color: #fff;
}
#aboutclient .mpg-contentElement.img-top {
padding: 15px 0;
}
#aboutclient .ceImageWrap {
background-color: #e1ba60;
padding: 15px 0px!important;
width: 70px;
height: 70px;
text-align: center;
border-radius: 50%;
margin: 0 auto 20px;
}
#aboutclient .ceImageWrap {
background-color: #e1ba60;
padding: 15px 0px!important;
width: 70px;
height: 70px;
text-align: center;
border-radius: 50%;
margin: 0 auto 20px;
}
.cont-mrg p:nth-child(2)::before {
content: "\f041 ";
font-family: fontawesome;
font-size: 20px;
padding: 0 0 10px;
position: absolute;
color: #e1ba60;
left: 0;
}
.cont-mrg p {
position: relative !important;
padding: 15px 0 15px 30px !important;
color: #e1ba60;
}
.cont-mrg p:nth-child(3)::before {
content: "\f095 ";
font-family: fontawesome;
font-size: 20px;
padding: 0 0 10px;
position: absolute;
color: #e1ba60;
left: 0;
}
.cont-mrg p:nth-child(4)::before {
content: "\f0e0";
font-family: fontawesome;
font-size: 20px;
padding: 0 0 10px;
position: absolute;
color: #e1ba60;
left: 0;
}
.cont-mrg .mpl-social a {
padding-right: 15px;
}
.cont-mrg .mpl-social {
margin: 15px 0px;
}
/***********media******************/
@media only screen and (max-width: 992px) {}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
/* header ul.lvl-2 {
top: 57px !important;
width: 112px !important;
} */
/*.mpg-content {
margin: 0 15px;
}*/
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
header ul.lvl-2 {
top: 52px;
}
.h-logo img {
margin-left: 15px;
width: 230px;
}
header ul li {
padding: 15px;
}
header ul li a {
font-size: 15px;
}
nav#navDesctop {
right: 10px;
}
.bg-img .d-flex {
margin-left: 10px;
}
.bg-img h3 {
font-size: 36px;
}
.bg-img {
padding: 40px 0;
}
h2 {
font-size: 30px;
}
.services-hover .mpg-slimPlugin {
width: 60px;
height: 60px;
line-height: 80px;
}
.services-hover img {
width: 35px !important;
}
.services-hover {
padding: 20px !important;
}
.services-hover h3 {
top: 35px;
left: 100px;
font-size: 18px;
}
.blog_hover {
margin: 0 15px 20px;
padding-bottom: 10px;
}
.sec-raq, .sec-firm {
margin: 0 !important;
}
.blog_hover {
margin: 15px !important;
}
.services-hover p {
font-size: 14px;
line-height: 18px;
}
.sec-services img {
height: 180px;
object-fit: cover;
}
.services-hover img {
height: auto !important;
}
#aboutclient h3 {
font-size: 20px;
}
.service-section, .cont-mrg {
margin: 0 !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.h-logo img {
margin-left: 15px;
width: 230px;
}
header ul li {
padding: 17px 8px;
}
header ul li a {
font-size: 15px;
}
nav#navDesctop {
right: 10px;
}
.bg-img .d-flex {
margin-left: 10px;
}
.bg-img h3 {
font-size: 36px;
}
.bg-img {
padding: 40px 0;
}
h2 {
font-size: 30px;
}
.services-hover .mpg-slimPlugin {
width: 60px;
height: 60px;
line-height: 80px;
}
.services-hover img {
width: 35px !important;
}
.services-hover {
padding: 20px !important;
}
.services-hover h3 {
top: 35px;
left: 100px;
}
.blog_hover {
margin: 0 15px 20px;
padding-bottom: 10px;
}
.sec-raq, .sec-firm, .service-section, .cont-mrg {
margin: 0 !important;
}
.blog_hover {
margin: 15px !important;
}
#aboutclient h3 {
font-size: 18px;
}
}
@media only screen and (min-width: 768px) {
/* #navMobile
{
display: none !important;
} */
}
@media only screen and (max-width: 767px) {
li.ifsub>a::after {
color: gray !important;
}
header ul.lvl-3 {
position: inherit;
padding: 0;
top: 1px;
width: 100%;
z-index: 1;
left: 0px;
}
.bg-img h3 {
font-size: 27px;
}
h2 {
font-size: 24px;
margin-bottom: 15px;
}
.raq-content .mpg-content {
margin-top: 0px;
margin-left: 5px;
}
.raq-content {
margin-left: 20px;
margin-bottom: 20px;
}
/* SE Fix 01-02-2021 */
/*
.mpg-content {
margin: 0 15px;
}
*/
#RAQform .formBuilder .row {
max-width: 100%;
margin: 0 auto;
}
/* Ende - SE Fix 01-02-2021 */
.h-logo img {
margin-left: 0;
width: 200px;
}
/* .lvl-1 li:hover {
background: #fff;
} */
.cr-img .column {
max-width: 100%;
}
.page-footer .col-lg-3 {
margin-bottom: 15px;
}
.services-hover .mpg-slimPlugin {
width: 60px;
height: 60px;
line-height: 80px;
}
.services-hover h3 {
font-size: 18px;
top: 25px;
left: 130px;
}
#RAQform .column {
padding: 0 5px;
}
.services-hover {
overflow: hidden;
padding-top: 9px !important;
}
.sec-services {
padding-bottom: 10px;
}
.sec-raq h3 {
font-size: 20px;
}
.raq-content {
padding-left: 0;
}
.blog_hover {
margin-left: 10px !important;
margin-right: 10px !important;
padding-bottom: 10px;
}
.blog_hover>div {
padding: 0 !important;
}
.contactus-form {
margin-top: 25px;
}
.bg-inner h1 {
padding: 30px 0;
}
.owl-item p {
display: none;
}
.owl-item h3 {
bottom: 20px;
font-size: 16px;
}
.bg-img {
padding: 30px 0;
}
}
.project-page p a {
color: #fff;
text-decoration: none;
}
.project-page p a:hover {
color: #e1ba60;
}
/*NEW PARTS IF*/
/*fontawesome*/
#mainNav ul.lvl-1>li.ifsub>a:after, #mainNav ul.lvl-2 li.ifsub>a:after, #navMobile .touchBtn .mtbArrow::before {
display: inline-block;
font-family: "Font Awesome 5 Pro";
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
section#main {
overflow-x: hidden;
}
header#header {
position: sticky;
top: 0;
left: 0;
width: 100%;
background-color: #000;
z-index: 100;
display: flex;
padding: 0 0;
height: 70px;
}
header#header .logo {
display: flex;
flex-direction: column;
padding-top: 10px;
margin-right: 15px;
}
header#header .logo img {
max-width: 100%;
}
nav#mainNav {
margin-left: auto;
}
#mainNav {
display: none;
}
nav#navMobile {
display: none;
/*position: absolute;*/
top: 70px;
right: 0px;
z-index: 10;
width: 100%;
max-width: 700px;
}
#navMobile {}
nav#navMobile>ul.lvl-1 {
margin-left: auto;
max-width: 700px;
background-color: #0472BC;
display: block;
}
nav#navMobile>ul.lvl-1 li {
position: relative;
}
nav#navMobile>ul.lvl-1 li a {
text-align: left;
padding: 8px 25px;
text-decoration: none;
color: #fff;
}
nav#navMobile>ul.lvl-1 ul li {
background: rgba(0, 0, 0, .1);
}
nav#navMobile ul.lvl-2>li>a {
padding-left: 45px;
}
nav#navMobile ul.lvl-3>li>a {
padding-left: 65px;
}
nav#navMobile .touchBtn {
position: absolute;
top: 0;
right: 0;
height: 35px;
width: 35px;
background: rgba(0, 0, 0, .2);
display: flex;
justify-content: center;
align-items: center;
}
#navMobile .touchBtn .mtbArrow::before {
content: '\f054';
}
#navMobile .touchBtn .mtbArrow {
-webkit-transition: all 450ms ease;
-moz-transition: all 450ms ease;
-o-transition: all 450ms ease;
transition: all 450ms ease;
}
#navMobile .touchBtn.open .mtbArrow {
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
/*DESKTOP*/
@media (min-width: 1200px) {
header#header {
padding: 0 100px;
}
#mainNav {
display: block;
}
#mainNav>ul {
display: flex;
height: 100%;
}
#mainNav>ul li {
transition: all 250ms;
}
#mainNav>ul a {
color: #fff;
white-space: nowrap;
transition: all 250ms;
display: flex;
height: 100%;
padding: 0 15px;
align-items: center;
}
#mainNav ul li.active, #mainNav ul li:hover {
background-color: #0472BC;
}
#mainNav ul li.active>a, #mainNav ul li:hover>a {
color: #fff;
}
#mainNav ul.lvl-1 ul {
position: absolute;
top: 70px;
left: 0;
background-color: #000;
width: 200px;
}
#mainNav ul.lvl-1>li {
display: flex;
flex-grow: 1;
justify-content: center;
flex-direction: column;
position: relative;
}
#mainNav ul.lvl-1>li.ifsub>a {
padding-right: 25px;
position: relative;
}
#mainNav ul.lvl-1>li.ifsub>a:after {
content: '\f078';
position: absolute;
right: 6px;
top: 50%;
transform: translateY(-50%);
}
#mainNav ul.lvl-2 ul {
left: 200px;
top: 0;
}
#mainNav ul.lvl-2 a {
padding: 10px 20px;
text-transform: none;
font-size: .9em;
white-space: normal;
}
#mainNav ul.lvl-2 li.ifsub>a {
padding-right: 25px;
position: relative;
}
#mainNav ul.lvl-2 li.ifsub>a:after {
content: '\f054';
position: absolute;
right: 7px;
top: 11px;
}
#mobileNavOpener {
display: none;
}
nav#navMobile {
display: none !important;
}
}
/*topHeader*/
#topHeader {
background-color: ;
padding: 5px 0;
}
#topHeader .row {
align-items: center;
}
/*langNav*/
#langNav ul {
display: flex;
}
#langNav a {
display: block;
padding: 5px 10px;
color: ;
}
/*moduleNav*/
.moduleNavWrap ul {
display: flex;
}
.moduleNavWrap ul a {
display: block;
padding: 5px 10px;
color: ;
}
.moduleNavWrap ul ul {
display: none;
position: absolute;
z-index: 110;
background-color: ;
padding: 10px 25px;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, .3);
}
.moduleNavWrap li:hover>ul {
display: block;
}
#topHeader .mpg-widget.mpg-menu {
display: flex;
}
/*search*/
.searchWrap {
position: relative;
}
.searchWrap #mpg-searchBox {
border: none;
background: #fff;
color: #000;
width: 100%;
height: 35px;
line-height: 35px;
padding: 0 45px 0 15px;
font-family: 'Work Sans', sans-serif;
}
.searchWrap #mpg-searchBox:focus, .searchWrap .mpg-searchBtn:focus {
outline: none;
}
.searchWrap .mpg-searchBtn {
position: absolute;
right: 0;
top: 0;
height: 35px;
width: 35px;
background: none;
border: none;
cursor: pointer;
}
#page-content {
/*overflow-x: hidden;*/
}
@media (min-width: 768px) {}
@media (min-width: 992px) {
#langNav {
margin-left: auto;
}
}
@media (min-width: 1200px) {}