*{font-family: 'Montserrat', sans-serif; color: #fff;}

.contact-cropped img {width: 76px; height: 76px; float: right;}
.contact-cropped {padding-right: 30px; padding-bottom: 30px;}
.contact-cropped:hover {background-color: #54BBD8; width: 269px;}

.container {max-width: 1400px; margin: 0 auto;}

a {color: #54BBD8;}
a:hover {color: #54BBD8;}

.center {margin: 0 auto;}

icon {color: #fff;}
.navbar-light .navbar-toggler-icon {
    background-image: url("../images/navbar.svg") !important; width: 18px; height: 15px; background-size: contain;
}

.logo {z-index:1000000;}
.logo img {width: 100%;z-index: 1000000;}

h1 {font-weight: 100; font-size: 48px; line-height: 48px;}
h1 span {font-weight: 700;}
h3 {font-weight: 500; font-size: 16px; line-height: 24px;}
h2 {font-weight: 900; color: #54BBD8; font-size: 38px; line-height: 40px; text-align: left;}

#navbarSupportedContent a {color: #fff; font-weight: 400; font-size: 16px; line-height: 16px;}
.contact a {text-align: center; margin: 0 auto; background-color: #54BBD8; border-radius: 25px; min-width: 170px; padding: 13px 20px; font-weight: 500 !important; text-decoration: none;}
.contact:hover a {padding: 13px 20px; min-width: 170px; text-decoration: none;}
.contact {display: flex;}

.enviar input {background-color: #54BBD8;  border-radius: 25px; border: none; padding: 13px 10px; width: 100%;}

.bg-landing {background-image: url("../images/main_section_bg.png");background-size: cover; background-position: left center; background-repeat: no-repeat;}

/* FIN 1er BLOQUE */

.bg-dark-blue {background-color: #04101E;}
.blue-text {color: #54BBD8; font-weight: 500; font-size: 16px; line-height: 24px;}
.marks-section .navmark {list-style-type: none; text-align: center; margin: 0; padding: 0; }
.marks-section .navmark li { display: inline-block;font-size: 15px; padding: 4px;}
.marks-section .btn:hover,.marks-section .btn { color: #fff;}


/* FIN 2º BLOQUE */

.besoins-section {background-image: url("../images/besoins_section_bg.png");background-size: cover; background-position: left center; background-repeat: no-repeat;}
.besoins-section .navmark { list-style-type: none; text-align: center; margin: 0; padding: 0;}
.besoins-section .navmark li { display: inline-block; font-size: 20px; }
.besoins-section .nav-item {vertical-align: top;display: inline-block;text-align: center;  margin-bottom: 15px;}
.besoins-section .nav-item .nav-link { margin: 0 auto; display: block;/*width: 225px;*/ padding: .5rem 0rem; }
.besoins-section li.nav-item:nth-child(2) a {/*width: 220px;*/}
.besoins-section li.nav-item:nth-child(3) a { /*width: 255px;*/ }
.besoins-section .nav-item img {width: 73px; height: 64px;}
.besoins-section .nav-item .caption { display: block; text-align: center; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px;color: #54BBD8;opacity: 1;}
.besoins-section .nav-item .active .caption { color: #FFFFFF; border-bottom: 4px solid #FFFFFF; padding-bottom:2px; }
.besoins-section .nav-item .nav-link img.active { display: none;}
.besoins-section .nav-item .active img.active { display: initial; }
.besoins-section .nav-item .active img.inactive { display: none; }
.besoins-section .btn:hover,
.besoins-section .btn { padding-right: 15px; padding-left: 15px;  }
.besoins-section .tab-content { height: 180px; }
.besoins-section .tab-content { font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 200;text-align: left;letter-spacing: 0px;  color: #FFFFFF; opacity: 1; }
.besoins-section .tab-content ul li::marker { color: #54BBD8 ; }
.besoins-section
.btn:hover,.besoins-section .btn { color: #fff; padding: 10px 0;}

/* FIN Besoins BLOQUE */

.texte {font-size: 16px; font-weight: 200;}
.btn:hover,.expertise-section .btn { color: #fff; padding: 10px 0;}

/* FIN Expertise BLOQUE */

.technologiques-section {background-image: url("../images/technologiques_section_bg.png");background-size: cover; background-position: left center; background-repeat: no-repeat;}

.technologiques-section .navmark {list-style-type: none;text-align: center; margin: 0;  padding: 0; }
.technologiques-section .navmark li { display: inline-block; font-size: 20px; }
.technologiques-section .nav-item {  vertical-align: top; display: inline-block; text-align: center;margin-bottom: 15px; }
.technologiques-section .nav-item .nav-link { margin: 0 auto; display: block; /*width: 225px;*/ padding: .5rem 0rem; }
.technologiques-section li.nav-item:nth-child(2) a {/*width: 220px;*/ }
 .technologiques-section li.nav-item:nth-child(3) a { /*width: 255px;*/ }
.technologiques-section .nav-item img { width: 73px; height: 64px; }
 .technologiques-section .nav-item .caption { display: block; text-align: center;font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 500;letter-spacing: 0px; color: #54BBD8; opacity: 1; }
.technologiques-section .nav-item .active .caption { color: #FFFFFF; border-bottom: 4px solid #FFFFFF; padding-bottom:2px; }
 .technologiques-section .nav-item .nav-link img.active { display: none; }
 .technologiques-section .nav-item .active img.active {  display: initial; }
.technologiques-section .nav-item .active img.inactive { display: none; }
.technologiques-section .btn:hover, .technologiques-section .btn { width: 217px; }
.technologiques-section .tab-content { height: 160px; }
 .technologiques-section .tab-content { font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 200; text-align: left; letter-spacing: 0px; color: #FFFFFF; opacity: 1; }
.technologiques-section .tab-content ul li span,.technologiques-section .tab-content ul li::marker { color: #54BBD8;}
.btn:hover,.technologiques-section .btn { color: #fff; padding: 10px 0;}

/* FIN technologiques BLOQUE */

.b-texte {font-weight: 300; color: #54BBD8 ;}
.b-texte p {font-weight: 300; color: #54BBD8 ;}
.btn:hover,.data-section .btn { color: #fff; padding: 10px 0; width: 243px;}

.testimonials-section {background-color: #031629;}

/* FIN testimonials BLOQUE */

.about-us-section {background-image: url("../images/about_us_section_bg.png");background-size: cover; background-position: center center; background-repeat: no-repeat;}

/* FIN about us BLOQUE */

.contact-section {background-image: url("../images/contact_section_bg.png");background-size: cover; background-position: center center; background-repeat: no-repeat;}

/* FIN contact section BLOQUE */

.btn:hover,
.btn { width: unset; background: #54BBD8 0% 0% no-repeat padding-box; border-radius: 25px; text-align: center;font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0px;  color: #FFFFFF; opacity: 1; padding: 10px;}
.hidden { visibility: hidden;}

.button:hover,
.button {position:fixed;bottom:40px;right:40px;/*background-color:#54BBD8;*//*color:#FFF;*/border-radius:50px;text-align:center;display: inline-block;}
.button:hover {-webkit-border-top-right-radius: 0px;-webkit-border-bottom-right-radius: 0px;-moz-border-radius-topright: 0px;-moz-border-radius-bottomright: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;background-color:#54BBD8;}
.button img {width:65px;height:65px;display: inline-block;}
.button span {max-width: 0;-webkit-transition: max-width 0.1s;transition: max-width 0.1s;display: inline-block;vertical-align: top;white-space: nowrap;overflow: hidden;color: transparent;}
.button:hover span {max-width: 9rem;width: 9rem;-webkit-transition: max-width 0.5s;transition: max-width 0.5s;color:#FFF;vertical-align: middle;}

/* FIN btn BLOQUE */


.degradado {background: transparent linear-gradient(180deg, #040F2000 0%, var(--unnamed-color-040f20) 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(180deg, #040F2000 0%, #040F20 100%) 0% 0% no-repeat padding-box;
opacity: 1;}

form { color: #FFFFFF; }
form .form-control::-webkit-input-placeholder { text-align: left;font-family: Helvetica Neue; font-size: 16px; font-style: normal; font-weight: normal; letter-spacing: 0.1px; color: #FFFFFF; opacity: 1;}
form .form-control::-moz-placeholder {text-align: left; font-family: Helvetica Neue; font-size: 16px; font-style: normal; font-weight: normal; letter-spacing: 0.1px;color: #FFFFFF;  opacity: 1;}
form .form-control:-ms-input-placeholder { text-align: left;  font-family: Helvetica Neue; font-size: 16px;font-style: normal; font-weight: normal; letter-spacing: 0.1px; color: #FFFFFF;opacity: 1;}
form .form-control:placeholder { text-align: left;  font-family: Helvetica Neue; font-size: 16px;font-style: normal;font-weight: normal; letter-spacing: 0.1px; color: #FFFFFF; opacity: 1; }
form .form-control:focus, form .form-control { padding-left: 0.9rem; color: #FFFFFF; background: #54BBD869 0% 0% no-repeat padding-box; opacity: 1; border-radius: 0px; border: 1px solid #54BBD869; font-size: 16px; font-family: Helvetica Neue;}
form input[type=email].form-control,form input[type=text].form-control { height: 48px; }
form input[type=checkbox] {background: #54BBD869 0% 0% no-repeat padding-box;}
form .btn:hover, form .btn { width: 261px; }
form div.submit { text-align: center; }
label {text-align: left; font-family: Helvetica Neue; font-size: 14px; font-style: normal; font-weight: normal; letter-spacing: 0px; color: #54BBD8; opacity: 1;}

/* FIN form BLOQUE */

.bg-landing2 {background-image: url("../images/main_section_bg.png");background-size: 100vw; background-position: top center; background-repeat: no-repeat; background-color: #040F20;}
.degradado2 {background: transparent linear-gradient(180deg, #040F2000 0%, var(--unnamed-color-040f20) 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(180deg, #040F2000 0%, #040F20 40%) 0% 0% no-repeat padding-box;
opacity: 1;}


.footer-section a.guion::after {content: " - "; color: #fff;}

.bg-landing-error {background-image: url("../images/main_section_bg.png");background-size: 100vw; background-position: top center; background-repeat: no-repeat; background-color: #040F20;}

.go_down img {width: 38px; height: 19px;}

/* START MODAL WEBINAR */
div#webinar, div#done-webinar {
    z-index: 1000001;
}
.modal-content {
    background-image: url("../images/webinar_fondo.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.modal-header {
    border-bottom: none; padding-bottom: 0px;
}
.modal-header h5 {
    font-size: 37px; font-weight: 900; color: #fff; line-height: 40px;
}
.modal-header h5 span {
    color: #67CBE3;
}

.modal-body {padding: 0px;}
.modal-body .bg-white {
    border-top-right-radius: 17px;
    border-bottom-right-radius: 17px;
}
.modal-body .bg-white p {
    font-size: 18px;
    color: #314468;
    font-weight: 800;
    line-height: 20px;
}
.modal-body .bg-white b {
    font-size: 18px;
    color: #314468;
    font-weight: 800;
    line-height: 20px;
}
.modal-body p {padding: 20px 20px 0px; font-size: 18px;}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: unset;
    padding: 1rem;
    border-top: none;
    border-bottom-right-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
    width: 100%;
    padding-top: 0px;
}
#webinar_form {width: 100% ;}
.ctawebinar {width: 100% !important; border: none !important;}
.form-control-webinar {
    width: 100%;
    text-align: center;
    border-radius: 10px;
    border: 2px solid #67CBE3;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 500;
    color: #073763 !important;
}
form#webinar_form placeholder {
    font-size: 16px;
    font-weight: 500;
    color: #073763 !important;
}

/* END MODAL WEBINAR */
/* START MODAL WEBINAR SIGN UP */

#ctasignup {
    position: fixed; 
    right: 0; 
    bottom: 140px; 
    border-bottom-right-radius: 0px; 
    border-top-right-radius: 0px; 
    border: none; 
    padding-top: 12px; 
    padding-bottom: 10px; 
    line-height: 30px;
    z-index: 1000001;
}
#ctasignup img {max-width: 35px; padding-bottom: 2px;}
#ctasignup:hover img {-webkit-animation: zoom 0.6s infinite;}

@-webkit-keyframes zoom{
  50% { -webkit-transform:rotateZ( 0deg) scale(.8); }
}

@media (max-width: 575px) {
    .modal-header h5 {
        font-size: 27px; font-weight: 900; color: #fff; line-height: 30px;
    }
}

/* END MODAL WEBINAR SIGN UP */

.bg-eee {background-color: #eee;}
.bg-eee span {color: #fff; font-weight: 400;}

/* START LAST-ARTICLES */

article a {background-color: #fff; display: flex; flex-direction: column; box-shadow: 0 11px 30px rgb(154 161 177 / 20%); border-radius: 9px; height: 100%; overflow: hidden;}
article a:hover {text-decoration: none !important;}
article img {width: 100%; height: auto;}
article h5 {font-family: Montserrat,sans-serif; font-size: 14px; font-weight: 700; color: #54bbd8; display: block; padding: 30px 30px 5px; line-height: 18px;}
article h1 {font-family: Montserrat,sans-serif; font-size: 24px; font-weight: 700; color: #04101e; display: block; padding: 0px 30px; line-height: 30px;}
article p {font-family: Montserrat,sans-serif; font-size: 16px; font-weight: 400; color: #04101e; display: block; padding: 0px 30px 20px; line-height: 20px;}
article h4 {font-family: Montserrat,sans-serif; color: #c6c6c6; font-size: .75rem; text-transform: uppercase; font-weight: 400; display: block; padding: 0px 30px 20px; line-height: 20px;}

/* END LAST-ARTICLES */

@media (max-width: 1440px) {
    .container {max-width: 1400px; margin: 0 auto; padding-left: 8%; padding-right: 8%;}
}

@media (max-width: 840px) {
	.hide {  display: none;}
}

@media (max-width: 575px) {
    .logo {z-index:1000000;}
	.logo img {width: 80%;z-index: 1000000;}

	h1 {font-weight: 100; font-size: 32px; line-height: 32px;}
	h1 span {font-weight: 700;}
	h3 {font-weight: 500; font-size: 10px; line-height: 15px;}
	h2 {font-weight: 900; color: #54BBD8; font-size: 24px; line-height: 20px; text-align: left;}
	.intro {font-size: 12px; line-height: 16px;}

	.navmark img {height: 60px; margin: 0 auto;}

	.bg-landing {background-size: cover; background-position: center bottom; background-repeat: no-repeat;}

	.contacto .bg-landing {background-size: 115vw; background-position: center top; background-repeat: no-repeat; background-color: #05162B;}

	.texte {font-size: 12px; font-weight: 200;}
	li {font-size: 12px;}
	.besoins-section .tab-content { font-family: Montserrat; font-size: 12px; font-style: normal; font-weight: 200;text-align: left;letter-spacing: 0px;  color: #FFFFFF; opacity: 1; }
	.besoins-section .nav-item .caption { display: block; text-align: center; font-family: Montserrat; font-size: 12px; font-style: normal; font-weight: 500; letter-spacing: 0px;color: #54BBD8;opacity: 1;}

	 .technologiques-section .nav-item .caption { display: block; text-align: center;font-family: Montserrat; font-size: 12px; font-style: normal; font-weight: 500;letter-spacing: 0px; color: #54BBD8; opacity: 1; }

	.besoins-section .tab-content { height: unset; }
	.technologiques-section .tab-content { height: unset; }
	.besoins-section .nav-item img {width: 46px; height: 43px;}
	.technologiques-section .nav-item img { width: 34px; height: 47px; }

	.besoins-section .tab-content img { height: 50px; margin: 0 auto; padding: 0; width: auto;}

	.b-texte {font-size: 12px;}

	.about-us-section {background-image: url("../images/about_us_section_bg.png");background-size: contain; background-position: top center; background-repeat: no-repeat; background-color: #031E3A;}

	.footer-section a.guion::after {content: "  "; color: #fff;}
}

@media (max-width: 340px) {

}

.main-menu{width: 100%; height: 100%; opacity: 0; visibility: hidden;}
.nav-open .main-menu {opacity: 1; visibility: visible; background: rgba(0, 0, 0, 0.92); }
.main-menu .nav li a {
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    opacity: 1;
    padding-left: 8px;
    padding-right: 8px;
}
.main-menu .nav li {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-animation-timing-function: cubic-bezier(.45,.005,0,1);
    -moz-animation-timing-function: cubic-bezier(.45,.005,0,1);
    -o-animation-timing-function: cubic-bezier(.45,.005,0,1);
    animation-timing-function: cubic-bezier(.45,.005,0,1);
}
.nav-open .main-menu .nav li {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform .2s,opacity .2s;
    transition: transform .2s,opacity .2s;
    font-size: 20px;
}
.nav-open .main-menu .nav li a {
    font-size: 20px;
}
.nav-open .main-menu .nav li a {
    font-size: 20px;
}
.nav-open .main-menu .nav li.delay-8 a {
    font-size: 16px;
    text-align: center;
}
.nav-open .main-menu .nav li.delay-8 a:nth-child(1) {
    margin: 0 auto;
    background-color: #54BBD8;
    border-radius: 25px;
    min-width: 170px;
    padding: 13px 10px;
    font-weight: 500 !important;
    text-decoration: none;
}
.main-menu .nav li.delay-1{-webkit-transition-delay:0.1s; -moz-transition-delay:0.1s; -ms-transition-delay:0.1s; -o-transition-delay:0.1s; transition-delay:0.1s; }
.main-menu .nav li.delay-2{-webkit-transition-delay:0.2s; -moz-transition-delay:0.2s; -ms-transition-delay:0.2s; -o-transition-delay:0.2s; transition-delay:0.2s; }
.main-menu .nav li.delay-3{-webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -ms-transition-delay:0.3s; -o-transition-delay:0.3s; transition-delay:0.3s; }
.main-menu .nav li.delay-4{-webkit-transition-delay:0.4s; -moz-transition-delay:0.4s; -ms-transition-delay:0.4s; -o-transition-delay:0.4s; transition-delay:0.4s; }
.main-menu .nav li.delay-5{-webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; -ms-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s; }
.main-menu .nav li.delay-6{-webkit-transition-delay:0.6s; -moz-transition-delay:0.6s; -ms-transition-delay:0.6s; -o-transition-delay:0.6s; transition-delay:0.6s; }
.main-menu .nav li.delay-7{-webkit-transition-delay:0.7s; -moz-transition-delay:0.7s; -ms-transition-delay:0.7s; -o-transition-delay:0.7s; transition-delay:0.7s; }
.main-menu .nav li.delay-8{-webkit-transition-delay:0.8s; -moz-transition-delay:0.8s; -ms-transition-delay:0.8s; -o-transition-delay:0.8s; transition-delay:0.8s; }
.main-menu .nav li.delay-9{-webkit-transition-delay:0.9s; -moz-transition-delay:0.9s; -ms-transition-delay:0.9s; -o-transition-delay:0.9s; transition-delay:0.9s; }

.nav-button{position:relative; z-index:1111; /*border:solid 1px #f8f8f8;*/  height:42px; display:block; /*width:50px;*/ padding:12px; }
.nav-button #nav-icon3{width:24px;height:22px;display:inline-block;position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;}
.nav-button #nav-icon3 span{display:block;position:absolute;height:3px;width:100%;background:#54BBD8;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
.nav-button #nav-icon3 span:nth-child(1){top:0}
.nav-button #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3){top:7px}
.nav-button #nav-icon3 span:nth-child(4){top:14px}
.nav-open #nav-icon3 span:nth-child(1){top:9px;width:0;left:50%}
.nav-open #nav-icon3 span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.nav-open #nav-icon3 span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.nav-open #nav-icon3 span:nth-child(4){top:9px;width:0;left:50%}

.flex-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%}

@media (min-width: 992px) {
    .navbar-expand-lg .nav-button {
        display: none;
    }
}
div#languages ul li {
    margin-left: 0.4rem;
}
div#languages ul li:first-child:after {
    content: "|";
    margin-left: 0.2rem;
}