/*********************************
Loading elements syles
/*********************************/ 	
.loade {
    position: fixed;
    
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background-color: white;
}
p.loading { 
	margin-left: -49px;
  text-align: center;
font-size: 93px;}
/* loading dots */
.loading:after {
  content: ' .';
  animation: dots 1s steps(1, end) infinite;}
@keyframes dots {
  0%, 20% {
    color: rgba(0,0,0,0);
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  40% {
    color: orangered;
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  60% {
    text-shadow:
      .25em 0 0 orangered,
      .5em 0 0 rgba(0,0,0,0);}
  80%, 100% {
    text-shadow:
      .25em 0 0 orangered,
      .5em 0 0 orangered;}} 
	
/*********************************
Siles for header and top desktop
/*********************************/ 
.header {
background-color: white;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
	width: 100%;
	height:auto;
}

div#subnavbar {
	margin-right: 99px;
  overflow: hidden;
  background-color:#13276E;
	width: 100%;
	display: inline-flex; 
	margin-top: -21px;
	border-bottom-left-radius: 21px;	
}

.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  text-decoration: none;
}
.navbar h2{
color: #fff;
	}	
.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn { 
  border: none;
  outline: none;
  color: white; 
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

	.navbar a:hover{
		}

.dropdown-content {
	background-color:white;
border: 1px white solid;
  margin-top: 0px;	
  margin-left: -33px;	
  padding: 34px 16px;	
  display: none;
  position: absolute;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 999;
border-bottom-left-radius: 21px;	
border-bottom-right-radius: 21px;	
		
border-top-right-radius: 21px;	
	
}

.dropdown-content a {
  float: none;
  color:blue;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #EEF2FF;
		color: orangered;
border: orangered 1px solid;
}

.dropdown:hover .dropdown-content{
  display: block;
}
	
	
	
	
	
/*********************************
Siles for header and top desktop
/*********************************/ 	
	
	
	
	
	
/**################################################################################*/
/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {
  display: none;
}
/*********************************
Start documente styles
/*********************************/ 		
html {
  scroll-behavior: smooth;
}
* {
	font-family: 'Montserrat', sans-serif;
}
body{ 
	/* Hide scrollbar for IE, Edge and Firefox */
 
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
 
		margin: 0;
	padding: 0; 
} 
a{
	text-decoration: none;
	color: #222;
}
body::-webkit-scrollbar {
    display: none;
}
/*********************************
Effect parralaxx
/*********************************/ 	
.parallax {
  /* The image used */
  background-image: url("../3.jpg");
width: 100%;
  /* Set a specific height */
  height: auto; 
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
 
/*********************************
containers
/*********************************/ 	
.contaner{
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
}
.container{
	width: 95%;
	margin-left: 2.5%;
	margin-right: 2.5%;
}
.contenedor{
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;	
	}
	
/*********************************
0.Divs styles
/*********************************/ 	
.div-flex{
display: inline-flex;		
	}
.div-grid{
display: inline-grid;		
}	



/*********************************
0.3.0.1 Buttons 
/*********************************/ 
a.button_{
font-size: 21px; 
border-radius: 13px;
width: 166px;
margin: 3%;
color: white;
background-image: linear-gradient( orangered,red); 
	}
a.button_:hover{
font-size: 21px; 
color: orangered;
background-image: linear-gradient(white,#f0f0f0);
border:orangered 1px solid;
border-radius: 8px;
width: 166px;
margin: 3%;	
	}		
/*********************************
0.0.0. Button WA 
/*********************************/ 
a.button_wa{ 
right:13px;
bottom: 13px;
position: fixed;	
background-image: url(../icon_wa.png);
background-size: cover;	
width: 66px;
height: 66px;
z-index: 999;	
	}
a.button_wa:hover{
right:13px;
bottom: 13px;
position: fixed;	
background-image: url(../icon_wa0.png);
background-size: cover;	
width: 66px;
height: 66px;
z-index: 999;
	}	.buttonw{
font-size: 21px; 
padding: 13px 33px 13px 33px;
font-weight: 900;	
color: white;
background-image: linear-gradient(#00cccc,#008080,#007777);
border:white 0px solid;
border-radius: 13px;
width: 166px;
margin: 3%;		
transition: 1s ease;	
	}
.buttonw:hover{ 
font-size: 21px; 
padding: 13px 33px 13px 33px;
font-weight: 900;	
color: white;
background-image: linear-gradient(#007777,#008080,#00cccc);
border:white 0px solid;
border-radius: 13px;
width: 166px;
margin: 3%;		
transition: 1s ease;
	}	
/*********************************
0.3.1 Top Menu Mobile
/*********************************/ 
.navbar_mobile{
margin-top: -33px;	
display: inline-grid;	
}

.element_navbar{
border: 0.1px solid #eee;
float: right;
height: 59px;
min-width: 160px;
}
.element_navbar a{
font-size: 16px;
}
.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
	display: block;
  z-index: 99999;
  top: 0;
  left: 0; 
  background-color: rgba(240,240,240,0.99);
  overflow-y: hidden;
  transition: 0.5s;
}
.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
 
}
.overlay a {
  padding: 8px;
  text-decoration: none;
 
  color: #252525;
  display: block;
  transition: 0.3s;
}
.overlay a:hover, .overlay a:focus {
  color:blue;
}
.overlay .closebtn {
  position: absolute;
  top: -55px;
  right: 45px;
  font-size: 60px;
}
	
	
/********************************####################################################################################################*/
 /*   GUI UX/UI  Interface   */
/*********************************//*###############################################################################################*/	
/*███   * On screens that are 992px Desktop Version  ██████████████████████████████████████████████████████████████████████████████-*/		
@media screen and (max-width: 2992px) {
	.box_insurance_70{
	width: 70%;
		height: auto;
	}
	.box_insurance_30{
	width: 30%;
		height: auto;
	}
	.video_div{
		width: 100%;height: 899px; background-image: linear-gradient(#fafafa,#fefefe);
	}
	.father_box{
		display: inline-flex;
		width: 100%;
		height: auto;
	}
	.son_box{
		width: 45%;
		margin: 2.5%;
		height: auto;
	}
	p.responsitive_p{
		color: white;font-size: 26px;
	}	
div#navbar{
  transition: transform 2s; /* Animation */
	display: block;
}
.top{
background-image: linear-gradient(-90deg,#000,#222);width: 100%;height:auto;		
}
.top h2{
	color: white;
	}	
.header_desktop{
	background-color: white;
	width: 100%;
	height: auto;
	display: block;
	}
.header_mobile{
		display: none;
	}	
.nivoSlider {	
	position:relative;
	width:100%;
	height:699px;
	overflow: hidden;
}
/*********************************
0.5  first_ad's
/*********************************/ 	

/*********************************
0.8  Flip cards
/*********************************/ 
.flip-card-desktop{
	display: block;
	background-color: white;
	width: 100%;
	height: auto;
	}
.flip-card-mobile{
	display: none;
	}		
.flip-card {
  background-color: transparent;
  width: 300px;
  height: 300px;
  perspective: 1000px;
}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
margin-left: 6%;
}
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.flip-card-front {
  background-color: orange;
  color: white;
}
.flip-card-back{
  background-color: #13276E ;
  color: white;
  transform: rotateY(180deg);
}
.flip-card-back a{
  background-color: orange;
  color: white; 
}	
.flip-card-back#one{
  background-image: url(flip_1a.png);	
	background-size: cover;
  color: white;
  transform: rotateY(180deg);
}
.flip-card-back#two{
  background-image: url(flip_2a.png);	
	background-size: cover;
  color: white;
  transform: rotateY(180deg);
}	
.flip-card-back#three{
  background-image: url(flip_3a.png);	
	background-size: cover;
  color: white;
  transform: rotateY(180deg);
}		
.flip-card-box{
	width: 100%;height: auto;display: inline-flex;	
}	
.box-flip{
	width: 30%;margin: 3%; position: relative;	
	}	
/*********************************
0.7  icons
/*********************************/ 
.icons{
width: 100%;
height: auto;
display: inline-flex;		
	}	
.icon_item{
	width: 20%;
	margin: 2.5%;	
}	 
	
/*********************************
0.12 Footer
/*********************************/  	
.footer_father_box{
width: 100%;height: auto;display: inline-flex;

	}
.footer_son_box{
		width: 20%;margin: 2.5%;height: auto;display: inline-grid;
	}
	.box{
		display: inline-flex;width: 100%;
	}
	.item_box{
	width: 30%;margin: 3%; box-shadow: 1px 1px 13px 13px #D3FFF2;border-radius: 13px;	
		
  transition: transform .2s; /* Animation */
	}
		.box_4{
		display: inline-flex;width: 100%;
	}
	.item_box_4{
	width: 40%;margin: 5%; box-shadow: 1px 1px 13px 13px #D3FFF2;border-radius: 13px;	
		
  transition: transform .2s; /* Animation */
	}
	 
	.father_box{
		display: inline-flex;width: 100%;
	}
	.son_box{
		width: 50%;
		height: auto;
	}
		.div_slider_desktop{
	display: block;
	}
	.div_slider_mobile{
	display: none;
	}
}
	
	
	
/*███   On screens that are 600px  Mobile Version  ████████████████████████████████████████████████████████████████████████████-*/
@media screen and (max-width: 1080px) {
	.box_insurance_70{
	width: 100%;
		height: auto;
	}
	.box_insurance_30{
	width: 100%;
		height: auto;
	}
	.video_div{
		width: 100%;height: auto;; background-image: linear-gradient(#fafafa,#fefefe);
	}
	.father_box{
		display: inline-grid;
		width: 100%;
		height: auto;
	}
	.son_box{
		width: 90%;
		margin: 5%;
		height: auto;
	}
	p.responsitive_p{
		color: white;font-size: 13px;
	}
	h1.start{
		font-size: 13px;
	}
	.div_slider_desktop{
	display: none;
	}
	.div_slider_mobile{
	display: block;
	}
	div#navbar{
  transition: transform 2s; /* Animation */
	display: none;
}
.top{
background-image: linear-gradient(-90deg,purple,dodgerblue);width: 100%;height:auto;		
}
.top h2{
	color: white;
	font-size: 8px;
	}		
.header_desktop{
		display: none;
	}		
.header_mobile{ 
	display: block;
	top: 0;
	
	}	
.nivoSlider {	
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
    
	}
/*********************************
0.5  first_ad's
/*********************************/ 	

	

/*********************************
0.8  Flip cards
/*********************************/  
.flip-card-desktop{
	display: none;
	}
.flip-card-mobile{
	display: block;
	 
	width: 100%;
	height: auto;
	
	}	
.flip-card {
display: inline-block;	
  background-color: transparent;
  width: 300px;
  height: 300px; 
}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
	margin-left: 3%;
}
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.flip-card-front {
width: 300px;	
  background-color: orange;
  color: white;
}
.flip-card-back{
 margin-left: 0px;	
  width: 300px;
  background-color:#13276E ;
  color: white;
  transform: rotateY(180deg);
}
.flip-card-back a{
  background-color: orange;
  color: white; 
}	
.flip-card-back#onea{
  background-image: url(flip_1a.png);	
	background-size: cover;
  color: white;
  transform: rotateY(180deg);
}
.flip-card-back#twoa{
  background-image: url(flip_2a.png);	
	background-size: cover;
  color: white;
  transform: rotateY(180deg);
}	
.flip-card-back#threea{
  background-image: url(flip_3a.png);	
	background-size: cover;
  color: white;
  transform: rotateY(180deg);
}		
.flip-card-box{
	width: 100%;height: auto;display: inline-grid;	
}		
.box-flip{
	width: 100%;margin-bottom: 3%; position: relative;	
	}	
/*********************************
0.7  icons
/*********************************/ 
.icons{
width: 100%;
height: auto;
display: inline-grid;		
	}	
.icon_item{
	width: 100%;
	margin-bottom: 2.5%;	
}	
  

	
/*********************************
0.12 Footer
/*********************************/ 
.footer_father_box{
width: 100%;height: auto;display: inline-grid;
	}
.footer_son_box{
		width: auto;;margin: 2.5%;height: auto;display: inline-grid;
	}		
}
	 



/*********************************
6. CONTACT 
/*********************************/

.contenedor-formulario {
  width: 99%;
	height: 100%;
  color: #0E6AC0;
z-index: 9999;
}
  .contenedor-formulario .formulario {
    
	  width: 100%;
	 height: 100%; 
    margin: auto; 
}
    .contenedor-formulario .formulario .input-group {
		
      position: relative;
      margin-bottom: 32px; 
}
      .contenedor-formulario .formulario .input-group input[type="text"],
      .contenedor-formulario .formulario .input-group input[type="email"],
      .contenedor-formulario .formulario .input-group input[type="password"] {
    
        font-size: 16px;
        color: #003778;
        width: 95%;
        outline: none;
        padding: 13px;
        background-color: #FFF;
		 border: none;
        border-bottom: 2px solid #BBDEFB;
		  
}
        .contenedor-formulario .formulario .input-group input[type="text"]:focus, .contenedor-formulario .formulario .input-group input[type="text"]:active,
        .contenedor-formulario .formulario .input-group input[type="email"]:focus,
        .contenedor-formulario .formulario .input-group input[type="email"]:active,
        .contenedor-formulario .formulario .input-group input[type="password"]:focus,
        .contenedor-formulario .formulario .input-group input[type="password"]:active {
          outline: none;
          border-bottom: 2px solid #303F9F; }
        .contenedor-formulario .formulario .input-group input[type="text"].error,
        .contenedor-formulario .formulario .input-group input[type="email"].error,
        .contenedor-formulario .formulario .input-group input[type="password"].error {
          border-bottom: 2px solid #D32F2F; }
          .contenedor-formulario .formulario .input-group input[type="text"].error + label,
          .contenedor-formulario .formulario .input-group input[type="email"].error + label,
          .contenedor-formulario .formulario .input-group input[type="password"].error + label {
            color: #D32F2F; }
      .contenedor-formulario .formulario .input-group label {	
		 
        color: #2A2A2A; }
        .contenedor-formulario .formulario .input-group label.label {
      
			-webkit-transition: all 0.3s ease;
			
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
          margin-left: 5px;
          font-size: 16px;
          line-height: 16px;
          position: absolute;
          top: 16px;
          left: 50%; }
          .contenedor-formulario .formulario .input-group label.label.active {
           
			  top: -12px;
            font-size: 12px;
            line-height: 12px;
            color: blue; }
      .contenedor-formulario .formulario .input-group.checkbox label, .contenedor-formulario .formulario .input-group.radio label {
		  
        display: inline-block;
        cursor: pointer;
        color: #0B075E;
        position: relative;
        padding: 5px 15px 5px 51px;
        font-size: 1em;
        border-radius: 3px;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .contenedor-formulario .formulario .input-group.checkbox label:hover, .contenedor-formulario .formulario .input-group.radio label:hover {
          background: #bbdefb; }
        .contenedor-formulario .formulario .input-group.checkbox label:before, .contenedor-formulario .formulario .input-group.radio label:before {
          content: "";
          display: inline-block;
          width: 17px;
          height: 17px;
          position: absolute;
          left: 15px;
          border-radius: 50%;
          background: none;
          border: 2px solid #168C36; }
      .contenedor-formulario .formulario .input-group.error label {
        color: #D32F2F; }
        .contenedor-formulario .formulario .input-group.error label:hover {
          background: rgba(211, 47, 47, 0.2); }
        .contenedor-formulario .formulario .input-group.error label:before {
          border: 2px solid #D32F2F; }
      .contenedor-formulario .formulario .input-group.radio input[type="radio"] {
        display: none; }
        .contenedor-formulario .formulario .input-group.radio input[type="radio"]:checked + label:before {
          display: none; }
        .contenedor-formulario .formulario .input-group.radio input[type="radio"]:checked + label {
          padding: 5px 15px;
          background: #303F9F;
          border-radius: 2px;
          color: #f2f2f2; }
      .contenedor-formulario .formulario .input-group.checkbox label:before {
        border-radius: 3px; }
      .contenedor-formulario .formulario .input-group.checkbox input[type="checkbox"] {
        display: none; }
        .contenedor-formulario .formulario .input-group.checkbox input[type="checkbox"]:checked + label:before {
          display: none; }
        .contenedor-formulario .formulario .input-group.checkbox input[type="checkbox"]:checked + label {
          background: #FFFFFF;
          color: #f2f2f2;
          padding: 5px 15px; }
    .contenedor-formulario .formulario input[type="submit"] {
      background:#008ED3;
      border-radius: 33px;
      border: 2px solid  #11275B;
      color:#D8F0FF;
      cursor: pointer;
      display: inline-block;
      
      font-size: 16px;
      padding: 15px;
      width: 200px;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .contenedor-formulario .formulario input[type="submit"]:hover {
        background: #FFFFFF;
       color: #000;
		   border: 2px solid  #11275B;
}

/*# sourceMappingURL=estilos.css.map */
 
 


.footer_father_box a,h1,h2,h3,h4,h5,h6,p{
	color: white
}