* 																{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

body															{background:#fff; font-family: 'futura'; padding:0; margin:0;}

h1,h2,h3,h4,p,span												{font-family: 'futura'; padding:0; margin:0; font-weight:normal;}

ul,li															{font-family: 'futura'; padding:0; margin:0; list-style-type:none;}

a																{font-family: 'futura'; text-decoration:none;}

img																{border:0;}

input,select,textarea,label,fieldset,button						{font-family: 'futura';padding:0; margin:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

a,input,select,textarea,img,button								{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

input,select,textarea											{box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);transition: border linear 0.2s, box-shadow linear 0.2s;-moz-transition: border linear 0.2s, box-shadow linear 0.2s;-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); margin:0 0 10px 0;}

.clear 															{clear:both;}

::-ms-clear 													{display:none;}

:focus 															{outline:none;}

::-webkit-input-placeholder										{color:inherit;}

i																{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}



.mask_b1														{position:absolute; width:100%; height:100%; background:url(../imagenes/bg.png); z-index:9;}

.mask_b2														{position:absolute; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:8;}



.white {background: #ffffff;}

.gray {background: #f4f4f4;}



.white-popup {

	position: relative;

	background: #ffffff;

	padding: 20px;

	width: auto;

	max-width: 700px;

	margin: 20px auto;

}



@font-face {

	font-family:"futura";

	src:url("../fuentes/futura.eot?") format("eot"),

		url("../fuentes/futura.woff") format("woff"),

		url("../fuentes/futura.ttf") format("truetype"),

		url("../fuentes/futura.svg#futura") format("svg");

	font-weight: normal;

	font-style: normal;

}



#terminos 														{font-size: 12px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

#terminos h2 													{text-transform: uppercase; margin-bottom: 10px; font-weight: bold;}

#terminos h3 													{font-weight: bold; margin-bottom: 10px;}

#terminos p 													{margin-bottom: 10px; text-align: justify;}

#terminos p.mt-5												{margin-top: 5px;}

#terminos table													{width: 100%; border-collapse: collapse;}

#terminos table tr.bb-blue										{border-bottom: 1px #7551B5 solid;}

#terminos ul													{padding-left: 30px; list-style-type: inherit;}

#terminos ul li, #terminos ol li								{list-style-type: inherit;}



@media (min-width: 769px){



.left {float:left;}

.right {float:right;}



.web-mt-20 {margin-top: 20px;}

.web-ml-10 {margin-left: 10px;}

.web-mr-10 {margin-right: 10px;}



.web-d-none {display: none;}



#m1 															{width:100%; min-width:1200px; background:#fff;}

#m1 .b1															{width:1200px; padding:20px 0; margin:0 auto;}

#m1 .b1 .d1														{float:left;}

#m1 .b1 .d1	img													{height:40px;}

#m1 .b1 .d2														{float:right;}

#m1 .b1 .d2 .t1													{padding: 0 20px; float: left; font-size:16px; color:#73CC80; line-height: 40px; padding:0 20px; height: 40px;}

#m1 .b1 .d2 .t1 a 												{display: inline-block; padding: 0 8px; font-size:30px; color:#390094;}

#m1 .b1 .d2 .t2 												{float:right; margin: 0 0 0 10px;}

#m1 .b1 .d2 .t2 .boton												{background:#73CC80; font-size:16px; color:#fff; border-radius:30px; line-height:40px; padding:0 20px; display:block; cursor:pointer;}

#m1 .b1 .d2 .t2 .boton:hover											{opacity: 0.8;}

#m1 .b1 .d2 .t3													{display:none;}

#m1 .b1 .d2 .t4													{padding: 0 20px; float: right; font-size:16px; color:#73CC80; padding:0 20px; height: 40px;}

#m1 .b1 .d2 .t4 a 												{display: inline-block; padding: 0 8px; color:#390094;}

#m1 .b1 .d2 .t4 i 												{font-size: 30px; line-height: 1.3;}

#m1 .b1 .d2 .t4 span 											{display: block; float: right; padding-top: 10px; padding-left: 7px;}

#m1 .b1 .d2 .whatsapp											{background:#00c853; cursor: pointer; border-radius: 30px; float:right; padding:0 20px; height: 40px; text-align: center; margin: 0 10px 0 0;}

#m1 .b1 .d2 .whatsapp a											{font-size:20px; color:#fff; font-weight:700; line-height:40px; width: 40px; height: 40px;}



#m3 															{width:100%; min-width:1200px; background:#FFF; position:relative; height: 600px;}

#m3 .b1															{width:1200px; margin:0 auto; padding:50px 0;}

#m3 .b1 .d1														{float:right; width:420px; background:#fff; padding:40px; text-align:center; position:relative; z-index:10;}

#m3 .b1 .d1 label												{color:#333; font-size:30px; font-weight:700; letter-spacing:-1px; display:block; margin:0 0 10px 0;}

#m3 .b1 .d1 label:nth-of-type(2)								{color:#777; font-size:20px; font-weight:400;}

#m3 .b1 .d1 input												{width:100%; height:40px; line-height:40px; padding:0 10px; background:#fff; border:1px solid #ccc; color:#222; font-size:14px; border-radius:3px;}

#m3 .b1 .d1 textarea											{width:100%; height:80px; padding:10px; background:#fff; border:1px solid #ccc; color:#222; font-size:14px; border-radius:3px;}

#m3 .b1 .d1 select												{width:100%; height:40px; line-height:40px; padding:0 10px; background:#fff; color:#222; font-size:14px; border-radius:3px;}

#m3 .b1 .d1 button												{background:#73CC80; width:100%; height:45px; line-height:35px; border-radius:3px; border:0; color:#fff; font-size:16px; cursor:pointer;}

#m3 .b1 .d1 button:hover										{opacity: .8;}

#m3 .b1 .d1 .i-error											{border:1px dashed #eb340a; background:#faebe7;}

#m3 img 												{display: none;}

#m3 .b1 .d2														{float:left; width: 600px; position:relative; z-index:10;}

#m3 .b1 .d2 h1													{font-size: 62px; line-height: 60px; color:#390094; margin:80px 0 25px 0; font-weight: 400;}

#m3 .b1 .d2 p													{font-size: 38px; line-height: 38px; color:#390094; font-weight: 300; margin: 0 0 15px 0;}

#m3 .b1 .d2 .boton													{background: #73CC80; font-size:18px; color:#fff; border-radius:30px; line-height:44px; padding:0 30px; display:inline-block; cursor:pointer; margin:20px 0 0 0;}

#m3 .b1 .d2 .boton:hover												{opacity: 0.8;}





#m4																{background:#390094; width:100%; min-width:1200px; border-top: 1px solid #ddd;}

#m4 .b1															{text-align:center; padding:60px 0; width: 1200px; margin: 0 auto;}

#m4 .b1 h1														{font-size:36px; color:#fff; font-weight:500; margin: 0 0 10px 0;}

#m4 .b1 h2														{font-size:22px; color:#fff; font-weight:500; margin: 0 0 45px 0;}

#m4 .b1 li p													{font-size:16px; color:#fff; margin:0 0 10px 0; padding:0 20px;}

#m4 .b1 li														{width: 33.3333%; float: left;}

#m4 .b1 li .icon												{width:80px; height:80px; display:inline-block; line-height:80px; margin:0 0 20px 0;}

#m4 .b1 li .icon img											{width:80px; vertical-align: middle;}

#m4 .b1 li .title												{font-size:20px; color:#fff; display:block; padding: 4px 20px;}



#break 															{background:#73CC80; width:100%; min-width:1200px; border-top: 1px solid #ddd;}

#break .b1 														{text-align:center; padding:60px 0; width: 1200px; margin: 0 auto;}

#break .b1 h1 													{font-size:36px; color:#fff; font-weight:500; margin: 0 0 5px 0;}



#m5																{width:100%; min-width:1200px;}

#m5 .b1															{width:100%;}

#m5 .b1 .d1														{width:50%; height: 700px;  position:relative; text-align:center; overflow:hidden;}

#m5 .b1 .d1 .image												{width:100%; height: 700px; background-size: cover; background-position: center center;}

#m5 .b1 .d2														{width:50%; padding:50px; height: 700px; background: #f5f6fa; position: relative;}

#m5 .b1 .d2 h1													{color:#848484; font-weight:700;     margin-bottom: 35px; text-transform: uppercase; padding-bottom: 20px;margin: 0 0 20px; font-size: 16px; position: relative;}

#m5 .b1 .d2 h1:after 											{background-color: #00c853; bottom: -2px; content: ''; height: 2px; left: 0; position: absolute; width: 60px;}

#m5 .b1 .d2 h2													{font-size: 38px; line-height: 38px; margin: 0 0 45px; color:#444;}

#m5 .b1 .d2 p 													{font-size: 26px; font-weight: 400; line-height: 22px; color: #848484; padding: 0 0 15px 0;}

#m5 .b1 .d2 .boton													{background:#73CC80; font-size:16px; color:#fff; border-radius:30px; line-height:44px; padding:0 30px; display:inline-block; cursor:pointer; margin:40px 0 0 0;}

#m5 .b1 .d2 .boton:hover												{opacity: 0.8;}

#m5 .b1 .d2 li													{display:block; font-size: 18px; color: #555; line-height: 24px;}









#m8																{width:100%; min-width:1200px; background:url(../imagenes/banner-footer.jpg) center top no-repeat; position:relative;}

#m8 img 														{display:none;}

#m8 .b1															{width:1200px; height:600px; margin:0 auto; position:relative;}

#m8 .b1 .d1														{position:absolute; top:20%; z-index:99; left:0;}

#m8 .b1 .d1 h1													{color:#390094; font-weight:700;     margin-bottom: 35px; text-transform: uppercase; padding-bottom: 20px;margin: 0 0 20px; font-size:30px; position: relative;}

#m8 .b1 .d1 h1:after 											{background-color: #73CC80; bottom: -2px; content: ''; height: 2px; left: 0; position: absolute; width: 60px;}

#m8 .b1 .d1 li													{font-size: 20px; line-height:26px; color:#390094; font-weight: 300;}

#m8 .b1 .d1 .boton													{background:#73CC80; font-size:16px; color:#fff; border-radius:30px; line-height:44px; padding:0 30px; display:inline-block; cursor:pointer; margin:30px 0 0 0;}

#m8 .b1 .d1 .boton:hover												{opacity: 0.8;}





#m7 															{width:100%; height:700px; background:url(../imagenes/banner-mapa.jpg); position:relative;}

#m7 .b3															{line-height:100px;  background: #fff; color:#333; font-size:30px; height:100px; display:block; text-align:center;}

#m7 .b1															{width:400px; height:450px; position:absolute; z-index:3; top:150px; left:50px; right:0;}

#m7 .b1 ul														{width:400px; background:#fff; padding:40px; float:left;}

#m7 .b1 li														{display:block; margin:0 0 30px 0;}

#m7 .b1 li strong												{font-size:16px; color:#333; margin:0 0 15px 0;}

#m7 .b1 li a													{display:block; font-size:14px; color:#777;}

#m7 .b1 li p													{display:block; font-size:14px; color:#777;}

#m7 .b1 li:last-child											{margin:0;}

#m7 .b1 li:last-child a											{background:#16A400; font-size:16px; color:#fff; text-align:center; border-radius:30px; line-height:44px; padding:0 30px; display:block; cursor:pointer;}

#m7 .b1 li:last-child a:hover									{opacity: .8}



#m7 .b2															{width:100%; min-width:1200px; height:600px; position:relative;}

#m7 .b2 #mapa													{width:100%; height:100%; position:absolute; z-index:2; left:0; top:0;}

#m7 .b2 #google-map												{width:100%; height:600px;}



#footer															{background:#fff;}

#footer .b1														{width:1200px; background:#fff; margin:0 auto; padding:40px 0;}

#footer .b1 .d1													{float:left; line-height:20px; color:#777; font-size:14px;}

#footer .b1 .d1 a												{color:#777; font-size:14px;}

#footer .b1 .d1 a:hover 										{text-decoration: underline;}

#footer .b1 .d1 .df img											{width: 50px;}

#footer .b1 .d1 .pdp img										{width: 83px;}

#footer .b1 div.d1 p											{margin-top: 10px;}

#footer .b1 .d2													{float:right;}

#footer .b1 .d2 a												{float:right; width:87px; height:20px; background:url(../imagenes/signos.png) no-repeat left center;}



}



@media (max-width: 768px){



.mob-left {float: left;}

.mob-right {float: right;}

.mob-mt-10 {margin-top: 10px;}

.mob-mt-20 {margin-top: 20px;}



#m1 															{width:100%; background:#fff; position: fixed; z-index: 999; border-bottom: 1px solid #ddd;}

#m1 .b1															{display:block; text-align:center; padding:10px 20px;}

#m1 .b1 .d1														{display: inline-block;}

#m1 .b1 .d1	img													{height:30px;}



#m1 .b1 .d2														{float: right; display:none;}

#m1 .b1 .d2 .t1 												{display:none;}

#m1 .b1 .d2 .t2 												{display:none;}

#m1 .b1 .d2 .t3 												{display:inline-block;}

#m1 .b1 .d2 .t3 a												{display:none;background:#00c853; text-align: center; font-size:20px; color:#fff; border-radius:100%; width: 40px; line-height:40px; height: 40px; display:block; cursor:pointer;}

#m1 .b1 .d2 .whatsapp											{background:#00c853; cursor: pointer; border-radius: 100%; float:right; width:40px; height: 40px; text-align: center; display:inline-block; margin: 0 0 0 10px;}

#m1 .b1 .d2 .whatsapp a											{font-size:20px; color:#fff; font-weight:700; line-height:40px; width: 40px; height: 40px;}





#m3 															{width:100%; position:relative;}

#m3  img 														{width: 100%; padding:30px 0 0 0;}

#m3 .b1															{display:block;  background-size:cover; padding:20px 30px 30px 30px;}

#m3 .b1 .d1														{width:100%; background:#fff; text-align:center; padding:30px; position:relative; z-index:10;}

#m3 .b1 .d1 label												{color:#333; font-size:24px; font-weight:700; letter-spacing:-1px; display:block; margin:0 0 5px 0;}

#m3 .b1 .d1 label:nth-of-type(2)								{color:#777; font-size:18px; font-weight:400; margin: 0 0 20px 0;}

#m3 .b1 .d1 input												{width:100%; height:40px; line-height:40px; padding:0 10px; background:#fff; border:1px solid #ccc; color:#222; font-size:14px; border-radius:3px;}

#m3 .b1 .d1 textarea											{width:100%; height:80px; padding:10px; background:#fff; border:1px solid #ccc; color:#222; font-size:14px; border-radius:3px;}

#m3 .b1 .d1 select												{width:100%; height:40px; line-height:40px; padding:0 10px; background:#fff; color:#222; font-size:14px; border-radius:3px;}

#m3 .b1 .d1 button												{background:#16a400; width:100%; height:45px; line-height:45px; border-radius:30px; border:0; color:#fff; font-size:16px; cursor:pointer;}

#m3 .b1 .d1 .i-error											{border:1px dashed #eb340a; background:#faebe7;}





#m3 .b1 .d2														{position:relative; z-index:10;}

#m3 .b1 .d2 h1													{font-size: 40px; line-height: 1.2; color:#390094;  font-weight: 600; margin:0 0 10px 0;}

#m3 .b1 .d2 p													{font-size: 24px; line-height: 30px; color:#390094; font-weight: 300; margin: 0 0 15px 0;}

#m3 .b1 .d2 .boton													{background: #73CC80; font-size:18px; color:#fff; border-radius:30px; line-height:44px; padding:0 30px; display:inline-block; cursor:pointer; margin:20px 0 0 0;}

#m3 .b1 .d2 .boton:hover												{opacity: 0.8;}



#m4																{background:#390094; width:100%;}

#m4 .b1															{text-align:center; padding:10px;}



#m4 .b1 h1														{font-size:32px; color:#fff; font-weight:500; margin: 0 0 40px 0; padding:0 15px;}

#m4 .b1 h2  													{display:none;font-size:26px; color:#fff; font-weight:500; margin: 0 0 30px 0;}

#m4 .b1 p														{font-size:16px; color:#fff; margin:0 0 50px 0;}

#m4 .b1 li														{width: 100%; float: left; padding: 0 0 20px 0;}

#m4 .b1 li .icon												{width:80px; height:80px; display:inline-block; line-height:80px; margin:0 0 20px 0;}

#m4 .b1 li .icon img											{width:80px; vertical-align: middle;}

#m4 .b1 li .title												{font-size:22px; color:#fff; display:block; padding: 0 20px; margin:0 0 5px 0;}





#m5 .b1															{width:100%;}

#m5 .b1 .d1														{width:100%; border:1px solid #ddd; position:relative; text-align:center; overflow:hidden;}

#m5 .b1 .d1 .image												{width:100%; height:350px; background-size: cover; background-position: center center;}

#m5 .b1 .d2														{width:100%; padding: 30px;}

#m5 .b1 .d2 h1													{color:#848484; font-weight:700;  margin-bottom: 35px; text-transform: uppercase; padding-bottom: 20px;margin: 0 0 20px; font-size: 18px; position: relative;}

#m5 .b1 .d2 h1:after 											{background-color: #00c853; bottom: -2px; content: ''; height: 2px; left: 0; position: absolute; width: 60px;}

#m5 .b1 .d2 h2													{font-size: 28px; line-height: 32px; margin: 0 0 25px; color:#444;}

#m5 .b1 .d2 .boton													{background:#73CC80; font-size:16px; color:#fff; border-radius:30px; line-height:44px; padding:0 30px; display:inline-block; cursor:pointer; margin:20px 0 0 0;}

#m5 .b1 .d2 li													{display:block; font-size: 16px; color: #555; line-height: 24px;}

#m5 .b1 .d2 p 													{font-size: 22px; font-weight: 400; line-height: 22px; color: #848484; padding: 0 0 15px 0;}







#m8																{width:100%;  background-size:cover; position:relative;}

#m8 img 														{width: 100%;}

#m8 .b1															{padding:10px 0;position:relative;}

#m8 .b1 .d1														{display:block; padding:30px; z-index:99; position:relative;}

#m8 .b1 .d1 h1													{color:#390094; font-weight:700;     margin-bottom: 35px;  padding-bottom: 10px;margin: 0 0 20px; font-size:30px; position: relative;}

#m8 .b1 .d1 h1:after 											{background-color: #73CC80; bottom: -2px; content: ''; height: 2px; left: 0; position: absolute; width: 60px;}

#m8 .b1 .d1 li													{font-size: 20px; line-height:26px; color:#390094; font-weight: 300;}

#m8 .b1 .d1 .boton													{background:#73CC80; font-size:16px; color:#fff; border-radius:30px; line-height:44px; padding:0 30px; display:inline-block; cursor:pointer; margin:20px 0 0 0;}



#m7 															{width:100%; background:#fff; position:relative;}

#m7 .b3															{color:#333; background: #fff; border-bottom: 1px solid #ddd; font-size:30px; line-height:32px; display:block; text-align:left; padding:30px;}

#m7 .b1															{width:100%;}

#m7 .b1 ul														{width:100%; background:#fff; padding:30px; border-bottom: 1px solid #ddd;}

#m7 .b1 li														{display:block; margin:0 0 40px 0;}

#m7 .b1 li strong												{font-size:16px; color:#333;  margin:0 0 5px 0; display: block;}

#m7 .b1 li a													{display:block; font-size:14px; color:#777;}

#m7 .b1 li p													{display:block; font-size:14px; color:#777;}

#m7 .b1 li:last-child											{margin:0;}

#m7 .b1 li:last-child a											{background:#16A400; font-size:16px; color:#fff; border-radius:30px; line-height:44px; padding:0 30px; display:inline-block; cursor:pointer;}



#m7 .b2															{width:100%; height:500px; position:relative; display: none;}

#m7 .b2 #mapa													{width:100%; height:100%; position:absolute; z-index:2; left:0; top:0;}

#m7 .b2 #google-map												{width:100%; height:500px;}





#footer															{width:100%; text-align:center;}

#footer .b1														{background:#f4f4f4; padding:30px;}

#footer .b1 .d1													{color:#777; font-size:14px;}

#footer .b1 .d1 a												{color:#777; font-size:14px;}

#footer .b1 .d1 a:hover 										{text-decoration: underline;}

#footer .b1 .d1 .df img											{width: 50px;}

#footer .b1 .d1 .pdp img										{width: 83px;}

#footer .b1 div.d1 p											{margin-top: 10px;}

#footer .b1 .d2													{display:inline-block; margin:10px 0 0 0;}

#footer .b1 .d2 a												{float:right; width:87px; height:20px; background:url(../imagenes/signos.png) no-repeat left center;}



}



.notification										{width:100%; margin:0 0 20px 0;}

.error												{padding:15px; border:1px solid #ebccd1; background:#f2dede; color:#a94442; font-size:14px; border-radius:3px; line-height:15px; text-align:center; display:block;}

.success											{padding:15px; border:1px solid #d6e9c6; background:#dff0d8; color:#3c763d; font-size:14px; border-radius:3px; line-height:15px; text-align:center; display:block;}

.warning											{padding:15px; border:1px solid #f5e79e; background:#f8f0c3; color:#8a6d3b; font-size:14px; border-radius:3px; line-height:15px; text-align:center; display:block;}

.info												{padding:15px; border:1px solid #bce8f1; background:#d9edf7; color:#31708f; font-size:14px; border-radius:3px; line-height:15px; text-align:center; display:block;}



/* Magnific Popup CSS */

.mfp-bg {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1042;

  overflow: hidden;

  position: fixed;

  background: #0b0b0b;

  opacity: 0.8; }



.mfp-wrap {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1043;

  position: fixed;

  outline: none !important;

  -webkit-backface-visibility: hidden; }



.mfp-container {

  text-align: center;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  padding: 0 8px;

  box-sizing: border-box; }



.mfp-container:before {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle; }



.mfp-align-top .mfp-container:before {

  display: none; }



.mfp-content {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  margin: 0 auto;

  text-align: left;

  z-index: 1045; }



.mfp-inline-holder .mfp-content,

.mfp-ajax-holder .mfp-content {

  width: 100%;

  cursor: auto; }



.mfp-ajax-cur {

  cursor: progress; }



.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {

  cursor: -moz-zoom-out;

  cursor: -webkit-zoom-out;

  cursor: zoom-out; }



.mfp-zoom {

  cursor: pointer;

  cursor: -webkit-zoom-in;

  cursor: -moz-zoom-in;

  cursor: zoom-in; }



.mfp-auto-cursor .mfp-content {

  cursor: auto; }



.mfp-close,

.mfp-arrow,

.mfp-preloader,

.mfp-counter {

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none; }



.mfp-loading.mfp-figure {

  display: none; }



.mfp-hide {

  display: none !important; }



.mfp-preloader {

  color: #CCC;

  position: absolute;

  top: 50%;

  width: auto;

  text-align: center;

  margin-top: -0.8em;

  left: 8px;

  right: 8px;

  z-index: 1044; }

  .mfp-preloader a {

    color: #CCC; }

    .mfp-preloader a:hover {

      color: #FFF; }



.mfp-s-ready .mfp-preloader {

  display: none; }



.mfp-s-error .mfp-content {

  display: none; }



button.mfp-close,

button.mfp-arrow {

  overflow: visible;

  cursor: pointer;

  background: transparent;

  border: 0;

  -webkit-appearance: none;

  display: block;

  outline: none;

  padding: 0;

  z-index: 1046;

  box-shadow: none;

  touch-action: manipulation; }



button::-moz-focus-inner {

  padding: 0;

  border: 0; }



.mfp-close {

  width: 44px;

  height: 44px;

  line-height: 44px;

  position: absolute;

  right: 0;

  top: 0;

  text-decoration: none;

  text-align: center;

  opacity: 0.65;

  padding: 0 0 18px 10px;

  color: #FFF;

  font-style: normal;

  font-size: 28px;

  font-family: Arial, Baskerville, monospace; }

  .mfp-close:hover,

  .mfp-close:focus {

    opacity: 1; }

  .mfp-close:active {

    top: 1px; }



.mfp-close-btn-in .mfp-close {

  color: #333; }



.mfp-image-holder .mfp-close,

.mfp-iframe-holder .mfp-close {

  color: #FFF;

  right: -6px;

  text-align: right;

  padding-right: 6px;

  width: 100%; }



.mfp-counter {

  position: absolute;

  top: 0;

  right: 0;

  color: #CCC;

  font-size: 12px;

  line-height: 18px;

  white-space: nowrap; }



.mfp-arrow {

  position: absolute;

  opacity: 0.65;

  margin: 0;

  top: 50%;

  margin-top: -55px;

  padding: 0;

  width: 90px;

  height: 110px;

  -webkit-tap-highlight-color: transparent; }

  .mfp-arrow:active {

    margin-top: -54px; }

  .mfp-arrow:hover,

  .mfp-arrow:focus {

    opacity: 1; }

  .mfp-arrow:before,

  .mfp-arrow:after {

    content: '';

    display: block;

    width: 0;

    height: 0;

    position: absolute;

    left: 0;

    top: 0;

    margin-top: 35px;

    margin-left: 35px;

    border: medium inset transparent; }

  .mfp-arrow:after {

    border-top-width: 13px;

    border-bottom-width: 13px;

    top: 8px; }

  .mfp-arrow:before {

    border-top-width: 21px;

    border-bottom-width: 21px;

    opacity: 0.7; }



.mfp-arrow-left {

  left: 0; }

  .mfp-arrow-left:after {

    border-right: 17px solid #FFF;

    margin-left: 31px; }

  .mfp-arrow-left:before {

    margin-left: 25px;

    border-right: 27px solid #3F3F3F; }



.mfp-arrow-right {

  right: 0; }

  .mfp-arrow-right:after {

    border-left: 17px solid #FFF;

    margin-left: 39px; }

  .mfp-arrow-right:before {

    border-left: 27px solid #3F3F3F; }



.mfp-iframe-holder {

  padding-top: 40px;

  padding-bottom: 40px; }

  .mfp-iframe-holder .mfp-content {

    line-height: 0;

    width: 100%;

    max-width: 900px; }

  .mfp-iframe-holder .mfp-close {

    top: -40px; }



.mfp-iframe-scaler {

  width: 100%;

  height: 0;

  overflow: hidden;

  padding-top: 56.25%; }

  .mfp-iframe-scaler iframe {

    position: absolute;

    display: block;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

    background: #000; }



/* Main image in popup */

img.mfp-img {

  width: auto;

  max-width: 100%;

  height: auto;

  display: block;

  line-height: 0;

  box-sizing: border-box;

  padding: 40px 0 40px;

  margin: 0 auto; }



/* The shadow behind the image */

.mfp-figure {

  line-height: 0; }

  .mfp-figure:after {

    content: '';

    position: absolute;

    left: 0;

    top: 40px;

    bottom: 40px;

    display: block;

    right: 0;

    width: auto;

    height: auto;

    z-index: -1;

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

    background: #444; }

  .mfp-figure small {

    color: #BDBDBD;

    display: block;

    font-size: 12px;

    line-height: 14px; }

  .mfp-figure figure {

    margin: 0; }



.mfp-bottom-bar {

  margin-top: -36px;

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  cursor: auto; }



.mfp-title {

  text-align: left;

  line-height: 18px;

  color: #F3F3F3;

  word-wrap: break-word;

  padding-right: 36px; }



.mfp-image-holder .mfp-content {

  max-width: 100%; }



.mfp-gallery .mfp-image-holder .mfp-figure {

  cursor: pointer; }



@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

  /**

       * Remove all paddings around the image on small screen

       */

  .mfp-img-mobile .mfp-image-holder {

    padding-left: 0;

    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {

    padding: 0; }

  .mfp-img-mobile .mfp-figure:after {

    top: 0;

    bottom: 0; }

  .mfp-img-mobile .mfp-figure small {

    display: inline;

    margin-left: 5px; }

  .mfp-img-mobile .mfp-bottom-bar {

    background: rgba(0, 0, 0, 0.6);

    bottom: 0;

    margin: 0;

    top: auto;

    padding: 3px 5px;

    position: fixed;

    box-sizing: border-box; }

    .mfp-img-mobile .mfp-bottom-bar:empty {

      padding: 0; }

  .mfp-img-mobile .mfp-counter {

    right: 5px;

    top: 3px; }

  .mfp-img-mobile .mfp-close {

    top: 0;

    right: 0;

    width: 35px;

    height: 35px;

    line-height: 35px;

    background: rgba(0, 0, 0, 0.6);

    position: fixed;

    text-align: center;

    padding: 0; } }



@media all and (max-width: 900px) {

  .mfp-arrow {

    -webkit-transform: scale(0.75);

    transform: scale(0.75); }

  .mfp-arrow-left {

    -webkit-transform-origin: 0;

    transform-origin: 0; }

  .mfp-arrow-right {

    -webkit-transform-origin: 100%;

    transform-origin: 100%; }

  .mfp-container {

    padding-left: 6px;

padding-right: 6px; } }