@import url('https://fonts.googleapis.com/css?family=Assistant:200,300,400,700');
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap');

body { font-family: 'Assistant', sans-serif; font-size: 16px; }

.linkable { cursor: pointer; }

.section-01 { background: url(../../images/bg01.jpg) no-repeat center 0; background-size: cover; padding: 0; }
.section-01 .section-01-menu { font-size: 0.9em; padding: 10px 15px; color: #404040; background-color: rgba(255, 255, 255, 0.4); position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; }
.section-01 .section-01-menu img { height: 40px; }
.section-01-menu-link-container { display: inline-block; position: relative; top: 3px; left: 10px; }
.section-01 .section-01-menu span { margin: 0 10px; display: inline-block; }
.section-01 .section-01-menu a { color: inherit; text-decoration: none; font-weight: 300; }
.section-01 .section-01-menu a:hover { color: #01AEB7; }
.section-01 .section-01-logo { margin: 168px 0 50px; }
.section-01 .section-01-logo img {  }
.section-01 .section-01-buttons { text-transform: uppercase; margin-bottom: 200px;  }
.section-01 .section-01-buttons a { width: 200px; background: none; margin: 0 20px; color: #01AEB7; font-weight: 300; display: inline-block; padding: 5px 0; text-decoration: none; border: 1px solid #01AEB7; border-radius: 20px; }
.section-01-icons { font-family: 'Teko', sans-serif; background-color: #BBE1E4; }
.section-01-icon-container { position: relative; top: -42px; }
.section-01-icon-container img { margin-bottom: 10px; }
.section-01-icon-container span { display: block; color: #029199; opacity: 0.7; font-size: 2em; text-transform: uppercase; font-weight: 300; }


.section-02 { background: #BBE1E4; }
.section-02 .section-02-content { font-size: 1.4em; line-height: 1.6em; font-weight: 200; color: #606060; margin-bottom: 110px; text-align: justify; }
.section-02 .section-02-content h1 { text-align: center; font-size: 4.3em; font-weight: 300; font-family: 'Teko', sans-serif; color: #707070; padding-top: 60px; }
.section-02 .section-02-content h1 img { position: relative; top: -5px; margin: 0 30px; }

.section-03 { background: #ffffff; }
.section-03 .section-03-content h1 { text-align: center; font-size: 3.5em; font-weight: 300; font-family: 'Teko', sans-serif; color: #029199; margin: 110px 0 100px; }
.section-03 .section-03-content h1 img { position: relative; top: -3px; margin: 0 13px; }
.section-03 .section-03-slider {  }
.section-03 .section-03-slider .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
.section-03 .section-03-slider .row > [class*='col-'] { display: flex; flex-direction: column; }
.section-03 .section-03-slider .section-03-slider-nav a { margin-top: 75px; }
.section-03 .section-03-slider .section-03-slider-content {  }
.section-03 .section-03-slider .section-03-slider-content .slider-menu { font-family: 'Teko', sans-serif; color: #EFEFEF; font-size: 3em; font-weight: 300; text-align: center; }
.section-03 .section-03-slider .section-03-slider-content .slider-menu .slider-icon-1 { position: absolute; top: -70px; left: 150px; z-index: 5; }
.section-03 .section-03-slider .section-03-slider-content .slider-menu .slider-icon-2 { position: absolute; top: -70px; left: 363px; z-index: 5; display: none; }
.section-03 .section-03-slider .section-03-slider-content .slider-menu a { position: relative; text-decoration: none; color: #EFEFEF; margin: 0 50px; z-index: 20; }
.section-03 .section-03-slider .section-03-slider-content .slider-menu a.active { color: #029199; }
.section-03 .section-03-slider .section-03-slider-content .slider-menu span { margin: 0 20px; }
.section-03 .section-03-slider .section-03-slider-content .slider-text { background: #FAFAFA; padding: 20px; color: #4D4D4D; font-size: 1.2em; font-weight: 200; text-align: justify; }
.section-03 .section-03-slider .section-03-slider-content .slider-text div { display: none; }
.section-03 .section-03-slider .section-03-slider-content .slider-text h3 { color: #01AEB7; font-weight: 200; font-size: 1.8em; }
.section-03 .solutions-fade { width: 100%; }

.section-04 { background: #EFEFEF; padding: 50px 0; }
.section-04 .section-04-content { font-weight: 300; color: #000000; }
.section-04 .section-04-content h1 { text-align: center; font-size: 4.3em; font-weight: 300; font-family: 'Teko', sans-serif; color: #029199; margin: 0; }
.section-04 .section-04-content h1 img { position: relative; top: -5px; margin: 0 30px; }
.section-04-service { padding: 0 20px 50px !important; font-weight: 300; font-size: 1.3em; color: #000000; text-align: justify; }
.section-04-service h2 { text-align: center; font-size: 2.5em; font-weight: 300; font-family: 'Teko', sans-serif; color: #029199; margin: 50px 0 20px; }
.section-04-service h2 img { display: block; margin: 0 auto; width: 40%; }
.section-04-service-1 { background: url(../../images/services-1.jpg) no-repeat top center; background-size: 100% auto; background-color: #EFEFEF; }
.section-04-service-2 { background: url(../../images/services-2.jpg) no-repeat top center; background-size: 100% auto; background-color: #EFEFEF; }
.section-04-service-3 { background: url(../../images/services-3.jpg) no-repeat top center; background-size: 100% auto; background-color: #EFEFEF; }

.section-05 { background: #E4E4E4; padding: 50px 0; }
.section-05 .section-05-content { font-weight: 200; color: #323232; font-size: 1.2em; }
.section-05 .section-05-content h1 { text-align: center; font-size: 1.8em; font-weight: 400; font-family: 'Teko', sans-serif; color: #323232; margin-bottom: 40px; }
.section-05 .section-05-content .row { margin-bottom: 15px; text-align: justify; }
.section-05 .section-05-content img { width: 20px; }

.section-06 { background: url(../../images/contact-bg.jpg) no-repeat center top; background-size: cover; padding: 0; }
.section-06 .section-06-contact { margin-bottom: 50px; }
.section-06 .section-06-contact h1 { text-align: center; font-size: 4.3em; font-weight: 300; font-family: 'Teko', sans-serif; color: #FFFFFF; margin-top: 100px; margin-bottom: 30px; }
.section-06 .section-06-contact h1 img { position: relative; top: -5px; margin: 0 30px; }
.section-06 .section-06-contact form {  }
.section-06 .section-06-contact input[type=text] { padding: 5px 10px; background: #FFFFFF; border-radius: 17px; opacity: 0.6; border: none; width: 100%; }
.section-06 .section-06-contact input[type=submit] { background: #000000; border-radius: 17px; border: none; padding: 5px 30px; color: #ffffff; width: 100%; }
.section-06 .section-06-branches { color: #ffffff; font-weight: 200; background: rgba(0, 0, 0, 0.4); font-size: 1.2em; padding: 30px 0; }
.section-06 .section-06-branches .branches-divider { border-left: 1px solid #218fb7; border-right: 1px solid #218fb7; }
.section-06 .section-06-contact-message { display: none; color: #ffffff; font-weight: 400; text-align: center; padding-top: 10px; font-size: 1.3em; }

.section-07 { background: url(../../images/footer-logo.png) no-repeat center top; background-size: contain; background-color: #333333; padding: 20px 0; }
.section-07 .section-07-menu { font-size: 1.1em; margin-top: 30px; margin-bottom: 30px; color: #999999; }
.section-07 .section-07-menu span { margin: 0 10px; display: inline-block; }
.section-07 .section-07-menu a { color: inherit; text-decoration: none; }
.section-07 .section-07-menu a:hover { color: #029199; }



@media only screen and (max-width: 1024px) {
  
  body { overflow-x: hidden; }
  
  .section-01 { background: url(../../images/bg01.jpg) no-repeat center 0px; background-size: cover; }
  .section-01 .section-01-menu { text-align: center; }
  .section-01-menu-link-container { display: block; text-align: center; left: 0; margin-top: 10px; font-size: 1.2em; }
  .section-01 .section-01-buttons .section-01-button-1 { margin-bottom: 20px; }

  .section-02 .section-02-content h1 { font-size: 3em; padding-top: 100px; }
  .section-02 .section-02-content h1 img { width: 20%; margin: 0 20px; }

  .section-03 .section-03-content h1 { font-size: 3em; padding-top: 30px; }
  .section-03 .section-03-content h1 img { display: none; }
  .section-03 .section-03-slider .section-03-slider-content .slider-menu a { display: block; text-align: left; margin: 0; }
  .section-03 .section-03-slider .section-03-slider-content .slider-menu .slider-icon-1 { position: absolute; top: 0px; right: 20px; left: auto; z-index: 5; }
  .section-03 .section-03-slider .section-03-slider-content .slider-menu .slider-icon-2 { position: absolute; top: 0px; right: 20px; left: auto; z-index: 5; }
    
  .section-04 .section-04-content h1 { font-size: 3em; padding-top: 80px; }
  .section-04 .section-04-content h1 img { width: 20%; margin: 0 20px; }
  .section-04-service h2 { font-size: 2em; padding-top: 70px; }
  .section-04-service h2 img { width: 80%; }
  
  .section-05 .section-05-content h1 { padding-top: 60px; }

  .section-06 .section-06-contact h1 { font-size: 3em; }
  .section-06 .section-06-contact h1 img { width: 20%; margin: 0 20px; }
  .section-06 .section-06-contact input[type=text] { margin-bottom: 1em; }
}

@media only screen and (max-width: 480px) {
  
    body { overflow-x: hidden; }
    
    .section-01 { background: url(../../images/bg01.jpg) no-repeat center 0px; background-size: cover; }
    .section-01 .section-01-menu { text-align: center; }
    .section-01-menu-link-container { display: block; text-align: center; left: 0; margin-top: 10px; font-size: 1.2em; }
    .section-01 .section-01-buttons .section-01-button-1 { margin-bottom: 20px; }
  
    .section-02 .section-02-content h1 { font-size: 3em; padding-top: 100px; }
    .section-02 .section-02-content h1 img { width: 20%; margin: 0; }
  
    .section-03 .section-03-content h1 { font-size: 3em; padding-top: 30px; }
    .section-03 .section-03-content h1 img { display: none; }
    .section-03 .section-03-slider .section-03-slider-content .slider-menu a { display: block; text-align: left; margin: 0; }
    .section-03 .section-03-slider .section-03-slider-content .slider-menu .slider-icon-1 { position: absolute; top: 0px; right: 20px; left: auto; z-index: 5; }
    .section-03 .section-03-slider .section-03-slider-content .slider-menu .slider-icon-2 { position: absolute; top: 0px; right: 20px; left: auto; z-index: 5; }
      
    .section-04 .section-04-content h1 { font-size: 3em; padding-top: 80px; }
    .section-04 .section-04-content h1 img { width: 20%; margin: 0; }
    .section-04-service h2 { font-size: 2em; padding-top: 70px; }
    .section-04-service h2 img { width: 80%; }
    
    .section-05 .section-05-content h1 { padding-top: 60px; }
  
    .section-06 .section-06-contact h1 { font-size: 3em; }
    .section-06 .section-06-contact h1 img { width: 20%; margin: 0; }
    .section-06 .section-06-contact input[type=text] { margin-bottom: 1em; }
  }