html {
position: relative;
min-height: 100%;
}
body {
font-family: 'Open Sans', sans-serif;
color: #3a4f5a;
}
/***************************
Extra
****************************/
.modal-content-2 {
background-color: #ffffff;
border: 1px solid #dcdcdc;
border: 1px solid rgba(225, 225, 225, 0.2);
border-radius: 0px;
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
background-clip: padding-box;
outline: 0;
}
@media (min-width: 768px) {
.modal-content-2 {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
}
.bt_close_modal {
position: absolute;
top: 10px;
right: 10px;
z-index: 1000;
cursor: pointer;
background-color: transparent;
border: none;
outline: 0;
line-height: 1;
vertical-align: middle;
padding: 0;
margin: 0;
}
.close-icon_modal {
display: inline-block;
color: #3a4f5a;
cursor: pointer;
}
.material-icons {
font-size: 30px;
}
.fa-angle-down {
color: #fff;
font-size: 3.2rem !important;
position: relative;
top: 1px;
line-height: 0;
}
.modal-body {
padding-left: 40px;
padding-right: 40px;
padding-top: 30px;
padding-bottom: 30px;
}
.modal-body-1 {
padding-left: 40px;
padding-right: 40px;
padding-top: 30px;
padding-bottom: 0px;
}
.modal-body-2 {
padding-left: 40px;
padding-right: 40px;
padding-top: 0px;
padding-bottom: 30px;
}
.modal-body-3 {
padding-left: 15px;
padding-right: 15px;
padding-top: 0px;
padding-bottom: 0px;
margin: 0;
}
.modal-body-4 {
padding-left: 40px;
padding-right: 40px;
padding-top: 0px;
padding-bottom: 20px;
}
.modal-body-5 {
padding-left: 40px;
padding-right: 40px;
padding-top: 30px;
padding-bottom: 30px;
}
.modal-body-presentation {
padding-left: 40px;
padding-right: 40px;
padding-top: 20px;
padding-bottom: 30px;
}
.modal-body-presentation h3 {
font-family: 'Open Sans', sans-serif;
color: #3a4f5a;
font-weight: 600;
font-size: 16px;
letter-spacing: 0;
}
.modal-body-presentation p {
font-family: 'Open Sans', sans-serif;
color: #3a4f5a;
font-weight: 400;
font-size: 14px;
letter-spacing: 0;
line-height: 1.5em;
}
.adjustments_btn {
margin-top: 20px;
}
.adjustments_p {
padding-left: 40px;
padding-right: 40px;
}
.adjustments_btn_2 {
padding-bottom: 20px;
padding-top: 0px;
}
.adjustments_btn_3 {
padding-bottom: 5px;
padding-top: 0px;
}
.adjustments_full_presentation {
margin-top: 30px;
}
@media only screen and (max-width: 992px) {
.adjustments_full_presentation {
margin-top: 0px;
margin-bottom: 40px;
}
}
@media only screen and (max-width: 767px) {
.adjustments_full_presentation {
margin-top: 0px;
margin-bottom: 0px;
}
}
.adjustments_caroussel {
padding-bottom: 20px;
padding-top: 20px;
}
.modal-footer {
padding-top: 30px;
padding-bottom: 20px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
border-top: 1px solid #e5e5e5;
}
.modal-footer p {
font-family: 'Open Sans', sans-serif;
color: #3a4f5a;
font-weight: 400;
font-size: 16px;
line-height: 1.4rem;
}
.modal-footer a {
color: #3498db;
text-decoration: none;
transition: all ease-in-out 0.3s;
}
.modal-footer a:visited {
color: #3498db;
}
.modal-footer a:hover {
color: #3eb0fd;
}
.modal-footer a:active {
color: #3498db;
}
/*********************
Buttons
**********************/
.btn {
font-size: 18px;
font-weight: 600;
line-height: 31px;
position: relative;
padding: 5px 22px;
color: #fff;
border: 0;
margin: 10px;
cursor: pointer;
border-radius: 5px;
text-transform: uppercase;
letter-spacing: 0px;
text-decoration: none;
word-spacing: 0px;
outline: none !important;
-webkit-transition: 0.2s ease-out;
-moz-transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
-ms-transition: 0.2s ease-out;
transition: 0.2s ease-out;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}
.btn-default, .btn-inverse .btn-default:hover {
color: #fff;
}
.btn-lg, .btn-group-lg > .btn {
padding: 14px 40px;
color: #fff;
}
@media (max-width: 767px) {
.btn-lg, .btn-group-lg > .btn {
padding: 10px 30px;
color: #fff;
}
}
@media (max-width: 400px) {
.btn-lg, .btn-group-lg > .btn {
padding: 10px 10px;
color: #fff;
}
.btn {
font-size: 16px;
}
}
@media (max-width: 360px) {
.btn {
font-size: 14px;
}
}
@media (max-width: 320px) {
.btn {
font-size: 14px;
}
}
.btn_connect_contact {
border-color: #d35400;
background-color: #d35400;
color: #fff;
}
.lessPadding {
padding: 0.5em 0.7em;
margin: 0;
}
.btn_connect_contact:hover, .btn_connect_contact:focus {
border-color: #ad4601;
background-color: #ad4601 !important;
color: #fff;
}
.btn_applications {
background-color: transparent;
color: #3a4f5a;
border-color: #ebebeb;
box-shadow: 0 8px 28px 0 rgba(62, 57, 107, 0.07), 0 2px 8px 0 rgba(62, 57, 107, 0.06);
}
.btn_applications:hover, .btn_applications:focus {
border-color: #3498db;
background-color: #3498db !important;
color: #fff;
}
.btn_form {
border-color: #e95e03;
background-color: #ff961f;
color: #fff;
}
.btn_form:hover, .btn_form:focus {
border-color: #e95e03;
background-color: #5a95f5 !important;
color: #fff;
}
.btn_rechercher {
font-size: 18px;
border-color: #3498db;
background-color: #3498db;
color: #fff;
padding: 5px 20px;
text-transform: none;
margin: 0;
}
.btn_rechercher:hover, .btn_rechercher:focus {
border-color: #2e86c1;
background-color: #2e86c1 !important;
color: #fff;
}
.btn-primary {
font-size: 16px;
border-color: #3498db;
background-color: transparent;
color: #fff;
padding: 5px 20px;
text-transform: none;
}
.btn-primary:hover, .btn-primary:focus {
border-color: #2e86c1;
background-color: #2e86c1 !important;
color: #fff;
}
/*********************
SubMenu
**********************/
.btn-primary_submenu {
font-size: 16px;
border-color: #3498db;
background-color: transparent;
color: #fff;
padding: 5px 20px;
text-transform: none;
}
.btn_submenu {
font-size: 16px;
font-weight: 600;
line-height: 31px;
position: relative;
padding: 5px 22px;
color: #fff;
border: 0;
margin: 10px;
margin-top: 15px;
cursor: pointer;
border: 1px solid transparent;
text-transform: none;
letter-spacing: 0px;
text-decoration: none;
word-spacing: 0px;
outline: none !important;
-webkit-transition: 0.2s ease-out;
-moz-transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
-ms-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 16px;
text-align: left;
background-color: #2c3e50;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
}
.dropdown-menu > li > a {
font-size: 16px;
color: #fff;
padding: 3px 20px;
font-weight: 400;
}
.dropdown-menu > li > a:hover {
background-color: rgb(52, 152, 219);
background-image: none;
color: #fff;
}
.open > .dropdown-toggle.btn-primary_submenu {
background-color: transparent;
}
.btn-primary_submenu:hover,
.btn-primary_submenu:focus,
.btn-primary_submenu.focus,
.btn-primary_submenu:active,
.btn-primary_submenu.active,
.open > .dropdown-toggle.btn-primary_submenu {
background-color: transparent;
}
.dropdown-menu .divider {
background-color: #1f2a37;
}
/*********************
Controls
**********************/
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -15px;
font-size: 45px;
}
}
@media screen and (max-width: 768px) {
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -15px;
font-size: 35px;
}
}
/***************************
Forms basic
****************************/
[type=radio]:checked + label, [type=radio]:not(:checked) + label {
-khtml-user-select: none;
display: inline-block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
cursor: pointer;
font-size: 1rem;
padding-left: 35px;
line-height: 25px
}
[type=radio]:checked, [type=radio]:not(:checked) {
position: absolute;
left: -9999px;
visibility: hidden
}
[type=radio]:checked + label, [type=radio]:not(:checked) + label {
position: relative;
height: 25px;
-webkit-transition: .28s ease;
-moz-transition: .28s ease;
-o-transition: .28s ease;
-ms-transition: .28s ease;
transition: .28s ease
}
[type=radio] + label:after, [type=radio] + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
margin: 4px;
width: 16px;
height: 16px;
z-index: 0;
-webkit-transition: .28s ease;
-moz-transition: .28s ease;
-o-transition: .28s ease;
-ms-transition: .28s ease;
transition: .28s ease
}
[type=radio]:not(:checked) + label:before {
border-radius: 50%;
border: 2px solid #c8c8c8
}
[type=radio]:not(:checked) + label:after {
border-radius: 50%;
border: 2px solid #5a5a5a;
z-index: -1;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0)
}
[type=radio]:checked + label:before {
border-radius: 50%;
border: 2px solid transparent
}
[type=radio]:checked + label:after {
border-radius: 50%;
border: 2px solid #3498db;
background-color: #3498db;
z-index: 0;
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-ms-transform: scale(1.02);
-o-transform: scale(1.02);
transform: scale(1.02)
}
[type=radio].with-gap:checked + label:before {
border-radius: 50%;
border: 2px solid #4285F4
}
::-webkit-input-placeholder {
color: #d1d1d1;
}
:-moz-placeholder {
/* Firefox 18- */
color: #d1d1d1;
}
::-moz-placeholder {
/* Firefox 19+ */
color: #d1d1d1;
}
:-ms-input-placeholder {
color: #d1d1d1;
}
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search-md],
textarea.materialize-textarea {
background-color: transparent;
border: none;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
outline: none;
height: 2.5rem;
margin-top: 5px ! important;
width: 100%;
font-size: 1rem;
margin: 0 0 15px 0;
padding: 0;
box-shadow: none;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
transition: all .3s;
}
input[type=text]:disabled, input[type=text][readonly="readonly"],
input[type=password]:disabled,
input[type=password][readonly="readonly"],
input[type=email]:disabled,
input[type=email][readonly="readonly"],
input[type=url]:disabled,
input[type=url][readonly="readonly"],
input[type=time]:disabled,
input[type=time][readonly="readonly"],
input[type=date]:disabled,
input[type=date][readonly="readonly"],
input[type=datetime-local]:disabled,
input[type=datetime-local][readonly="readonly"],
input[type=tel]:disabled,
input[type=tel][readonly="readonly"],
input[type=number]:disabled,
input[type=number][readonly="readonly"],
input[type=search-md]:disabled,
input[type=search-md][readonly="readonly"],
textarea.materialize-textarea:disabled,
textarea.materialize-textarea[readonly="readonly"] {
color: rgba(0, 0, 0, 0.26);
border-bottom: 1px dotted rgba(0, 0, 0, 0.26);
}
input[type=text]:disabled + label,
input[type=text][readonly="readonly"] + label,
input[type=password]:disabled + label,
input[type=password][readonly="readonly"] + label,
input[type=email]:disabled + label,
input[type=email][readonly="readonly"] + label,
input[type=url]:disabled + label,
input[type=url][readonly="readonly"] + label,
input[type=time]:disabled + label,
input[type=time][readonly="readonly"] + label,
input[type=date]:disabled + label,
input[type=date][readonly="readonly"] + label,
input[type=datetime-local]:disabled + label,
input[type=datetime-local][readonly="readonly"] + label,
input[type=tel]:disabled + label,
input[type=tel][readonly="readonly"] + label,
input[type=number]:disabled + label,
input[type=number][readonly="readonly"] + label,
input[type=search-md]:disabled + label,
input[type=search-md][readonly="readonly"] + label,
textarea.materialize-textarea:disabled + label,
textarea.materialize-textarea[readonly="readonly"] + label {
color: rgba(0, 0, 0, 0.26);
}
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search-md]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
border-bottom: 1px solid #3498db;
box-shadow: 0 1px 0 0 #3498db;
}
input[type=text]:focus:not([readonly]) + label,
input[type=password]:focus:not([readonly]) + label,
input[type=email]:focus:not([readonly]) + label,
input[type=url]:focus:not([readonly]) + label,
input[type=time]:focus:not([readonly]) + label,
input[type=date]:focus:not([readonly]) + label,
input[type=datetime-local]:focus:not([readonly]) + label,
input[type=tel]:focus:not([readonly]) + label,
input[type=number]:focus:not([readonly]) + label,
input[type=search-md]:focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
color: #3498db;
}
input[type=text].valid, input[type=text]:focus.valid,
input[type=password].valid,
input[type=password]:focus.valid,
input[type=email].valid,
input[type=email]:focus.valid,
input[type=url].valid,
input[type=url]:focus.valid,
input[type=time].valid,
input[type=time]:focus.valid,
input[type=date].valid,
input[type=date]:focus.valid,
input[type=datetime-local].valid,
input[type=datetime-local]:focus.valid,
input[type=tel].valid,
input[type=tel]:focus.valid,
input[type=number].valid,
input[type=number]:focus.valid,
input[type=search-md].valid,
input[type=search-md]:focus.valid,
textarea.materialize-textarea.valid,
textarea.materialize-textarea:focus.valid {
border-bottom: 1px solid #3498db;
box-shadow: 0 1px 0 0 #3498db;
}
input[type=text].valid + label:after,
input[type=text]:focus.valid + label:after,
input[type=password].valid + label:after,
input[type=password]:focus.valid + label:after,
input[type=email].valid + label:after,
input[type=email]:focus.valid + label:after,
input[type=url].valid + label:after,
input[type=url]:focus.valid + label:after,
input[type=time].valid + label:after,
input[type=time]:focus.valid + label:after,
input[type=date].valid + label:after,
input[type=date]:focus.valid + label:after,
input[type=datetime-local].valid + label:after,
input[type=datetime-local]:focus.valid + label:after,
input[type=tel].valid + label:after,
input[type=tel]:focus.valid + label:after,
input[type=number].valid + label:after,
input[type=number]:focus.valid + label:after,
input[type=search-md].valid + label:after,
input[type=search-md]:focus.valid + label:after,
textarea.materialize-textarea.valid + label:after,
textarea.materialize-textarea:focus.valid + label:after {
content: attr(data-success);
color: #00C851;
opacity: 1;
}
input[type=text].invalid, input[type=text]:focus.invalid,
input[type=password].invalid,
input[type=password]:focus.invalid,
input[type=email].invalid,
input[type=email]:focus.invalid,
input[type=url].invalid,
input[type=url]:focus.invalid,
input[type=time].invalid,
input[type=time]:focus.invalid,
input[type=date].invalid,
input[type=date]:focus.invalid,
input[type=datetime-local].invalid,
input[type=datetime-local]:focus.invalid,
input[type=tel].invalid,
input[type=tel]:focus.invalid,
input[type=number].invalid,
input[type=number]:focus.invalid,
input[type=search-md].invalid,
input[type=search-md]:focus.invalid,
textarea.materialize-textarea.invalid,
textarea.materialize-textarea:focus.invalid {
border-bottom: 1px solid #F44336;
box-shadow: 0 1px 0 0 #F44336;
}
input[type=text].invalid + label:after,
input[type=text]:focus.invalid + label:after,
input[type=password].invalid + label:after,
input[type=password]:focus.invalid + label:after,
input[type=email].invalid + label:after,
input[type=email]:focus.invalid + label:after,
input[type=url].invalid + label:after,
input[type=url]:focus.invalid + label:after,
input[type=time].invalid + label:after,
input[type=time]:focus.invalid + label:after,
input[type=date].invalid + label:after,
input[type=date]:focus.invalid + label:after,
input[type=datetime-local].invalid + label:after,
input[type=datetime-local]:focus.invalid + label:after,
input[type=tel].invalid + label:after,
input[type=tel]:focus.invalid + label:after,
input[type=number].invalid + label:after,
input[type=number]:focus.invalid + label:after,
input[type=search-md].invalid + label:after,
input[type=search-md]:focus.invalid + label:after,
textarea.materialize-textarea.invalid + label:after,
textarea.materialize-textarea:focus.invalid + label:after {
content: attr(data-error);
color: #F44336;
opacity: 1;
}
input[type=text] + label:after,
input[type=password] + label:after,
input[type=email] + label:after,
input[type=url] + label:after,
input[type=time] + label:after,
input[type=date] + label:after,
input[type=datetime-local] + label:after,
input[type=tel] + label:after,
input[type=number] + label:after,
input[type=search-md] + label:after,
textarea.materialize-textarea + label:after {
display: block;
content: "";
position: absolute;
top: 65px;
opacity: 0;
transition: .2s opacity ease-out, .2s color ease-out;
}
select:focus {
outline: 1px solid white;
}
button:focus {
outline: none;
background-color: #b275d1;
}
label {
font-size: 1rem;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color: #9e9e9e;
}
.input-field {
position: relative;
margin-top: 1rem;
}
.input-field label {
color: #a5a5a5;
position: absolute;
top: 0.8rem;
left: 0.75rem;
font-size: 1rem;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
cursor: text;
-webkit-transition: 0.2s ease-out;
-moz-transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
-ms-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
.input-field label.active {
z-index: 5;
font-size: 0.8rem;
-webkit-transform: translateY(-120%);
-moz-transform: translateY(-120%);
-ms-transform: translateY(-120%);
-o-transform: translateY(-120%);
transform: translateY(-120%);
}
.input-field .prefix {
position: absolute;
width: 3rem;
font-size: 2rem;
-webkit-transition: color 0.2s;
-moz-transition: color 0.2s;
-o-transition: color 0.2s;
-ms-transition: color 0.2s;
transition: color 0.2s;
}
.input-field .prefix.active {
color: #3498db;
}
.input-field .prefix ~ input,
.input-field .prefix ~ textarea {
margin-left: 3rem;
width: 92%;
width: calc(100% - 3rem);
}
.input-field .prefix ~ textarea {
padding-top: .8rem;
}
.input-field .prefix ~ label {
margin-left: 3rem;
}
@media only screen and (max-width: 992px) {
.input-field .prefix ~ input {
width: 86%;
width: calc(100% - 3rem);
}
}
@media only screen and (max-width: 600px) {
.input-field .prefix ~ input {
width: 80%;
width: calc(100% - 3rem);
}
}
.input-field input[type=search-md] {
display: block;
line-height: inherit;
padding-left: 4rem;
width: calc(100% - 4rem);
}
.input-field input[type=search-md]:focus {
background-color: #fff;
border: 0;
box-shadow: none;
color: #444;
}
.input-field input[type=search-md]:focus + label i,
.input-field input[type=search-md]:focus ~ .mdi-navigation-close {
color: #444;
}
.input-field input[type=search-md] + label {
left: 1rem;
}
.input-field input[type=search-md] ~ .mdi-navigation-close {
position: absolute;
top: 0;
right: 1rem;
color: transparent;
cursor: pointer;
font-size: 2rem;
transition: .3s color;
}
textarea {
width: 100%;
height: 3rem;
background-color: transparent;
}
textarea.materialize-textarea {
overflow-y: hidden;
/* prevents scroll bar flash */
padding: 1.6rem 0;
resize: vertical;
min-height: 3rem;
}
.hiddendiv {
display: none;
white-space: pre-wrap;
word-wrap: break-word;
overflow-wrap: break-word;
/* future version of deprecated 'word-wrap' */
padding-top: 1.2rem;
/* prevents text jump on Enter keypress */
}
/*********************
Typography
**********************/
a {
text-decoration: none;
}
html {
line-height: 1.5;
font-family: "Roboto",
sans-serif;
font-weight: normal;
color: rgba(0, 0, 0, 0.87);
}
@media only screen and (min-width: 0) {
html {
font-size: 14px;
}
}
@media only screen and (min-width: 992px) {
html {
font-size: 14.5px;
}
}
@media only screen and (min-width: 1200px) {
html {
font-size: 15px;
}
}
p {
font-size: 16px;
line-height: 1.8em;
font-weight: 300;
}
h1,
h2,
h3,
h4,
h5,
h5 {
font-weight: 300;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
font-weight: inherit;
}
h1 {
font-size: 4.2rem;
line-height: 110%;
margin: 2.1rem 0 1.68rem 0;
}
h2 {
font-size: 3.56rem;
line-height: 110%;
margin: 1.78rem 0 1.424rem 0;
}
h3 {
font-size: 2.92rem;
line-height: 110%;
margin: 1.46rem 0 1.168rem 0;
}
h4 {
font-size: 2.28rem;
line-height: 110%;
margin: 1.14rem 0 0.912rem 0;
color: #3a4f5a;
}
h5 {
font-size: 1.64rem;
line-height: 110%;
margin: 0.82rem 0 0.656rem 0;
}
h6 {
font-size: 1rem;
line-height: 110%;
margin: 0.5rem 0 0.4rem 0;
}
em {
font-style: italic;
}
strong {
font-weight: 500;
}
small {
font-size: 75%;
}
.thin-100 {
font-weight: 100;
}
.thin-100-italic {
font-weight: 100;
font-style: italic;
}
.light-300 {
font-weight: 300;
}
.light-300-italic {
font-weight: 300;
font-style: italic;
}
.normal-400 {
font-weight: 400;
}
.normal-400-italic {
font-weight: 400;
font-style: italic;
}
.medium-500 {
font-weight: 500;
}
.medium-500-italic {
font-weight: 500;
font-style: italic;
}
.bold-700 {
font-weight: 700;
}
.bold-700-italic {
font-weight: 700;
font-style: italic;
}
.ultra-bold-900 {
font-weight: 900;
}
.ultra-bold-900-italic {
font-weight: 900;
font-style: italic;
}
.flow-text {
font-weight: 300;
}
@media only screen and (min-width: 360px) {
.flow-text {
font-size: 1.2rem;
}
}
@media only screen and (min-width: 390px) {
.flow-text {
font-size: 1.224rem;
}
}
@media only screen and (min-width: 420px) {
.flow-text {
font-size: 1.248rem;
}
}
@media only screen and (min-width: 450px) {
.flow-text {
font-size: 1.272rem;
}
}
@media only screen and (min-width: 480px) {
.flow-text {
font-size: 1.296rem;
}
}
@media only screen and (min-width: 510px) {
.flow-text {
font-size: 1.32rem;
}
}
@media only screen and (min-width: 540px) {
.flow-text {
font-size: 1.344rem;
}
}
@media only screen and (min-width: 570px) {
.flow-text {
font-size: 1.368rem;
}
}
@media only screen and (min-width: 600px) {
.flow-text {
font-size: 1.392rem;
}
}
@media only screen and (min-width: 630px) {
.flow-text {
font-size: 1.416rem;
}
}
@media only screen and (min-width: 660px) {
.flow-text {
font-size: 1.44rem;
}
}
@media only screen and (min-width: 690px) {
.flow-text {
font-size: 1.464rem;
}
}
@media only screen and (min-width: 720px) {
.flow-text {
font-size: 1.488rem;
}
}
@media only screen and (min-width: 750px) {
.flow-text {
font-size: 1.512rem;
}
}
@media only screen and (min-width: 780px) {
.flow-text {
font-size: 1.536rem;
}
}
@media only screen and (min-width: 810px) {
.flow-text {
font-size: 1.56rem;
}
}
@media only screen and (min-width: 840px) {
.flow-text {
font-size: 1.584rem;
}
}
@media only screen and (min-width: 870px) {
.flow-text {
font-size: 1.608rem;
}
}
@media only screen and (min-width: 900px) {
.flow-text {
font-size: 1.632rem;
}
}
@media only screen and (min-width: 930px) {
.flow-text {
font-size: 1.656rem;
}
}
@media only screen and (min-width: 960px) {
.flow-text {
font-size: 1.68rem;
}
}
@media only screen and (max-width: 360px) {
.flow-text {
font-size: 1.2rem;
}
}
/* Responsive Headings */
@media only screen and (max-width: 480px) {
.h1-responsive {
font-size: 2.18rem;
}
.h2-responsive {
font-size: 1.84rem;
}
.h3-responsive {
font-size: 1.7rem;
}
.h4-responsive {
font-size: 1.3rem;
}
.h5-responsive {
font-size: 1.1rem;
}
}
/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
.h1-responsive {
font-size: 2.28rem;
}
.h2-responsive {
font-size: 1.94rem;
}
.h3-responsive {
font-size: 1.6rem;
}
.h4-responsive {
font-size: 1.4rem;
}
.h5-responsive {
font-size: 1.2rem;
}
}
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
.h1-responsive {
font-size: 2.92rem;
}
.h2-responsive {
font-size: 2.28rem;
}
.h3-responsive {
font-size: 1.94rem;
}
.h4-responsive {
font-size: 1.4rem;
}
.h5-responsive {
font-size: 1.15rem;
}
}
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
.h1-responsive {
font-size: 3.56rem;
}
.h2-responsive {
font-size: 2.92rem;
}
.h3-responsive {
font-size: 2.28rem;
}
.h4-responsive {
font-size: 1.64rem;
}
.h5-responsive {
font-size: 1.2rem;
}
}
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
.h1-responsive {
font-size: 4.2rem;
}
.h2-responsive {
font-size: 3.56rem;
}
.h3-responsive {
font-size: 2.92rem;
}
.h4-responsive {
font-size: 2.28rem;
}
.h5-responsive {
font-size: 1.64rem;
}
}
/*********************
Waves
**********************/
/*!
* Waves v0.6.0
* http://fian.my.id/Waves
*
* Copyright 2014 Alfiana E. Sibuea and other contributors
* Released under the MIT license
* https://github.com/fians/Waves/blob/master/LICENSE
*/
.waves-effect {
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
will-change: opacity, transform;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.waves-effect .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
pointer-events: none;
}
.waves-effect.waves-light .waves-ripple {
background-color: rgba(255, 255, 255, 0.45);
}
.waves-effect.waves-red .waves-ripple {
background-color: rgba(244, 67, 54, 0.7);
}
.waves-effect.waves-yellow .waves-ripple {
background-color: rgba(255, 235, 59, 0.7);
}
.waves-effect.waves-orange .waves-ripple {
background-color: rgba(255, 152, 0, 0.7);
}
.waves-effect.waves-purple .waves-ripple {
background-color: rgba(156, 39, 176, 0.7);
}
.waves-effect.waves-green .waves-ripple {
background-color: rgba(76, 175, 80, 0.7);
}
.waves-effect.waves-teal .waves-ripple {
background-color: rgba(0, 150, 136, 0.7);
}
.waves-notransition {
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
-ms-transition: none !important;
transition: none !important;
}
.waves-circle {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}
.waves-input-wrapper {
border-radius: 0.2em;
vertical-align: bottom;
}
.waves-input-wrapper .waves-button-input {
position: relative;
top: 0;
left: 0;
z-index: 1;
}
.waves-circle {
text-align: center;
width: 2.5em;
height: 2.5em;
line-height: 2.5em;
border-radius: 50%;
-webkit-mask-image: none;
}
.waves-block {
display: block;
}
/* Firefox Bug: link not triggered */
a.waves-effect .waves-ripple {
z-index: -1;
}
@media only screen and (max-width: 992px) {
.center-on-small-only {
text-align: center;
}
}
.no-margin {
margin: 0;
}
.no-top-mar {
margin-top: 0 !important;
}
.no-gutter > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.no-padding {
padding: 0;
}
.no-pad-mar {
margin: 0;
padding: 0;
}
.extra-padding-05 {
padding: 0.5rem;
}
.extra-padding-1 {
padding: 1rem;
}
.extra-margin-1 {
padding: 1rem;
}
.extra-margin-2 {
padding: 2rem;
}
.space-30 {
height: 30px;
}
.space-50 {
height: 30px;
}
.verticalcenter {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.divider-new {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-size: 2.5em;
font-weight: 300;
margin-top: 45px;
margin-bottom: 45px;
}
.divider-new::before {
content: '';
height: 1.5px;
background: #666;
flex: 1;
margin: 0 .45em 0 0;
}
.divider-new::after {
content: '';
height: 1.5px;
background: #666;
flex: 1;
margin: 0 0 0 .45em;
}
.section-title {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 3rem;
padding: 0.7rem;
}
.section-title small {
text-transform: none;
padding-left: 7px;
margin-left: 10px;
}
.st-indigo {
border-left: 4px solid blue;
}
.st-indigo small {
border-left: 2px solid blue;
}
.st-red {
border-left: 4px solid red;
}
.st-red small {
border-left: 2px solid red;
}
.st-teal {
border-left: 4px solid #009688;
}
.st-teal small {
border-left: 2px solid #009688;
}
.st-orange {
border-left: 4px solid #ff6f00;
}
.st-orange small {
border-left: 2px solid #ff6f00;
}
.st-blue {
border-left: 4px solid #2196f3;
}
.st-blue small {
border-left: 2px solid #2196f3;
}
.divider-short {
max-width: 50px;
border-color: #3498db;
border-width: 3px;
}
/*********************
Normalize
**********************/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/**********************************************************************************************************************************************************
MBR
***********************************************************************************************************************************************************/
.mbr-transparent {
opacity: 0;
filter: alpha(opacity=0);
}
.mbr-parallax-background,
.mbr-background {
background-attachment: fixed !important;
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover !important;
}
.mbr-hidden-scrollbar .mbr-parallax-background {
background-size: auto 130%;
}
.mobile .mbr-parallax-background {
background-attachment: scroll !important;
}
.mbr-background {
background-attachment: scroll !important;
}
.is-builder .animated {
-webkit-animation-name: none !important;
animation-name: none !important;
}
.msgbox-1 {
overflow: hidden;
padding: 0px 20px;
position: relative;
}
.msgbox-1 .container {
padding: 65px 0 85px;
position: relative;
z-index: 3;
}
@media (max-width: 767px) {
.msgbox-1 .container {
padding: 67px 0 78px;
text-align: center;
}
}
.msgbox-1 .row > div + div {
line-height: 67px;
}
@media (max-width: 767px) {
.msgbox-1 .row > div + div {
padding-bottom: 3px;
padding-top: 23px;
}
}
@media (max-width: 480px) {
.msgbox-1 .row > div + div {
padding-bottom: 15px;
padding-top: 37px;
}
}
.msgbox-1 h1,
.msgbox-1 h2 {
letter-spacing: 4px;
line-height: 33px;
margin-bottom: 11px;
margin-top: 10px;
}
.msgbox-1 h1 + h1,
.msgbox-1 h2 + h1,
.msgbox-1 h1 + h2,
.msgbox-1 h2 + h2 {
margin-top: -11px;
}
@media (max-width: 767px) {
.msgbox-1 h1,
.msgbox-1 h2 {
line-height: 1.5em;
margin-bottom: 0;
}
.msgbox-1 h1 + h1,
.msgbox-1 h2 + h1,
.msgbox-1 h1 + h2,
.msgbox-1 h2 + h2 {
margin-top: -1px;
}
}
.msgbox-1 p {
color: #777;
font-size: 17px;
line-height: 27px;
margin-bottom: 0;
padding-bottom: 13px;
padding-top: 16px;
text-align: left;
}
.msgbox-1 p + p {
margin-top: -13px;
padding-top: 0;
}
@media (max-width: 767px) {
.msgbox-1 p {
padding-top: 20px;
}
}
.msgbox-1 .btn {
margin-top: -14px;
margin-right: 10px;
}
@media (max-width: 480px) {
.msgbox-1 .btn {
display: block;
}
.msgbox-1 .btn + .btn {
margin-top: 12px;
}
}
.msgbox-1.dark {
background: #3c3c3c;
color: #fff;
}
.msgbox-1.dark p {
color: #fff;
}
.msgbox-1.dark .btn-default {
border-color: #fff;
color: #fff;
}
.msgbox-1.dark .btn-default:hover,
.msgbox-1.dark .btn-default:focus,
.msgbox-1.dark .btn-default.focus,
.msgbox-1.dark .btn-default:active,
.msgbox-1.dark .btn-default.active,
.open > .dropdown-toggle.msgbox-1.dark .btn-default {
background-color: #fff;
border-color: #fff;
color: #252525;
}
.content-2 {
padding: 0;
position: relative;
}
.content-2.col-5 .row > div {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.content-2.col-5 .row > div {
display: inline-block;
float: none;
vertical-align: top;
width: 33%;
}
}
@media (min-width: 992px) {
.content-2.col-5 .row > div {
float: left;
width: 20%;
}
}
@media (min-width: 992px) {
.content-2.col-5 {
padding-top: 75px;
}
.content-2.col-5 .thumbnail h3 {
margin-top: 15px;
}
.content-2.col-5 .thumbnail h3 + h3 {
margin-top: -33px;
}
}
.content-2.col-4 .row > div {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.content-2.col-4 .row > div {
float: left;
width: 50%;
}
}
@media (min-width: 992px) {
.content-2.col-4 .row > div {
float: left;
width: 25%;
}
}
.content-2.col-3 .row > div {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.content-2.col-3 .row > div {
float: left;
width: 33.33333333%;
}
}
@media (min-width: 992px) {
.content-2.col-3 {
padding-top: 64px;
}
.content-2.col-3 .thumbnail h3 {
margin-top: 4px;
}
.content-2.col-3 .thumbnail h3 + h3 {
margin-top: -33px;
}
.content-2.col-3 .thumbnail .group {
margin-top: 37px;
}
}
.content-2.col-2 .row > div {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.content-2.col-2 .row > div {
float: left;
width: 50%;
}
}
@media (min-width: 992px) {
.content-2.col-2 {
padding-top: 48px;
}
.content-2.col-2 .thumbnail > img {
width: 100%;
max-width: 300px;
}
.content-2.col-2 .thumbnail h3 {
margin-top: -14px;
margin-bottom: 20px;
font-size: 25px;
letter-spacing: 6px;
line-height: 1.5em;
}
.content-2.col-2 .thumbnail h3 + h3 {
margin-top: -19px;
}
.content-2.col-2 .thumbnail p {
font-size: 17px;
line-height: 27px;
}
.content-2.col-2 .thumbnail .btn {
padding: 16px 27px;
line-height: 1.3333333;
border-radius: 0px;
font-size: 14px;
letter-spacing: 2px;
}
}
@media (max-width: 767px) {
.content-2 {
padding: 0 20px;
margin-right: 15px;
margin-left: 15px;
}
.content-2 .row > div {
-webkit-box-shadow: inset 0 0px 0px rgba(10, 10, 10, 0.06);
box-shadow: inset 0 0px 0px rgba(10, 10, 10, 0.06);
}
.content-2.dark .row > div {
-webkit-box-shadow: inset 0 0px 0px rgba(10, 10, 10, 0.06);
box-shadow: inset 0 0px 0px rgba(10, 10, 10, 0.06);
}
}
@media (min-width: 768px) and (max-width: 991px) {
.content-2.col-5 {
padding-top: 70px;
}
.content-2.col-5 .row > div + div + div + div {
margin-top: 50px;
}
.content-2.col-5 .thumbnail h3 {
margin-top: 10px;
}
.content-2.col-5 .thumbnail h3 + h3 {
margin-top: -33px;
}
.content-2.col-4 {
padding: 20px 20px 20px;
}
.content-2.col-4 .row > div + div + div {
margin-top: 39px;
}
.content-2.col-4 .thumbnail h3 {
margin-top: 4px;
margin-bottom: 32px;
}
.content-2.col-4 .thumbnail h3 + h3 {
margin-top: -33px;
}
.content-2.col-4 .thumbnail .group {
margin-top: 37px;
}
.content-2.col-3 {
padding-top: 73px;
}
.content-2.col-3 .thumbnail h3 {
margin-top: 12px;
margin-bottom: 33px;
}
.content-2.col-3 .thumbnail h3 + h3 {
margin-top: -33px;
}
.content-2.col-3 .thumbnail .group {
margin-top: 36px;
}
.content-2.col-2 {
padding-top: 64px;
}
.content-2.col-2 .thumbnail h3 {
margin-top: 4px;
margin-bottom: 33px;
}
.content-2.col-2 .thumbnail h3 + h3 {
margin-top: -34px;
}
.content-2.col-2 .thumbnail .group {
margin-top: 36px;
}
}
.content-2 .container {
padding: 0;
position: relative;
z-index: 3;
}
.content-2 .row {
margin-left: -24px;
margin-right: -24px;
}
.content-2 .thumbnail {
background: none;
margin-bottom: 0;
padding-bottom: 10px;
padding-left: 0;
padding-right: 0;
padding-top: 30px;
text-align: center;
border: 1px solid #e8e8e8;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: 0 8px 18px 0 rgba(62, 57, 107, 0.07), 0 2px 8px 0 rgba(62, 57, 107, 0.06);
-webkit-box-shadow: 0 8px 18px 0 rgba(62, 57, 107, 0.07), 0 2px 8px 0 rgba(62, 57, 107, 0.06);
}
@media (max-width: 767px) {
.content-2 .thumbnail {
padding-top: 42px;
padding-bottom: 45px;
margin-bottom: 0;
margin-top: 20px;
}
}
@media (max-width: 480px) {
.content-2 .thumbnail {
padding-bottom: 40px;
}
}
.content-2 .thumbnail > img,
.content-2 .thumbnail .image img {
max-width: 60px;
}
@media (max-width: 767px) {
.content-2 .thumbnail > img,
.content-2 .thumbnail .image img {
width: 100%;
max-width: 60px;
}
}
.content-2 .thumbnail h3 {
font-size: 24px;
letter-spacing: 0px;
margin-bottom: 25px;
margin-top: 6px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}
.content-2 .thumbnail h3 + h3 {
margin-top: -32px;
}
@media (max-width: 767px) {
.content-2 .thumbnail h3 {
font-size: 25px;
letter-spacing: 6px;
line-height: 1.5em;
margin-bottom: 20px;
margin-top: -14px;
}
.content-2 .thumbnail h3 + h3 {
margin-top: -21px;
}
}
.content-2 .thumbnail p {
font-size: 14px;
line-height: 24px;
text-align: left;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}
.content-2 .thumbnail p + p {
margin-top: -10px;
}
@media (max-width: 767px) {
.content-2 .thumbnail p {
font-size: 17px;
line-height: 27px;
}
}
.content-2 .thumbnail .group {
line-height: 43px;
margin-bottom: 14px;
margin-top: 33px;
text-align: center;
}
@media (max-width: 767px) {
.content-2 .thumbnail .group {
margin-top: 29px;
line-height: 67px;
}
}
@media (max-width: 480px) {
.content-2 .thumbnail .group {
margin-top: 37px;
}
}
@media (max-width: 767px) {
.content-2 .thumbnail .btn {
padding: 16px 27px;
line-height: 1.3333333;
border-radius: 0px;
font-size: 14px;
letter-spacing: 2px;
margin-right: 9px;
}
}
@media (max-width: 480px) {
.content-2 .thumbnail .btn {
display: block;
margin-right: 0;
}
.content-2 .thumbnail .btn + .btn {
margin-top: 12px;
}
}
.content-2.simple h3 {
margin-top: 0 !important;
margin-bottom: 31px !important;
}
.content-2.simple h3 + h3 {
margin-top: -30px !important;
}
.content-2.simple.col-5 {
padding-top: 77px;
}
.content-2.simple.col-4,
.content-2.simple.col-3 {
padding-top: 76px;
}
.content-2.simple.col-2 {
padding-top: 64px;
}
@media (min-width: 768px) and (max-width: 991px) {
.content-2.simple h3 {
margin-bottom: 32px !important;
}
.content-2.simple.col-5 {
padding-top: 76px;
}
.content-2.simple.col-5 .row > div + div + div + div {
margin-top: 53px;
}
.content-2.simple.col-4 {
padding-top: 77px;
}
.content-2.simple.col-4 .row > div + div + div {
margin-top: 53px;
}
.content-2.simple.col-2 {
padding-top: 76px;
}
}
@media (max-width: 767px) {
.content-2.simple {
padding-top: 0 !important;
}
.content-2.simple .thumbnail {
padding-top: 68px;
}
.content-2.simple h3 {
margin-bottom: 20px !important;
}
.content-2.simple h3 + h3 {
margin-top: -21px !important;
}
}
.mbr-navbar {
position: relative;
width: 100%;
}
.mbr-navbar:before {
content: "";
display: block;
}
.mbr-navbar__brand-link:after,
.mbr-navbar__brand-img {
height: 80px;
}
@media (max-width: 500px) {
.mbr-navbar__brand-link:after,
.mbr-navbar__brand-img {
display: none;
}
}
@media (max-width: 360px) {
.mbr-navbar__brand-link:after,
.mbr-navbar__brand-img {
height: 30px;
}
}
.mbr-navbar:before,
.mbr-navbar__container {
height: 80px;
}
.mbr-navbar--ss .mbr-navbar__brand-link:after,
.mbr-navbar--ss .mbr-navbar__brand-img {
height: 80px;
}
.mbr-navbar--ss:before,
.mbr-navbar--ss .mbr-navbar__container {
height: 80px;
}
.mbr-navbar--xs .mbr-navbar__brand-link:after,
.mbr-navbar--xs .mbr-navbar__brand-img {
height: 32px;
}
.mbr-navbar--xs:before,
.mbr-navbar--xs .mbr-navbar__container {
height: 56px;
}
.mbr-navbar--s .mbr-navbar__brand-link:after,
.mbr-navbar--s .mbr-navbar__brand-img {
height: 48px;
}
.mbr-navbar--s:before,
.mbr-navbar--s .mbr-navbar__container {
height: 72px;
}
.mbr-navbar--m .mbr-navbar__brand-link:after,
.mbr-navbar--m .mbr-navbar__brand-img {
height: 64px;
}
.mbr-navbar--m:before,
.mbr-navbar--m .mbr-navbar__container {
height: 80px;
}
.mbr-navbar--l .mbr-navbar__brand-link:after,
.mbr-navbar--l .mbr-navbar__brand-img {
height: 80px;
}
.mbr-navbar--l:before,
.mbr-navbar--l .mbr-navbar__container {
height: 80px;
}
.mbr-navbar--xl .mbr-navbar__brand-link:after,
.mbr-navbar--xl .mbr-navbar__brand-img {
height: 80px;
}
.mbr-navbar--xl:before,
.mbr-navbar--xl .mbr-navbar__container {
height: 80px;
}
.mbr-navbar--short .mbr-navbar__brand-link:after,
.mbr-navbar--short .mbr-navbar__brand-img {
}
.mbr-navbar--short:before,
.mbr-navbar--short .mbr-navbar__container {
height: 80px;
}
.mbr-navbar--short .mbr-navbar__container {
padding: 0px 0;
}
.mbr-navbar__brand-img {
position: relative;
}
.mbr-navbar__brand-img,
.mbr-navbar__container,
.mbr-navbar__section {
-webkit-transition: all 300ms ease-in-out 0s;
-o-transition: all 300ms ease-in-out 0s;
transition: all 300ms ease-in-out 0s;
}
.mbr-navbar__section {
background: #2c2c2c;
height: auto;
position: absolute;
top: 0;
width: 100%;
z-index: 1000;
}
.mbr-navbar__container {
display: table;
padding: 0;
width: 100%;
}
.mbr-navbar__menu-box {
display: table;
width: 100%;
}
.mbr-navbar__menu-box--inline-left,
.mbr-navbar__menu-box--inline-center,
.mbr-navbar__menu-box--inline-right {
display: block;
text-align: left;
}
.mbr-navbar__menu-box--inline-center {
text-align: center;
}
.mbr-navbar__menu-box--inline-right {
text-align: right;
}
.mbr-navbar__column {
display: table-cell;
vertical-align: middle;
}
.mbr-navbar__column--xxs {
width: 1%;
}
.mbr-navbar__column--xs {
width: 10%;
}
.mbr-navbar__column--s {
width: 20%;
}
.mbr-navbar__column--m {
width: 30%;
}
.mbr-navbar__column--l {
width: 40%;
}
.mbr-navbar__column--xl {
width: 50%;
}
.mbr-navbar__menu-box--inline-left .mbr-navbar__column,
.mbr-navbar__menu-box--inline-center .mbr-navbar__column,
.mbr-navbar__menu-box--inline-right .mbr-navbar__column {
display: inline-block;
}
.mbr-navbar__items {
float: left;
padding-left: 0px;
position: relative;
left: -20px;
}
.mbr-navbar__items--right {
float: right;
left: 0;
}
.mbr-navbar__item {
display: block;
float: left;
position: relative;
}
.mbr-navbar--collapsed .mbr-navbar__container {
position: relative;
}
.mbr-navbar--collapsed .mbr-navbar__column {
display: block;
width: 100%;
}
.mbr-navbar--collapsed .mbr-navbar__items--right {
padding-top: 13px;
}
.mbr-navbar--collapsed .mbr-navbar__menu {
background: rgba(0, 0, 0, 0.9);
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
}
.mbr-navbar--collapsed .mbr-navbar__menu-box {
display: table-cell;
vertical-align: middle;
}
.mbr-navbar--collapsed .mbr-navbar__items {
float: none;
}
.mbr-navbar--collapsed .mbr-navbar__item {
float: none;
}
.mbr-navbar--collapsed .mbr-navbar__hamburger {
display: block;
}
.mbr-navbar--collapsed.mbr-navbar--open .mbr-navbar__menu {
display: table;
}
.mbr-navbar--collapsed.mbr-navbar--open:not(.mbr-navbar--sticky) .mbr-navbar__section {
background: none;
position: fixed;
}
.mbr-navbar--collapsed.mbr-navbar--open .mbr-navbar__brand {
visibility: hidden;
}
.mbr-navbar--collapsed.mbr-navbar--sticky.mbr-navbar--open .mbr-navbar__brand {
visibility: visible;
}
.mbr-navbar--collapsed.mbr-navbar--open .mbr-navbar__brand-img,
.mbr-navbar--collapsed.mbr-navbar--open .mbr-navbar__container {
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.mbr-navbar--freeze.mbr-navbar--collapsed.mbr-navbar--open .mbr-navbar__hamburger,
.mbr-navbar--freeze.mbr-navbar--collapsed.mbr-navbar--open .mbr-navbar__hamburger:hover {
color: #fff !important;
}
.mbr-navbar--sticky .mbr-navbar__section {
position: fixed;
}
.mbr-navbar--absolute {
position: absolute;
}
.mbr-navbar--transparent .mbr-navbar__section {
background: #2c3e50;
opacity: 0.9;
}
.mbr-navbar--stuck .mbr-navbar__section,
.mbr-navbar--relative .mbr-navbar__section {
background: #2c2c2c;
}
@media (max-width: 991px) {
.mbr-navbar--auto-collapse .mbr-navbar__container {
position: relative;
}
.mbr-navbar--auto-collapse .mbr-navbar__column {
display: block;
width: 100%;
}
.mbr-navbar--auto-collapse .mbr-navbar__items--right {
padding-top: 13px;
}
.mbr-navbar--auto-collapse .mbr-navbar__menu {
background: rgba(0, 0, 0, 0.85);
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
}
.mbr-navbar--auto-collapse .mbr-navbar__menu-box {
display: table-cell;
vertical-align: middle;
}
.mbr-navbar--auto-collapse .mbr-navbar__items {
float: none;
}
.mbr-navbar--auto-collapse .mbr-navbar__item {
float: none;
}
.mbr-navbar--auto-collapse .mbr-navbar__hamburger {
display: block;
}
.mbr-navbar--auto-collapse.mbr-navbar--open .mbr-navbar__menu {
display: table;
}
.mbr-navbar--auto-collapse.mbr-navbar--open:not(.mbr-navbar--sticky) .mbr-navbar__section {
background: none;
position: fixed;
}
.mbr-navbar--auto-collapse.mbr-navbar--open .mbr-navbar__brand {
visibility: hidden;
}
.mbr-navbar--auto-collapse.mbr-navbar--sticky.mbr-navbar--open .mbr-navbar__brand {
visibility: visible;
}
.mbr-navbar--auto-collapse.mbr-navbar--open .mbr-navbar__brand-img,
.mbr-navbar--auto-collapse.mbr-navbar--open .mbr-navbar__container {
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.mbr-navbar--freeze.mbr-navbar--auto-collapse.mbr-navbar--open .mbr-navbar__hamburger,
.mbr-navbar--freeze.mbr-navbar--auto-collapse.mbr-navbar--open .mbr-navbar__hamburger:hover {
color: #fff !important;
}
}
.mbr-after-navbar:before {
content: "";
display: block;
height: 80px;
}
.mbr-brand {
display: block;
float: left;
position: relative;
}
.mbr-brand,
.mbr-brand:hover {
text-decoration: none;
}
.mbr-brand--inline {
display: table;
}
.mbr-brand--inline:after {
content: "";
display: table-cell;
width: 1px;
}
.mbr-brand--inline .mbr-brand__logo,
.mbr-brand--inline .mbr-brand__name {
display: table-cell;
vertical-align: middle;
}
.mbr-brand--inline .mbr-brand__logo {
padding-right: 10px;
}
.mbr-brand--inline .mbr-brand__name {
margin: 0;
text-align: left;
}
.mbr-section {
padding: 0 20px;
}
.mbr-section--no-padding {
padding: 0;
}
.mbr-section--relative {
position: relative;
}
.mbr-section--fixed-size {
overflow: hidden;
}
.mbr-section--full-height {
height: 550px;
}
.mbr-hero {
color: #fff;
position: relative;
}
.mbr-hero__text {
font-family: 'Open Sans', sans-serif;
font-weight: 600;
left: -2px;
letter-spacing: 0px;
margin: -18px 0 1px 0;
padding-bottom: 41px;
position: relative;
top: 8px;
}
/* handling title size through different viewport sizes */
@media (min-width: 1201px) {
.mbr-hero__text {
line-height: 1.4em;
font-size: 52px;
}
}
@media (min-width: 601px) and (max-width: 1200px) {
.mbr-hero__text {
line-height: 1.2em;
font-size: 46px;
}
}
@media (min-width: 401px) and (max-width: 600px) {
.mbr-hero__text {
line-height: 1.4em;
font-size: 2.6rem;
}
}
@media (max-width: 400px) {
.mbr-hero__text {
line-height: 1.2em;
font-size: 2.4rem;
}
}
/* handling background image height through different viewport sizes */
@media (min-width: 1021px) and (min-height: 1061px) {
.mbr-section--full-height {
height: 740px;
}
}
@media (min-width: 1021px) and (max-height: 1060px) {
.mbr-section--full-height {
height: 740px;
}
}
@media (min-width: 1021px) and (max-height: 1040px) {
.mbr-section--full-height {
height: 720px;
}
}
@media (min-width: 1021px) and (max-height: 1020px) {
.mbr-section--full-height {
height: 700px;
}
}
@media (min-width: 1021px) and (max-height: 1000px) {
.mbr-section--full-height {
height: 680px;
}
}
@media (min-width: 1021px) and (max-height: 980px) {
.mbr-section--full-height {
height: 660px;
}
}
@media (min-width: 1021px) and (max-height: 960px) {
.mbr-section--full-height {
height: 640px;
}
}
@media (min-width: 1021px) and (max-height: 940px) {
.mbr-section--full-height {
height: 620px;
}
}
@media (min-width: 1021px) and (max-height: 920px) {
.mbr-section--full-height {
height: 600px;
}
}
@media (min-width: 1021px) and (max-height: 900px) {
.mbr-section--full-height {
height: 580px;
}
}
@media (min-width: 1021px) and (max-height: 880px) {
.mbr-section--full-height {
height: 560px;
}
}
@media (min-width: 1021px) and (max-height: 860px) {
.mbr-section--full-height {
height: 540px;
}
}
@media (min-width: 1021px) and (max-height: 840px) {
.mbr-section--full-height {
height: 520px;
}
}
@media (min-width: 1021px) and (max-height: 820px) {
.mbr-section--full-height {
height: 500px;
}
}
@media (min-width: 1021px) and (max-height: 800px) {
.mbr-section--full-height {
height: 480px;
}
}
@media (min-width: 1021px) and (max-height: 780px) {
.mbr-section--full-height {
height: 460px;
}
}
@media (min-width: 1021px) and (max-height: 760px) {
.mbr-section--full-height {
height: 440px;
}
}
@media (min-width: 1021px) and (max-height: 740px) {
.mbr-section--full-height {
height: 420px;
}
}
@media (min-width: 1021px) and (max-height: 720px) {
.mbr-section--full-height {
height: 400px;
}
}
@media (min-width: 1021px) and (max-height: 710px) {
.mbr-section--full-height {
height: 380px;
}
}
@media (min-width: 1021px) and (max-height: 690px) {
.mbr-section--full-height {
height: 360px;
}
}
@media (min-width: 1021px) and (max-height: 670px) {
.mbr-section--full-height {
height: 340px;
}
}
@media (max-width: 1020px) , (max-height: 640px) {
.mbr-section--full-height {
height: 100vh;
}
}
/* handling arrow through different viewport sizes */
@media (min-width: 1021px) and (min-height: 641px) {
.mbr-arrow__link {
visibility: hidden;
}
}
@media (max-width: 1020px) , (min-height: 641px) and (max-height: 640px) {
.mbr-arrow__link {
visibility: visible;
}
}
.mbr-section--full-height.mbr-after-navbar:before {
display: none;
}
.mbr-section--bg-adapted {
background-attachment: scroll;
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
}
.mbr-section--gray {
background-color: #444444;
}
.mbr-section--light-gray {
background-color: #f0f0f0;
}
.mbr-section--dark-gray {
background-color: #3c3c3c;
}
.mbr-section__container {
padding: 0;
position: relative;
z-index: 3;
}
.mbr-section__container--std-padding {
padding: 93px 0;
}
.mbr-section__container--sm-padding {
padding: 41px 0;
}
.mbr-section__container--isolated_applications {
padding-top: 80px;
padding-bottom: 60px;
}
.mbr-section__container--isolated_applications_full {
padding-top: 160px;
padding-bottom: 60px;
}
.mbr-section__container--isolated_presentation {
padding-top: 120px;
padding-bottom: 120px;
padding-left: 60px;
padding-right: 60px;
}
.mbr-section__container--isolated_connect {
padding-top: 160px;
padding-bottom: 200px;
}
@media (max-width: 991px) {
.mbr-section__container--isolated_presentation {
padding-top: 110px;
padding-bottom: 110px;
padding-left: 0px;
padding-right: 0px;
}
}
@media (max-width: 640px) {
.mbr-section__container--isolated_presentation {
padding-top: 30px;
padding-bottom: 70px;
}
}
@media (max-width: 480px) {
.mbr-section__container--isolated_presentation {
padding-top: 50px;
padding-bottom: 60px;
}
.mbr-section__container--isolated_applications {
padding-top: 60px;
padding-bottom: 20px;
}
}
.mbr-section__container--isolated_contact {
padding-top: 90px;
padding-bottom: 0px;
}
.mbr-section__container--first {
padding-top: 93px;
padding-bottom: 41px;
}
.mbr-section__container--middle {
padding-bottom: 41px;
}
.mbr-section__container--last {
padding-bottom: 93px;
}
.mbr-section__left {
padding-right: 40px;
}
.mbr-section__right {
padding-left: 15px;
}
.mbr-section__header {
line-height: 1.5em;
margin: -10px 0 0;
text-align: center;
}
@media (max-width: 767px) {
.mbr-section__left {
padding-right: 15px;
}
.mbr-section__right {
padding-left: 15px;
padding-top: 51px;
}
}
.mbr-arrow {
bottom: -25px;
left: 0;
text-align: center;
line-height: 1px;
padding: 0 20px;
position: relative;
width: 100%;
z-index: 3;
}
.mbr-arrow__link {
display: inline-block;
font-size: 26px;
}
.mbr-arrow__link,
.mbr-arrow__link:hover,
.mbr-arrow__link:focus {
color: #fff;
}
.mbr-arrow--floating .mbr-arrow__link {
-webkit-animation: floating-arrow 1.6s infinite ease-in-out 0s;
-o-animation: floating-arrow 1.6s infinite ease-in-out 0s;
animation: floating-arrow 1.6s infinite ease-in-out 0s;
}
@-webkit-keyframes floating-arrow {
from {
-webkit-transform: translateY(0);
transform: translateY(0);
}
65% {
-webkit-transform: translateY(11px);
transform: translateY(11px);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-o-keyframes floating-arrow {
from {
-webkit-transform: translateY(0);
transform: translateY(0);
}
65% {
-webkit-transform: translateY(11px);
transform: translateY(11px);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes floating-arrow {
from {
-webkit-transform: translateY(0);
transform: translateY(0);
}
65% {
-webkit-transform: translateY(11px);
transform: translateY(11px);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.mbr-arrow--dark .mbr-arrow__link,
.mbr-arrow--dark .mbr-arrow__link:hover,
.mbr-arrow--dark .mbr-arrow__link:focus {
color: #252525;
}
.mbr-box {
display: table;
width: 100%;
}
.mbr-box--fixed {
table-layout: fixed;
}
.mbr-box--stretched {
height: 100%;
}
.mbr-box__magnet {
display: table-cell;
float: none;
height: 100%;
margin-bottom: 0;
margin-top: 0;
text-align: center;
vertical-align: middle;
}
.mbr-box__magnet--sm-padding {
padding: 41px 0;
}
.mbr-box__magnet--top-left,
.mbr-box__magnet--top-center,
.mbr-box__magnet--top-right {
vertical-align: top;
}
.mbr-box__magnet--bottom-left,
.mbr-box__magnet--bottom-center,
.mbr-box__magnet--bottom-right {
vertical-align: bottom;
}
.mbr-box__magnet--top-left,
.mbr-box__magnet--center-left,
.mbr-box__magnet--bottom-left {
text-align: center;
}
.mbr-box__magnet--top-right,
.mbr-box__magnet--center-right,
.mbr-box__magnet--bottom-right {
text-align: center;
}
.mbr-box__container {
height: 50%;
}
@media (max-width: 767px) {
.mbr-box__container {
height: 100%;
}
.mbr-box--adapted {
display: block;
}
.mbr-box--adapted > .mbr-box__magnet {
display: block;
height: auto;
}
}
.mbr-overlay {
background: #222;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
.mbr-header {
margin-top: -20px;
padding: 0;
position: relative;
text-align: center;
top: 10px;
}
.mbr-header--std-padding {
padding-bottom: 41px;
}
.mbr-header--center {
text-align: center;
}
.mbr-header__text {
display: block;
font-size: 34px;
font-weight: 400;
letter-spacing: 0px;
line-height: 1.5em;
margin: 0;
font-family: 'Open Sans', sans-serif;
}
@media (max-width: 480px) {
.mbr-header__text {
font-size: 28px;
}
}
@media (max-width: 320px) {
.mbr-header__text {
font-size: 26px;
}
}
.title_bold {
font-weight: 600;
}
.mbr-header__subtext {
color: #777;
font-size: 14px;
font-style: italic;
letter-spacing: 1px;
margin: 8px 0 7px 0;
}
.mbr-header--inline {
margin-top: 0;
padding: 41px 0 28px 0;
top: 0;
}
.mbr-header--inline .mbr-header__text {
letter-spacing: 4px;
line-height: 1em;
margin: 15px 0 0 0;
}
@media (max-width: 767px) {
.mbr-header--inline {
padding: 47px 0 38px 0;
}
.mbr-header--inline .mbr-header__text {
display: block;
margin: 0 0 38px 0;
}
.mbr-header--auto-align .mbr-header__text,
.mbr-header--auto-align .mbr-header__subtext {
left: 0;
text-align: center !important;
}
}
.thumbnail .caption {
color: #3a4f5a;
}
.separator {
width: 100%;
margin: 20px auto 15px;
position: relative;
height: 1px;
-webkit-backface-visibility: hidden;
-ms-transform: translateZ(0);
-ms-transform: scale(1.1);
-webkit-transform: translateZ(0);
-webkit-transform: scale(1.1);
transform: translateZ(0);
transform: scale(1.1);
color: #777;
background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .09) 35%, rgba(0, 0, 0, .09) 70%, rgba(0, 0, 0, 0) 100%);
bottom: -1px;
content: "";
left: 0;
}
.v-separator {
content: "";
display: inline-block;
width: 0px;
height: 12px;
border-right: 1px solid #fafafa;
border-left: 1px solid #b4b4b4;
padding: 0;
}
.links_container {
text-align: center;
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}
.links_container a {
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color: #3498db;
text-decoration: none;
transition: all ease-in-out 0.2s;
}
.links_container a:visited {
color: #3498db;
}
.links_container a:hover {
color: #3eb0fd;
}
.links_container a:active {
color: #3498db;
}
.application_link a {
color: #3a4f5a;
text-decoration: none;
letter-spacing: 0;
}
.application_link a:visited {
color: #3a4f5a;
}
.application_link a:hover {
color: #3498db;
}
.application_link a:active {
color: #3a4f5a;
}
.link_more_infos {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color: #fff;
}
.link_more_infos a {
font-size: 16px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color: #fff;
transition: all ease-in-out 0.2s;
text-decoration: none;
}
.link_more_infos a:visited {
color: #fff;
border-color: #fff;
}
.link_more_infos a:hover {
color: #7ecbff;
}
.link_more_infos a:active {
color: #fff;
}
#header1-73 H1 {
font-family: 'Open Sans', sans-serif;
}
#header1-73 P {
font-family: 'Open Sans', sans-serif;
}
#menu-74 .mbr-brand__name {
font-size: 14px;
}
#menu-74.mbr-navbar--stuck .mbr-navbar__section {
background: #2c3e50;
opacity: 1;
}
#menu-74 .mbr-brand__name a {
font-size: 24px;
font-family: 'Open Sans', sans-serif;
}
#menu-74 .mbr-navbar__items a {
font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 14px;
color: #fff;
text-decoration: none;
-webkit-transition: color 0.4s ease;
-moz-transition: color 0.4s ease;
-o-transition: color 0.4s ease;
transition: color 0.4s ease;
}
#menu-74 .mbr-navbar__items a:visited {
color: #fff;
text-decoration: none;
}
#menu-74 .mbr-navbar__items a:hover {
color: #d7d7d7;
text-decoration: none;
}
#menu-74 .mbr-navbar__items a:active {
color: #fff;
text-decoration: none;
}
@media (max-width: 400px) {
#menu-74 .mbr-navbar__items a {
font-size: 12px;
}
}
#menu-75 .mbr-navbar__items a {
font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 16px;
color: #fff;
text-decoration: none;
-webkit-transition: color 0.4s ease;
-moz-transition: color 0.4s ease;
-o-transition: color 0.4s ease;
transition: color 0.4s ease;
}
#menu-75 .mbr-navbar__items a:visited {
color: #fff;
text-decoration: none;
}
#menu-75 .mbr-navbar__items a:hover {
color: #fff;
text-decoration: none;
}
#menu-75 .mbr-navbar__items a:active {
color: #fff;
text-decoration: none;
}
@media (max-width: 400px) {
#menu-75 .mbr-navbar__items a {
font-size: 14px;
}
}
#features1-75 P {
text-align: center;
}
#features1-77 P {
text-align: center;
color: #ffffff;
}
#features1-77 H3 {
color: #ffffff;
}
#msg-box5-79 .mbr-header__text {
color: #ffffff;
}
#msg-box5-79 .mbr-header__subtext {
color: #ffffff;
}
#msg-box5-79 .mbr-article {
color: #ffffff;
}
#features1-80 P {
color: #4c6972;
text-align: center;
}
#msg-box3-81 .mbr-header .mbr-header__text {
text-align: center;
}
#msg-box3-81 .mbr-header .mbr-header__subtext {
text-align: center;
}
#msg-box3-82 .mbr-header .mbr-header__text {
text-align: center;
}
#msg-box3-82 .mbr-header .mbr-header__subtext {
text-align: center;
}
#msg-box2-83 h2 {
color: #252525;
}
#msg-box2-83 p {
color: #252525;
}
#msg-box2-84 h2 {
color: #252525;
}
#msg-box2-84 p {
color: #252525;
}
.mbr-footer_up {
font-size: 14px;
letter-spacing: 0px;
line-height: 1.5em;
padding: 60px 0 60px;
text-align: center;
}
.mbr-footer_down {
font-size: 14px;
letter-spacing: 0px;
line-height: 1.5em;
padding: 0;
text-align: center;
}
.menu_footer {
color: #fff;
font-size: 14px;
letter-spacing: 0px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
}
.menu_footer a {
color: #fff;
font-size: 14px;
letter-spacing: 0px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
text-decoration: none;
}
.menu_footer a:visited {
color: #fff;
text-decoration: none;
}
.menu_footer a:hover {
color: #7ecbff;
text-decoration: none;
}
.menu_footer a:active {
color: #fff;
text-decoration: none;
}
.mbr-footer__copyright {
margin: 0;
color: #fff;
font-size: 14px;
letter-spacing: 0px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}
.mbr-buttons {
margin: -26px 0 13px 0;
position: relative;
text-align: center;
top: 26px;
}
.mbr-buttons_connect_header {
margin: -22px 0 11px 0;
position: relative;
text-align: center;
top: 20px;
}
.mbr-buttons__btn,
.mbr-buttons__link {
margin: 0;
}
.mbr-buttons__btn,
.mbr-buttons__link,
.mbr-buttons__btn:hover,
.mbr-buttons__link:hover {
text-decoration: none;
}
.mbr-buttons--no-offset {
margin-top: 0;
top: 0;
}
.mbr-buttons--only-links {
left: -20px;
}
.mbr-buttons--center {
left: 5px;
text-align: center;
}
.mbr-buttons--center.mbr-buttons--only-links {
left: 0;
}
.mbr-buttons--right {
text-align: right;
}
.mbr-buttons--right .mbr-buttons__btn,
.mbr-buttons--right .mbr-buttons__link {
margin: 0 0 13px 10px;
}
.mbr-buttons--right.mbr-buttons--only-links {
left: 20px;
}
.mbr-buttons--activated {
left: 5px;
text-align: center;
}
.mbr-buttons--activated .mbr-buttons__btn,
.mbr-buttons--activated .mbr-buttons__link {
margin-left: 0;
margin-right: 0;
}
.mbr-buttons--activated .mbr-buttons__link {
font-size: 25px;
padding: 10px 30px 2px;
}
.mbr-buttons--activated .mbr-buttons__btn {
font-size: 15px;
margin-top: 9px;
padding: 15px 30px;
}
.mbr-buttons--freeze.mbr-buttons--activated .mbr-buttons__link {
font-size: 25px !important;
}
.mbr-buttons--freeze.mbr-buttons--activated .mbr-buttons__link,
.mbr-buttons--freeze.mbr-buttons--activated .mbr-buttons__link:hover {
color: #fff !important;
}
.mbr-buttons--freeze.mbr-buttons--activated .mbr-buttons__btn {
font-size: 15px !important;
}
@media (max-width: 991px) {
.mbr-buttons--active {
left: 5px;
text-align: center;
}
.mbr-buttons--active .mbr-buttons__btn,
.mbr-buttons--active .mbr-buttons__link {
margin-left: 0;
margin-right: 0;
}
.mbr-buttons--active .mbr-buttons__link {
font-size: 25px;
padding: 10px 30px 2px;
}
.mbr-buttons--active .mbr-buttons__btn {
font-size: 15px;
margin-top: 9px;
padding: 15px 30px;
}
.mbr-buttons--freeze.mbr-buttons--active .mbr-buttons__link {
font-size: 25px !important;
}
.mbr-buttons--freeze.mbr-buttons--active .mbr-buttons__link,
.mbr-buttons--freeze.mbr-buttons--active .mbr-buttons__link:hover {
color: #fff !important;
}
.mbr-buttons--freeze.mbr-buttons--active .mbr-buttons__btn {
font-size: 15px !important;
}
}
@media (max-width: 767px) {
.mbr-buttons--auto-align {
left: 5px;
text-align: center;
}
.mbr-buttons--auto-align.mbr-buttons--only-links {
left: 0;
}
}
@media (max-width: 530px) {
.mbr-buttons {
left: 0;
}
.mbr-buttons__btn,
.mbr-buttons__link,
.mbr-buttons--right .mbr-buttons__btn,
.mbr-buttons--right .mbr-buttons__link {
display: inline-block;
margin: 0 0 13px 0;
text-align: center;
width: 100%;
}
.mbr-buttons--activated .mbr-buttons__btn,
.mbr-buttons--activated .mbr-buttons__link,
.mbr-buttons--active .mbr-buttons__btn,
.mbr-buttons--active .mbr-buttons__link {
width: auto;
}
.mbr-buttons--activated .mbr-buttons__btn,
.mbr-buttons--active .mbr-buttons__btn {
margin-top: 9px;
}
}
.mbr-article {
color: #fff;
font-size: 16px;
line-height: 26px;
text-align: center;
position: relative;
margin-top: -21px;
top: 14px;
}
.mbr-article--wysiwyg h1,
.mbr-article--wysiwyg h2,
.mbr-article--wysiwyg h3,
.mbr-article--wysiwyg h4,
.mbr-article--wysiwyg h5,
.mbr-article--wysiwyg h6 {
color: #252525;
display: block;
font-weight: bold;
line-height: 1.3em;
text-align: left;
}
.mbr-article--wysiwyg h1 {
font-size: 27px;
letter-spacing: 3px;
}
.mbr-article--wysiwyg h2 {
font-size: 23px;
letter-spacing: 2px;
}
.mbr-article--wysiwyg h3 {
font-size: 19px;
letter-spacing: 1px;
}
.mbr-article--wysiwyg h4 {
font-size: 14px;
}
.mbr-article--wysiwyg h5 {
font-size: 11px;
}
.mbr-article--wysiwyg h6 {
font-size: 10px;
}
.mbr-article--wysiwyg p,
.mbr-article--wysiwyg ul,
.mbr-article--wysiwyg ol,
.mbr-article--wysiwyg blockquote {
margin: 0 0 10px 0;
}
.mbr-article--wysiwyg blockquote {
font-size: 17px;
border-color: #f97352;
}
@media (max-width: 767px) {
.mbr-article--auto-align.mbr-article--wysiwyg p,
.mbr-article--auto-align {
text-align: left !important;
}
}
/****************************************************
* Applications blocks
****************************************************/
.application-links {
bottom: 10px;
position: absolute;
white-space: nowrap;
transform: translate(-50%, 0);
left: 50%;
}
.application-block {
height: 100%
}
@media (max-width: 767px) {
.application-row {
height: auto !important;
}
}
/****************************************************
* mention legales
****************************************************/
.legal {
color: #000;
font-size: 11px;
letter-spacing: 0px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}
.legal h1 {
font-size: 1.5em;
letter-spacing: 0px;
font-weight: bold;
}
.legal a {
color: #0000a0;
text-decoration: underline;
}
.legal a:visited {
color: blue;
text-decoration: none;
}
.legal a:hover {
color: #0000a0;
text-decoration: underline;
}
/****************************************************
* Carousel
****************************************************/
.carousel-control {
color: #d35400;
text-shadow: 0 3px 3px rgba(0, 0, 0, 0.6);
}
.carousel-control:hover {
color: #d35400;
text-shadow: 0 0px 0px rgba(0, 0, 0, 0.6);
}
.carousel-control:focus {
color: #d35400;
font-weight: bolder;
}
.carousel-control.right {
background-image: none;
opacity: 1;
right: -60px;
}
.carousel-control.left {
background-image: none;
opacity: 1;
left: -60px;
}
/****************************************************
* Warning popups
****************************************************/
.alert-info {
border-color: #3498db;
background-color: #3498db;
border-color: #bce8f1;
color: #fff;
position: relative;
}
.alert-info:before {
background-color: #3498db;
}
/****************************************************
* Application presentation
****************************************************/
.applicationPresentation img {
max-width: 50px;
}
.applicationPresentation .modal-header {
padding-bottom: 0px;
}
.applicationPresentation .modal-body-presentation {
padding-top: 0px;
}
.applicationPresentation .adjustments_caroussel {
padding-bottom: 5px;
padding-top: 5px;
}
.applicationPresentation .adjustments_btn {
margin-top: 0px;
}
/****************************************************
* Discover account
****************************************************/
.discoverAccount img {
max-width: 70px;
}
/****************************************************
* Portal Forms
****************************************************/
.portalFormInput {
padding-right: 0px;
}
.portalFormInputGroup {
width: 100%;
padding-right: 30px
}
.portalFormInputField {
padding-right: 0px !important;
}
.portalFormRGPD {
font-size: 12px;
line-height: 1rem;
margin: 0;
padding: 0 0 20px 0;
}
.help-block.with-errors {
height: 1.2em; /* espace réservé, fixe */
line-height: 1.2em; /* alignement vertical */
overflow: hidden; /* si un dev écrit trop long : coupé → pas de casse layout */
white-space: nowrap; /* garantit une seule ligne */
text-overflow: ellipsis; /* optionnel : "…" si le dev déconne */
}
.info-zone {
color: #1976d2; /* bleu lisible */
font-size: 0.85em;
margin-top: 4px;
min-height: 1.2em; /* espace réservé */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/****************************************************
* Cookies acceptance banner
****************************************************/
.cookiesBanner {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 1.7em;
color: #fff;
text-decoration: none;
-webkit-transition: color 0.4s ease;
-moz-transition: color 0.4s ease;
-o-transition: color 0.4s ease;
transition: color 0.4s ease;
padding-top: 10px;
vertical-align: middle;
}
.cookiesBannerTop {
padding-top: 10px;
}
.cookiesBannerBottom {
padding-bottom: 10px;
}
.cookiesBannerRight {
vertical-align: middle;
text-align: right;
}
.cookiesBanner a {
font-weight: 600;
color: white;
text-decoration: underline;
}
.cookiesBanner a:hover {
color: #3498db;
}
.cookiesBanner input {
margin-top: 0px;
vertical-align: middle;
}
/****************************************************
* Contacts
****************************************************/
.contactFabSearch {
background-color: rgb(245, 245, 245);
}
.contactFabSearchContainer {
padding: 10px;
overflow: auto;
max-height: 360px;
}
.contactFabSearchResult {
background-color: white;
}
.contactFabSearchResult tr, .contactFabSearchResult tbody {
display: block;
}
/****************************************************
* Alerts
****************************************************/
#alertHeaderSection .mbr-section__container--isolated_applications_full {
padding-top: 100px;
padding-bottom: 0px;
}
/* removes the margin arround the orders datatable that forces a scrollbar*/
.alerts-tables > div > div {
margin: 0px
}
#alertsTable i {
padding-left: 5px;
}
.alert-sample {
padding: 5px;
}
.alert-sample::before {
content: none;
}
.alert-visibility.fa-check, .alert-visibility.fa-calendar-check-o {
color: #7ac673;
}
.alert-visibility.fa-times {
color: #f97352;
}
.alertActions {
display: inline-flex;
}
.alertActions i {
color: rgb(52, 152, 219);
font-size: 25px;
cursor: pointer;
padding-right: 3px;
padding-left: 3px;
}
.alertActions i:hover {
color: #3eaef9;
}
#alertForm label {
color: black;
}
.datetimepicker.dropdown-menu {
background-color: white;
}
/** it looks like the datatimepicker dont call correctly the glyphicon classes (icon-arrow-right=glyphicon-arrow-right)...**/
.icon-arrow-right:before {
content: "\e092";
}
.icon-arrow-left:before {
content: "\e091";
}
.icon-remove, .icon-th {
padding-top: 15px;
}
.icon-remove {
padding-right: 20px;
}
.icon-th {
padding-right: 26px;
}
#alertDatesRow .portalFormInputGroup {
padding-right: 10px
}
#startDatetimepickerInput, #endDatetimepickerInput {
width: 0px
}
.dropdown-content li > a, .dropdown-content li > span {
color: black;
}
#forConnectedUserOnlyLabel {
top: 5px;
}
.portalFormInputGroup ul li label {
position: static;
}
.userAlertDismissCookieExpires {
margin-top: 1rem;
}
#alerteMessage {
height: auto;
padding-bottom: 0px;
}
.row.equal-cols {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.row.equal-cols:before,
.row.equal-cols:after {
display: block;
}
.row.equal-cols > [class*='col-'] {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.row.equal-cols > [class*='col-'] > * {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
#saveAlertButton {
margin: 0px;
padding: 0px 22px;
}
#cancelAlertButton {
padding: 0px 22px;
}
/*!/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
SPINNER
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.spinner {
margin: 0px auto;
width: 50px;
height: 30px;
text-align: center;
font-size: 10px;
}
.spinner > div {
background-color: rgb(52, 152, 219);
height: 100%;
width: 6px;
margin-left: 2px;
display: inline-block;
-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.spinner .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.spinner .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.spinner .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
0%, 40%, 100% {
-webkit-transform: scaleY(0.4)
}
20% {
-webkit-transform: scaleY(1.0)
}
}
@keyframes sk-stretchdelay {
0%, 40%, 100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
}
20% {
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
}
}