@import url('https://fonts.googleapis.com/css?family=Open Sans');
@import url('https://fonts.googleapis.com/css?family=Pragati Narrow');
@import url('https://fonts.googleapis.com/css?family=Roboto Condensed');
@import url('https://fonts.googleapis.com/css?family=Open Sans');
@import url('https://fonts.googleapis.com/css?family=Poppins');
@import url('https://fonts.googleapis.com/css?family=MostraOneBold');
@import url('https://fonts.googleapis.com/css?family=Bebas Neue');
@import url('https://fonts.googleapis.com/css?family=Exo2-Medium');
@import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');
body
{
	margin:0;
	font-family: 'Open Sans', sans-serif;
	background:#ffffff;
}
a
{
	text-decoration: none;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index:1;
}

/* -------------------- top css ------------------------ */

.total_upper_top
{
    width:100%;
    background:#d39d10;
}
#top_inner
{
    max-width:1170px;
}
#top_inner_total
{
    width:100%;
    display:table;
    position:relative;
}
#upper_top_inner_left
{
    display:table-cell;
    width:60%;
    text-align:left;
}
#upper_top_inner_right
{
    display:table-cell;
    width:40%;
    text-align:right;
}
#call_mail a
{
   color:#ffffff;
   font-size:14px;
   font-weight:400;
   font-family:"Open Sans", sans-serif;
}
#call_mail
{
    display: inline-block;
    margin-right: 10px;
    padding: 12px 0;
}
#call_mail img
{
    width: 20px;
    height: auto;
    vertical-align:middle;
}
#social_link
{
    text-align:right;
    display: block;
    margin-left: 20px;
}
.book_now
{
    color:#ffffff;
    font-size:14px;
    padding:7px;
    background:#000000;
    border-radius:5px;
}
.book_now:hover
{
    background:#ffffff;
    border:1px solid #1F305B;
    text-decoration: none;
    color:#1F305B;
}
.active_link
{
    background:#ffffff;
    border:1px solid #1F305B;
    text-decoration: none;
    color:#1F305B;
}

#social_link img
{
    vertical-align:middle;
}
.total_bottom_top
{
    width:100%;
    background:#ffffff;
}

#lower_top_inner_left
{
    width:35%;
    display:table-cell;
    text-align:left;
    vertical-align:middle;
}
#total_logo
    {
        width:100%;
        display:table;
    }
#logo
    {
        display:table-cell;
        width:20%;
    }

#name_slogan
    {
    	display: table-cell;
    	vertical-align: middle;
    	position: absolute;
    
    	height: 90px;
    	margin-top:10px;
        z-index:1;
    }

#logo_text 
{
   font-family:"Bebas Neue";
	font-size: 41.5px;
	font-weight:500;
	margin-top:10px;
}
#logo_slogan 
{
    font-family:"Roboto Condensed";
	color:#000000;
	font-size: 16px;
	line-height: 34px;
    margin-top:-15px;
}

#logo img
{
	 padding: 3px 0;
    height:108px;
    width:auto;
    vertical-align: middle;
}
#lower_top_inner_right
{
    width:65%;
    display:table-cell;
    text-align:right;
    vertical-align:middle;
}
/* ------------------ home css ------------------- */
.total_upper_home
{
    width:100%;
}
.total_lower_home
{
    width:100%;
}
#inner
{
    max-width:1170px;
}
#course_inner
{
    text-align:left;
    width:100%;
}
#total_inner
{
    width:100%;
    display:table;
    padding: 25px 0 40px 0;
    font-family: 'Lora', serif;
}
#total_upper_inner_left
{
    display:table-cell;
    width:50%;
    text-align:left;
    vertical-align:middle;
    padding-right:25px;
}
h1 {
    font-size:28px;
    font-weight:400;
    line-height:35px;
}
.ifont {
    font-family: 'Playlist Script';
    color: #000000;
}
.hfont {
    font-family: "MostraOneBold";
    color: rgb(77, 15, 129);
    
}
#total_upper__inner_left p
{
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 15px;
}
#total_upper_inner_right
{
    display:table-cell;
    width:50%;
    text-align:right;
}
#right_inner_collage
{
    width:100%;
}
#home_collage img
{
    width:100%;
    height:auto;
    vertical-align:middle;
}
#home_course_left
{
    display:table-cell;
    width:60%;
    float:left;
    padding:2px;
    background:#ffffff;
    border-radius:10px;
    border:1px solid #dcdcdc;
    color:#666666;
}

#home_course_right
{
    display:table-cell;
    width:38%;
    float:left;
    padding:2px;
    background:#ffffff;
    border-radius:10px;
   margin-left:11px; 
    height:453px;
    color:#ffffff;
    border:1px solid #dcdcdc;
}
#course_left1
{
    width:100%;
    background:#3a3a3a;
    border-radius:10px;
    border:1px solid #dcdcdc;
}
#course_left2
{
    background:#ffffff;
    border-radius:10px;
    border:1px solid #dcdcdc;
    height:450px;
}
#course_left2 iframe
{
    width:100%;
}

#course_total
{
    width:100%;
}

#course_total th, td
{
   padding:8px; 
   font-family: 'Lora', serif;
}

#text_heading {
    padding: 20px 25px;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    color: #038DCC;
    border-left: 5px solid #038DCC;
    background: #f7f7f7;
    border-radius: 4px;
    font-family: 'Poppins';
}
.spanp
{
    font-size: 25px;
    font-weight: 600;
    color: #cc1844;
    text-transform: uppercase;
}
#activities_img
{
    display:table;
    width: 100%;
}
#activities_img_col
{
    display:table-cell;
}
#activities_img_col div
{
    padding: 0 5px;
}
#activities_img_col div img
{
    border-radius: 5px;
}
/*-- service_section --*/
#services_inner
{
    width:100%;
    text-align:left;
}
#services_card_total
{
    width:100%;
    display:table;
}
#services_card_total img
{
    width:310px;
    height:auto;
    border-bottom: 4px solid #3B82D4;
    border-radius: 10px;
}
#services_card_total a h4 {
    text-align: center;
    color: #094f68;
    text-transform:uppercase;
    font-family: 'Lora', serif;
    font-size: 1.2em;
    margin-top: 0.5em;
    padding-top:20px;
    padding-bottom: 20px;
}
#services_card_total a h4:hover{
	color: #DBC585;
}

#sevice_card
{
    display:table-cell;
    width:33%;
    padding: 0 20px;
}

#service_card_inner
{
    width:100%;
}
#service_card_inner img
{
    width:100%;   
}

.container1,.container2,.container3{
  position: relative;
  max-width: 1170px;
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 43%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.container1:hover .image,.container2:hover .image,.container3:hover .image {
  opacity: 0.3;
}

.container1:hover .middle, .container2:hover .middle, .container3:hover .middle {
  opacity: 1;
}

#services_card_total li a{
	text-decoration:none;
	display:block;
	text-transform:uppercase;
	color: #4d0f81;
	font-size: 17px;
	letter-spacing: 1px;
    font-weight: 700;
    text-align:center;
}
.hfont {
    font-family: 'Lora', serif;
    color: #FF0000;
    font-size:28px;
    font-weight:700;
    line-height:35px;
    text-transform:uppercase;
}

#services_card_total .text
{
    background-color: #3B82D4;
    padding: 10px 10px;
}

#services_card_total .text a {
  
    color: #ffffff;
    font-size: 14.5px;
    font-weight: 400;
    font-family: 'Lora', serif;
}
.videos
{
    background-color:#eaeaea;
}
#total_video
{
    width:100%;
    display:table;
}
#card_videos
{
    width:25%;
    display:table-cell;
    vertical-align:middle;
}
#inner_videos
{
    padding:20px 10px 27px 10px;
}
#inner_videos iframe
{
    border-radius: 5px;
}

/* ------------------ footer css -------------------- */
.upper_footer
{
    width:100%;
}
#upper_footer_inner
{
    max-width:1170px;
}
#upper_footer_inner_total
{
    width:100%;
}
.lower_footer
{
    width:100%;
    background:#000000;
    padding: 20px 0;
    color: #ffffff;
    font-size: 14px;
}
#total_lower_footer
{
    max-width:1170px;
}
#inner_lower_footer
{
    width:100%;
    display:table;
}
#left_lower_footer
{
    width:50%;
    display:table-cell;
    text-align:left;
}
#right_lower_footer
{
    width:50%;
    display:table-cell;
    text-align:right;
}
/* ------------------ content css -------------------- */
.content_total
{
    width:100%;
}
#content_inner
{
    max-width:1170px;
}
#content_inner_total
{
    width:100%;
    display:table;
    text-align:justify;
    font-family: 'Lora', serif;
    margin-top:20px;
    margin-bottom:20px;
}
#activity_page_top{
	display: table-row;
	width: 100%;
}
#administration_page_top
{
	display: table-row;
	width: 100%;
}
#administration_page_bottom
{
	display: table-row;
	width: 100%;
}
#total_administration_page
{
	display: table;
	width: 100%;
}
#administration
{
	display: table-cell;
	padding-right: 10px;
   float: left;
    width: 32%;  
}
#total_text
{
	padding: 16px 0 16px 0;
}
#total_card {
    background-color: #555;
    padding: 27px 15px 40px 15px;
}
#administration img
{
height: auto;
width: 100%;
vertical-align: middle;
}
h4{
	 font-size: 17px;
    color: #F00000;
    margin-right: 10px;
}
#activity_page_bottom{
	display: table-row;
	width: 100%;
}
#total_activity_page
{
	display: table;
	width: 100%;
}
#activities_content_left
{
	display: table-cell;
	padding-right: 10px;
	
}
#activities_content_left img {
    width: 100%;
    height: auto;
    border:1px solid #ffffff;
    border-radius: 10px
}
#activities_content_overview_left
{
    display: table-cell;
	padding-right: 20px;
	width: 60%;
	vertical-align:top;
}
#activities_content_overview_right
{
    display: table-cell;
	padding-left: 10px;
	vertical-align:middle
}
#activities_content_overview_right img
{
    width: 100%;
    height: auto;
    border:1px solid #ffffff;
    border-radius: 10px
}
#bor1{
	padding: 6px 7px 6px 5px;
	border:1px solid #000000;
	box-shadow: 1px 2px 5px 3px #888888;
}

#activities_content_right
{
	width: 60%;
	display: table-cell;
   vertical-align: top;
   padding-left: 20px;
   
}

.content_total img
{
    vertical-align:middle;
    width:100%;
    
}
#photo_gallery img
{
    width:auto;
    vertical-align:middle;
}
#contact_details {
    padding-right: 20px;
    color: #333;
    font-size: 14px;
    line-height: 24px;
}
#sub_heading {
    font-size: 14px;
    color: #02b21c;
    padding-left: 18px;
    margin: 10px 0;
    background: url(../images/ic2.png) no-repeat;
    background-size: 12px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
#location-map iframe
{
    width:100%;
}
#services-total
{
    width:100%;
    display:table;
    padding-top:20px;
}
#services-total span img {
    width: 12px;
    height: auto;
    margin-right: 10px;
}
#services-total span {
    line-height: 28px;
    color: #4a4a4a;
    padding-left: 10px;
}
#contact_form
{
	text-align: left;
    border: 1px solid #fff9f9;
    margin: 2em 0;
    padding: 1em 2em 1em 2em;
    box-shadow: 0 0 16px -3px rgba(0, 0, 0, 0.27);
}
#front_form_header
{
    color: #fff;
    text-align: center;
    background-color: #3a3a3a;
    font-size: 26px;
}
#contact_form1
{
	text-align: left;
    padding: 1em 2em 1em 2em;
    box-shadow: 0 0 16px -3px rgba(0, 0, 0, 0.27);
}
#contact_form input[type="text"] {
    width: 97.5%;
}
#contact_form1 input[type="text"] {
    width: 96%;
}
#contact_form1  .app_seh input[type="text"] 
{
    width:45.6%;
}
#contact_form1 input[type="tel"] 
    {
        width: 96%;
    }
    #contact_form1 input 
    {
        font-size: 15px;
        font-family: 'Lora', serif;
        color: #000;
        margin-bottom: 14px;
        padding: 12px;
        outline: none;
        border: 1px solid rgba(0, 0, 0, 0.22);
        box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.17);
    }
    #contact_form1 input[type="email"]
    {
        width: 96%;
    }
    #contact_form1 input[type="number"]
    {
        width: 96%;
    }
    #contact_form1 .submit
    {
        text-align:center;
    }
    #contact_form  .app_seh input[type="text"] 
    {
        width:47.4%;
    }

    #contact_form input[type="tel"] 
    {
        width: 97.5%;
    }
    #contact_form input 
    {
        font-size: 15px;
        color: #000;
        margin-bottom: 14px;
        padding: 12px;
        outline: none;
        border: 1px solid rgba(0, 0, 0, 0.22);
        box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.17);
    }
    #contact_form input[type="email"]
    {
        width: 97.5%;
    }
    #contact_form input[type="number"]
    {
        width: 97.5%;
    }
    #contact_form #courses
    {
        width: 99.9%;
        font-size: 15px;
        color: #000;
        margin-bottom: 14px;
        padding: 12px;
        outline: none;
        background:#ffffff;
        border: 1px solid rgba(0, 0, 0, 0.22);
        box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.17);
        
    }
    #contact_form input[type="submit"]
    {
    	border-radius: 25px;
    	padding: 13px 40px;
    	background-color: #d1531a;
       color: white;
       border: none;
    }
    #contact_form textarea
    {
        font-size: 15px;
        color: #000;
        width: 97.5%;
        margin-bottom: 14px;
        padding: 12px;
        outline: none;
        border: 1px solid rgba(0, 0, 0, 0.22);
        box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.17);
    }
    textarea
    {
        font-size: 15px;
        color: #000;
        width: 95.8%;
        margin-bottom: 14px;
        padding: 12px;
        outline: none;
        border: 1px solid rgba(0, 0, 0, 0.22);
        box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.17);
    }
    #content_heading
    {
    	font-size: 24px;
       line-height: 26px;
       color: #CE531B;
       font-family: 'Roboto Condensed';
       margin-bottom: 20px
    }
    #content_text
    {
       font-size: 14px;
       line-height: 26px;
       color: #443b3b;
       font-family: 'Roboto';
       text-align: justify;
    }
    #contact_form table tr td 
    {
        padding: 0 10px 0 10px;
        font-size: 14px;
        line-height: 26px;
        color: #1F1919;
        font-family: 'Roboto';
        text-align: justify;
    }
/* ------------------ responsive css ----------------- */

@media screen and (max-width:1024px){
      
    #contact_form1 .app_seh input[type="text"]
    {
        width:96%;
    }
    #lower_top_inner_right
    {
        width:30%;
    }
    #lower_top_inner_left
    {
        width:70%;
    }
    #total_lower_footer
    {
        width:90%;
    }
    #top_inner
    {
        width:90%;
    }
    #inner
    {
        width:90%;
    }
    #content_inner
    {
        width:90%;
    }
    .container
    {
        width:93%;
    }
    #home_course_right
    {
        margin-left: 6px;
    }
}
@media screen and (max-width: 768px)
{
    #home_course_left
    {
        width:100%;
        display:table-row;
    }
    #home_course_right
    {
        width:100%;
        display:table-row;
        margin-top:15px;
        margin-left:0px;
    }
    #administration 
    {
		  padding-right:5px;    
    }
    #total_video
{
    width:100%;
    display:inline;
}
#card_videos
{
    width:100%;
    display:inline-block;
    vertical-align:middle;
}
#activities_img
{
    display:inline;
}
#activities_img_col
{
    display:inline-block;
    margin-bottom:10px;
}
}
@media screen and (max-width: 320px)
{
    .slider {
		margin: 2em 0 0 0;
	}
}

@media screen and (max-width: 425px)
{
	 #administration
	 {
	   display: table-row;
	   float: none;
	 }
	 #logo_text 
	 {
		font-size: 34px;	 
	 }
	 #logo_slogan{font-size: 11px;}
	 
	 #activities_content_left
	 {
		display: table-row;	
		width:100% 
	 }
	 #activities_content_right
	 {
		display: table-row;	
		width:100% 
	 }
	 #activities_content_overview_left
	 {
		display: table-row;	
		width:100% 
	 }
	 #activities_content_overview_right
	 {
		display: table-row;	
		width:100% 
	 }
	
    #contact_form table tr td 
    {
        display:table-row;
    }
    #sevice_card
    {
        display:table-row;
        width:100%;
        padding: 0 0px;
    }
    
    #visible-on-mobile
    {
        display: inline;
    }
    #visible-on-desktop
    {
        display: none;
     }
    #total_upper_inner_left
    {
        width:100%;
        display:table-row;
        padding:0;
    }
    #total_upper_inner_right
    {
        width:100%;
        display:table-row;
        text-align:left;
        padding:0;
    }
    #upper_top_inner_left
    {
        width:100%;
        display:table-row;
    }
    #upper_top_inner_right
    {
        width:100%;
        display:table-row;
        text-align:left;
    }
    #social_link
    {
        margin:5px 0 5px 0;
        display: inline-flex;
    }
    #call_mail
    {
        padding:3px 0;
    }
    #call_mail a {
        font-size:12px;
    }
    #lower_top_inner_left
    {
        width:90%;
    }
    #lower_top_inner_right
    {
        width:10%;
    }
    #logo img
    {
        width: 16vw;
        height: auto;
    }
    #name_slogan
    {
        height: 18vw;
    }
    #total_inner_right
    {
        display:table-row;
        width:100%;
    }
    #total_inner_right
    {
        display:table-row;
        width:100%;
    }
    #right_lower_footer
    {
    display: inline-block;
    width: 100%;
    text-align: center;
    }
    #left_lower_footer
    {
    display: inline-block;
    width: 100%;
    text-align: center;
    }
    #home_course_right
    {
        width:98.5%;
    }
}
@media screen and (max-width: 375px)
{
	 #logo_text 
	 {
		font-size: 25px;	 
	 }
	 #logo_slogan
	 {
	 	font-size: 11px;
	 }
}