/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 29, 2017, 12:07:40 PM
   
*/


@font-face {
  font-family: 'GothamLight';
  src: url('../fonts/GothamLight.eot?#iefix') format('embedded-opentype'),  url('../fonts/GothamLight.otf')  format('opentype'),
	     url('../fonts/GothamLight.woff') format('woff'), url('../fonts/GothamLight.ttf')  format('truetype'), url('../fonts/GothamLight.svg#GothamLight') format('svg');
  font-weight: normal;
  font-style: normal;
}
body{    background: #616060; font-family:Arial}
.container{max-width: 980px;}
.chat_web_app{
    font-family: 'Verdana','sans-serif';
}
.chat_brand{height: 110px; float: none; text-align: center; padding-top: 18px;}
.chat_web_app .navbar-header{float:none; width: 100%; text-align: center}
.chat_web_app .navbar-brand{float: none;}
.chat_web_app .navbar-brand img{display: inline-block;}
.menu_row{background:#ed4424 }
.chat_menu .left_side_menu{float: none;text-align: center;}
.chat_menu .left_side_menu li{cursor:pointer;}
.chat_menu .left_side_menu li a{color:#FFFFFF !important; padding: 0 7px; border-right:1px solid #FFFFFF;font-weight: 500; font-size: 12px;}
.chat_menu .left_side_menu li a:hover{background-color:transparent; background-image:none; }


.chat_menu .left_side_menu li{float: none; display: inline-block; padding: 8px 0}
.chat_menu .left_side_menu li.active a{background-color:transparent;    background: none;   box-shadow: none;}
.chat_menu .left_side_menu li ul{background: #ed4424}
.chat_menu .left_side_menu li ul li{display: block; border-bottom: 1px solid #ffffff;}
 .chat_menu .left_side_menu li ul li a {border-right:none;};
 
.chat_menu .left_side_menu li ul li a:hover, .dropdown-menu>li>a:hover{background-color: none;}
.search_frm{border:none;    border-right: 0px !important;}
.chat_indicators .active{background-color:#ed4424; border:none;}
.chat_indicators li{background-color:#ffffff; border:none;}
.side_bar{background-color: #f0f0f1}


 .dropdown-menu{
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.dropdown-submenu {
    position: initial;
}

.dropdown-submenu>.dropdown-menu {
    top:0;
  left: 100%;
  margin-top: -1px;
  margin-left: -1px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{background-color:transparent; background-image:none;}
.custom_class_menu{ top:100% !important;
  left: 0 !important;}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #fff;
    margin-top: 5px;
    margin-right: -5px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.removeLevel_caret:after{border-width: 0px !important;  border-left-color: transparent;}
 
 
 /* .quote {
    color: rgba(255,255,255,1);
    text-align: right;
    position: relative;
    top: -48px;
        
    left: 37%;

    
} */

.quote {
    color: rgba(255,255,255,1);
    text-align: right;
    position: relative;
    top: -60px;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding-right: 30px;
}

.quote img{width:50px}
.cld{left:24%;}


.testimonial_bg .carousel-indicators{left: 14%;}
h1,h2,h3,h4,h5,h6{color:#ed4424; margin-bottom: 15px; font-family: 'Arial' !important; margin-top:0px; padding-top:20px; }
.h1,.h2,.h3,.h4,.h5,.h6{color:#ed4424; margin-bottom: 15px; font-family: 'Arial' !important; margin-top:0px; padding-top:20px; }
.h1,h1{font-size:23px;}
.h2,h2{font-size:18px;}
.h3,h3{font-size:16px;}
.h4,h4{font-size:15px;}
.h5,h5{font-size:14px;}
.h5,h6{font-size:13px;}
.about_us_bg{background: #ffffff;}

/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel {
  padding-bottom: 60px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
		  min-height:243px;
           
          
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
         
          
}
#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #e6e7e8;
  border: none;
}
#fade-quote-carousel.carousel .carousel-indicators > li.active{background-color: #ffffff;}

#fade-quote-carousel blockquote {
    text-align: left;
    border: none;
    color:#ffffff;
}
.testimonial_bg{background: #ed4424}
.our_academy{background: #e6e7e8; padding-bottom: 20px;}
.our_academy img{width:120px;}
/*.domain_area a:not(:first-child){margin-left: -4px;}*/
.red_link{color:#ed4424 !important; font-size: 14px; font-weight: bold;}
.link_arrow{width: 30px; margin-left: 10px;}
.about_us_bg p{color:#4f4f50; font-size: 15px;}
.h4_new{ color:#000; margin-bottom: 2px; font-weight:bold;}
.new_section{border-bottom:1px solid #ed4424;height:140px; padding-top:20px; padding-bottom:30px; padding-left:0; padding-right:0; position:relative;}
/*.news_read_more_link{margin-bottom: 20px !important; margin-top: 30px;}*/
.news_read_more_link{margin-bottom:0px;position:absolute;bottom:13px;}
.domain_area{margin-bottom: 20px;}
.open_day, .admission_day{min-height: 270px;}
.open_day{background: #f0f0f1}
.admission_day{background: #d1d2d3}
/*.join_us_bg{background: #ed4424; color:#ffffff;padding: 12px 20px 20px 20px; min-height:289px;}*/
.join_us_bg{background: #ed4424; color:#ffffff;padding: 12px 20px 20px 20px; min-height:290px; margin:0 -15px;}
.link_area_white{background: #ffffff; display: table; width: 100%; height: 32px;padding-left: 15px;margin-bottom: 13px;}
.link_area_white a{display: table-cell; vertical-align: middle; color:#ed4424; font-size: 14px; font-weight: bold;}
/* .link_area_white a img{position: absolute; left: 81%; height: 25px; } */
.link_area_white a img{position: absolute; right: 50px; height: 23px; }
.join_us_heading{color:#ffffff; font-size: 24px; margin-bottom: 15px; font-family: 'Arial' !important; margin-top:10px;}
/*.domain_area a img{width: 110px;}*/
.domain_area a img{width: 105px;}
.footer_nav_right{float: none;}
/* .footer_nav_right a{background: #ed4424 !important;width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #fff;
    padding: 5px;
} */

.footer_nav_right a{background: #ed4424 !important;width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #fff;
    padding: 5px;
    display: inline-block;
    position: relative;
}

.footer_nav_right a .fa {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}

.block_min_height{min-height: 270px;}

@media (max-width:640px){
  .chat_menu .left_side_menu li{width: 100%;}  
  .chat_menu .left_side_menu li a{border-right: none; border-bottom: 1px solid #fff;}  
  .our-academies-text-height p br {display: none !important;}
  
 
#home-heron-hall .learing_component_box{margin-bottom:8px !important;}
#home-heron-hall .gap-area {height:10px !important;}
#home-heron-hall #fade-quote-carousel.carousel .carousel-inner .item{min-height: 129px !important; max-height: 129px !important;}
#home-heron-hall #fade-quote-carousel.carousel .carousel-inner .item blockquote{font-size:12px;}   
 #home-heron-hall  .custom_height_home__about_page {font-size:12px;}
  #home-heron-hall .custom_height_home_page{height:255px !important;}
 #home-heron-hall .custom_height_home__about_page{height:255px !important; min-height:200px !important; padding:0 5px; overflow-y:auto;}
 #home-heron-hall .new_section{height:139px !important}
 #home-heron-hall .new_section.first_news_padding {padding-top:20px;}
 .single_image_text_caption{font-size:12px;}
 #home-heron-hall #fade-quote-carousel ol.cld {width:100%;}
#home-heron-hall .quote{top:-7px}
#home-heron-hall .classh3Gap{margin-bottom:0px;}
#home-heron-hall .rowTightGap >.col-md-3{width:50%; float:left;}
 #home-heron-hall .home_page_class_responsive_row .col-md-6{width:50% !important; float:left !important; padding:0px !important}
 
 
}
.te:before{content: 'p'}
.te{width: 25px; height: 25px; background: #000; padding: 5px; border-radius: 50%;}

.new_section:last-child {
    border-bottom: 0;
}

.our-academies-text-height{height:104px;}


.new_section.first_news_padding{padding-top:0px;height:130px;}
p a, p a:hover {text-decoration:underline; text-decoration-color: #CFCFCF;}

.main_page_title{margin-bottom: 20px; border-bottom: 2px solid #ed4424}
.main_page_title h1{color:#ed4424;  margin: 10px 0 0 0; padding-bottom: 10px;}
.main_page_content{padding: 0 30px 50px 30px;}
#home-heron-hall{padding: 0 15px;}



.learing_component_box{width: 100%; display: inline-block; margin-right: 10px;}
.learning_box_text{width:100%; height: 90px; display: table; }
.learning_box_text p{display: table-cell; vertical-align: middle;text-align: center; color: #fff; font-size:14px;font-weight:bold;}
.rowTightGap{margin:0px;}
.rowTightGap [class*='col-']{padding:0 2px !important;}

.letter_heading{font-size: 20px; font-weight: bold;}
.letter_text{font-size: 14px;}
.letter_text a{color:#ed4424;}
.remove_top_p_gap p{margin-top: 0px;}


/*Custom Add CSS*/

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

#home-heron-hall .custom_height_home__about_page {
    
    overflow-y: auto;
}


@media only screen and (min-width:768px) and (max-width:1024px){
	.home_page_class_responsive_row .col-md-6 {
		width:50%; float:left;
	}
	.image_ipad_width img{width:100%;}
	
	.home_page_class_responsive_row .col-md-6 .image_ipad_width .single_caption_class{top:-17px !important;}
	
	
	
	
#home-heron-hall .learing_component_box{margin-bottom:7px !important;}
#home-heron-hall .gap-area {height:10px !important;}
#home-heron-hall #fade-quote-carousel.carousel .carousel-inner .item{min-height: 129px !important; max-height: 129px !important;}
#home-heron-hall #fade-quote-carousel.carousel .carousel-inner .item blockquote{font-size:12px;}   
 #home-heron-hall  .custom_height_home__about_page {font-size:12px;}
  #home-heron-hall .custom_height_home_page{height:255px !important;}
 #home-heron-hall .custom_height_home__about_page{height:255px !important; min-height:200px !important; padding:0 5px}
 #home-heron-hall .new_section{height:139px}
 #home-heron-hall .new_section.first_news_padding {padding-top:20px;}
 #home-heron-hall #fade-quote-carousel ol.cld {width:100%;}
#home-heron-hall .quote{top:-7px}
#home-heron-hall .classh3Gap{margin-bottom:0px;}
#home-heron-hall .rowTightGap >.col-md-3{width:50%; float:left;}
 #home-heron-hall .home_page_class_responsive_row .col-md-6{width:50% !important; float:left !important; padding:0px !important}
   
 
	
	
}

@media only screen and (min-width:768px) and (max-width:1024px) and(orientation:portrait){
	  #home-heron-hall .new_section{height:139px !important } 
	  #home-heron-hall  .row .col-md-4,   	  #home-heron-hall  .row .col-md-8{width:100% ; float:none;}
}


@media only screen and (min-width:768px) and (max-width:1024px) and(orientation:landscape){
	  #home-heron-hall .new_section{height:145.4px !important }
 #home-heron-hall .new_section{height:132.8px !important } 	  
}


.search_link_div{margin:10px 0;}
.search_link_div a{color:#ed4424 !important;  font-size:15px;}
#tabs ul.ui-tabs-nav{background:transparent !important; padding:0px;}
#tabs ul.ui-tabs-nav li{background:#ed4424 !important; border:none; min-width:25%; margin:0px; }
#tabs ul.ui-tabs-nav li a{color:#fff !important; width:100%;}
#tabs ul.ui-tabs-nav li.ui-state-active{background:#b32409  !important; margin:0px; padding:0px; border:none !important;}

p a{ color:#ED4424; }


.search_class{padding-top:59px ;text-align:center;}
.social_class  {padding-top:59px ;}

.search_class #btn_search_submit{background: none;
    border: none;
    position: relative; 
    z-index: 1;
    right: 40px;}
    
 .search_class input[type="text"]
 {   width: 68%;
    height: 32px;
    padding: 9px;
 }
/* ONLY USE IF YOU KNOW CSS - Replace hexadecimal color code for button properties */
          html a.orange-btn-hover {
            background-color: #ed4424 !important;
            color: #ffffff !important;
          }
          html a.orange-btn-hover:hover {
              background-color: rgba(240, 109, 45, 0.81) !important;
              border-color: #ed4424 !important;
          }
          html span.orange-btn-hover {
            background-color: #ed4424 !important;
            color: #ffffff !important;
          }

          /* ONLY USE IF YOU KNOW CSS - Replace hexadecimal color code for vacancy title properties */
          html a.orange-link-wrapper .orange-vacancy-title {
            color: #ed4424 !important;
          }

          /* ONLY USE IF YOU KNOW CSS - Replace hexadecimal color code for icon properties */
          html a.orange-link-wrapper .orange-vacancy-icon {
            color: #ed4424 !important;
          }

          /* ONLY USE IF YOU KNOW CSS - Replace hexadecimal color code for miles / distance text properties */
          html .orange-vacancy-link {
            color: #ed4424 !important;
          }

          /* ONLY USE IF YOU KNOW CSS - Replace hexadecimal color code for talent pool more text background properties */
          html .orange-vacancy-div-bg {
            background-color: #ed4424 !important;
          }