/* All */

*{
    font-family: "Roboto";
}

body{
	font-size: 18px;
	color: #595959;
}

h1,h2,h3,h4,h5{
    color: #102D76;
}

.bg-img-cover{
	background-size: cover;
}

.w-60{
	width: 60%;
}

.w-90{
	width: 90%;
}

.introtitle{
	color: #595959;
	margin-top: 30px;
}

.uppercase{
	text-transform: uppercase !important;
}

.font-normal{
	font-weight: normal;
}

/* Menu */

.header-style .header__wrap{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}

.header-style .header-menu a{
    height: 40px;
    width: auto;
    padding: 0 10px;
    border-radius: 10px;
    background: #102D76;
    color:  #FFD800;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
}

.logo1{
	width: 400px;
	display: block;
}

/* Hero  Header */

.hero-style{
    min-height: 760px;
}

.hero-style .xb-hero-heading{
    margin-bottom: 0;
}

.hero-style .xb-hero-heading .sub-title{
    font-size: 18px;
    text-transform: none;
    margin-bottom: 30px;
}

.hero-style .xb-hero-heading .sub-title::before{
    display: none;
}

.hero-style .xb-hero-heading .title{
    font-size: 50px;
    max-width: 500px;
    font-family: "Roboto";
}

/* Breadcrumb Header */

.breadcrumb__title{
	font-size: 50px;
    font-family: "Roboto";
}

.breadcrumb__sub-title{
	color: #FFE04B;
	font-weight: normal;
	font-size: 24px;
}

.breadcrumb__sub-title::before, .breadcrumb__sub-title::after{
	display: none;
}

/* Sponsors */

.sec-title .sub-title.sub-title-bg{
    background: none;
    box-shadow: none;
}

.sec-title .sub-title::before, .sec-title .sub-title::after{
    display: none;
}

.xb-brand-wrap{
    padding-bottom: 80px;
}

.xb-brand-logo{
    filter: drop-shadow(-3px 3px 3px rgba(0, 0, 0, .7));
}

.xb-brand-wrap::before, .xb-brand-wrap::after{
    width: 250px;
}

/* About */

.gardiant-bg{
    background: #F2F2F2; /* linear-gradient(181deg, #F2F2F2 75%, #00b8ff 100%)*/
}

.sec-title .title{
    font-family: "Roboto";
	color: #102D76;
	text-transform:  none;
}

.sec-title .sub-title{
    padding: 0;
}

.sec-title .sub-title.orange{
    color: #EB6434;
}

.xb-about-top-content .title{
    font-family: "Roboto";
}

.xb-about-top-content .content{
    color: #595959;
    font-size: 20px;
}

.forum-circle-btn{
    background: #CEDFEC;
    width: 180px;
    height: 180px;
}

.forum-circle-btn p{
    font-size: 18px;
    font-weight: bold;
    color: #102D76;
}

.forum-circle-btn i{
    color: #EB6434;
}

.forum-circle-btn:hover p, .forum-circle-btn:hover i{
    color: #FFF;
}

.xb-about-img-item .img{
    z-index: 2;
}

.xb-about-img-item .img img{
    max-width: 230px;
}

.xb-about-img-item-int{
	position: relative;
	top: 120px
}


/* Features */

.feature-main{
    background-image: url('../img/bg/benefits.jpg');
    background-repeat: no-repeat;
    top: -75px;
    position: relative;
}

.feature-main-2{
    background-image: url('../img/bg/benefits-2.jpg');
    background-repeat: no-repeat;
    position: relative;
}


.feature-main .sec-title .title{
    color: #FFF;
}

.feature-main .sec-title .sub-title{
    color: #FFD800;
}

.feature-btn{
    text-align: center;
}

.feature-btn-int{
	margin-top: 20px;
}

.forum-circle-btn--white{
	background: rgba(255,255,255,0.2);
}


.forum-circle-btn--green{
    background: #55d52d;
    position: relative;
    top: -75px;
}

.forum-circle-btn--green p{
    color: #FFF;
}

.forum-circle-btn--green i{
    color: #131053;
}

.forum-circle-btn--green:hover{
    background: #131053;
}

.xb-feature-item{
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
}

.feature-int .sec-title .title{
	max-width: 450px;
} 

.feature-left-img{
	max-width: 450px;
	margin-top: 50px;
}


.feature-list li{
	display: flex;
	border-bottom: 1px solid #131053;
	margin: 20px 0;
	padding-bottom: 10px;
	align-items: center;
}

.feature-list li:last-child{
	border-bottom: 0;
}

.feature-list li h4{
	padding-left: 20px;
}

.feature-list .icon{
	width: 50px;
}

.feature-list .icon img{
	max-width: 45px;
}

.xb-feature-item .xb-item--inner{
	max-width: 380px;
	padding-left: 20px;
}

.xb-feature-item .xb-item--holder{
	margin-left: 15px;
}



/* Fun facts */

.sec-title .title.lightblue{
    color: #00AAD8;
}

.xb-funfact-item{
    padding: 50px 20px 40px;
    border: 1px solid #EB6434;
    box-shadow: none;
}

.xb-funfact-item .xb-item--number{
    font-size: 28px;
    margin: 30px 0;
}

.xb-funfact-item .xb-item--number .suffix{
    position: relative;
    top: -4px;
}

.xb-funfact-item .xb-item--text{
    text-transform: none;
    color: #606060;
    font-size: 16px;
    font-weight: normal;
}

.xb-funfact-item .xb-item--icon{
    color: #EB6434;
	width: 64px;
	margin: auto;
}

.xb-funfact-shape .img--1{
    left: 0;
}

.xb-funfact-item.green{
    border: 1px solid #9CC058;
	min-height: 366px;
}

.xb-funfact-item.green:last-child .xb-item--number{
	margin: 30px -25px;
}

.xb-funfact-item.vision{
	color: #102D76;
	font-weight: bold;
	padding: 20px;
    min-height: 95px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.xb-funfact-item.vision1{
    background: #d6f2fa;
	border: #d6f2fa;
}

.xb-funfact-item.vision2{
    background: #edf6e7;
	border: #edf6e7;
}

.xb-funfact-item.vision3{
    background: #fadee5;
	border: #fadee5;
}

.xb-funfact-item.vision4{
    background: #fef0e2;
	border: #fef0e2;
}

.xb-funfact-item.vision5{
    background: #fff9da;
	border: #fff9da;
}

/* TEAM */

.team-main{
    background-image: url('../img/team/sponsors-bg.jpg');
	background-size: cover; 
	background-color: #e6fcff;
}

.sec-title .title.bigger{
	font-size: 60px;
}

.sec-title .title.smaller{
	font-size: 34px;
}

.sec-title p{
	font-size: 20px;
	color: #595959;
	margin-top: 30px;
	max-width: 400px;
}

.sec-title p.center{
	margin: 30px auto 0;
}


.participantes{
    display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.participantes li{
    border: 1px solid #102D76;
    border-radius: 20px;
    padding: 8px 20px;
    margin: 0 10px;
    list-style: none;
}

.team-btn .thm-btn, .thm-btn--orange{
    background: #EB6434;
}

.thm-btn--green{
    background: #9CC058;
	color: #131053;
}

.team-btn .thm-btn:hover{
    background: #102D76;
	color: #FFF;
}

.divisor{
    border-top: 2px solid #6DD0EA;
	margin: 60px auto;
	width: 75%;
}

.team h4{
    font-weight: bold;
}

.team .sponsors{
    margin: 30px 0;
	display: flex;
}

.team .sponsors li{
    list-style: none;
	align-self: center;
}

.team-content{
	/*max-width: 60%;
	margin: auto;*/
}

.team-content p{
	margin: 0 auto 20px;
	font-size: 18px;
	font-weight: normal;
	color: #595959;
	line-height: 25px;
}

/* SEDE y PREINSCRIBIRSE */

.sede::before, .presincribirse::before {
	content: " "; 
	display: block; 
	position: absolute; 
	width: 300px;
	height: 450px;
	background-image: url('../img/shape/guara.jpg');
	background-size: cover; 
	background-repeat: no-repeat;
	margin-top: -100px;
	z-index: -1;
}

.sede::after {
	content: " "; 
	display: block; 
	position: absolute; 
	width: 450px;
	height: 350px;
	background-image: url('../img/shape/escalinata.jpg');
	background-size: cover; 
	background-repeat: no-repeat;
	margin-top: -300px;
	right: 0;
	z-index: -1;
}

.sede .xb-faq-content, .presincribirse .xb-faq-content{
	margin-left: 0;
	margin-right: 0;
	width: 75%;
}

.sede .accordion_box .block, .presincribirse .accordion_box .block {
    border: 0;
	border-bottom: 1px solid #cbcad3;
}

.sede .accordion_box .acc-btn .icon, .presincribirse .accordion_box .acc-btn .icon{
	width:  45px;
}

/* Experience */

.experience .container{
	width: 60%;
	background: rgba(255, 255, 255, 0.65);
	border-radius: 20px;
	padding: 20px;
}

.experience .container p{
	margin-bottom: 20px;
}

/* San Pedro Sula */

.san-pedro-sula::after{
	content: " "; 
	display: block; 
	position: absolute; 
	width: 480px;
	height: 675px;
	background-image: url('../img/shape/san-pedro-sula.jpg');
	background-size: cover; 
	background-repeat: no-repeat;
	margin-top: -585px;
	right: 0;
}

/* PATROCINADOR */

.patrocinador .xb-funfact-item{
	min-height: 358px;
}

.patrocinador::after{
	content: " "; 
	display: block; 
	position: absolute; 
	width: 1024px;
	height: 164px;
	background-image: url('../img/bg/patrocinador_bg.jpg');
	background-size: contain; 
	background-repeat: no-repeat;
	margin-top: -200px;
	z-index: -1;
	left: 50%;
	transform: translateX(-50%);
}

.pill-green{
	display: inline-block;
	background: #d0e1b0;
	padding: 8px 20px;
	border-radius: 10px;
	margin-bottom: 20px;
}


/* FAQ */

.accordion_box .block{
    border: 1px solid #102D76;
}

/* CTA */

.cta .sec-title p{
	font-size: 18px;
	min-width: 500px;
}

.thm-btn--cyan{
	background: #00B8FF !important;
}

.img-gallery{
	width: 115px;
}

.team-gallery .step {
	gap: 4px;
}

.team-gallery .step--2, .team-gallery .step--3{
	margin-top: -29px;
}

.xb-team-item .xb-item--name{
	font-size: 18px;
}

/* Testimonial */

.testimonial .sec-title p{
	margin: 30px auto;
	max-width: 600px;
}

.xb-item--inner{
	display: flex;
	align-items: center;
	min-height: 146px;
}

.xb-item--inner.green{
	border: 1px solid #A5C058;
}

.xb-testimonial-item .xb-item--content{
	margin: 0;
	padding-left: 20px;
}

.xb-testimonial-item .xb-item--icon{
	background: #FFF;
}

/* CONTACTO */

.nice-select{
	border: 1px solid #cbcad3;
	padding-left: 20px;
}

.xb-input-field input, .xb-input-field textarea{
	font-weight: normal;
    font-size: 16px;
    color: #595959;
}

/* Footer */

.xb-contact-item .xb-item--icon.location{
    background: #1847A1;
}

.xb-footer_bottom{
    background: #1847A1;
}

.xb-footer-logo{
	max-width: 650px;
    margin: 120px auto -34px;
    text-align: center;
}

@media (max-width: 767px) {
	.logo1{
		width: 200px;
		display: block;
	}

	.hero{
        background-image: url('../img/bg/hero_bg_mobile.jpg') !important;
    }
	
	.hero-style {
        min-height: 100vh;
		padding-top: 150px;
    }
	
	.hero-style .xb-hero-heading .title {
        font-size: 38px;
        max-width: 350px;
        text-align: left;
    }
	
	.hero-style .xb-hero-heading .sub-title {
        margin-bottom: 20px;
        text-align: left;
        width: 100%;
    }
	
	.hero-style .xb-hero-bottom{
	    flex-direction: row;
		justify-content: left;
	}
	
    .header-style .header-menu.mobile a {
        display: flex;
    }
	
	.xb-brand-logo a img {
        width: auto;
        max-height: 30px;
    }
	
	.forum-circle-btn--green{
	    top: 0;
	}
	
	.xb-about-top-content{
	    margin-left: 0;
	}
	
	.xb-about-top-content .content{
	    width: 100% !important;
	}
	
	.about .sec-title .title{
	    line-height: 35px;
	}

	.feature{
	    background-size: cover;
	}
	
	.xb-feature-item{
	    min-height: 150px;
	}
	
	.xb-feature-item .xb-item--inner{
	    padding: 15px 10px;
	}
	
	.xb-feature-item .xb-item--icon{
	    width: 32px;
	}
	
	.xb-feature-item .xb-item--holder{
		margin-left: 5px;
		max-width: 180px;
	}

	.xb-feature-item .xb-item--title{
	    font-size: 16px;
		margin: 10px 0;
	}
	
	.xb-feature-item .xb-item--content{
	    font-size: 14px;
		line-height: 1.1;
		width: 90%;
	}
	
	
	.xb-funfact-shape .img--1{
	    width: 700px;
		transform: translate(-25%, 0);
	}
	
    .participantes li{
	    margin: 10px;
		width: 140px;
		text-align: center;
	}

    .xb-footer-logo{
	    margin: 120px auto -17px;
    }
}

@media (min-width: 768px) {
    .mt-md-70 {
        margin-top: 70px !important;
    }

    .pb-md-160 {
        padding-bottom: 160px !important;
    }
}

@media (min-width: 992px) {
	.w-lg-75{
		width: 75%;
	}
}