@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');
 @import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
body {
 color: #727272 !important;
 background-color: #ffffff !important;
 font-family: 'Open Sans', sans-serif;
 overflow-x: hidden;
}
img {
 max-width: 100%;
 height: auto;
}
.visible-xs {
 display: none !important;
}
.ctn-megamenu {
 background-color: #fff;
 min-height: 70px;
 position: fixed;
    top: 0px;
    width: 100%;
    z-index: 99999999;
}
.content-center {
 clear: both;
 max-width: 1280px;
 margin: 0 auto;
 position: relative;
}
.navbar-brand {
 display: inline-block;
 padding: 20px 15px 0 0px;
 float: left;
}
.navbar-sura {
 background-color: transparent;
 border: 0;
 margin-bottom: 0;
}
.bar-section {
 height: 4px;
 width: 100%;
 display: none;
}
.top {
 margin-top: 30px;
 position: relative;
 z-index: 9999999;
}
.top p {
 font-size: 18px;
}
.see-xs {
 display: none;
}
.blue{ color:#0033a0;}
/*------------------------------------------------------------------
 header of the page styles / #header
-------------------------------------------------------------------*/
 .main-container {
  max-width: 1170px;
  padding: 0 15px;
  margin: 0 auto; 
 }
 .content-menu {
  display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
 }
    .number-phone-home {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;  
      font-family: 'Open Sans', sans-serif;
      color: #626166;
    }
 .number-phone-home .phone {
   display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
 } 
    .number-phone-home h3 {
      font-family: 'Open Sans', sans-serif;
      margin: 0;
      font-size: 14px;
      padding: 5px 20px 5px 10px;
      margin-right: 8px;
      position: relative;
      font-weight: 100;       
    }
    .number-phone-home h3::before {
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 1px;
      height: 1px;
      border-left: 8px solid #00aec7;
      border-bottom: 15px solid transparent;
      border-top: 15px solid transparent;
    }
    .number-phone-home h3::after {
      content: "";
      position: absolute;
      right: 1px;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 1px;
      height: 1px;
      border-left: 8px solid #fff;
      border-bottom: 15px solid transparent;
      border-top: 15px solid transparent;
    }
    .number-phone-home h3 strong {
      font-size: 25px;
      display: inline-block;
      vertical-align: middle;
   clear: both;
      display: block;
   color: #0033a0; 
    }
    .number-phone-home  h3 img {
      display: inline-block;
      vertical-align: middle;
      margin: 0px 5px;
    }
    .number-phone-home .date p {
      padding: 0;
      margin: 0;
      font-size: 12px;
    }
 .clr {
  clear: both;
  display: block;
 }
/*backgroung principal*/

.main-demo {
 background-color: #ffffff;
 position: relative;
 margin-top:100px;
}
.fixed-top {
 padding-top: 15px;
}
.relative {
 position: relative;
}
.banner-info h1 {
 color: #0033a0;
 font-size: 33px;
 line-height: 50px;
 z-index: 1;
 position: relative;
}
.banner-info figure {
 margin-top: 20px;
}
.clr {
 display: block;
 clear: both;
}
/*---------------------------------------
  beneficios Area
----------------------------------------*/

.offer {
 display: flex;
 padding: 20px 5px 10px 0px;
 margin: 10px 0;
}
.offer__icon img {
 max-width: 50px;
}
.offer__icon {
 margin-right: 18px;
}
.offer__details p {
 color: #727272;
 font-size: 17px;
 line-height: 24px;
 padding-right: 29px;
 text-align: left;
}
.offer.separator {
 position: relative;
}
/*backgroung*/

.bg-dark-blue {
 background-color: #0033A0;
}
section.main-form {
 padding: 50px 0 100px;
 position: relative;
}
.quote-form .stylingblock-content-wrapper .sc-formfield-input .popover {
 top: 0 !important;
 left: 0 !important;
}
.quote-form .stylingblock-content-wrapper .sc-formfield-input .popover .popover-inner .popover-content {
 font-size: 11px !important;
}
.popover-content {
 color: #840000 !important;
}
.xs-change-order .form-desing .popover {
  left: 0 !important;
  right: 0;
  margin: auto;
  top: -52px !important;
 max-width: 100%;
}
.xs-change-order .form-desing .popover .arrow {
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: 50px;
    border-top: 0;
}

.image {
 width: 100%;
 position: absolute;
 height: auto;
 text-align: center;
 bottom: -150px;
 right: 0px;
}

@media only screen and (min-width: 1500px) {
section.main-form {
 padding: 100px 0 250px;
}
.image {
 bottom: -150px;
}
}
figure.img-family {
 position: relative;
 } 
figure.img-family img {
     position: absolute;
    right: 0;
    top: -250px;
 } 
figure.img-pl {
 position: relative;
 }  
figure.img-pl img {
     position: absolute;
    right: 0;
    top: -505px;
 } 
figure.img-hogar {
 position: relative;
 }  
figure.img-hogar img {
     position: absolute;
    right: 300px;
    top: -425px;
 } 
.main-form .text1, .main-form .text2 {
 color: #0033a0;
 margin: 0 0 18px;
 font: 48px/40px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.main-form .text1 strong, .main-form .text2 strong {
 font-weight: 700;
}
.main-form .text2 {
 margin-left: 80px;
}
/*------------------------------------------------------------------
 quote form of the page styles / .quote-form
-------------------------------------------------------------------*/
#smartcapture-block-vit0o7u6tsm label {
 color: white !important;
 font-size: 13px !important;
 font-family: 'Open Sans', sans-serif !important;
 font-weight: normal !important;
}
.contactForm p {
 color: white;
 font-size: 14px;
}
.quote-form {
 margin: 0 0 15px;
 border-radius: 10px;
 padding: 20px;
 background-position: -470px -270px;
 z-index: 999999;
 position: relative;
 background-color: rgba(0, 47, 163, 0.9);
 background: rgba(0, 47, 163, 0.9);
}
.quote-form .form-heading {
 color: white;
 display: block;
 margin: 0 0 20px;
 font: 700 18px/28px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.quote-form hr {
 margin-top: 20px;
 margin-bottom: 20px;
 border: 0;
 border-top: 1px solid #fff !important;
}
.quote-form .form-title {
 display: block;
 margin: 0 0 49px;
}
.quote-form p.text-gracias {
 color: #ffffff;
 text-align: center;
 font-size: 18px;
 padding: 20px;
}
.quote-form i {
 font-size: 70px;
 color: white;
 text-align: center;
 margin: 0 auto;
 display: block;
}
.quote-form .form-control {
 outline: none;
 color: #727272;
 box-shadow: none;
 padding: 6px 12px;
 background: #fff;
 border-color: white;
}
.quote-form .btn {
 padding: 5px 28px;
 width: 100%;
 background-color: #e3e829;
 font-size: 25px;
 color: #0033a0;
 margin-top: 15px;
 height: none !important;
 border-color: transparent !important;
}
.quote-form .btn:hover {
 background-color: #00aec7;
 color: #fff;
}
.form-desing {
 position: relative;
}
.form-desing label {
 position: absolute;
 top: 14px;
 left: 14px;
 pointer-events: none;
 -webkit-transition: all .1s ease-in-out;
 -o-transition: all .1s ease-in-out;
 transition: all .1s ease-in-out;
}
.form-desing input {
 height: 45px;
}
.form-desing input:focus ~ label, .form-desing input:valid ~ label, .form-desing input[type="email"]:not([value=""]):not(:focus):invalid ~ label {
top:0px;
font-size:12px;
color:#0033a0;
}
/* -------------------- Colors: Text */

.sky-form .checkbox {
 position: relative;
 display: block;
}
.sky-form .checkbox {
 margin-bottom: 4px;
 padding-left: 27px;
 font-size: 12px;
 color: white !important;
 cursor: pointer;
 font-weight: normal;
}
.sky-form .checkbox:last-child {
 margin-bottom: 0;
}
.sky-form .checkbox input {
 position: absolute;
 left: -9999px;
}
.sky-form .checkbox i {
 position: absolute;
 top: 5px;
 left: 0;
 display: block;
 width: 13px;
 height: 13px;
 outline: none;
 border-width: 2px;
 border-style: solid;
 background: #fff;
}
.submitting {
 color: #ffffff !important;
 font-size: 25px !important;
 font-family: 700 'Open Sans', sans-serif !important;
 text-align: center;
}
.btn-cta {
 margin: 30px auto;
 width: 100%;
}
.btn-cta span {
 font-size: 16px;
 color: #0033a0;
 font-weight: normal;
}
.btn-cta i {
 font-size: 24px;
}
.btn-cyber {
 display: inline-block;
 width: 100%;
 position: relative;
 padding: 9px 0;
 font-size: 18px;
 line-height: 28px;
 border-radius: 0;
 font-weight: 700;
 white-space: nowrap;
 letter-spacing: 0.02em;
 border-width: 2px;
 transition: .3s;
 backface-visibility: hidden;
}
.btn-default-cyber {
 color: #0033a0;
 background-color: #e3e829;
 border-color: #e3e829;
 border-radius: 4px;
}
.tex-seo {
 padding-top: 200px;
}
.tex-seo h3, .tex-seo p {
 color: #888;
}
/*------------------------------------------------------------------
 footer of the page styles / #footer
-------------------------------------------------------------------*/

#footer, #footer-exequial {
 width: 100%;
 overflow: hidden;
 position: relative;
 padding: 30px 0 10px;
 background: #0033a0;
 margin-top:50px;
}
#footer .text, #footer-exequial .text {
 padding: 0;
 text-align: center;
}
#footer p, #footer-exequial p {
 color: #fff;
 font-size: 13px;
 font-family: 'Open Sans', sans-serif;
}

@media (min-width: 2560px) {
.main-form {
 height: 1100px;
}
}

@media (min-width: 1500px) {
.main-form {
 height: 1100px;
}
#footer {
 position: fixed;
 bottom: 0;
}
}

@media (max-width: 1024px) {
.main-form .text2 {
 margin-left: 0px;
}
.quote-form .btn {
 padding: 5px;
}
.banner-info figure {
 margin-top: 129px;
}
figure.img-family img {
    right: -138px;
}
figure.img-pl img {
    right: -64px;
}
figure.img-hogar img {
    right: 135px;
 } 
}

@media (max-width: 992px) {
.main-form .heading {
 font-size: 33px;
 line-height: 40px;
}
.quote-form {
 margin: 80px 0 0;
}
.quote-form {
 padding: 40px 20px 49px;
}
}

@media (max-width: 768px) {
#header {
 padding: 20px 0;
}
.number-phone-home {display:none;}
.hide-xs {
 display: none;
}
.see-xs {
 display: block;
}
.main-form {
 padding: 90px 0;
}
.main-form .text1, .main-form .text2 {
 margin: 0 0 3px;
 font: 35px/42px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.quote-form {
 margin: 0 0 15px;
}
.xs-change-order {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
}
.xs-change-order .xs-change-order-second {
 -webkit-box-ordinal-group: 2;
 -ms-flex-order: 1;
 order: 1;
}
.xs-change-order .xs-change-order-firts {
 -webkit-box-ordinal-group: 3;
 -ms-flex-order: 2;
 order: 2;
}
.h3_class {
 font-size: 14px !important;
}
.responsive {
 max-width: 100%;
}
.tex-seo {
 padding-top: 20px;
}
#footer .text {
 padding: 0 3% 0;
 border-right: none;
}
}

@media (max-width: 480px) {
.ctn-megamenu {
 margin-top: 0px;
}
}