@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700');
body{ padding: 0px; margin: 0px; font-family: 'Poppins', sans-serif; font-weight: 400;}
h1, h2, h3, h4, h5, h6, ol, li, ul, a, img, p, span, strong{ padding: 0px; margin: 0px;}
a:hover,a:focus{ outline: none;}
section{ float: left; width: 100%;}
.pad0{ padding: 0;}
img { max-width: 100%;}
/************** Header *****************/
.header nav.navbar.navbar-default { background-color: rgba(0, 0, 0, 0.5); border: 0 none; left: 0; margin: 0; position: absolute; top: 0; width: 100%; z-index: 999; border-radius: 0;}
.header .navbar-brand { height: auto; padding: 5px 15px;}
.header .navbar-nav > li > a {color: #fff; font-size: 18px; padding: 40px 15px;}
.header .navbar-default .navbar-nav > .active > a, 
.header .navbar-default .navbar-nav > .active > a:hover, 
.header .navbar-default .navbar-nav > .active > a:focus { background-color: rgba(255, 0, 65, 0.5); color: #fff;}
.slider h2 { font-size: 75px; max-width: 760px; margin: 0 auto;}
.slider .carousel-caption { top: 40%;}

.join-free { background-color: #ff0038; padding: 15px 0;}
.join-free .btn.btn-transparent { border: 2px solid #fff; border-radius: 50px; color: #fff; float: right; font-size: 20px; padding: 14px 25px;}
.join-free h2 { color: #fff; font-size: 60px;}
.join-free h2 span { color: #7c021d; display: inline-block; font-size: 18px;}

.welcome-sec { padding: 50px 0; text-align: center;}
.welcome-sec h2 { color: #ff0038; font-size: 46px; margin-top: 35px;}
.welcome-sec p { color: #818181; font-size: 16px; margin: 25px auto 20px; max-width: 1000px;}
.welcome-sec .btn.btn-know { border: 2px solid #ff0038; border-radius: 50px; color: #ff0038; display: inline-block; font-size: 18px; margin-top: 10px; padding: 10px 30px;}

.statics-sec { background-image: url("../images/history.png"); background-size: cover; padding: 100px 0; text-align: center;}
.statics-sec li { color: #fff; display: inline-block; font-size: 17px; list-style: none; margin: 0 10px;}
.statics-sec li span { background-color: rgba(255, 255, 255, 0.3); border: 2px solid #fff; display: block; font-size: 45px; height: 150px; line-height: 150px; width: 150px; 
                      margin-bottom: 15px;}
.statics-sec li.active span{ background-color: #fff; color: #ff0038;} 

.post-sec { padding: 60px 0;}
.post-sec h2 { color: #383838; font-size: 55px; margin-bottom: 50px; text-align: center;}
.post-sec p { color: #696969; font-size: 14px; font-weight: 500; margin: 15px 0; text-align: justify;}
.dtname p { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; color: #696969; font-size: 12px; margin: 0; padding: 10px 0; text-align: right;}
.dtname p strong { color: #ff0038; display: inline-block; float: left; font-size: 15px;}

.footer { background-color: #162431; padding: 50px 0;}
.social-foot { padding: 40px 0;}
.social-foot .fa { color: #fff; font-size: 20px;}
.social-foot a { background-color: #ff0038; border-radius: 50%; display: inline-block; height: 60px; line-height: 65px; width: 60px;}
.social-foot > li { display: inline-block; list-style: outside none none; padding: 4px 5px;}
.footer .text-center p { color: #435566; font-size: 16px; font-weight: 500; margin-bottom: 5px;}

@media(max-width: 1199px){
.slider h2 { font-size: 55px; margin: 0 auto; max-width: 760px;}
.join-free h2 span { display: block;}

}
@media(max-width: 991px){
.header .navbar-nav > li > a { font-size: 14px; padding: 40px 8px;}
.join-free .btn.btn-transparent { font-size: 15px; margin-top: 14px; padding: 14px 15px;}
.dtname { max-width: 280px;  margin: 0 auto 45px;}
.post-sec p {max-width: 280px; margin: 15px auto;}
.post-sec { text-align: center;}
.slider h2 { font-size: 35px;}

}
@media(max-width: 767px){
.join-free h2 { font-size: 33px; text-align: center;}
.join-free .btn.btn-transparent { float: none; margin: 20px auto 0;}
.join-free { text-align: center;}
.welcome-sec h2 { font-size: 30px; margin-bottom: 12px;}
.post-sec h2 { font-size: 35px; margin-bottom: 30px;}
.header .navbar-nav > li > a { padding: 10px 8px;}

}
@media(max-width: 510px){
.header nav.navbar.navbar-default { background-color: #000; position: relative;}
.slider .carousel-caption { top: 10%;}
.slider h2 { font-size: 25px;}
.social-foot a { height: 50px; line-height: 55px; width: 50px;}
.social-foot > li { padding: 4px 2px;}
.footer .text-center p { font-size: 13px;}

}