@charset "utf-8";
/* CSS Document */

.kt-aside--minimize .no-padding{ padding-left:0 !important; }
.homepage .kt-header__brand{ width:170px; background-color:#fff; padding-left:70px}
.homepage .kt-header__brand img{ width:170px}
.homepage .kt-header__topbar{ display:block ; padding-right:50px}
.homepage .kt-header__topbar .btn{ margin:20px 0 0 0}
.homepage .kt-sc .kt-sc__bottom .kt-sc__heading{ margin-bottom:10px}
.ptb-5{ padding:12em 0 4em 0 !important}
.bghome{ margin:0 ; height:100%}
.homepage .kt-content{ padding:0}
.text-white h2{ color:#fff; text-transform:uppercase; font-size:70px}
.text-white p{ color:#fff;     padding: 0 410px; font-size:15px;
    text-align: center;}
.homepage .kt-callout{ background-color:#000000a6; border:1px solid #424242; text-align:center}
.homepage .kt-callout h3{ color:#fff !important; font-size:1.5em; text-align:center; text-transform:uppercase; margin-bottom:15px; }
.homebanner .row{ justify-content: center;}
.homebanner{ margin-top:0px}

.homepage .kt-callout h3 {font-size: 1.5rem;}
.profilebanner{ height:250px; object-fit:cover; width:100%}
.familybanner{ height:250px; object-fit:cover; width:100%}



.registranion_form{ margin:50px auto; max-width:50%; }
.organitionform{ max-width:100%}
.organitionform .kt-portlet .kt-portlet__body{ padding:25px 25px 0 25px}
.organitionform h2{ padding:0 0 15px 0; color:#000}
.organitionform .btn-lg{ padding:1.15rem 3.65rem; margin:0 5px}
.organitionform ul{ padding:0px 40px 0 20px; margin:0}
.organitionform ul li{ padding-bottom:5px}
.organitionform textarea{ margin-bottom:10px}
.whyorganization{ margin:55px 0 0 0}

.team { margin:0px; text-align: center}
.team h3{    padding: 5px 10px; color: #fff;  background: #1793cc;  margin: 0;   text-transform: uppercase;  font-size: 1.7rem;}
.team span{       padding: 5px; color: #2e2e2e;  display: block; font-size: 60px; line-height: 70px;  background: #f7f7f7;
    font-weight: bold;    text-align: center;}

.kt-header__brand-logo{     background: #fff;  border-radius: 50%; padding: 6px;}
.kt-header__brand-logo img{ width:40px}
.kt-header__brand{ }
.successmsg{ margin:180px auto}


.profile_logosec .row{ align-items: center;}
.profile_logosec{ margin: 20px auto}
.profile_logo{ line-height: 115px}
.namediv{ float: right}
.profile_name{ padding: 30px 0}
.profile_name h5{ text-align: center}
.profile_name h6{ text-align: center}
.profile_name span{display: table;   background: #fbce44;   padding: 4px 20px;  color: #000; width:130px}
.profile_name{ margin: 0 auto 20px; text-align: center}
.profile_name h1{ font-size: 4.5rem; letter-spacing: .7; color: #000}
.profile_name h3{ font-size: 2rem;}

.meetus { }
.meetus .kt-portlet__head{  background: #118cba;}
.meetus .kt-portlet__head h3{ color: #fff !important}
.meetus span {     font-size: 13px;      display: flex;
    align-items: center; margin-bottom: 25px; padding: 0;    font-weight: 500; } 
.meetus span i{ font-size: 20px;
    margin-right: 10px;
    color: #128bb9;
   }

.our_team .kt-portlet__head-label { margin: 0 auto}
.our_team .kt-portlet__head-label h3{ font-size: 1.5em !important; text-transform: uppercase}
.teamunder { background: #f9f9f9 !important;  -webkit-box-shadow:0px 0px 8px 0px rgba(5, 5, 5, 0.2);
    box-shadow: 0px 0px 8px 0px rgba(5, 5, 5, 0.2);    border-radius: 6px; border-bottom: 0px solid #07aef0;}
.teamunder span{ display: block; text-align: center; line-height: 30px; text-transform: uppercase;  color: #000; font-size: 15px; }
.teamunder span:nth-child(1){font-weight: 600; color: #000; font-size: 15px;}

.teamunder span:nth-child(3){ border-bottom: 0 }
 
.kt-widget4{ background: #fff;
    padding: 10px;    -webkit-box-shadow:0px 0px 8px 0px rgba(5, 5, 5, 0.1);
    box-shadow: 0px 0px 8px 0px rgba(5, 5, 5, 0.1); transition: all 0.3s ease; margin: 0 auto 20px}

.kt-widget4:hover{ -webkit-box-shadow:0px 0px 8px 0px rgba(5, 5, 5, 0.25);
    box-shadow: 0px 0px 8px 0px rgba(5, 5, 5, 0.25); transition: all 0.3s ease;}

.aboutclub p{ font-size: 16px; line-height: 30px; text-align: center; font-style: italic}
.aboutclub p i{ font-size: 30px; padding: 10px}








@media (min-width: 320px) and (max-width: 550px){
    
.successmsg {
    margin: 50% auto;
    max-width: 100%;
}    
    
    #kt_gchart_1{ height: auto !important}
    .profile_logosec img{ width:100%}
    .kt-widget4{ margin: 0 auto 10px}
}

@media (min-width: 551px) and (max-width: 767px){
    
.successmsg {
    margin: 10% auto;
    max-width: 100%;
}    
    #kt_gchart_1{ height: auto !important}
     .profile_logosec img{ width:100%}
}

@media (min-width: 320px) and (max-width: 991px){

.text-white p{ padding:0 !important}
.homepage .kt-header__topbar{ display:none !important}
.ptb-5 {
    padding: 6em 0 4em 0 !important;
}
    #kt_gchart_1{ height: auto !important}
    .profile_logosec img{ width:100%}
    .kt-widget4{ margin: 0 auto 10px}
}

@media (min-width: 992px) and (max-width:1024px){

.text-white p{ padding:0 230px}
.homepage .kt-header__topbar {
    display: none !important;
}

}

@media (min-width: 1010px) and (max-width:1250px){
.homebanner .col-lg-3 {  -webkit-box-flex: 0;   -ms-flex: 0 0 36%;  flex: 0 0 36%;   max-width: 36%}
.homebanner .kt-callout {
    padding: 2rem 1.5rem;
}
}

@media (min-width: 1251px) and (max-width:1370px){
.homebanner .col-lg-3 {  -webkit-box-flex: 0;   -ms-flex: 0 0 30%;  flex: 0 0 30%;   max-width: 30%}

}

@media (min-width: 1024px) and (max-width:1220px){

.text-white p{ padding:0 200px}

}