/* #### Generated By: http://www.cufonfonts.com #### */
@font-face {
  font-family: 'Bebas-Regular';
  src: local('Bebas-Regular'), url('fonts/bebas/Bebas-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
font-family: 'Gotham Book';
font-style: normal;
font-weight: normal;
src: local('Gotham Book'), url('fonts/gotham/GothamBook.woff') format('woff');
}

@font-face {
font-family: 'Gotham Book';
font-style: normal;
font-weight: normal;
src: local('Gotham Book'), url('fonts/gotham/GothamBook.woff') format('woff');
}

@font-face {
font-family: 'Gotham Book Italic';
font-style: normal;
font-weight: normal;
src: local('Gotham Book Italic'), url('fonts/gotham/GothamBookItalic.woff') format('woff');
}

@font-face {
font-family: 'Gotham Light';
font-style: normal;
font-weight: normal;
src: local('Gotham Light'), url('fonts/gotham/GothamLight.woff') format('woff');
}

@font-face {
font-family: 'Gotham Light Italic';
font-style: normal;
font-weight: normal;
src: local('Gotham Light Italic'), url('fonts/gotham/GothamLightItalic.woff') format('woff');
}

@font-face {
font-family: 'Gotham Medium';
font-style: normal;
font-weight: normal;
src: local('Gotham Medium'), url('fonts/gotham/GothamMedium.woff') format('woff');
}

@font-face {
font-family: 'Gotham Medium Italic';
font-style: normal;
font-weight: normal;
src: local('Gotham Medium'), url('fonts/gotham/GothamMediumItalic.woff') format('woff');
}

@font-face {
font-family: 'Gotham Bold';
font-style: normal;
font-weight: normal;
src: local('Gotham Bold'), url('fonts/gotham/GothamBold.woff') format('woff');
}

@font-face {
font-family: 'Gotham Bold';
font-style: normal;
font-weight: normal;
src: local('Gotham Bold'), url('fonts/gotham/Gotham-Bold.woff') format('woff');
}

@font-face {
font-family: 'Gotham Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Gotham Bold Italic'), url('fonts/gotham/GothamBoldItalic.woff') format('woff');
}

@font-face {
font-family: 'Gotham Black Regular';
font-style: normal;
font-weight: normal;
src: local('Gotham Black Regular'), url('fonts/gotham/Gotham-Black.woff') format('woff');
}

@font-face {
font-family: 'Gotham Light Regular';
font-style: normal;
font-weight: normal;
src: local('Gotham Light Regular'), url('fonts/gotham/Gotham-Light.woff') format('woff');
}

@font-face {
font-family: 'Gotham Thin Regular';
font-style: normal;
font-weight: normal;
src: local('Gotham Thin Regular'), url('fonts/gotham/Gotham-Thin.woff') format('woff');
}

@font-face {
font-family: 'Gotham XLight Regular';
font-style: normal;
font-weight: normal;
src: local('Gotham XLight Regular'), url('fonts/gotham/Gotham-XLight.woff') format('woff');
}

@font-face {
font-family: 'Gotham Book Italic';
font-style: normal;
font-weight: normal;
src: local('Gotham Book Italic'), url('fonts/gotham/Gotham-BookItalic.woff') format('woff');
}

@font-face {
font-family: 'Gotham Thin Italic';
font-style: normal;
font-weight: normal;
src: local('Gotham Thin Italic'), url('fonts/gotham/Gotham-ThinItalic.woff') format('woff');
}


@font-face {
font-family: 'Gotham Ultra Italic';
font-style: normal;
font-weight: normal;
src: local('Gotham Ultra Italic'), url('fonts/gotham/Gotham-UltraItalic.woff') format('woff');
}

@font-face {
font-family: 'Gotham XLight Italic';
font-style: normal;
font-weight: normal;
src: local('Gotham XLight Italic'), url('fonts/gotham/Gotham-XLightItalic.woff') format('woff');
}

* {
	margin:0;
	padding:0;
	border:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box
}

body {
	font-size:20px;
	color:#2e2d2c;
	font-weight: 300;
	font-family: 'Gotham Book', sans-serif;
	/*font-family: 'Barlow', sans-serif;*/
	line-height: 1.4;
	background-color: #ededf0;
}

#content{
	border-top: 50px solid #ffe500;
}

.container{
	background-color: #ffffff;
}

.img_100{
	width: 100%;
}

.container {
    padding-right: 55px;
    padding-left: 55px;
}

strong{
	font-weight: 500;
}

a{
	-webkit-transition: all ease-in-out 0.1s;
	-moz-transition: all ease-in-out 0.1s;
	-o-transition: all ease-in-out 0.1s;
	transition: all ease-in-out 0.1s;
}

a:hover {
    color: #0056b3;
    text-decoration: none !important;
}

a:hover{
	-webkit-transition: all ease-in-out 0.1s;
	-moz-transition: all ease-in-out 0.1s;
	-o-transition: all ease-in-out 0.1s;
	transition: all ease-in-out 0.1s;
}

element {
}

.gdprcookie {
    position: fixed;
    color: #00397d;
    font-size: 12px;
    line-height: 1.1;
    left: 0;
    bottom: 0;
    padding: 15px 15px;
    background-color: #ffffff;
    width: 100%;border-top: 1px solid #eeeeee;
}
.gdprcookie p {
    line-height: 1.4;
	font-size: 15px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.gdprcookie-buttons button{
    color: #ffffff;
    background-color: #00397d;
	padding-top: 15px;
}

.animate-scroll {
	opacity:0;
	animation-delay:300ms!important
}
.delay1 {
animation-delay:700ms!important
}

.delay2 {
animation-delay:800ms!important
}

.delay3 {
animation-delay:900ms!important
}

.delay4 {
animation-delay:1000ms!important
}

.delay5 {
animation-delay:1100ms!important
}

.delay6 {
animation-delay:1200ms!important
}

.delay7 {
animation-delay:1300ms!important
}

.delay8 {
animation-delay:1400ms!important
}

.delay9 {
animation-delay:1500ms!important
}

.delay10 {
animation-delay:1600ms!important
}

.delay11 {
animation-delay:1700ms!important
}

.delay12 {
animation-delay:1800ms!important
}

.delay13 {
animation-delay:1900ms!important
}

.delay14 {
animation-delay:2000ms!important
}

/****************************** HOME **************************************/
.video-responsive {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
    }
.video-responsive iframe, .video-responsive object, .video-responsive embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    }

.siquieres{
	color: #00397d;
	font-size: 17px;
	text-align: center;
}

.siquieres a{
	color: #00397d;
	text-decoration: underline;
}


#home h1{
	color: #00397d;
	font-size: 34px;
	margin-bottom: 60px;
	line-height: 0.9;
	background: url(../img/yellow-heart.png) no-repeat;
	background-size: contain;
	background-position: center left;
	padding-left: 200px;
	font-family: 'Gotham Bold';
}

#home h1 span{
	font-size: 110px;
	display: block;
	font-family: 'Bebas-Regular';
}

#home .header{
	/*margin: 0 auto;
	width: 560px;*/
	padding-top: 50px;
}

#home .cta {
	background-color:#ffe500;
	color: #000;
	text-align: center;
	font-size: 23px;
	font-weight: 900;
	padding: 50px 0;
}

.containercta {
    padding-right: 0px;
    padding-left: 0px;
}

#home .buttonboder {
    color: #ffffff;
    text-align: center;
    font-size: 25px;
    padding: 10px 20px 10px 20px;
	background-color: #00397d;
    width: 210px;
    margin: 0 auto;
	margin-top: 10px;
	font-weight: 900;
	text-decoration: none !important;
}
#home .buttonboder:hover{
	text-decoration: none !important;
}

#home .buttonboder a, #home .buttonboder a:hover{
	color:#fff; 
	text-decoration: none !important;
}

#home .elslider{
	margin: 0 auto !important;
	margin-top: 50px !important;
	padding-bottom: 60px;
}

 #home .elslider .slider {
     width: 70%;
     margin: 0 auto;
	 border-top: 10px solid #97aab6;
	 border-top-left-radius: 5px;
	 border-top-right-radius: 5px;
}
	ul.slick-dots li::before {
	content: inherit !important;
}

 #home .elslider .slick-slide img {
      width: 100%;
}

#home .elslider .slick-current {
      opacity: 1;
}
.slick-dots {
    position: absolute;
    top: 5px;
}

.slick-dots li button::before {
    color:#97aab6 !important;
    background-color: #97aab6 !important;
	border: 4px solid #ffffff !important;
    border-radius: 100px;
	opacity: 1 !important;
}
.slick-dots li.slick-active button::before {
    color: #fff !important;
    background-color: #fff !important;
    border-radius: 100px !important;
	opacity: 1 !important;
}

#home .puntos {
	padding-top: 30px;
	padding-bottom: 20px;
	margin-bottom: 0px;
}

#home .puntos ul{
	margin-top: 50px;
	padding-left: 0px;
}

ul li::marker{
	/*font-family: FontAwesome !important;
	content: "\f054" !important;
	width: 40px !important;
	color:#2e2d2c !important;*/
}
ul li::before{
	font-family: FontAwesome !important;
	content: "\f054" !important;
	width: 40px !important;
	color:#2e2d2c !important;
}



 ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	padding-left: 0px;
	margin-bottom: 50px;
}

ul li h2, ul li h3{
	font-weight: 900;
	font-size: 22px;
	padding-left: 20px;
	margin-top: -28px;
}


ul li p{
	font-weight: normal;
	font-size: 18px;
	padding-left: 20px;
}

#home .soypartede h3{
	font-family: 'Bebas-Regular';
	color: #00397d;
	font-size: 25px;
	line-height: 0.9;
	background: url(../img/yellow-heart.png) no-repeat;
	background-size: contain;
	background-position: center;
	padding-left: 160px;
	text-align: center;
	padding: 60px 0;
	font-family: 'Gotham Bold';	
}

#home .soypartede h3 span{
	font-size: 80px;
	display: block;
	font-family: 'Bebas-Regular';
}

#home .soypartede .header2{
	margin: 0 auto;
	padding-top: 0px;
 }

#home .soypartede .header2 .logomakro{
	text-align: center;
	margin: 0 auto;
	width: 100px;
	margin-bottom: 60px;
}

#home .soypartede .header2 .logomakro img {
	width: 100px;
	text-align: center;
	margin: 0 auto;
}

.justified{
	text-align: justify
}

#home .soypartede ul{
	margin-top: 50px;
	padding-left: 0px;
}

#home .soypartede ul li p {
	font-weight: 900 !important;
	font-size: 22px !important;
	margin-top: -29px;
}


#home .soypartede .participa {
	text-align: center;
	color: #ffe500;
	margin: 50px 0 50px 0;
	font-size: 27px;	
	line-height: 1.1;
	font-weight: 900;
	padding-left: 100px;
	padding-right: 100px;
	
}

#home .soypartede .participa h3 {
	font-weight: 900;
	font-size: 34px;	
	line-height: 0.9;
	background: none;
	padding: 4px 0;
	color: #ffe500;
	
}

#home .soypartede .participa .descargar{
	width: 250px;
	margin: 0 auto;
	text-align: center;
	margin-top: 60px;
}

#home .soypartede .participa .descargar a{
	background-color: #2e2d2c;
	color: #fff;
	padding: 20px 35px 20px 35px;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 20px;
}

#home .soypartede .participa .descargar a:hover{
	text-decoration: none;
	background-color: #000;
}

.dashed{
	border-bottom: 1px dashed;
}

#home .participan {
    margin-bottom: 50px;
	padding-top: 60px;
}

#home .participan .logomakro{
	text-align: center;
	margin: 0 auto;
	width: 110px;
	margin-bottom: 60px;
}

#home .participan .logomakro img {
	width: 110px;
	height: auto;
	text-align: center;
	margin: 0 auto;
}

#home .participan .logoparticipa{
}

#home .participan .logoparticipa img {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
}

#home .galeria {
	padding-top: 60px;
}
#home .galeria .col-md-3{
	/*padding-right: 7px;
	padding-left: 7px;*/
	padding-bottom: 30px;
}

#home .galeria .imggaleria {
    margin-bottom: 0px;
}



#home .galeria .prensa{
	width: 250px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 60px;
	margin-top: 40px;
}

#home .galeria .prensa a{
	background-color: #2e2d2c;
	color: #fff;
	padding: 20px 35px 20px 35px;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 20px;
}

#home .galeria .prensa a:hover{
	text-decoration: none;
	background-color: #000;
}


#home footer{
	color: #ffffff;
	background-color: #2e2d2c;
	margin-top: 0px;
	padding: 50px 0;
	font-size: 17px;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}

#home footer .container {
	background-color: #2e2d2c;
}

#home footer a{
	color: #ffffff;
	display: inline-block;
	text-decoration: underline;
}
#home footer a:hover{
	color: #ffffff;
	text-decoration: underline;
}


#home footer .footer-right{
	text-align: right;
}
#home footer .footer-center{
	text-align: center !important;
	margin: 0 auto;
	color: #fff;
	font-size: 20px;
}

#home footer .footer-center i{
	padding: 0 10px;
}

