.home-banner {
	width:100%;
	height: 50vw;
	position:relative;
	overflow:hidden
}

.home-banner img{ width:100%; display:block}
 
		 
.slogan{ position:absolute; width:100%; top:50%; left:0; padding:0 0 40px 0; margin:-150px 0 0 0; text-align: center;   color:#FFF; z-index:2}
.slogan-3{ width:600px; left:60%; margin:-130px 0 0 0}
.slogan h2{ font-size:47px;  line-height:50px; margin: 0 0 0 0; text-transform:uppercase; font-family:"maven_probold"}
.slogan h3{ font-size:30px;  font-weight:100;  margin: 10px 0 20px 0; }
.slogan h4{ font-size:34px;  font-weight:500;  margin: 0 0 25px 0; line-height: 0.8; font-family: "maven_probold"; }
.slogan p{ font-size:30px; margin: 15px 0 }
.text-left{ text-align:left}
.slogan .link{margin: 40px 0 0 0}
.home-main{ padding: 0 0 0 0}
.home-main h2{ padding: 10px 0 40px 0; text-align:center; font-size:50px;  font-family: 'maven_probold'; font-weight: 200; letter-spacing:-1px; background:url(../images/red-line.png); background-repeat:no-repeat; background-position:bottom center}
.home-main h3{padding: 0 100px 60px 100px; text-align:center; font-size:20px; line-height:30px;  font-weight:100;}
.home-main h4{padding: 65px 60px 25px 60px; text-align:center; font-size:24px; line-height:36px;  font-weight:100;}
.home-main h5{ padding: 0 0 70px 0;  text-align:center; font-size:26px;   }
 
 
 
 

.home-about{ padding:80px 0; text-align:left}
.home-about .about-h3{ font-size:28px; font-family: 'maven_probold'; font-weight: 200; letter-spacing:-1px; line-height: 37px; width:62%; margin: 0 0 40px 0}
.home-about .about-intro{ font-size:17px; line-height:28px;  column-count:2; column-gap:40px;}

.home-main .more-btn{ text-align:center; margin: 30px 0 0 0;}
.home-main .more-btn a{
	display:inline-block;
      color: #fff;
    font-size: 16px;
    padding: 14px 34px; 
    background: #da0f0f;
    border: none;
    outline: none;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
	font-weight:400;
	 box-shadow: 5px 5px 20px rgba(189,19,19,0.20);
	 text-transform:uppercase;

  }
.home-main .more-btn a:hover {
	background: #e62d2d;
	box-shadow: 5px 5px 30px rgba(189,19,19,0.30);
}
.home-main .more-btn a:active {
	color:rgba(255, 255, 255, .5);
   background-color: #ee3939;
}  

.home-welcome{ margin: 70px 0}
.home-welcome h3{ font-size:32px; line-height: 34px; color: #036ac1; margin:0 0 30px 0; font-family: 'maven_probold';}
.home-welcome .content{ max-width: 900px}

.home-item {}

.sec {
    overflow: hidden;
    position: relative;
    zoom: 1;
}
.sec.is-theme {
    color: #fff;
    background: #036ac1; 
}
.sec:before, .sec:after {
    display: table;
    content: '';
}
.sec:after {
    clear: both;
}
.fit {
    max-width: 1680px;
    margin: 0 auto;
    padding: 0 40px;
    min-width: 280px;
	line-height: 24px;
}
.sec-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    background-position: center;
    background-size: cover;
}
.sec.img-left .sec-img {
    left: 0;
    right: 50%;
}
.sec.img-left .row {
	display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.col {
    margin: 20px 0 45px 0;
    padding: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.col-p50 {
    width: 48%;
	min-height: 340px;
}
.title-h1 {
    margin: 5px 0 25px;
    line-height: 1em;
    display: block; 
    font-weight: 700;
    font-size: 2em;
}
p {
    font-size: 1em;
    margin: 20px 0;
}
.btn-list {
    margin: -10px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
} 
.sec .btn-list {
    float: left;
    margin: -10px -10px -40px -10px;
} 
.btn-item {
    display: block;
    list-style: none;
    padding: 10px;
}
.btn-link {
    color: #1f3c76;
    border: 1px solid #1f3c76;
    padding: 10px 30px;
    border-radius: 5px; 
    text-decoration: none; 
    font-family: "maven_probold";
	display: inline-block;
    margin: 0 10px 10px 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.btn-link:hover{ background: #036ac1; color: #fff; text-decoration: none}
.sec.is-theme .btn-link {
	display: inline-block;
	margin: 0 10px 10px 0;
    color: #fff;
    border: 1px solid #fff;
}
.sec.is-theme .btn-link:hover { background: #fff; color: #1f3c76; text-decoration: none}
.sub-main .sec.is-theme .btn-link:hover { color: #333333; }
 
.premium-sponsors{ margin: 0 0 0 0}
.premium-sponsors h3{ font-size: 32px; margin: 54px 20px; text-align: center; font-family: "maven_probold"; color: #30b53d}
.premium-sponsors li { position: relative; float: left; width: 25%; height: 20vw; background-size:100%; background-position: center center; overflow: hidden }
.premium-sponsors .gallery{opacity: 1; -webkit-transition: all 0.4s ease;}
.premium-sponsors li:hover .gallery{opacity: 0.85; -webkit-transform: scale(1.03); transform: scale(1.03);}
.premium-sponsors li a{ display: block; height: 100%}
.premium-sponsors .logo{ position: relative; left: 50%; top: 50%; margin: -45px -100px; height: 90px; width: 200px; text-align: center; text-align: center; background: #fff; border-radius: 5px; overflow:hidden; z-index: 10 }
.premium-sponsors .logo img{ height: 100%;  }
.premium-sponsors .gallery img{ width: 100% }

.partners{ margin: 0 0 80px 0}
.partners h3{ font-size: 32px; margin: 54px 20px; text-align: center; font-family: "maven_probold"; color: #30b53d}
.partners li{ display: inline-block; width: 24%; text-align: center; }
.partners img{ -webkit-transition: all 0.2s ease;max-width: 100%}
.partners img:hover{opacity: 0.75}

.home-banner-arrow{ position: absolute; padding: 5px; bottom: 20px; left: 50%; width: 40px; margin: 0 0 0 -20px; cursor: pointer; opacity: 0.7; z-index: 10 }
.home-banner-arrow:hover{ opacity: 1}
.home-banner-arrow img{ width:100%!important; margin: 0!important}

@media (max-width: 1024px){
	.premium-sponsors li {width: 50%; height: 30vw; }

}

 
@media (max-width: 768px){
	 
	.slogan h2{font-size: 36px; line-height:40px;} 
	.home-about .about-intro{ column-count: 1;}
	.home-about .about-h3{ width: 100%; margin: 0 0 30px 0; font-size: 26px; line-height:34px; font-family: 'maven_probold'; font-weight: 200;}
   .slogan h2 {
    font-size: 34px;
    line-height:36px;
}
	.slogan p {
    font-size: 24px;
    line-height: 30px;
	margin: 10px 0;
}
.slogan{padding: 0 0 0px 0;  margin: -40px 0 0 0;} 
.home-banner .bx-wrapper .bx-pager{bottom: 0;}
.bx-wrapper .bx-pager.bx-default-pager a{width: 10px; height: 10px;}
.bx-controls-direction{ display:none}
.home-main h2{  font-size: 46px; font-family: 'maven_probold'; font-weight: 200; letter-spacing:-1px;}

.home-about{ padding: 30px 0 50px 0;}
.home-main .more-btn{ margin: 10px 0 0 0;}
.home-main .more-btn a{ padding: 12px 34px;}
 
.home-banner .slide{ overflow:hidden}

.col-p50 {
    width: 100%; 
}	
.sec .sec-img {
    right: 0;
	left: 0;
	height: 300px
}	
.sec-img {
    position:relative;	
}
.fit { 
    padding: 0; 
}
.col {
    margin: 20px 0 0 0;
    padding: 20px 40px 20px 50px;
	}
.home-welcome {margin: 40px 0;}	

}
	
@media (max-width: 520px){
	.home-banner {height: 130vw;}
	.home-banner img{ width:260%; margin: 0 0 0 -80%} 
	.home-welcome h3{font-size: 30px; margin: 0 0 20px 0;}
	.premium-sponsors li {width: 100%; height: 70vw; }
	.partners{ margin:  0 0 50px 0}
	.partners li{ width: 49%; margin: 0 0 20px 0  }
	.col {
    margin: 20px 0 60px 0;
    padding: 20px 40px;
}
	.slogan {margin: -200px 0 0 0;}
	.home-welcome {margin: 10px 0;}
	.partners h3{margin: 0px 20px 40px;}

}