/*
Wireframe: 20
Version: 2.0
Update: 2019.07.30
*/

/*--------------------------------------------------
>> TABLE OF CONTENTS:
----------------------------------------------------
# Fonts
# General
# Navigation
    ## Superfish
    ## Mobile navigation
--------------------------------------------------*/

/*--------------------------------------------------
# Fonts

--------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
body {
    background: #fff;
    color: #202121;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 24px;
}
a {
    color:#0066ae;
   text-decoration: underline;
    border-bottom: none;
    transition: all .4s;
}
a:active, a:hover, a:focus {
    color: #de4045;
    border-bottom: none;
	    text-decoration: none;
}
 
.red {
    color: #0066ae;
}
.image-right {
   float: right;
    margin: 15px 0 10px 15px;
    border: 7px solid #fff;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.22);
}
.image-left {
    float: left;
    margin: 0 15px 10px 0;
}
 
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1.35em;
	text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
	font-weight:400;
}

h1, .h1{
    font-size: 40px;
	color: #0066ae;	font-weight:700;
}
h2, .h2{
    font-size: 30px;
    color: #da4349;
   
}
h3, .h3{
    font-size: 27px;
color: #0066ae;
}
h4, .h4{
    font-size: 25px;
	 color: #da4349;
	
}
h5, .h5{
    font-size: 19px;
color: #0066ae;
	
}
h6, .h6{
    font-size: 16px;
 color: #da4349;
}

hr {
	border-color: #e5e5e5;
}


/***********/
div#sticky-wrapper {
    position: relative;
    width: 100%;
    border-bottom: 2px solid #a2bbe0;
    z-index: 100;
    height: 200px !important;
  background: rgb(255 255 255 / 24%);
}.diy-slideshow .next, .diy-slideshow .prev {

    background: rgb(0, 102, 174) !important;}
.tel-top {
    position: relative;
    float: right;
    color: #db2c33;
    font-size: 18px;
    padding-left: 50px;
    background: url(/media/images/new-images1/tel-top.png) no-repeat left -2px;
    padding-bottom: 17px;
    margin-top: 42px;
    font-weight: 700;
    padding-top: 6px;
}
nav.main-nav {
    position: relative;
    z-index: 100;
    box-shadow: none;
    transition: background .4s, box-shadow .4s;
}
.is-sticky nav.main-nav {
    height: 165px;
    box-shadow: 0 0 8px #0066ae;
    background: #fff;
}.is-sticky .tel-top {
    display: none;
}.is-sticky nav.main-nav .logo {
    margin-top: 15px;
}.is-sticky nav.main-nav ul.sf-menu {
 
    margin-top: 72px;
}.is-sticky nav.main-nav .sf-menu ul {

    margin-top: 21px;}
div#mm-navigation-sticky-wrapper {
    height: 0 !important;
}
.fullsite {
    overflow: hidden;
}img.image-center {
    display: table;
    margin: 10px auto;
}
.nav-wrapper {

}
header.top {
    position: relative;
}
header.top .logo {
    transition: all .8s;
    transition-delay: .1s;
    text-align: left;
    z-index: 2;
    float: left;
    position: relative;
    margin-top: 25px;
}
ul.sf-menu {
    float: right;    margin-top: 25px;
}
header.top .logo a {
	display: block;
    margin: 0 auto;
}
header.top .logo a img {
    max-width: 100%;
    height: auto;
}
.mm-panels .logo {
    display: none;
}
.mm-panels .sf-menu > li:not(:first-child)::before {
	display:none;
}
.mm-panels>.mm-panel:after, .mm-panels>.mm-panel:before {
    display: none !important;
}
/*******/


header.top .mobile-nav {
	display: none;
    padding-top: 20px;
    padding-bottom: 6px;
    transition: all .4s;
    margin: 0 0 0 auto;
    text-align: center;
}
header.top .mobile-nav a {
	font-size: 24px;
	text-decoration: none;
	color: #fff;
    background: #0066ae;
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    line-height: 41px;
}

header.top {
    position: relative;
    height: 450px;
    background: #eee;
}
header.top.big {
    height: 897px;
}
header.top.small {
    height: 550px;
}
header.top .container {
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
}
header.top .slogan {
    position: absolute;
    bottom: 190px;
    left: 15px;
    font-weight: 700;
    color: #fff;
    font-size: 50px;
    text-transform: uppercase;
    text-shadow: 0 0px 5px rgba(0,0,0,.50), 0 0px 5px rgba(0,0,0,.50), 0 0px 5px rgba(0,0,0,.50);
    line-height: 50px;
    z-index: 2;
    font-family: 'Poppins', sans-serif;
}header.top .slogan span.subtitle {
    font-size: 20px;
    text-transform: none;
    font-family: 'Open Sans', sans-serif;
    line-height: 24px;
}

header.top .slogan a {
    font-size: 18px;
    letter-spacing: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    line-height: 20px;
    text-shadow: none;
    padding: 19px 16px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    text-align: left;
    background: #0066ae;
    box-shadow: none;
    transition: box-shadow .4s;
    margin-top: 42px;
}
header.top .slogan a:hover {
    background: #e04a50;
    color: #fff;    
}
header.top.big .slogan {

}
header.top.small .slogan {
    bottom: 40px;
}

header.top .slogan p {
    margin: 0;
}

.fullsite {
    overflow: hidden;
}
header.top .banner,
header.top .banner #slideshow {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: auto;
    height: auto;
    z-index: 1;
}
header.top .banner .NewsItemBackground {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: center no-repeat;
}
header.top .banner, header.top .banner #slideshow :after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
   background: url(/media/images/new-images1/bg-slide.png) no-repeat;
    z-index: 1;
}


/*************/
section.home-content {
    position: relative;
}
.ill-home {
    float: right;
    position: relative;
    padding-top: 0;
    margin: -4px 0 42px 30px;
}
section.home-content header.page-title h1 {
    font-size: 20px;
    text-transform: none;
    font-weight: 400;
    color: #da4349;
    font-family: 'Open Sans', sans-serif;
}
header.page-title h1 {
    margin: 0;
    line-height: 50px;
    margin-bottom: 50px;
    color: #0066ae;
    text-align: left;
    position: relative;
}
header.page-title h1 .subtitle {
 
}
section.page-content {
    position: relative;
	 
}
article.content {
    position: relative;
    padding: 75px 0 50px;
    background: #fff;

}
section.page-content article.content {
    padding: 66px 0 60px;

}
 article.content img
 {
    height: auto;
    max-width: 100%;
    outline: none;
}
section.home-content article.content {
    padding: 76px 0 118px;

   
}

section.home-content header.page-title h1 .subtitle {
   color: #0066ae;
    font-size: 40px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: 0;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}section.home-content header.page-title h1:after {
    position: absolute;
    content: "";
    left: -51px;
    right: auto;
    background: #db2f35;
    height: 2px;
    width: 43px;
    top: 24px;
}a#btp_id {
    float: right;
    position: absolute;
    right: 0;
    z-index: 3;
    top: 55%;
    display: none;
} header.page-title h1:after {
    position: absolute;
    content: "";
    left: -51px;
    right: auto;
    background: #db2f35;
    height: 2px;
    width: 43px;
    top: 24px;
}
article.content ul ul {
    list-style-type: circle;
}
article.content .table-style {
    position: relative;
}
article.content .table-style th {
    background: #0066ae;
        color: #fff;
}
article.content .table-style th,
article.content .table-style td {
    border: 1px solid #0066ae;
       padding: 5px 15px;
}
section.contactform {
    position: relative;
  
}

section.boxes {
    position: relative;
    padding: 60px 0 45px;
    background: url(/media/images/new-images1/bg-boxes.jpg) repeat fixed center;
}
section.boxes .text {
    color: #202121;
    max-width: 100%;
    padding-top: 0;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    margin-top: -7px;
}
section.boxes .box a img {
   width: 100%;


}

section.boxes .box a:hover img {
}
 
section.boxes a {
    text-decoration: none;
	 border-bottom: none;
}
section.boxes .text span.button {
    position: relative;
    color: #0066ae;
    font-size: 16px;
    text-transform: uppercase;
    font-style: normal;
    text-align: left;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0;
    padding-bottom: 4px;
    padding-right: 38px;
    background: url(/media/images/new-images1/next.png) no-repeat center right;
    line-height: 3;
    padding-top: 4px;
}
section.boxes .box:hover span.button {
    color: #db2f35;
    background: url(/media/images/new-images1/next-h.png) no-repeat center right;
}

section.boxes .text h3 {
    display: table;
    color: #0066ae;
    font-size: 30px;
    margin: 0;
    line-height: 3;
    margin-bottom: 6px;
    position: relative;
    text-align: left;
    font-weight: 700;
    font-style: normal;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0;
    width: auto;
}.box {
    width: 530px;
}section.boxes .text h3:after {
    position: absolute;
    content: "";
    background: #0066ae;
    right: -70px;
    left: auto;
    height: 3px;
    width: 43px;
    top: auto;
    bottom: 43px;
}

section.boxes .text a {
    text-decoration: none;
	  
}


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

/**************************/
footer.bottom {
    position: relative;
    padding: 52px 0 38px;
    color: #fff;
    background: #0066ae;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
.logo-footer img {
    max-width: 100%;
    height: auto;
}.logo-footer {
    position: relative;
    margin-top: -7px;
}
footer.bottom h3 {
    margin: 0;
    font-size: 30px;
    line-height: 28px;
    color: #fff;
    font-weight: 700;
    border-bottom: 1px solid #db2f35;
    padding-bottom: 36px;
    margin-bottom: 30px;
}
footer.bottom .bg-adresse {
    position: relative;
}
.footer-wrapper a, .googlemaps_v2 label.modal-label {
    color: #fff;

}
.footer-wrapper a:hover, .googlemaps_v2 label.modal-label:hover {
    color: #fff;
}
footer.bottom p {
    font-weight: 500;
}
footer.bottom .adr {
    display: inline-block;
    float: left;
    background: url(/media/images/new-images1/icon-adr.png) no-repeat left 6px;
    padding-left: 34px;
}
span.number-responsive {
    display: none;
}
footer.bottom .info {
    display: inline-block;
    float: right;
    background: url(/media/images/new-images1/icon-tel.png) no-repeat left 3px;
    padding-left: 42px;
}

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

span.number-responsive {
    display: none;
}
.googlemaps_v2 label.modal-label:hover {
    color: #fff;
    text-decoration: none;
}
span.email1 a {
    color: #0066ae;
	text-decoration: none;
}
span.email1 a:hover {
    color: #0066ae;
	text-decoration: none;
}

.social {
 display: table;
 padding-top: 104px;
 padding-left: 20px;
    }
div#ContainerBlockSocial {
       display: block;}
.social #ContainerBlockSocial.addthis_toolbox .at300b > span{
    display: none;}
.social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_button_facebook::before, .social .facebook::before {
    content: "\f09a";}
	.social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_button_twitter::before, .social .twitter::before {
    content: "\f099";}
.social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_google_plusone_share {
    position: relative;}
.social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_google_plusone_share #___plusone_0,
.social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_google_plusone_share iframe {
    position: absolute!important;
    left: 0!important;
    right: 0!important;
    top: 3px!important;
    opacity: 0;}
.social #ContainerBlockSocial.addthis_toolbox .at300b, .social .facebook, .social .twitter  {
   display: inline-block;
    font-size: 0px;
    cursor: pointer;
    border-radius: 3px;
    position: relative;
    z-index: 1;
    color: #0f0d35;
    background: #fff;
    width: 38px;
    height: 38px;
    text-decoration: none;
    transition: color .4s;
    float: none;
    text-align: center;;}
.social #ContainerBlockSocial.addthis_toolbox .at300b::before, .social .facebook::before, .social .twitter::before {
    font-family: 'FontAwesome';
    speak: none;
    font-size: 20px;
    line-height: 38px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}
.social #ContainerBlockSocial.addthis_toolbox .at300b:hover, .social .facebook:hover,  .social .twitter:hover {
    color: #fff;
    background:#0066ae;
}
.social #ContainerBlockSocial.addthis_toolbox .at300b::after, .social .facebook::after,  .social .twitter::after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}
footer.maps label.modal-label {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    font-size: 0;
	    z-index: 2;
}
footer.maps {
    position: relative;
    height: 350px;
    overflow: hidden;
    background: #eee;
	margin-top: 60px;
}

footer.maps .link label.modal-label {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    font-size: 0;
}
footer.maps .box_googlemapsv2 > iframe {
    position: absolute;
    width: 200vw;
    height: 550px;
    left: -50vw;
    right: -50vw;
    top: -100px;
    bottom: -100px;
    filter: grayscale(100%);
    transition: filter .4s;
}
footer.maps:hover .box_googlemapsv2 > iframe {
    filter: grayscale(35%);
}


#scrollUp {
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    padding: 6px 15px 10px;
     background: #de4045;
    border-radius: 3px;
    color: #fff;
    font-size: 30px;
    line-height: 1;
    text-decoration: none;
    box-shadow: none;
    transition: background .4s, box-shadow .4s;
	    border-bottom: none;
}
#scrollUp:hover {
    background: #fff;
    box-shadow: 0 5px 30px rgba(230, 227, 224, 0.9);
	   color: #de4045;
}
 
div.cc-cookies {
    width: 100%;
}
.cc-cookies {

    background: #000;

}
.cookieinfo-close.cc-cookie-accept {

    color: #fff;
    background: #ec7323;

}
.formError,
.formError *,
#fancybox-wrap,
#fancybox-wrap *{
    box-sizing: content-box;
}
div#_atssh {
    bottom: 0;
}

.img-box {
    width: 100%;
    height: 100%;
}
 .cc-cookies {
 background: #0066ae !important;
 }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
    background: #0066ae!important;
	color:#fff !important;
}
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset {
    background: #fff!important;
	color: #0066ae!important;
}
.mobile-nav {
    display: none;
}
@media only screen and (max-width : 1199px) {
  section.home-content article.content .ill-home  {
    float: none;
    display: table;
    margin: 0 auto 80px;} 
  nav.main-nav ul.sf-menu {
        display: none;
    }
  nav.main-nav .mobile-nav {
    display: inline-block;
    margin-left: auto;
    float: right;
    padding-top: 100px;
    margin-right: -155px;
}.is-sticky nav.main-nav .mobile-nav {
    padding-top: 62px;
    margin-right: 0;
}header.top .slogan {
    
    font-size: 40px;}section.home-content header.page-title h1 .subtitle {

    font-size: 35px;}h2, .h2 {
    font-size: 25px;

}
a#btp_id {
    float: none;
    position: relative;
    right: 0;
    z-index: 3;
    top: 0;
    display: table;
    margin: -60px auto 28px;
}.box {
    width: auto;
}section.boxes .text h3 {
   
    font-size: 24px;}h1, .h1 {
    font-size: 35px;
 
}
section.home-content header.page-title {
width: 100%;

}
}


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



footer.bottom .logo-footer {
    position: relative;
    float: none;
    display: table;
  margin: 0 auto 20px;
}
footer.bottom h2 {
    text-align: center;
display: table;
margin: 60px auto;}
    nav.main-nav .logo img.small {
        margin-top: 10px;
    }
  
    header.top .container {
        position: static;
    }
  section.page-content article.content header.page-title h1 {
    font-size: 30px;
}
header.top .slogan {
    font-size: 35px;bottom: 75px;
   
}h2, .h2 {
    font-size: 22px;

}
   footer.bottom h3 {
  
    font-size: 25px;

    text-align: center;
}footer.bottom .adr {
    display: table;
    float: none;
    background: url(/media/images/new-images1/icon-adr.png) no-repeat top center;
    padding-left: 0;
    margin: 0 auto 30px;
    padding-top: 40px;
    text-align: center;
}footer.bottom .info {
    display: table;
    float: none;
    background: url(/media/images/new-images1/icon-tel.png) no-repeat top center;
    padding-left: 0;
    margin: 0 auto 30px;
    padding-top: 40px;
    text-align: center;
}
    section.contactform {
        padding: 50px 0;
    }
header.top.big {
    height: 600px;
}    .image-right,
    .image-left {
        float: none;
        margin: 10px auto;
        max-width: 100%;
        height: auto;
        display: block;
    }footer.bottom span.address2 {
float: none;
    display: table;
    margin: 0 auto 20px;
}

	footer.bottom .info-footer {

    float: none;
    display: table;
    margin: 0 auto 0;}
section.boxes .text h3 {
    font-size: 20px;
}section.boxes .text h3::after {

    bottom: 29px;
}
.number {
    display: none;
}span.number-responsive {
    display: inline-block;
}.tel-top a {
    color: #db2c33;
}

}
@media only screen and (max-width : 767px) {



	section.page-content article.content header.page-title h1 {
    font-size: 24px;
    line-height: 36px;
	}
article.content header.page-title h1 .subtitle {
    font-size: 30px;
    line-height: 30px;
}

header.top .slogan {
    font-size: 32px;
    bottom: 75px;
    text-align: center;
    line-height: 40px;
}header.top .slogan span.subtitle {
    font-size: 17px;
    
}
	section.home-content {
    padding: 0px 30px 12px;}

    article.content img {
        max-width: 100%;
        height: auto;
    }


article.content header.page-title h1 {
    font-size: 15px;
}
section.boxes .text h3::after {

    bottom: 33px;
}.box {
    
    margin-bottom: 35px;
}section.home-content article.content {
    padding: 45px 0 40px;
}header.page-title h1::after {
    position: absolute;
    content: "";
    left: 0;
    right: auto;
    background: #db2f35;
    height: 2px;
    width: 43px;
    top: auto;
    bottom: -28px;
}.table-style {
  position: relative;
  width: 100%;
  display:block;
  border:none;
   float:left;
 }
 .table-style > tbody > tr{
  width: 100%;
  display:table;
   float:left;
 }
  .table-style > tbody > tr > td{
  width: 100%;
  display:table-row;
  float:left;
  padding: 5px 10px;
 }    
}
@media only screen and (max-width : 481px) {
div#sticky-wrapper {

    height: auto !important;
}
.contactForm .contact-field-item .contact-field-element .form-field {

    width: 100% !important;
}
.tel-top {
  
    float: none;

    margin: 17px auto;

    display: table;
}



header.top .logo {

    text-align: center;
 
    float: none;
    position: relative;
    display: table;
    margin: -23px auto 0;
}

nav.main-nav .mobile-nav {
    display: table;
    margin: 0 auto 0 !important;
    float: none;
    padding-top: 0;
}.is-sticky nav.main-nav {
    height: auto;}.is-sticky nav.main-nav .mobile-nav {
    padding-top: 0;}header.top .slogan {
    font-size: 22px;
    bottom: 22px;
    text-align: center;
    line-height: 35px;
}header.top .slogan a {
    font-size: 15px;

    text-align: center;
 
    margin-top: 6px;
}

article.content header.page-title h1 {
    font-size: 17px;
    line-height: 25px;
}section.home-content header.page-title h1::after {
    position: absolute;
    content: "";
    left: 0;
    right: auto;
    background: #db2f35;
    height: 2px;
    width: 43px;
    top: -17px;
    bottom: auto;
}article.content header.page-title h1 .subtitle {
    font-size: 24px;
    line-height: 31px;
}h2, .h2 {
    font-size: 19px;
}section.boxes .text h3 {
    font-size: 20px;
}section.boxes .text h3::after {
    bottom: 0;
    right: auto;
    left: 0;
}section.boxes {

    padding: 49px 0 10px;}footer.bottom h3 {
    font-size: 22px;
  
}
section.page-content article.content header.page-title h1 {
    font-size: 22px;
    line-height: 36px;
}section.page-content article.content {
    padding: 33px 0 47px;
}


	}			


/*--------------------------------------------------
# Navigation
--------------------------------------------------*/

/*--------------------------------------------------
## Superfish
--------------------------------------------------*/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	font-size: 0;
	display: inline-block;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}
.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}

.sf-menu a {
    padding: 2px 24px;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    text-decoration: none;
    color: #202121;
    line-height: 68px;
    font-weight: 700;
    text-transform: uppercase;background: none;
}

.sf-menu > li:not(:first-child)::before {
 
}

.sf-menu li a:hover, .sf-menu li.sfHover > a,
.sf-menu li.selected > a, .sf-menu li.active > a {
  color: #202121;background: url(/media/images/new-images1/before-menu.png) no-repeat left bottom 13px , url(/media/images/new-images1/after-menu.png) no-repeat right top 13px;
}
.sf-menu li {
	white-space: nowrap;
}
.sf-menu > li {
	padding: 0 1px;
	float: left;
}
.sf-menu > li:last-child > a {
    padding-right: 0;
}
.sf-menu ul li:not(:first-child) {
	border-top: 1px solid #fff;
}
.sf-menu ul {
    min-width: 100%;
    margin-top: 12px;
    text-align: center;
    background: #0066ae;
    padding: 0 10px;
}
.sf-menu ul li a {
    padding: 0px 0px !important;
    color: #fff;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    line-height: 58px;    background: none !important;
}
.sf-menu li a:hover::before, .sf-menu li.sfHover > a::before,
.sf-menu li.selected > a::before, .sf-menu li.active > a::before {
	width: 101%;
	opacity: 1;
}
.sf-menu ul li a:hover, .sf-menu ul li.sfHover > a, .sf-menu ul li.selected > a, .sf-menu ul li.active > a {
    background: none !important;
    color: #d73e46;
}
.sf-arrows .sf-with-ul::after {
    content: '\f107';
    font-family: 'FontAwesome';
    font-size: .9em;
    line-height: 1em;
	position: absolute;
        color: #202121;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    transition: color .4s;
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul::after,
.sf-arrows > .sfHover > .sf-with-ul::after,
.sf-arrows > .selected > .sf-with-ul::after,
.sf-arrows > .active > .sf-with-ul::after {
    color: #202121;
}
@media only screen and (max-width : 1199px) {
.sf-menu a {
    padding: 35px 8px;
    font-size: 13px;
}
.sf-menu > li > a::before {
    bottom: 38px;
}
.sf-menu > li:not(:first-child)::before {
    top: 46%;}
.sf-arrows .sf-with-ul::after {
    bottom: 38px;}
}
/*--------------------------------------------------
## Mobile navigation
--------------------------------------------------*/
.site-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	opacity: 0;
	transform: translate3d(100%,0,0);
	transition: opacity 0.4s, transform 0s 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
/* Close Button */
.close-button {
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	right: 1em;
	top: 1em;
	overflow: hidden;
	text-indent: 1em;
	font-size: 0.75em;
	border: none;
	background: transparent;
	color: transparent;
}
.close-button::before,
.close-button::after {
	content: '';
	position: absolute;
	width: 3px;
	height: 100%;
	top: 0;
	left: 50%;
	background: #ccc;
	transition: background .4s;
}
.close-button::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.close-button::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.close-button:hover::before,
.close-button:hover::after {
	background: #fff;
}
/* Menu */
.menu-wrap {
	position: fixed;
	overflow: auto;
	top: 0;
	left: 0;
	z-index: 1001;
	width: 300px;
	height: 100%;
    background: #0066ae;
    box-shadow: 0 0 20px rgb(203, 130, 62);
	padding: 40px 20px 20px;
	transform: translateX(-100vw);
	transition: transform 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.mobile-menu {
	transform: translateX(500px);
}
.mobile-menu > ul {
	display: block;
	transform: translateX(-1000px);
}
.mobile-menu,
.mobile-menu > ul {
	transition: transform 0s 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.mobile-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 1.5em;
}
.mobile-menu ul ul {
	background: rgba(0,0,0,.15);
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: -5px;
	border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li:first-child {
	border-top: none;
}
.mobile-menu li {
	padding: 5px 0;
	border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li li {
	position: relative;
	    background: #0066ae;
	border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li li::before {
	content: '\f105';
	font-family: 'FontAwesome';
	position: absolute;
	color: rgba(255,255,255,.5);
	z-index: 5;
	left: 10px;
}
.mobile-menu a {
    padding: 0 5px;
    display: block;
    color: #fff;
    text-decoration: none;
    transition: color .4s, background .4s;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
}
.mobile-menu a:hover {
        color: #fff;
    background: rgb(206, 25, 32);
}
.mobile-menu li li a {
	padding-left: 25px;
}
/* Shown menu */
.show-menu .menu-wrap {
	transform: translate3d(0,0,0);
	transition: transform 0.8s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.show-menu .mobile-menu,
.show-menu .mobile-menu ul {
	transform: translate3d(0,0,0);
	transition: transform 0.8s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.show-menu .mobile-menu ul {
	transition-duration: 0.9s;
}
.show-menu .site-overlay {
	opacity: 1;
	transition: opacity 0.8s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transform: translate3d(0,0,0);
}
