body{font-family: 'Open Sans',sans-serif}
img{max-width: 100%;}
body p{color: #000;}
h1,h2,h3,h4,h5,h6{color:#006160; font-weight: bold;}
.header{background-image: url(../img/bg-digital-lab.jpg); background-size: cover; padding: 30px 0; background-position: center center;}
.header p.title{font-size: 2.8em; font-weight: 300; line-height: 1.4em; color: #FFF;}
.header img.lab__logo{max-width: 400px; margin: 10px 0 20px;}
.main__logo{max-width: 200px;}
.header__content{margin-top: 70px;}
footer{background-color: #333;  padding: 45px 0;}
footer .main__logo{max-width: 240px;}
footer p{color: #FFF; font-size: 14px,}
footer p a{font-weight: bold; color: #FFF;}
footer p a:hover{color: #FFF;}
.title__footer{font-size: 1.3em; line-height: 1.3em;}
.color_blue{color: #539CD9;}
.color_blue em{font-size: 18px;}
.iframe-container { overflow: hidden; padding-top: 56.25%; position: relative; }
.iframe-container iframe { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.label_azure { background-color: #539cd9; color: #FFF; font-weight: bold; display: inline-block; padding: 5px 20px; font-size: 1.5em; margin: 7px 0 40px; }
.bg-gradient{ background-image: linear-gradient(to right, #539CD9 0%, #71FFA1  100%); background-size: 100% auto;
-webkit-transition: background 500ms ease-in-out;
-moz-transition: background 500ms ease-in-out;
-ms-transition: background 500ms ease-in-out;
-o-transition: background 500ms ease-in-out;
transition: background 500ms ease-in-out;
}
.bg-gradient:hover{background-position: right center; background-size: 200% auto; color:#FFF; text-decoration: none;}
.btn-lab{color: #FFF; text-transform: uppercase; font-size: 20px; padding: 15px 60px; cursor: pointer; font-weight: bold; display: inline-block;}
.bg-green{background-color: #f2f2f2;}
.f-weight-normal{font-weight: 400;}
.content-card{webkit-box-shadow: 0 10px 10px 4px rgba(171,171,171,.5); -moz-box-shadow: 0 10px 10px 4px rgba(171,171,171,.5); box-shadow: 0 10px 10px 4px rgba(171,171,171,.5); background-color: #FFF; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; height:100%;}
.content-card img{-webkit-border-top-left-radius: 14px; -webkit-border-top-right-radius: 14px; -moz-border-radius-topleft: 14px; -moz-border-radius-topright: 14px; border-top-left-radius: 14px; border-top-right-radius: 14px;}
.text-card{padding: 25px;}
.text-card h3{font-size: 1.4em;}
.text-card .label_azure{font-size: 16px;}
.content-card .btn-lab{font-size: 16px; padding: 8px 40px;}
.effect-lab{position: relative;}
.effect-lab:after{content: ''; background-image: url(../img/effect-digital.jpg); position: absolute; right: 0; width: 458px; height: 627px; top: 50%; z-index: 1;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.effect-lab .container{position: relative; z-index: 2;}
.modal-popup-request{background:#006160;position:fixed;top:0;left:0;height:100vh;width:100%;z-index:1021;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;opacity:0;pointer-events:none;-webkit-transition:all .3s;transition:all .3s}
.modal-popup-request .modal-wrapper{background:#fff;max-width:800px;padding:30px;position:relative;box-shadow:0 5px 10px rgba(0,0,0,0.1);opacity:0;-webkit-transition:all .5s;transition:all .5s;-webkit-transform:scale(1.1);transform:scale(1.1)}
.modal-popup-request .modal-wrapper.active{opacity:1!important;-webkit-transition-delay:.5s;transition-delay:.5s;-webkit-transform:scale(1);transform:scale(1)}
.modal-popup-request .modal-wrapper .row{margin-bottom:30px!important}
.modal-popup-request .modal-wrapper .close{position:absolute;top:-40px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);cursor:pointer}
.modal-popup-request .modal-wrapper .close img{height:25px}
.modal-popup-request .modal-wrapper h3{color:#006160;text-align:center;font-size:33px}
.modal-popup-request .modal-wrapper label{padding-left:16px}
.modal-popup-request .modal-wrapper input{background:#eee}
.modal-popup-request .modal-wrapper textarea {background:#eee}
.modal-popup-request .modal-wrapper .button button{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;margin:0 0 0 auto;width:100%}
.modal-popup-request .modal-wrapper .button button img{height:25px}
.modal-popup-request.active{opacity:1;pointer-events:auto}
.modal-wrapper{opacity: 0;}
form .input{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;position:relative;margin-bottom:30px}
form .input label{position:absolute;top:22px;left:20px;font-size:14px;text-transform:uppercase;letter-spacing:2px;pointer-events:none;-webkit-transition:all .3s;transition:all .3s;color:#878787}
form .input label span{text-transform:capitalize;letter-spacing:1px;font-size:12px}
form .input label.active{top:8px;left:20px;font-size:12px;font-weight:700;color:#878787}
form .input input,form .input textarea{padding:25px 10px 10px 20px;font-size:16px;border:1px solid #e3e3e3;border-radius:none;outline:none;font-family:'Open Sans',sans-serif;font-weight:400}
form .input input:hover,form .input textarea:hover{outline:1px solid #006160}
form .input input:focus,form .input textarea:focus{box-shadow:none}
form .input textarea{line-height:1.5}
form .checkbox{display:-webkit-box;display:flex}
form .checkbox input{margin-right:20px}
form .checkbox p{margin-top:0}
input.customCk[type="checkbox"]{min-width:20px;cursor:pointer;-webkit-appearance:none;appearance:none;background:#FFF;border-radius:1px;box-sizing:border-box;position:relative;box-sizing:content-box;width:20px;height:20px;border:1px solid #CCC;float:left;margin-right:10px;margin-top:-2px outline: none;}
input.customCk[type="checkbox"]:checked{background-image:url(../img/checked.png)!important;background-position:center!important;background-repeat:no-repeat!important}
.cta-button.h-e { cursor: pointer; width: fit-content; padding: 14px 38px; text-align: center; font-size: 16px; border: 1px solid #539cd9; background-color: #539cd9; border-radius: none; outline: none; color: #fff; -webkit-transition: all .3s; transition: all .3s; font-weight: 600; letter-spacing: 2px; }
.cta-button.h-e:hover {border: 1px solid #9dd2ff; background-color: #9dd2ff;}
.ppLabel { font-size: 13px!important; }
.ppLabel a {color: #000;}
.was-validated input:invalid, .was-validated textarea:invalid { border-color: #dc3545; }
.was-validated input:invalid ~ .ppLabel {color: #dc3545}
.was-validated input:valid, .was-validated textarea:valid { border-color: #28a745; }
.breadcrumb-custom{list-style: none; padding: 0; margin-top: 10px;}
.breadcrumb-custom li{display: inline-block; position: relative;}
.breadcrumb-custom li span{color: #539CD9; font-weight: bold;}
.breadcrumb-custom li a{color: #333;}
.breadcrumb-custom li a:hover{text-decoration: none; color: #539CD9;}
.breadcrumb-custom li:after{content: '|'; color: #333;}
.breadcrumb-custom li:last-child:after{display: none;}
@media (max-width: 992px), screen and (max-height: 800px) {
.modal-popup-request .modal-wrapper{padding:20px}
.modal-popup-request{overflow:scroll;height:100%}
.modal-popup-request .modal-wrapper{margin:auto 20px;width:100%}
.modal-popup-request .modal-wrapper .close{top:0;right:-23px;left:auto;padding:10px;background:#006160}
}
@media (max-width:768px) {
 .effect-lab:after{display: none;}
}