/*
Theme Name: servicesTheme
Theme URI: https://servicesTheme.com
Author: servicesTheme
Version: 1.0
*/

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}


@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html {
  font-family: 'Inter';
    font-weight: 300;  
    line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  margin: 0 0 50px 0;
  font-size: 1.1rem;
  line-height: 1.5;
  color: #30638A;
  text-align: left;
  background-color: #fff;
}

footer, header, main, nav, section {
  display: block;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 1rem;
  line-height: 1.2rem;
}

h1, .h1 {
  font-size: 23px; 
  color: #00335A;
  margin-top: 10px;
  line-height: normal;
  margin-bottom: 0;
}

h2, .h2 {
  font-size: 2rem;
  color: #1363ff;
  line-height: normal;
  margin-top: 30px;
  margin-bottom: 20px;
  font-weight: 600 !important;
}

h3, .h3 {
  font-size: 1.65rem;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 20px;
  line-height: normal;
  color: #00335A;
}

h4, .h4 {
  font-size: 1.5rem;
  font-weight: 300;

}

h5, .h5 {
  font-size: 1.25rem;
  font-weight: 300;

}

h6, .h6 {
  font-size: 1rem;
  font-weight: 300;

}

p {
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 1.1rem;
}

ul {
  margin: 1.5rem auto;
}
li {
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 1.1rem;
}

b,
strong {
  font-weight: 600;
}

small {
  font-size: 80%;
}
a {
  color: #02345b;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #1363ff;
  text-decoration: underline;
}


.form-control, .form-control option { 
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
  }

.hidden {
  display:none !important;
}
.capital { 
  text-transform: capitalize; 
}
.marPad0 {
  margin: 0 !important; 
  padding: 0 !important;
}
.my-40 {
  margin: 40px auto;
}

header a, header a:visited, header a:focus, header a:hover { text-decoration: none; cursor: pointer; }
.navbar { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 0.5rem 1rem; width: 100%; }
.navbar .container, .navbar .container-fluid { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; }
.navbar-nav { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 0; list-style: none; }

@media (max-width: 991.98px) { .navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; }
}

@media (min-width: 992px) {
.navbar-expand-lg { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; }
.navbar-expand-lg .navbar-nav { -ms-flex-direction: row; flex-direction: row; }
.navbar-expand-lg .navbar-nav .sub-menu { position: absolute; }
.navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }
.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.navbar-expand-lg .navbar-toggler { display: none; }
}

.logo { width: 200px; margin: 0 auto; }
 
.navbar { padding: 0 10px; }
#menu-main { width: 90%; margin: 0; }
#menu-main li { margin: 4px 10px; }
#menu-main li a, #menu-main li a:visited, 
.subActive a, .subActive a:visited { padding: .25rem 0; color: #626874; cursor: pointer; float: left; text-align: left; font-weight: normal;}
#menu-main li a:hover, #menu-main li a:focus { text-decoration: none; color: #0191b4; }

#servicesnav-menu { position: absolute; top: 55px; width: 100%; left: 0; transform: translateX(-100vw); opacity: 1; z-index: 10; transition: .5s ease-in-out; }
#servicesnav-menu.now-active { transform: translateX(0); transition: .5s ease-in-out; opacity: 1; background-color: #fcfcfc; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);  border: 1px solid #dee2e6 !important; }

 
@media (min-width: 992px){
#menu-main { width:auto; margin-left: auto; }
.openLg { position: relative; opacity: 1 !important; transform: translateX(0vw) !important; }
#servicesnav-menu {  position: relative; top:auto; width: auto; left: auto; margin-left: auto }
#servicesnav-menu.now-active, #servicesnav-menu { box-shadow: none; border:none; }
}


.blanco { color: #fff; }
#servicesnav-menu { z-index: 111; }
 
ul.sub-menu { padding: 0; } 
.sub-menu li { list-style-type: none; padding-left: 0; width: 100%; float: left; }
.sub-menu li a, .sub-menu li a:visited { padding: 5px 0; color: #626874; margin:0 10px; cursor: pointer; width: 100%; }
.sub-menu li a:hover, .sub-menu li a:focus { color: #c8a0de; text-decoration: none; }
.sub-menu { transform: translateY(-100vw); opacity: 1; z-index: 2; transition: transform 0.5s ease, opacity ease 0s; }
.sub-menu.subActive { position: absolute;  top:45px; width: 100%; left: 0; transform: translateY(0); transition: transform 0.5s ease, opacity ease 0s; opacity: 1; background-color: #fcfcfc; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); border: 1px solid #dee2e6 !important; z-index: 1; }
 @media (min-width: 768px) { 
 .sub-menu li { width: 46%; }
 }

#servicesnav-menu .menu-item-has-children a { background: transparent url(images/down.svg); background-position: right; 
  background-repeat: no-repeat; padding-right: 18px; background-size: 16px; }
#servicesnav-menu .menu-item-has-children a:hover { background: transparent url(images/down.svg); background-position: right; 
  background-repeat: no-repeat; padding-right: 18px; background-size: 16px; }
#servicesnav-menu .menu-item-has-children .sub-menu a, #servicesnav-menu .menu-item-has-children .sub-menu a.visited, #servicesnav-menu .menu-item-has-children .sub-menu a:hover { background-image: none }

@media (max-width: 575px) {  
#menu-main { width: 95%; margin: 0 auto; }
.sub-menu { transform: none; opacity: 1; z-index: 2; transition: transform 0.5s ease, opacity ease 0s; }
#servicesnav-menu .menu-item-has-children a { width: 100%; }
 }
.sub-menu.subActive { position: inherit; width: 100%; margin: 1px auto; transform: translateY(0); 
  transition: transform 0.5s ease, opacity ease 0s; opacity: 1; box-shadow: none; border:none !important; z-index: 1; }
.sub-menu.subActive a { color: #fff; }

.hamburger_wrapper { padding: 5px; z-index: 10; }
#serviceshamburger { width: 45px; height: 45px; position: relative; cursor: pointer; outline: none; }
#serviceshamburger span { display: block; position: absolute; height: 5px; width: 100%; background: #015ffb; border-radius: 4px; opacity: 1; left: 0; transform: rotate(0deg); transition: .5s ease-in-out; }
#serviceshamburger span:nth-child(1) { top: 4px; transform-origin: left center; }
#serviceshamburger span:nth-child(2) { top: 20px; transform-origin: left center; }
#serviceshamburger span:nth-child(3) { top: 35px; transform-origin: left center; }
#serviceshamburger.close span:nth-child(1) { transform: rotate(45deg); background: #216eeb }
#serviceshamburger.close span:nth-child(2) { width: 0%; opacity: 0; transition: .1s; }
#serviceshamburger.close span:nth-child(3) { transform: rotate(-45deg); background: #015ffb }


.btn-cotiTop, .btn-cotiTop:visited { background: #44cf9c; text-decoration: none; cursor: pointer; 
  font-weight: 400; line-height: 1.5; text-align: center; vertical-align: middle; padding: 0 .9rem !important; 
  font-size: .875rem; border-radius: .15rem;  
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; 
  border: none; color: #fff !important; }
.btn-cotiTop:focus, .btn-cotiTop:hover { background: #3bb282; color: #fff; }
.btn-cotiTop a {
  background: transparent url(images/down-w.svg) !important;
  background-repeat: no-repeat !important;
  background-position: right !important;
  background-repeat: no-repeat;
  background-size: 16px !important;
  line-height: 29px;
  font-size: 18px;
}

#goUp { display:none; background: #015ffb; width: 50px; height: 50px; position: fixed; right: 30px; bottom: 130px; padding: 7px 0 10px 0; border-radius: 50%; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
  border: 3px solid #fff; cursor: pointer; z-index: 9999; }
#goUp:hover { background: #015ffb; } 

#goUp img {
  margin: 0 auto; width: 28px; height: 28px;
}

@media (min-width: 576px) { 
h1, .h1 {
  font-size: 2rem; 
  color: #00335A;
  margin-top: 0.5rem;
 }
}

/*Galeria*/
.swiper-galeria {
  width: 100%;
  padding: 20px 0;
}

.swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  object-fit: cover;
}
/*end galeri*/

/*Menu*/