@charset "utf-8";
/* CSS Document font-family: 'Oswald', sans-serif; */
body{ font-family: 'Oswald', sans-serif; }
.mgral{ max-width:970px; margin:0 auto; }
.dinb{ display:inline-block; *display:inline; zoom:1; vertical-align: middle;}
.fl{ float:left;}
.fr{float:right;}
.centerul{ max-width:830px; margin:0 auto; }
.movile,.iconMovile{ display:none;}
.sec1{ background-color:rgb(43,102,151); padding-bottom:120px;}

header{ padding-top:47px; margin-bottom:25px !important;}
header > figure{ width:164px; height:53px; margin-right:30px; }
.tels{ width:175px; line-height:18px; margin-right:25px;}
.tels figure{ width:44px;}
.tels span{ display:block; font-size:16px; color:#ffffff;}
.tels i{ margin-right:5px; font-style:normal;}
.tels a{ color:#ffffff;}
header nav ul li{ display:block; float:left; background:#ffffff; border-right:1px solid #e8e8e8;}
header nav ul li a{ display:block; height:60px; padding:0 23px; line-height:60px; font-size:18px; color:#717174; font-weight:300; letter-spacing:0.035em;}
header nav ul li .icon{ background: url(../img/arrow_blue.jpg) no-repeat 23px center; padding-left:50px;}
header nav ul li .green{ background:rgb(39,169,225); color:#ffffff;}
header nav ul li:last-child{ border:none;}
.cBox > *{color:#ffffff;text-align:center;}
.cBox h1{ font-size:70px;  font-weight:700; margin:78px 0 24px 0; }
.cBox h2{ font-size:34px; font-weight:300; line-height:10px; letter-spacing:0.035em;}
.cBox p{ max-width:785px; height:142px; margin:54px auto 44px auto; font-size:20px; color:#8dc63f; letter-spacing:0.035em; background:url(../img/bg_block.jpg) no-repeat left top; background-size:auto; padding:34px 72px 0 57px;}
.cBox p span{ color:#1ab7ea;}
.btngreen{ display:block; background:url(../img/btn_gtop.jpg) #8dc63f no-repeat; max-width:331px; height:84px; font-size:20px; color:#fff; padding:15px 40px 20px 20px; margin:0 auto 0 auto;}
.sec2{ padding-bottom:25px;} 
.sec2 .bar{ background:#586273; padding:25px 0;}
.sec2 .bar ul{ text-align:center; }
.sec2 .bar ul li{ max-width:20%;}
.sec2 .bar ul li span{ display:block;}
.sec2 .bar ul li p{ font-size:20px; color:#fff; letter-spacing:0.035em; line-height:30px;}
.sec2 > img{ display:block; margin:90px auto 70px auto;}
.sec2 > ul{ text-align:center; }
.sec2 > ul li{max-width:23%; text-align:center; margin:0 55px 52px 55px; } 
.sec2 > ul li:nth-child(1){ margin-left:0;}
.sec2 > ul li:nth-child(3){ margin-right:0;}
.sec2 > ul li span{ display:block; font-size:20px; color:#1ab7ea; }
.sec2 > ul li p{ font-size:16px; color:#586273; margin:33px 0;}
.sec2 > ul li img{ margin-left:5%;}
.sec3 { padding:90px 0; background:#1ab7ea;}
.sec3 > span{ display:block; font-size:44px; font-weight:700; text-align:center; color:#fff; line-height:56px;}
.sec3 ul{ max-width:920px; margin:80px 0 70px 0; background:url(../img/line_blue.jpg) #20b1e0 no-repeat left top; text-align:center; padding:50px 20px; overflow:hidden;}
.sec3 ul li{ display:block; width:140px; padding-top:130px; float:left; background: url(../img/icon_sat.jpg) no-repeat center top; margin:0 4.5%; font-size:20px; color:#ffffff;}
.sec3 blockquote{ display:block; width:743px; margin:45px auto 70px auto;}
.sec3 blockquote span{ display:block; color:#ffffff; font-size:44px; font-weight:700; text-align:right;}
.sec3 blockquote span:first-child{ text-align:left; }
.sec3 blockquote span em{ font-size:74px; font-style:normal;}
.sec3 blockquote span sup{ font-size:125px; font-style:normal; top:50px;}
.sec4{ padding:90px 0;}
.sec4 > span{ display:block; margin:55px 0; font-size:44px; color:#1ab7ea; font-weight:700; text-align:center;}
.sec4 > span i{ color:#8dc63f; font-style:normal;}
.sec4 >ul > li{ display:block; float:left; width:33.333%; height:277px; padding:0 20px; text-align:center; font-size:16px; margin-bottom:100px; }
.sec4 >ul > li span{ display:block; font-size:20px; color:#1ab7ea; margin:19px 0 24px 0; }
.sec4 >ul > li p{ color:#586273; letter-spacing:0.015em;}
.sec4 >ul > li p i{ color:#fcb034; font-style:normal;}
.sec4 >ul > li > i{ color:#8dc63f;}
.sec4 .planes{ padding:5px 0; background:#f6f6f6;}
.planes ul li:first-child{ width:230px; }
.planes ul li:first-child table tr td{ text-align:left; padding-left:20px; }
.planes ul li{ display:block; float:left; width:180px;}
.planes ul li.movile{ display:none;}
.planes ul li > span{ display:block; width:100%; height:70; line-height:70px; font-size:22px; color:#fff; font-weight:700; text-align:center;}
.planes ul li table tr td{ padding:5px 0;font-size:15px; color:#586273; font-weight:300; text-align:center; vertical-align:middle;}
.planes ul li table tr:nth-child(odd){ background:#f6f6f6;}
.planes ul li table tr:nth-child(even){ background:#efefef;}
.planes ul li table tr:last-child td{ padding:0; }
.planes ul li table tr td.precio{ padding:5px 0;}
.planes ul li table tr td p{ font-size:24px; font-weight:700;}
.planes ul li table tr td a{ display:block; height:60px; line-height:60px; text-align:center; font-size:20px; color:#ffffff; }
.planes ul li table tr td strong{ font-size:14px; font-weight:700; color:#586273; }
.planes ul li > span{ display:block; height:70px; line-height:70px; font-size:22px; color:#ffffff; font-weight:700; text-align:center; }
.planes ul .p50 > span,.planes ul .pyme > span,.planes ul .p50 table a,.planes ul .pyme table a,.planes ul .p50 table a{ background:#fcb034;}
.planes ul .p200 > span,.planes ul .p200 table a{ background:#8dc63f;}
.planes ul .emprendedor > span,.planes ul .emprendedor table a{ background:#1ab7ea;}
.planes ul .p50 table p,.planes ul .pyme table p{ color:#fcb034;}
.planes ul .p200 table p{ color:#8dc63f;}
.planes ul .emprendedor table p{ color:#1ab7ea;}
.planes ul li table tr td span{ display:none;}
.tarjetas{ text-align:center;}
.tarjetas span{ display:block; margin:55px 0 40px 0; font-size:26px; color:#8dc63f; text-align:center; }
.tarjetas span i{ color:#1ab7ea; font-style:normal;}
.tarjetas img { margin:0 8px 8px 8px;}
.sec5{ padding:85px 0 100px 0; background:#1ab7ea; font-size:36px; font-weight:300; color:#ffffff;}
.sec5 .mgral > span{ display:block; margin-bottom:50px; font-size:44px; font-weight:700;  text-align:center;}
.sec5 .mgral > i{ display:block; text-align:center; font-style:normal; font-weight:300; }
.sec5 .mgral > div{ max-width:335px; margin:25px auto 40px auto; }
.sec5 .mgral > div > span{ font-size:193px; font-weight:bold; width:220px;}
.sec5 .mgral > div p{ width:107px; font-weight:300;}
.sec5 .mgral a{ display:block;background:#8dc63f; max-width:395px; padding:20px 30px; font-size:20px; color:#fff; text-align:center; margin:0 auto; }
.sec5 .mgral em{ display:block; margin-top:45px; font-size:15px; color:#586273; text-align:center; }
footer{ padding:35px 0; }
footer > span{ display:block; text-align:right; font-weight:300; }
footer ul li{ float:left; margin-left:40px; }
footer ul li:first-child{ margin-left:0;}
footer ul li:nth-child(4){ margin-left:35px;}
footer ul li > span{ display:block; font-size:19px; color:#2a6496; font-weight:700; margin-bottom:27px;}
footer ul li > a{ display:block; font-size:15px; color:#586273; margin-bottom:17px;}
footer ul li .tels span{ display:block; color:#586273;}
footer ul li .tels a{ color:#1ab7ea;}
footer ul li .contactbtn{ background:url(../img/icon_contacto.jpg) no-repeat left center; padding-left:50px;}
footer ul li .fb{ background:url(../img/fb-icon.png) no-repeat; width:40px; height:40px;}
/**/
.hamburglar {
  -webkit-transform: scale(1);
  transform: scale(1);
  margin: 10px;
  position: relative;
  display: block;
  width: 68px;
  height: 68px;
  background: #1ab7ea;
  -webkit-touch-callout: none;
  user-select: none;
}

.path-burger {
  position: absolute;
  top: 0;
  left: 0;
  height: 68px;
  width: 68px;
  mask: url(../#mask);
  -webkit-mask-box-image: url(../img/mask.svg);
}

.animate-path {
  position: absolute;
  top: 0;
  left: 0;
  width: 68px;
  height: 68px;
}

.path-rotation {
  height: 34px;
  width: 34px;
  margin: 34px 34px 0 0;
  -webkit-transform: rotate(0deg);
  -webkit-transform-origin: 100% 0;
  transform: rotate(0deg);
  transform-origin: 100% 0;
}
.path-rotation:before {
  content: '';
  display: block;
  width: 30px;
  height: 34px;
  margin: 0 4px 0 0;
  background: #fff;
}

.last a img{
    width:40px;
}

@-webkit-keyframes rotate-out{
  0% {
   -webkit-transform: rotate(0deg);
  }
  40% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate-in{
  0% {
  	-webkit-transform: rotate(360deg);
  }
  40% {
   -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@keyframes rotate-out{
  0% {
   transform: rotate(0deg);
  }
  40% {
	transform: rotate(180deg);
  }
  100% {
	transform: rotate(360deg);
  }
}
@keyframes rotate-in{
  0% {
	 transform: rotate(360deg);
  }
  40% {
    transform: rotate(180deg);
  }
  100% {
	 transform: rotate(0deg);
  }
}
.hamburglar.is-open .path {
  animation: dash-in 0.6s linear normal;
  -webkit-animation:dash-in 0.6s linear normal;
  animation-fill-mode: forwards;
   -webkit-animation-fill-mode: forwards;
}
.hamburglar.is-open .animate-path {
  animation: rotate-in 0.6s linear normal;
  animation-fill-mode: forwards;
  -webkit-animation: rotate-in 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
}

.hamburglar.is-closed .path {
  -webkit-animation: dash-out 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
  animation: dash-out 0.6s linear normal;
  animation-fill-mode: forwards;
}
.hamburglar.is-closed .animate-path {
 	-webkit-animation: rotate-out 0.6s linear normal;
  	-webkit-animation-fill-mode: forwards;
	 animation: rotate-out 0.6s linear normal;
  	 animation-fill-mode: forwards;
}

.path {
  stroke-dasharray: 240;
  stroke-dashoffset: 240;
  stroke-linejoin: round;
}

@-webkit-keyframes dash-in{
  0% {
    stroke-dashoffset: 240;
  }
  40% {
    stroke-dashoffset: 240;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-out {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 240;
  }
  100% {
    stroke-dashoffset: 240;
  }
}
@keyframes dash-in{
  0% {
    stroke-dashoffset: 240;
  }
  40% {
    stroke-dashoffset: 240;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash-out {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 240;
  }
  100% {
    stroke-dashoffset: 240;
  }
}

.burger-icon {
  position: absolute;
  padding: 20px 16px;
  height: 68px;
  width: 68px;
}

.burger-container {
  position: relative;
  height: 28px;
  width: 36px;
}

.burger-bun-top,
.burger-bun-bot,
.burger-filling {
  position: absolute;
  display: block;
  height: 4px;
  width: 36px;
  border-radius: 2px;
  background: #fff;
}

.burger-bun-top {
  top: 0;
  -webkit-transform-origin: 34px 2px;
   transform-origin: 34px 2px;
}

.burger-bun-bot {
  bottom: 0;
  -webkit-transform-origin: 34px 2px;
  transform-origin: 34px 2px;
}

.burger-filling {
  top: 12px;
}

.burger-ring {
  position: absolute;
  top: 0;
  left: 0;
  width: 68px;
  height: 68px;
}

.svg-ring {
  width: 68px;
  height: 68px;
}

.hamburglar.is-open .burger-bun-top {
  -webkit-animation: bun-top-out 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
   	animation: bun-top-out 0.6s linear normal;
  	animation-fill-mode: forwards;
}
.hamburglar.is-open .burger-bun-bot {
 -webkit-animation: bun-bot-out 0.6s linear normal;
 -webkit-animation-fill-mode: forwards;
 animation: bun-bot-out 0.6s linear normal;
 animation-fill-mode: forwards; 
}

.hamburglar.is-closed .burger-bun-top {
  -webkit-animation: bun-top-in 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
  animation: bun-top-in 0.6s linear normal;
  animation-fill-mode: forwards;  
}
.hamburglar.is-closed .burger-bun-bot {
  -webkit-animation: bun-bot-in 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
  animation: bun-bot-in 0.6s linear normal;
  animation-fill-mode: forwards;  
}

@-webkit-keyframes bun-top-out{
  0% {
    left: 0;
    top: 0;
    -webkit-transform: rotate(0deg);
  }
  20% {
    left: 0;
    top: 0;
    -webkit-transform: rotate(15deg);
  }
  80% {
    left: -5px;
    top: 0;
    -webkit-transform: rotate(-60deg);
  }
  100% {
    left: -5px;
    top: 1px;
    -webkit-transform: rotate(-45deg);
  }
}
@-webkit-keyframes bun-bot-out{
  0% {
    left: 0;
    -webkit-transform: rotate(0deg);
  }
  20% {
    left: 0;
    -webkit-transform: rotate(-15deg);
  }
  80% {
    left: -5px;
    -webkit-transform: rotate(60deg);
  }
  100% {
    left: -5px;
    -webkit-transform: rotate(45deg);
  }
}
/**/

@keyframes bun-top-out{
  0% {
    left: 0;
    top: 0;
    transform: rotate(0deg);
  }
  20% {
    left: 0;
    top: 0;
    transform: rotate(15deg);
  }
  80% {
    left: -5px;
    top: 0;
    transform: rotate(-60deg);
  }
  100% {
    left: -5px;
    top: 1px;
    transform: rotate(-45deg);
  }
}
@keyframes bun-bot-out{
  0% {
    left: 0;
    transform: rotate(0deg);
  }
  20% {
    left: 0;
    transform: rotate(-15deg);
  }
  80% {
    left: -5px;
    transform: rotate(60deg);
  }
  100% {
    left: -5px;
    transform: rotate(45deg);
  }
}

@-webkit-keyframes bun-top-in{
  0% {
    left: -5px;
    bot: 0;
    -webkit-transform: rotate(-45deg);
  }
  20% {
    left: -5px;
    bot: 0;
    -webkit-transform: rotate(-60deg);
  }
  80% {
    left: 0;
    bot: 0;
    -webkit-transform: rotate(15deg);
  }
  100% {
    left: 0;
    bot: 1px;
    -webkit-transform: rotate(0deg);
  }
}
@-webkit-keyframes bun-bot-in{
  0% {
    left: -5px;
    -webkit-transform: rotate(45deg);
  }
  20% {
    left: -5px;
    bot: 0;
    -webkit-transform: rotate(60deg);
  }
  80% {
    left: 0;
    bot: 0;
    -webkit-transform: rotate(-15deg);
  }
  100% {
    left: 0;
    -webkit-transform: rotate(0deg);
  }
}
/**/
@keyframes bun-top-in{
  0% {
    left: -5px;
    bot: 0;
    transform: rotate(-45deg);
  }
  20% {
    left: -5px;
    bot: 0;
    transform: rotate(-60deg);
  }
  80% {
    left: 0;
    bot: 0;
    transform: rotate(15deg);
  }
  100% {
    left: 0;
    bot: 1px;
    transform: rotate(0deg);
  }
}
@keyframes bun-bot-in{
  0% {
    left: -5px;
    transform: rotate(45deg);
  }
  20% {
    left: -5px;
    bot: 0;
    transform: rotate(60deg);
  }
  80% {
    left: 0;
    bot: 0;
    transform: rotate(-15deg);
  }
  100% {
    left: 0;
    transform: rotate(0deg);
  }
}


.hamburglar.is-open .burger-filling {
  -webkit-animation: burger-fill-out 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
  animation: burger-fill-out 0.6s linear normal;
  animation-fill-mode: forwards;  
}

.hamburglar.is-closed .burger-filling {
  -webkit-animation: burger-fill-in 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
  animation: burger-fill-in 0.6s linear normal;
  animation-fill-mode: forwards;  
}

@-webkit-keyframes burger-fill-in{
  0% {
    width: 0;
    left: 36px;
  }
  40% {
    width: 0;
    left: 40px;
  }
  80% {
    width: 36px;
    left: -6px;
  }
  100% {
    width: 36px;
    left: 0px;
  }
}
@-webkit-keyframes burger-fill-out{
  0% {
    width: 36px;
    left: 0px;
  }
  20% {
    width: 42px;
    left: -6px;
  }
  40% {
    width: 0;
    left: 40px;
  }
  100% {
    width: 0;
    left: 36px;
  }
}
/**/
@keyframes burger-fill-in{
  0% {
    width: 0;
    left: 36px;
  }
  40% {
    width: 0;
    left: 40px;
  }
  80% {
    width: 36px;
    left: -6px;
  }
  100% {
    width: 36px;
    left: 0px;
  }
}
@keyframes burger-fill-out{
  0% {
    width: 36px;
    left: 0px;
  }
  20% {
    width: 42px;
    left: -6px;
  }
  40% {
    width: 0;
    left: 40px;
  }
  100% {
    width: 0;
    left: 36px;
  }
}

* {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
/**/
/* Styles for dialog window */
  #form {
	background: white;
	padding: 50px;
	text-align: left;
	max-width: 550px;
	margin: 40px auto;
	position: relative;
	border-radius:5px;
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	color:#717174;
	overflow:hidden;
  }
  .formbox label, .formbox input, .formbox > a { display:block; float:left; margin-bottom:15px;}
  .formbox label{ width:140px; font-size:16px; text-align:right; margin-right:10px; }
  .formbox > a { color:#717174; margin-left: 102px; width: 198px;}
  .formbox input{ width:280px; height:32px; border:none; padding-left:40px;-webkit-box-shadow:inset -4px 2px 7px 0 rgba(0,0,0,0.2); box-shadow:inset -4px 2px 7px 0 rgba(0,0,0,0.2);}
  .formbox input[type=text]{ background:url(../img/icon_user.jpg) #f2f2f2 no-repeat left top;}
  .formbox input[type=password]{ background:url(../img/icon_pass.jpg) #f2f2f2 no-repeat left top;}
  .formbox input[type=button]{ background:#8dc63f; text-align:center; color:#ffffff; border:none; width:130px; height:50px; padding:0; margin-bottom:40px;}
  .formbox p{ display:block; clear:both; padding:50px 0 0 0; border-top:1px solid #f2f2f2; text-align:center; }
  .formbox p a{ font-size:18px; color:#1ab7ea; font-weight:600;}
  /**
   * Fade-zoom animation for first dialog
   */ 
  /* start state */
  .my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
  }
  /* animate in */
  .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
  }
  /* animate out */
  .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
	opacity: 0;
  }
  /* Dark overlay, start state */
  .my-mfp-zoom-in.mfp-bg {
	opacity: 0.001; /* Chrome opacity transition bug */
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
  }
  /* animate in */
  .my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
  }
  /* animate out */
  .my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
  }
  /**
   * Fade-move animation for second dialog
   */  
  /* at start */
  .my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
  }
  /* animate in */
  .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
  }
  /* animate out */
  .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;
	-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
  }
  /* Dark overlay, start state */
  .my-mfp-slide-bottom.mfp-bg {
	opacity: 0.01;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
  }
  /* animate in */
  .my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
  }
  /* animate out */
  .my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
  }
/**/	  
@media (min-width: 1024px){.drop-mobile{ display:inline-block;}}
@media (min-width: 768px) and (max-width: 979px){
	header nav ul li{ display:block; width:100%; text-align:center; border-bottom:1px solid #e8e8e8;}
	header{ position:fixed; top:0; background:#1ab7ea; z-index:10;}
	header > figure{ margin:20px 50px 20px 20px;}
	header.mgral{ padding:0; margin-top: 0px; max-width:100%; min-width:100%;}
	.iconMovile{ display:block; }
	.drop-mobile{ display:none; width:100%;}
	.planes ul li.movile{ display:block; } 
	.mgral{ padding:0 20px;}
	.sec3 ul li{ margin:0 2%;}
	.sec3 img{ display:block; margin:0 auto; float:none;}
	.sec2 > ul li { max-width: 22%; }
	.sec4 .planes.mgral{ width:590px; margin:0 auto; }
	.planes ul li{ margin-bottom:40px;}
	.planes ul li.movile{ width: 230px; }
	.planes ul li.movile table tr td{ text-align: left; padding-left: 20px;}
	.cBox{ padding-top:140px;}
	.cBox h1{  margin: 0 0 24px;}
	}
	
@media (max-width: 767px){
	header nav ul li{ display:block; width:100%; text-align:center; border-bottom:1px solid #e8e8e8;}
	header{ position:fixed; top:0; background:#1ab7ea; z-index:10;}
	header > figure{ margin:20px 48px 20px 20px;}
	header.mgral{ padding:0; max-width:100%; min-width:100%;}
	.iconMovile{ display:block; }
	.drop-mobile{ display:none; width:100%;}
	.tels{ width:100%;margin-right: 0;}
	.tels > div{width:100%; text-align:center;}
	.tels span{ display:inline-block; font-size:12px; }
	.tels figure{ display:none;}
	.cBox{ padding:140px 25px 0 25px;}
	.cBox h1{ font-size:50px; margin: 20px 0 24px 0;}
	.cBox h2{ font-size:18px; line-height:normal;}
	.cBox p{font-size: 15px;padding: 27px 15px 0 15px; margin: 54px auto 11px auto;}
	.sec2 .bar ul li {max-width: 27%; }
	.sec2 .bar ul li p{font-size: 14px;line-height: 19px;}
	.sec2 > ul li {max-width: 44%; margin: 0 10px 52px 10px;}
	.sec3{ padding:60px 0;}
	.sec3 > span{font-size: 29px;line-height: 39px;}
	.sec3 ul{margin: 66px 0 70px 0;padding: 40px 10px;}
	.sec3 ul li{width: 50%; margin:0 0 20px 0;}
	.sec3 blockquote{width: 100%;margin: 20px auto 30px auto;}
	.sec3 blockquote span{font-size: 20px;}
	.sec3 blockquote span sup {font-size: 58px;top: 30px;}
	.sec3 blockquote span em {font-size: 38px;}
	.sec4 > ul > li{width: 49.333%;font-size: 14px; height:auto; margin-bottom:30px;}
	.sec4 > ul > li img{ margin-left:10%;}
	.sec4 > span{ font-size:28px;}
	.sec4 .planes.mgral{ width:100%;}
	.planes ul li table tr td span{ display:block; color:#1ab7ea;}
	.planes ul li:first-child,.planes ul li.movile{ display:none;}
	.sec5{font-size: 23px;}
	.sec5 .mgral > span{ font-size: 19px; margin-bottom: 13px;}
	.sec5 .mgral > div > span{font-size: 133px;width: 150px;}
	.sec5 .mgral > div{ text-align:center; margin:0 auto; }
	.sec5 .mgral a{ font-size:17px; text-align:center;}
	.btngreen{ text-align:center;padding: 15px 20px 20px 20px;}
	footer{ padding-left:20px;}
	footer ul li{ margin:0 0 20px 0}
	footer ul li:first-child{ width:48%}
	footer ul li:nth-child(2){ width:51%; margin-bottom:70px;}
	footer ul li:nth-child(4){ margin-right:30px;}
	footer ul li .movile{ display:block;}
	footer .tels figure{ display:inline-block; margin-right:0;}
	footer .tels > div{ width:113px;}
	footer .tels span{ font-size: 14px;}
	footer > span{ text-align:center;}
	footer ul li .contactbtn{padding-left: 37px;}
	}	
@media (min-width: 320px) and (max-width: 480px){
	header > figure{ margin:20px 0 20px 20px;}
	.cBox p{padding: 17px 15px 0 15px;}
	.btngreen{font-size: 18px;}
	.sec3 > span{font-size: 25px;}
	.sec4 > ul > li{ width:100%}
	.sec4 > span{font-size: 25px;}
	.planes ul li{ width:50%;}
	footer .tels figure,footer .desktop{ display:none;}
	#form {padding: 20px;max-width: 550px;margin: 40px auto;}
	.formbox label{ width:100%;font-size:16px; text-align:left; }
  	.formbox > a { color:#717174; width: 100%; margin-left:0;}
  	.formbox input{ width:270px; height:40px; border:none; padding-left:35px;-webkit-box-shadow:inset -4px 2px 7px 0 rgba(0,0,0,0.2); box-shadow:inset -4px 2px 7px 0 rgba(0,0,0,0.2);}
  	.formbox input[type=submit]{ background:#8dc63f; text-align:center; color:#ffffff; border:none; width:100%; height:50px; padding:0; margin-bottom:20px;}
  	.formbox p{ display:block; clear:both; padding:20px 0 0 0; border-top:1px solid #f2f2f2; text-align:center; }
  	.formbox p a{ font-size:18px; color:#1ab7ea; font-weight:600;}
	}	
  .has-error{
    background-color:rgb(255, 208, 208) !important;
  }
  #msgLogin{
    min-height: 1px;
    min-width: 450px;
  }