@font-face{
	font-family:'Gotham'; src:url('../fonts/gotham_medium.ttf');
}
@font-face{
	font-family:'Gotham'; src:url('../fonts/gotham_bold.ttf');
	font-weight:bold;
}
@font-face{
	font-family:'Gotham'; src:url('../fonts/gotham_light.ttf');
	font-weight:300;
}
@font-face{
	font-family:'Gotham'; src:url('../fonts/gotham_thin.ttf');
	font-weight:200;
}


div, section{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #333;
  opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #333;
  opacity:1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #333;
  opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
  color: #333;
  opacity:1;
}
.main-content{overflow:hidden;  padding:0;}

.header{
	width:100%;
	position:fixed;
	padding:0;
	margin:0;
	height:90px;
	left:0;
	top:0;
	background:#000;
	color:#fff;
	z-index:999;
}
.header .logo{height:90px; position:relative; margin-left:2%;}
.header .logo img{
	display: block;
	height: auto;
	max-height: 100%;
	max-width: 400px;
}
.header .social{margin-left:30px; top:20px; right:5%; font-size:18px; text-align:right; display:inline-block;}
.header .social a{margin:0 3px; color:#fff;}
.header .menu{position:absolute; right:5%; top:20px;}
.header ul{list-style: none;}
.header li{list-style-type: none; display: inline-block; cursor:pointer; padding:8px 0px; font-size:13px; }
.header li a{color:#fff !important;}
.header li a:hover{background:none !important; color:#fff!important; text-decoration:none !important;}
.footer{
	width:100%;
	position:relative;
	padding:0;
	margin:0;
	height:auto;
	left:0;
	top:0;
	background:url(../img/logo.png) no-repeat center center;
}
.mk-footer-copyright {
    color:#808080;
    line-height: 16px;
    padding: 25px 0px 20px;
    padding-left: 0px;
    opacity: 0.8;
    float: left;
    width: 68%;
	letter-spacing: 1px;
}
.mk-footer-logo {
    float: left;
    display: inline-block;
    padding: 8px 20px 8px 0;
}

.modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.social-icons{
	text-align: left;
	padding: 10px 0;
}

.iframe-contacto {width:100%;height:340px;border:none;}
.iframe-contacto html {overflow: hidden !important;}
.iframe-suscriptor {width:100%;height:615px;border:none;}

.modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
  box-shadow:none;
  background:none;
  box-sizing:border-box;
  border:0;
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    position: absolute;
	z-index: 9;
    top: 0;
    right: 10px;
	background:#ff0000;
}
.close{color:#fff; opacity:0.9;}
.modal-body{height:100%; width:60%; margin-left:20%;}
.modal-backdrop{background:#fff;}
.modal-backdrop.in{opacity:0.9;}
.clear{clear:both;}

iframe[name='google_conversion_frame']{display:none;}

@media screen and (min-width: 1024px) {
   
}
@media screen and (max-width:996px) {
    .header .nav .menu{display:none;}
	.header .logo{width:90%;}
	.header .logo-pipas{display:none;}
	.header h1{font-size:50px; line-height:46px; left:5%; width:90%; padding-right:5%; text-align:center; letter-spacing:-2px;}
	.mensaje-gracias h1{font-size:44px; line-height:42px; text-align:center; bottom:40%; padding-right:5%;}
	.header li{display:none;}
	.header .social {top:28px;}
}	
@media screen and (max-width:800px) {
    
}