/*
@File: Pearo Template Styles

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.

This files table contents are outlined below>>>>>

*******************************************
*******************************************

** - Default CSS
** - Preloader Area CSS
** - Navbar Area CSS
** - Main Banner Area CSS
** - About Area CSS
** - Services Area CSS
** - Partner Area CSS
** - Why Choose Us Area CSS
** - CTR Area CSS
** - Pricing Area CSS
** - Quote Area CSS
** - Find Agent Area CSS
** - Feedback Area CSS
** - Our Mission Area CSS
** - Team Area CSS
** - Events Area CSS
** - Events Details Area CSS
** - Achievements Area CSS
** - Blog Area CSS
** - Blog Details Area CSS
** - Case Study Area CSS
** - Case Study Details Area CSS
** - Page Title Area CSS
** - Pagination Area CSS
** - Sidebar Widget Area CSS
** - Insurance Details Area CSS
** - FAQ Area CSS
** - 404 Error Area CSS
** - Contact Area CSS
** - Subscribe Area CSS
** - Footer Area CSS
** - Go Top CSS
*/
/*================================================
Default CSS
=================================================*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Montserrat:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Montserrat&display=swap");
@import url("https://fonts.googleapis.com/css?family=Montserrat+Alternates&display=swap");

body {
  padding: 0;
  margin: 0;
  color: #000000;
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  background-color: #ffffff;
}

.bg-black-color {
  background-color: #002e5b;
}

.bg-f8f8f8 {
  background-color: #f8f8f8;
}


.bg-fafafa {
  background-color: #fafafa;
}


/*default-btn*/
.btn-invert {
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  background-color: #000000;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-weight: 700;
  font-size: 15px;
  padding: 13px 30px 13px 30px;
}

.btn-invert:hover, .btn-invert:focus {
  color: #000000;
  background:#ffffff;
}

.btn-contact {
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  background-color: #000000;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-weight: 700;
  font-size: 15px;
  padding: 13px 30px 13px 30px;
}

.btn-contact:hover, .btn-contact:focus {
  color: #000000;
  background:#ffffff;
}

/*section-title*/
.section-title {
  text-transform: uppercase;
  text-align: center;
  max-width: 700px;
  margin-bottom: 55px;
  margin-left: auto;
  margin-right: auto;
}
.section-title h2{
  font-size: 28px;
  font-weight: 600;
  color:#005596;
}
.section-title .sub-title {
  color: #ffbf00;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 400;
  text-transform: initial;
}

/*form-control*/
.form-control {
  height: 50px;
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  border-radius: 0;
  text-transform: uppercase;
  color: #002e5b;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
  padding-left: 15px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.form-control::-webkit-input-placeholder {
  color: #999999;
}

.form-control:-ms-input-placeholder {
  color: #999999;
}

.form-control::-ms-input-placeholder {
  color: #999999;
}

.form-control::placeholder {
  color: #999999;
}

/*================================================
Navbar Area CSS
=================================================*/
.header-area {
  font-family: 'Montserrat',sans-serif;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  z-index: 999;
  background-color: transparent;
}

.pearo-responsive-nav {
  display: none;
}

.pearo-nav {
  font-family: 'Montserrat',sans-serif;
  background-color: transparent;
}

.pearo-nav .navbar {
  background-color: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding-right: 25px;
  padding-top: 0;
  padding-left: 25px;
  padding-bottom: 0;
}

.pearo-nav .navbar .navbar-brand {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  width: 70px;
}
.pearo-nav .navbar .navbar .navbar-brand img{
  width: 70px;
}

.pearo-nav .navbar ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}

.pearo-nav .navbar .navbar-nav {
  font-family: 'Montserrat',sans-serif;
  margin-left: auto;
  font-weight: 600;
}

.pearo-nav .navbar .navbar-nav .nav-item {
  position: relative;
  padding: 0;
}

.pearo-nav .navbar .navbar-nav .nav-item a {
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  padding-left: 0;
  padding-right: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-left: 13px;
  margin-right: 13px;
}

.pearo-nav .navbar .navbar-nav .nav-item a:hover, .pearo-nav .navbar .navbar-nav .nav-item a:focus, .pearo-nav .navbar .navbar-nav .nav-item a.active {
  color: #ffbf00;
}

.pearo-nav .navbar .navbar-nav .nav-item a i {
  font-size: 11px;
}

.pearo-nav .navbar .navbar-nav .nav-item:last-child a {
  margin-right: 0;
}

.pearo-nav .navbar .navbar-nav .nav-item:first-child a {
  margin-left: 0;
}

.pearo-nav .navbar .navbar-nav .nav-item:hover a, .pearo-nav .navbar .navbar-nav .nav-item.active a {
  color: #ffbf00;
}


.navbar-area {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.navbar-area.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
          box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
  background-color: #005596 !important;
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
          animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  color:#4e4e4e;
}

.navbar-area.is-sticky .pearo-nav .navbar {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  padding-left: 0;
  padding-right: 0;
}


@media only screen and (max-width: 991px) {
  .pearo-responsive-nav {
    display: block;
  }
  .pearo-responsive-nav .pearo-responsive-menu {
    position: relative;
  }
  .pearo-responsive-nav .pearo-responsive-menu.mean-container .mean-nav {
    margin-top: 62px;
  }
  .pearo-responsive-nav .pearo-responsive-menu.mean-container .mean-nav ul {
    font-size: 15px;
  }
  .pearo-responsive-nav .pearo-responsive-menu.mean-container .mean-nav ul li a.active {
    color: #3aade1;
  }
  .pearo-responsive-nav .pearo-responsive-menu.mean-container .mean-nav ul li li a {
    font-size: 14px;
  }
  .pearo-responsive-nav .pearo-responsive-menu.mean-container .mean-nav .others-option {
    position: absolute;
    right: 55px;
    top: 13px;
  }
  .pearo-responsive-nav .pearo-responsive-menu.mean-container .mean-nav .others-option .option-item {
    color: #002e5b;
    display: inline-block;
    position: relative;
    line-height: 1;
  }
  .pearo-responsive-nav .pearo-responsive-menu.mean-container .mean-nav .others-option .option-item .search-btn {
    cursor: pointer;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    color: #002e5b;
    font-size: 20px;
    font-weight: 600;
  }
  .pearo-responsive-nav .pearo-responsive-menu.mean-container .mean-nav .others-option .option-item .search-btn:hover {
    color: #3aade1;
  }
  .pearo-responsive-nav .pearo-responsive-menu.mean-container .mean-nav .others-option .option-item .close-btn {
    cursor: pointer;
    display: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    width: 20px;
    color: #002e5b;
    font-size: 18px;
  }
  .pearo-responsive-nav .pearo-responsive-menu.mean-container .mean-nav .others-option .option-item .close-btn.active {
    display: block;
  }
  .pearo-responsive-nav .pearo-responsive-menu.mean-container .mean-nav .others-option .option-item .close-btn:hover {
    color:#ffbf00;
  }
  .pearo-responsive-nav .pearo-responsive-menu.mean-container .mean-nav .others-option .burger-menu {
    display: none;
  }
  .pearo-responsive-nav .pearo-responsive-menu.mean-container .navbar-nav {
    overflow-y: scroll;
    height: 306px;
    -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
  }
  .pearo-responsive-nav .mean-container a.meanmenu-reveal {
    color: #002e5b;
  }
  .pearo-responsive-nav .mean-container a.meanmenu-reveal span {
    background: #002e5b;
  }
  .pearo-responsive-nav .logo {
    position: relative;
    width: 80%;
    z-index: 999;
  }
  .navbar-area {
    background-color:none;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .pearo-nav {
    display: none;
  }

}

/*================================================
Banner Area CSS
=================================================*/
.main-banner {
  font-family: 'Montserrat',sans-serif; 
  position: relative;
  z-index: 1;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../img/main-banner-image/1.jpg);
}

.main-banner::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #005596; /* For browsers that do not support gradients */
  background-image: linear-gradient(0deg,#01243e,#005596); /* Standard syntax (must be last) */
  opacity: .9;
}
.main-banner-content{
  color:#ffffff;
  padding:200px 0px 200px 0px;
}
.main-banner-content span{
  font-size: 18px;
}
.main-banner-content h3{
  font-size: 52px;
  font-weight: 700;
}
.main-banner-content h2{
  font-size: 40px;
  margin-top: 20px;
}
.main-banner-content p{
  text-align: justify;
}
.main-banner-content .cotizador{
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  color:#ffffff;
  background-color: #005596; /* For browsers that do not support gradients */
  background-image: linear-gradient(90deg,#01243e,#005596); /* Standard syntax (must be last) */
  padding:30px;
  text-align: center;
  position: relative;
  z-index: 1;
  width: 450px;
  margin-left:80px;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.50);
  -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.50);
  box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.50);
}
.main-banner-content .cotizador h4{
  font-size: 20px;
  font-weight: 700;
  margin-top: 10px;
}
.main-banner-content .cotizador p{
  font-size: 14px;
  margin-top: 40px;
}
.main-banner-content .cotizador span{
  color:red;
  font-size: 12px;
  text-align: center;
  padding:-30px 0px 0px 0px;
}
.main-banner-content .cotizador .btn-send{ 
  margin:-70px 0px 0px 220px;
  height: 45px;
  background:#ffbf00;
  color:#ffffff;
  font-weight: 700;
  font-size: 18px;
  padding:0px 40px 0px 40px;
}
.main-banner-content .cotizador .btn-send:hover{ 
  margin:-70px 0px 0px 220px;
  height: 45px;
  background:#ffa800;
  color:#ffffff;
  font-weight: 700;
  font-size: 18px;
  padding:0px 40px 0px 40px;
}
.main-banner-content .cotizador input{
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  width: 220px;
  height: 45px;
  background-color: #e4e4e4;
  color:#005596;
  font-weight: 700;
  font-size: 22px;
}
.main-banner-content .cotizador #quote{
  display: none;
}
.main-banner-content .cotizador #quote .qren{
  font-size: 20px;
  font-weight: 600;
  margin:0px;
  text-align: left;
}
.main-banner-content .cotizador #quote .qpola{
  font-size: 16px;
  font-weight: 600;
  margin:10px 0px 0px 0px;
  text-align: center;
}
.main-banner-content .cotizador #quote .qpolb{
  font-size: 20px;
  font-weight: 600;
  margin:10px 0px 0px 0px;
  text-align: center;
}
.main-banner-content .cotizador #quote .btn-send{
  margin:10px 0px 0px 0px;
}
/*================================================
About Area CSS
=================================================*/
#about{
  font-family: 'Montserrat',sans-serif;
  background:#ffffff;
  padding:40px 0px 40px 0px;
}

#about .about-section {
  padding-left: 40px;
  text-align: center;
}

#about p {
  margin: 0px 0px 0px 0px;
  font-size: 24px;
  color:#4e4e4e;
  text-align: center;
}
/*================================================
Bullets Area CSS
=================================================*/
#bullets{
  font-family: 'Montserrat', sans-serif;
  background-color: #005596; /* For browsers that do not support gradients */
  background-image: linear-gradient(90deg,#005596,#6792db); /* Standard syntax (must be last) */
  color:#ffffff;
  padding:40px 0px 40px 0px;
}
.bullet{
  text-align: center;
}
.bullet i{
  text-align: center;
  color:#ffbf00;
  font-size: 120px;
}
.bullet h4{
  margin-top:40px;
  font-size: 20px;
}
/*================================================
Benefits Area CSS
=================================================*/
#beneficios {
  font-family: 'Montserrat',sans-serif; 
  position: relative;
  z-index: 1;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../img/benefits-img.jpg);
}

#beneficios::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #000000; /* For browsers that do not support gradients */
  opacity: .7;
}
#beneficios .section-title h2{
  color:#ffffff;
  text-transform: capitalize;
}
#beneficios .section-title .sub-title{
  color:#ffffff;
  text-transform: initial;
  font-weight: 500;
}
#beneficios .beneficios{
  padding:40px 0px 40px 0px;
}
#beneficios #beneficio{
  color:#ffffff;
}
#beneficios #beneficio h3{
  font-size: 24px;
}
/*================================================
  Market Area CSS
=================================================*/
#polizas {
  font-family: 'Montserrat', sans-serif;
  background-color: #ffffff; /* For browsers that do not support gradients */
  color:#ffbf00;
  padding:40px 0px 80px 0px;
}
#polizas .section-title{
  text-transform: initial;
}
#polizas .poliza{
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  padding:40px;
  background-color: #005596;
  text-align: center;
  height: 630px;
}
#polizas .poliza h4{
  color:#ffffff;
  font-weight: 700;
  font-size: 36px;
}
#polizas .poliza span{
  color:#ffffff;
  font-weight: 500;
  font-size: 12px;
}
#polizas .poliza p{
  font-weight: 700;
  font-size: 16px;
}
/*================================================
Recover Area CSS
=================================================*/
#recover{
  font-family: 'Montserrat', sans-serif;
  background-color: #005596; /* For browsers that do not support gradients */
  background-image: linear-gradient(90deg,#01243e,#005596); /* Standard syntax (must be last) */
  color:#ffffff;
  padding:40px 0px 40px 0px;
}
#recover .section-title h2{
  color:#ffffff;
  text-transform: none;
}
#recover .step {
  width: 250px;
  height: 250px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #ffbf00;
  color:#ffffff;
  text-align: center;
  padding:60px 20px 0px 20px;
}
#recover .step h5{
  font-size: 24px;
  font-weight: 600;
}
#recover .step p{
  font-size: 10px;
  font-weight: 500;
}

/*================================================
Opinions Area CSS
=================================================*/
#opiniones{
  font-family: 'Montserrat', sans-serif;
  background: #f2f2f2;
  padding:60px 0px 60px 0px;
}

.single-team-box {
  margin-bottom: 30px;
  text-align: center;
  border-radius: 5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.07);
}

.single-team-box .image {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}

.single-team-box .image img {
  border-radius: 5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-team-box .content {
  padding: 25px;
}

.single-team-box .content h3 {
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 900;
}

.single-team-box .content span {
  display: block;
  margin-top: 6px;
  color: #3aade1;
  font-size: 15px;
  font-weight: 300;
}

.single-team-box:hover .image img {
  -webkit-transform: scale(1.2) rotate(4deg);
          transform: scale(1.2) rotate(4deg);
}

.single-team-box:hover .image .social {
  bottom: 15px;
}

.team-slides.owl-theme .owl-item .single-team-box {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  margin-bottom: 40px;
}

.team-slides.owl-theme .owl-item.active.center .single-team-box {
  -webkit-box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.07);
}

.team-slides.owl-theme .owl-item.active.center .single-team-box .social {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
  bottom: 15px;
}

.team-slides.owl-theme .owl-nav {
  opacity: 0;
  visibility: hidden;
  margin-top: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.team-slides.owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  left: -30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0;
  padding: 0;
  background-color: transparent;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: #bcbcbc;
  font-size: 25px;
}

.team-slides.owl-theme .owl-nav [class*=owl-].owl-next {
  left: auto;
  right: -30px;
}

.team-slides.owl-theme .owl-nav [class*=owl-]:hover {
  color: #3aade1;
  background-color: transparent;
}

.team-slides.owl-theme .owl-dots {
  line-height: .01;
  margin-top: -5px;
  margin-bottom: 30px;
}

.team-slides.owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 2px;
  margin: 0 3px;
  background-color: #002e5b;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 0;
}

.team-slides.owl-theme .owl-dots .owl-dot:hover span {
  background-color: #3aade1;
}

.team-slides.owl-theme .owl-dots .owl-dot.active span {
  background-color: #3aade1;
  width: 25px;
}

.team-slides.owl-theme:hover .owl-nav {
  opacity: 1;
  visibility: visible;
}

/*================================================
Newsletter Area CSS
=================================================*/
#newsletter{
  font-family: 'Montserrat', sans-serif;
  background: #ffffff;
  padding:60px 0px 60px 0px;
  color:#4e4e4e;
}
#newsletter .suscribe{
  text-align: center;
}
#newsletter input[type=email]{
  width: 700px;
  height: 45px;
  background-color: #4e4e4e;
  color:#ffffff;
  border:0;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  padding:0px 0px 0px 100px;
}
.btn-send:hover{ 
  height: 45px;
  background:#005596;
  margin:10px;
  color:#ffffff;
  font-weight: 700;
  font-size: 18px;
  margin-left:-180px;
  margin-top:6px;
  padding:0px 40px 0px 40px;
}
.btn-send{ 
  height: 45px;
  background:#ffbf00;
  margin:10px;
  color:#ffffff;
  font-weight: 700;
  font-size: 18px;
  margin-left:-180px;
  margin-top:6px;
  padding:0px 40px 0px 40px;
}
 /*==============================================
    Modal Area Style
  ================================================*/
.modal{
  font-family: 'Montserrat', sans-serif;
  color:#ffffff;
  padding:120px 0px 120px 0px; 
  border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
.modal-content{
  background-image: linear-gradient(90deg,#632f6f,#cb2964); /* Standard syntax (must be last) */
  opacity: 1;
  padding:0px 20px 0px 20px;
}
.modal-header{
  margin:0px 0px 0px 0px;
  border:0;
}
.modal-header .close{
  margin:-20px 0px 0px -20px;
  font-size:35px;
  color:#ffffff;
}
.modal-title{
  font-size: 22px;
  text-align: center;
  margin:30px 0px 0px 0px;
  font-weight: 700;
}
.modal-body #msgerr{
  color:red;
  font-weight: 700;
}
.modal-body input{
  border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
font-weight: 700;
font-size: 22px;
text-transform: capitalize;
}
.modal-body input[type=email]{
  text-transform: lowercase;
}
.btn-default:hover{ 
  background:#632f6f;
  margin:10px;
  color:#ffffff;
}
.btn-default{ 
  background:#632f6f;
  margin:10px;
  color:#ffffff;
  font-weight: 700;
  font-size: 16px;
  padding:10px 10px 10px 10px;
  text-transform: uppercase;
}
.btn-cancel{ 
  background:#000000;
  margin:10px;
  color:#ffffff;
  font-weight: 700;
  font-size: 16px;
  padding:10px 10px 10px 10px;
  text-transform: uppercase;
}
.modal-footer{
  border:0;
}



/*================================================
Contact Area CSS
=================================================*/
#contacto {
  font-family: 'Montserrat', sans-serif;
  background-color: #005596; /* For browsers that do not support gradients */
  background-image: linear-gradient(90deg,#01243e,#005596); /* Standard syntax (must be last) */
  color:#ffffff;
  padding:120px 0px 120px 0px;
}

.contacto-content {
  padding-right: 15px;
  text-align: center;
  padding-top:150px;
}

.contacto-content h2 {
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 42px;
  font-weight: 900;
}

.contacto-content p {
  font-size: 15.5px;
  margin-top: 8px;
  margin-bottom: 0;
}

.contacto-content .image {
  margin-top: 35px;
}

.tab .tabs_item {
  display: none;
}

.tab .tabs_item:first-child {
  display: block;
}

.quote-list-tab {
  margin-left: 15px;
  background-color:none;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  padding: 30px;
  border-radius: 5px;
}

.quote-list-tab .tabs {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  font-family: "Roboto", sans-serif;
}

.quote-list-tab .tabs li {
  display: inline-block;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 900;
}

.quote-list-tab .tabs li a {
  display: block;
  padding: 10px 20.6px;
  background-color: transparent;
  color: #848484;
}

.quote-list-tab .tabs li a:hover {
  color: #002e5b;
  background-color: #f9f9f9;
}

.quote-list-tab .tabs li.current a {
  color: #002e5b;
  background-color: #f9f9f9;
}

.quote-list-tab .tabs_item {
  background-color: #f9f9f9;
  padding: 25px;
}

.quote-list-tab .tabs_item p {
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 14px;
  color:#4e4e4e;
}

.quote-list-tab .tabs_item form .form-group {
  margin-bottom: 15px;
}

.quote-list-tab .tabs_item h1{
  font-size:14px;
  color:#4e4e4e;  
  display: block;
  margin-right:80px;
  padding:10px 0px 10px 0px;
}
.quote-list-tab .tabs_item form .form-control {
  border: none;
  background-color: #ffffff;
}

.quote-list-tab .tabs_item form .default-btn {
  display: block;
  width: 100%;
  margin-top: 20px;
}

.quote-list-tab .tabs_item form .nice-select {
  background-color: #ffffff;
  color: #002e5b;
  border-radius: 0;
  border: none;
  text-transform: uppercase;
  height: 50px;
  line-height: 53px;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

.quote-list-tab .tabs_item form .nice-select .list {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
          box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
  border-radius: 0;
  margin-top: 0;
  width: 100%;
  height: 260px;
  overflow-y: scroll;
  padding-top: 10px;
  padding-bottom: 10px;
}

.quote-list-tab .tabs_item form .nice-select .list .option {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-transform: capitalize;
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  padding-left: 20px;
  padding-right: 20px;
}

.quote-list-tab .tabs_item form .nice-select .list .option:hover {
  background-color: #3aade1 !important;
  color: #ffffff;
}

.quote-list-tab .tabs_item form .nice-select .list .option.selected {
  background-color: transparent;
  font-weight: 600;
}

.quote-list-tab .tabs_item form .nice-select:after {
  right: 15px;
  border-color: #002e5b;
  width: 10px;
  height: 10px;
}

/*================================================
  Aviso Privacidad Area CSS
==================================================*/
#privacy{
  font-family: 'Montserrat', sans-serif;
  background-color: #000000; /* For browsers that do not support gradients */
  background-image: linear-gradient(90deg,#632f6f,#cb2964); /* Standard syntax (must be last) */
  color:#ffffff;
  padding:120px 0px 120px 0px;
}
#privacy .section-title h2{
    color:#ffffff;
}
#privacy .privacy-content p{
  text-align: justify;
}

/*================================================
  Terminos y Condiciones Area CSS
==================================================*/
#terms{
  font-family: 'Montserrat', sans-serif;
  background-color: #000000; /* For browsers that do not support gradients */
  background-image: linear-gradient(90deg,#632f6f,#cb2964); /* Standard syntax (must be last) */
  color:#ffffff;
  padding:120px 0px 120px 0px;
}
#terms .section-title h2{
    color:#ffffff;
}
#terms .terms-content p{
  text-align: justify;
}
/*================================================
Footer Area CSS
=================================================*/
.footer-area {
  background-color: #01243e;
  padding-top: 70px;
  position: relative;
  z-index: 1;
}

.single-footer-widget {
  margin-bottom: 0px;
}

.single-footer-widget .logo a {
  display: inline-block;
}

.single-footer-widget .logo p {
  color: #ebe7e7;
  margin-bottom: 0;
  margin-top: 15px;
}
.single-footer-widget .footer-quick-links{
  margin-left: 200px;
  margin-top: 30px;
}
.single-footer-widget .footer-quick-links li {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
  flex: 0 0 50%;
  max-width: 50%;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 12px;
  display: inline;
}

.single-footer-widget .footer-quick-links li a {
  display: inline-block;
  color: #ebe7e7;
  text-transform: uppercase;
  font-size: 14px;
}

.single-footer-widget .footer-quick-links li a:hover {
  color: #3aade1;
}

.single-footer-widget .footer-contact-info {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}

.single-footer-widget .footer-contact-info li {
  color: #ebe7e7;
  font-size: 15px;
  margin-bottom: 12px;
}

.single-footer-widget .footer-contact-info li span {
  display: inline-block;
  font-weight: 600;
  color: #ffffff;
}

.single-footer-widget .footer-contact-info li a {
  display: inline-block;
  color: #ffffff;
  position: relative;
}

.single-footer-widget .footer-contact-info li a::before {
  width: 100%;
  height: 1px;
  background-color: #3aade1;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-footer-widget .footer-contact-info li a:hover {
  color: #3aade1;
}

.single-footer-widget .footer-contact-info li:last-child {
  margin-bottom: 0;
}

.single-footer-widget .footer-contact-info li:last-child a::before {
  opacity: 1;
  visibility: visible;
}

.copyright-area {
  margin-top: 40px;
  border-top: 1px solid #0c4776;
  padding-top: 25px;
  padding-bottom: 25px;
}

.copyright-area p {
  color: #ebe7e7;
  font-size: 15px;
}

.copyright-area p a {
  color: #ffffff;
  display: inline-block;
  font-weight: 600;
}

.copyright-area p a:hover {
  color: #3aade1;
}

.copyright-area ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  text-align: right;
}

.copyright-area ul li {
  display: inline-block;
  color: #ebe7e7;
  font-size: 15px;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}

.copyright-area ul li a {
  display: inline-block;
  color: #ebe7e7;
}

.copyright-area ul li a:hover {
  color: #3aade1;
}

.copyright-area ul li::before {
  content: '';
  position: absolute;
  top: 5px;
  right: -13px;
  width: 1px;
  height: 14px;
  background-color: #ffffff;
}

.copyright-area ul li:last-child {
  margin-right: 0;
}

.copyright-area ul li:last-child::before {
  display: none;
}

.copyright-area ul li:first-child {
  margin-left: 0;
}

/*================================================
Go Top CSS
=================================================*/
.go-top {
  position: fixed;
  cursor: pointer;
  top: 0;
  right: 15px;
  color: #ffffff;
  background-color: #002e5b;
  z-index: 4;
  width: 40px;
  text-align: center;
  height: 42px;
  line-height: 42px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .9s;
  transition: .9s;
}

.go-top.active {
  top: 98%;
  -webkit-transform: translateY(-98%);
          transform: translateY(-98%);
  opacity: 1;
  visibility: visible;
}

.go-top i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.go-top i:last-child {
  opacity: 0;
  visibility: hidden;
  top: 60%;
}

.go-top::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #3aade1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.go-top:hover, .go-top:focus {
  color: #ffffff;
}

.go-top:hover::before, .go-top:focus::before {
  opacity: 1;
  visibility: visible;
}

.go-top:hover i:first-child, .go-top:focus i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}

.go-top:hover i:last-child, .go-top:focus i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}