@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,600,700');

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1; font-family: 'Poppins', Open Sans; color: #666; font-weight: 400; background: #f8f8f8; font-size: 14px}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
span.log {
    display: block;
    line-height: 10px;
}
span.til {
    font-size: 12px;
}
::-moz-selection {  background:#023b6d;  color: #fff }
::selection { background:#023b6d; color: #fff}
.img-responsive{ width: 100%}
.no-padding{padding: 0}

h3{ font-size: 35px; line-height: 38px; padding-bottom: 40px; font-weight: 600; color:#023b6d}

/*.header-bg{ background: url(../images/bg.jpg) top; background-size: cover; }*/
.followus {
	width: 100%; display: block; background:#023b6d ; padding:15px 0 27px 0
}
.followus ul{text-decoration: none;}
.followus ul li{list-style: none;    float: left;    margin:0px 0px 0 20px;} 
.followus ul li a{ color:#fff } 
.followus p{color: #fff; font-size: 14px}
.banner-mask{ background: rgba(0,0,0,.9); background: -webkit-linear-gradient(180deg,rgba(0,0,0,0.4) 0,rgba(235,27,37,0.4) 70%); background: -o-linear-gradient(180deg,rgba(0,0,0,0.4) 0,rgba(235,27,37,0.4) 70%); background: -moz-linear-gradient(180deg,rgba(0,0,0,0.4) 0,rgba(235,27,37,0.4) 70%); background: linear-gradient(180deg,rgba(0,0,0,0.4) 0,rgb(71 69 69 / 40%) 70%);width: 100%; height: 100%;   }
.top-nav{ background: #fff; padding: 0px 0px; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); }
.top-nav.navbar-bg-color{ background:#f8f6f6}
.frt{float: right;}
.top-nav .nav{ margin-top: 15px}
.top-nav .nav-link{ color: #000;-webkit-transition: all ease-in-out 0.4s; transition: all ease-in-out 0.4s; padding: 0;}
.top-nav .nav-link:after { content: ""; position: absolute; display: block; width: 0px; height: 2px; background: transparent;  margin-top: 25px;  transition: width .3s ease, background-color .3s ease;}
.top-nav .nav-link:hover:after{  background: #023b6d; width: 100%;  }
.top-nav .nav-link.active:after{background: #023b6d; width: 100%; height: 2px;}
.top-nav .nav-item{ position: relative; margin-left: 40px;padding: 14px 0 27px 0}
.top-nav .nav-item:last-child .nav-link:hover:after{ width:0;  }
.logo { padding: 20px 0 0 0;  font-size: 35px; color: #023b6d; font-weight: 600;}
.mbl-menu{ color: #023b6d; font-size: 24px; cursor: pointer;margin-top: 6px; float: right}
.mbl-close{color: #fff; font-size: 18px; cursor: pointer; margin-bottom: 20px; width: 20px; }

.banner-text { padding: 290px 0px 80px;}
.banner-text h1{ font-size: 45px; line-height: 60px; font-weight: 300 }
.banner-text h2{ font-size: 20px; font-weight: 700; padding:60px 0px 20px }
.banner-text .btn-primary, .banner-text .btn-primary:not(:disabled):not(.disabled):active {background-color: #eb1b25; border-color: #eb1b25; font-size: 16px; padding: 20px 60px;webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.banner-text .btn-primary:not(:disabled):not(.disabled):active:focus, .banner-text .btn-primary:focus{ box-shadow: 0 0 0 0.2rem rgba(0,123,255,0)}
.banner-text .btn-primary:hover{background-color: #fff; color: #eb1b25;}

.index-upcoming-event{ padding: 80px 0px 50px;background: #fff; }
.index-upcoming-event .card{ border: 0; box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1); margin-bottom: 30px }
.index-upcoming-event .card h5{ font-size: 16px; font-weight: 600; color: #000}
.index-upcoming-event .card p{ line-height: 18px; color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 20px}
.index-upcoming-event .card-time-location{ color: #000}
.index-upcoming-event span{ color: #eb1b25; padding-right: 5px; display: inline-block}
.index-upcoming-event .btn-primary, .index-upcoming-event .btn-primary:not(:disabled):not(.disabled):active {background-color: transparent; border-color: #eb1b25; font-size: 14px; padding: 10px 30px; color: #eb1b25; margin-top: 20px;webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.index-upcoming-event .btn-primary:not(:disabled):not(.disabled):active:focus, .index-upcoming-event .btn-primary:focus{ box-shadow: 0 0 0 0.2rem rgba(0,123,255,0)}
.index-upcoming-event .btn-primary:hover{background-color: #eb1b25; color: #fff}
.index-upcoming-event p {line-height: 26px; font-size: 16px;padding-bottom: 40px;text-align: center;}
.date-card{ background: rgba(235,27,37,0.6); color: #fff; width: 50px; position: absolute; top: 0; left: 15px; height: 75px; text-align: center}
.date-card h4{ font-size: 25px; padding-top: 18px}
.date-card h6{ font-size: 14px}

.sponser-bg{ background: url(../images/sponser-bg.jpg) top; background-size: cover; }
.sponser-mask{ background: rgba(0,0,0,.9); background: -webkit-linear-gradient(180deg,rgba(0,0,0,0.4) 0,rgba(235,27,37,0.4) 70%); background: -o-linear-gradient(180deg,rgba(0,0,0,0.4) 0,rgba(235,27,37,0.4) 70%); background: -moz-linear-gradient(180deg,rgba(0,0,0,0.4) 0,rgba(235,27,37,0.4) 70%); background: linear-gradient(180deg,rgba(0,0,0,0.4) 0,rgba(235,27,37,0.4) 70%); width: 100%; height: 100%; padding: 80px 0px }
.sponser-bg h3{ color: #fff}
.sponser-bg p{line-height: 26px; font-size: 16px; padding-bottom: 40px}
.client-imp { text-align: center; margin-bottom: 30px}
.client-imp li{ display: inline-block; margin:0 15px; width: 199px}
.sponser-bg .item{ width: 199px}
.sponser-bg  .owl-nav{ display: none}
.sponser-bg .owl-theme .owl-dots{ margin-top: 40px}
.sponser-bg .owl-theme .owl-dots .owl-dot { border: 1px solid #fff; border-radius: 50%; width: 20px; height: 20px; margin: 0 5px; outline: none}
.sponser-bg .owl-theme .owl-dots .owl-dot.active span, .sponser-bg .owl-theme .owl-dots .owl-dot:hover span { background: #fff;}
.sponser-bg  .owl-theme .owl-dots .owl-dot span {  margin: 0px 4px; background: transparent; }


.index-get-involved{ padding: 80px 0px; background: #fff }
.index-get-involved .get-big-text{ line-height: 26px; font-size: 16px; margin-bottom: 40px}
.get-round-box{ width: 70px; height: 70px; background: #f8f8f8;margin: 0 auto 15px auto; border: 1px solid #cccccc; border-radius: 50%; text-align: center; line-height: 64px; color: #000; font-size: 24px;}
.index-get-involved .get-left .media { text-align: center;}
.index-get-involved .get-left .media .mt-0{ font-size: 25px; color: #000; font-weight: 600; padding-bottom: 20px} 
.index-get-involved .get-left .media-body h6{ line-height: 24px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 20px}
.index-get-involved .get-left .media-body a.view-more{ color: #fff;    background: #023b6d;
    padding: 10px 15px; display: inline-block; text-decoration: none;webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.index-get-involved .get-left .media-body a.view-more:hover{ border-bottom: 2px solid #000;}
.index-get-involved .news-right h3{ padding-bottom: 10px}
.index-get-involved .news-right a{ display: block; text-decoration: none; border-bottom: 1px solid #e9e9e9; padding: 30px 0px; webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.index-get-involved .news-right a .media .mt-0{ font-size: 16px; color: #000; font-weight: 600; padding-bottom: 10px} 
.index-get-involved .news-right a:hover .media .mt-0{color: #023b6d; }
.index-get-involved .news-right a .media-body h6{ line-height: 24px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #666666 }
.index-get-involved .news-right a:last-child{ border-bottom: 0}

.latest-blog{ padding: 80px 0px 50px}
.latest-blog a{ text-decoration: none; margin-bottom: 30px}
.latest-blog a .card{ border: 0; box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1) }
.latest-blog a .card h5{ font-size: 16px; font-weight: 600; color: #000}
.latest-blog a:hover .card h5 {color: #eb1b25; }
.latest-blog a .card p{ line-height: 18px; color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 20px}
.latest-blog a .card-date{ color: #000}
.latest-blog a span{ color: #eb1b25; padding-right: 5px; display: inline-block}
.latest-blog .btn-primary, .benefit-bg .btn-primary:not(:disabled):not(.disabled):active {background-color: #023b6d; border-color: #023b6d; font-size: 14px;margin: 15px 0 0 0; padding: 6px 10px;webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.latest-blog p{ line-height: 20px;}

.benefit-bg{ background: url(../images/benefit-bg.jpg) top; background-size: cover; }
.benefit-mask{ background: rgba(0,0,0,.9); background: -webkit-linear-gradient(180deg,rgba(0,0,0,0.4) 0,rgba(235,27,37,0.4) 70%); background: -o-linear-gradient(180deg,rgba(0,0,0,0.4) 0,rgba(235,27,37,0.4) 70%); background: -moz-linear-gradient(180deg,rgba(0,0,0,0.4) 0,rgba(235,27,37,0.4) 70%); background: linear-gradient(180deg,rgba(0,0,0,0.4) 0,rgb(71 69 69 / 40%) 70%);; width: 100%; height: 100%; padding: 80px 0px }
.benefit-bg h2{ font-size: 45px; line-height: 60px; font-weight: 300}
.benefit-bg p{ line-height: 26px; font-size: 16px; padding: 40px 0}
.benefit-bg .btn-primary, .benefit-bg .btn-primary:not(:disabled):not(.disabled):active {background-color: #023b6d; border-color: #023b6d; font-size: 16px;  padding: 20px 60px;webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.benefit-bg .btn-primary:not(:disabled):not(.disabled):active:focus, .benefit-bg .btn-primary:focus{ box-shadow: 0 0 0 0.2rem rgba(0,123,255,0)}
.benefit-bg .btn-primary:hover{background-color: #fff; color: #eb1b25;}

.footer{ background: #023b6d;padding:0px 0px 0px; color: #fff}
.footer h2{ font-size: 16px; font-weight: 600; color: #eb1b25; padding-bottom: 30px}
.footer p{ line-height: 18px}
.btm-contct-icon{ width: 30px;color: #eb1b25;}
.footer .media{ padding-bottom: 10px}
.footer-social li{ display: inline-block; margin-right: 20px}
.footer-social li a{ color: #eb1b25; font-size: 24px }
.footer-link li a{ display: block; color: #666; margin-top: 20px}
.footer .form-group{position: relative; margin-top: 20px}
.footer .form-group .form-control { font-size: 12px;  color: #888; background-color: #282828; border: 1px solid #282828; border-radius: 4px; }
.footer .form-group .form-control:focus { box-shadow: 0 0 0 0.2rem rgba(0,123,255, 0);}
.footer .form-group .btn-primary, .footer .form-group .btn-primary:not(:disabled):not(.disabled):active {background-color: #eb1b25; border-color: #eb1b25; font-size: 14px; padding: 0; color: #fff; margin-top: 20px;webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; position: absolute; top: -20px; right: 0px; width: 38px; height: 38px; text-align: center}
.footer .form-group .btn-primary:not(:disabled):not(.disabled):active:focus, .footer .form-group .btn-primary:focus{ box-shadow: 0 0 0 0.2rem rgba(0,123,255,0)}
.footer .form-group .btn-primary:hover{background-color: #fff; color: #eb1b25}

.footer-btm{  margin-top: 0px; padding: 30px}
.privacy-link{ text-align: right}
.privacy-link li{ display: inline-block; border-right: 1px solid #fff;padding:0 10px;}
.privacy-link li a{ color: #fff; text-decoration: none; }
.privacy-link li:last-child{ border-right: 0; padding-right: 0}
.carousel-inner img {width: 100%; height: 640px; }
.carousel-caption{ left:0px; right:0px;top:11px; }
.card-title { margin-bottom: 0.75rem; font-size: 25px;color: #000; font-weight: 600;}
.card img {    height: 200px;}
.btn { border-radius:0px; }
.breadcrumbs{width:100%; }
.breadcrumbs ul{text-decoration: none;}
.breadcrumbs ul li{list-style: none;  color: #fff;  display: inline-block;    margin:0px 6px 0 0px;} 
.breadcrumbs ul li a{ color:#fff } 
.breadcrumbs h1{color: #fff; font-size: 40px;  margin-bottom: 15px;}
.banner {  background: url(../images/benefit-bg.jpg) top; background-size: cover; }
.banner-inner {padding: 230px 0px 80px;  }
.inner-page{    padding: 80px 0px 50px; background: #fff;}
.inner-page p {line-height: 26px;color:#000; font-size: 16px; padding:0px 20px 20px 0px; text-align: justify;}
.inner-page h5 {font-size: 16px; margin: :0px 0px 0px 0px; text-align: left;color: #000;font-weight: 600;}
.inner-page h6 {font-size: 16px; margin: :0px 0px 0px 0px; text-align: left;color: #023b6d;font-weight: 600;}
.inner-page h6 a{color: #023b6d;}
.inner-page h4 {font-size: 18px; margin: :0px 0px 0px 0px; text-align: left;color: #023b6d;font-weight: 600;}
.inner-card {border: solid 1px #000; padding: 5px;}
.inner-page ul {
    width: 92%;
    margin: 0 0px 0px 70px;

    padding: 0;
}
.inner-page ul li {
    color: #333;
    font-size: 16px;
    line-height: 28px;
    list-style: outside;
    padding: 0 0 15px 0;
    text-align: left;
             /*list-style-image: url(../images/right-arrow.png);*/
}
.inner-page ul li b, .inner-page p b{font-weight:600;}
ul.clientR {
	 width: 100%;
    margin: 0 0px;
    padding: 0;
}
ul.clientR li img {
    width: 100%;
}
ul.clientR li {
    list-style: none;
    padding: 8px 8px 0px 8px;
    float: left;
    border: solid 1px #c8bfbf;
    margin: 8px;
        width: 30%;
}
.dropdown-menu {
    left: -10px !important;
    border: none;
}
.dropdown-item {
    padding: 16px 22px 11px 10px;
}
.dropdown-toggle::after{
border-top: 0.3em solid transparent;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;	
}
   
.dropdown-item:focus, .dropdown-item:hover{
	    color: #fff;
    text-decoration: none;
    background-color: #023b6d;
}
.contact .info-item {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);
    padding: 20px 0 30px 0;
        margin: 0 0 15px 0;
}
.contact .info-item h3 {
    font-size: 20px;
    color: #023b6d;
    font-weight: 700;
    margin: 10px 0;
    padding: 0px;
}
.contact .info-item p {
    padding: 12px;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 0;
    text-align: center;
}
.contact .info-item i {
color: #023b6d;
    font-size: 40px;
}
.contact .php-email-form {
    width: 100%;
    background: #fff;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);
    padding: 30px;
}
.mt-1 {
        margin-top: 40px !important;
}
.contact .php-email-form input {
    height: 44px;
    border-radius: 0;
}

.contact .php-email-form textarea {
    height: auto;
    border-radius: 0;
}
.contact .php-email-form button[type=submit] {
    background: #023b6d;
    border: 0;
    padding: 15px 35px;
    color: #fff;
    transition: 0.4s;
    border-radius: 0px;
}
.col-imgW {
	width: 100%;
	display: block;
}
.col-imgW .imgwdh{
	width: 250px;
	display: inline-block;
	margin:15px 15px 0px 15px; 
}
.mrgn {
	margin-top:15px; 
}