/*
Author     :hassen dahmen;
Email      :dahmen.com@gmail.com;
likedin    :https://www.linkedin.com/in/dahmen-hassen-241630130/;



/*
============================================================================
 0.0 General 
 ===========================================================================
 */
 /* ==== Start Global ====*/
 p {
    margin: 0 0 10px;
    padding: 0;
}
h2, .h2 {
    font-size: 30px;
}

a{
    text-decoration: none !important;
}
body{
    line-height: 1.42857143;
    font-size: 14px;
    height: 100%;
}
@media screen and (max-width: 980px)
{
    .pagewidth, .full_width .themify_builder_row .row_inner {
        max-width: 100%;
        
    }

    #sidebar,
    #content{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .themify_builder_content{
        margin-left: -15px; 
        margin-right: -15px; 
    }

}
/***********************************
header
***********************************/

#header {
    height:auto !important;
    width: 100%;
    background: url('dah_include/img/header1.jpg') no-repeat center center fixed;
    background-size: cover;
}
#site-logo{
    position: relative;
}
.main-navigation-srm
{

}

.nav-menu-srm
{
   min-height: 50px !important;

   background-color: rgba(79, 79, 79, 0.94)!important;
   border-color: rgba(79, 79, 79, 0.8)!important;
   position: relative;

   margin-bottom: 20px;
   border: 1px solid transparent;
   border-radius: 4px;
   padding-right: 30px;
   padding-left: 30px;
}
.main-navigation-srm li {
    border: 0;
    display: inline-block;
    position: relative;
}
.main-navigation-srm li a{
    color: #fff;
    text-transform: uppercase;
    padding-top: 30px;
    padding: 30px 25px;
    font-size: 14px !important;
    font-family: 'Lato-Light' !important; 
    line-height: 20px !important;
}
.main-navigation-srm li a::first-letter {
    font-size: 150%;
}

.nav-menu-srm .current-menu-item > a {
    color: #80cefd !important;
}


.main-navigation-srm li a {
    border: none !important;
}

.nav-menu-srm li a {
    color: #FFFFFF!important;
    text-decoration: none;
    background: none !important;
    line-height: 20px;
}

.nav-menu-srm li a:hover, .nav-menu-srm li li a:hover, .nav-menu-srm li li li a:hover, .nav-menu-srm li a {
    color: #80cefd!important;
    text-decoration: none;
    background: none !important;
}
.main-navigation-srm li {
    border: 0;
    display: inline-block;
    position: relative;
}

.main-navigation-srm li {
    border: 0;
    display: inline-block;
    position: relative;
}
.main-navigation-srm .nav-menu-srm {
    border-bottom: 0;
    display: block;
}

.nav-menu-srm {
    background-color: #0a0a0a;
}
@media screen and (max-width: 1200px)
{
    .main-navigation-srm li a {
        padding: 15px 10px;
        font-size: 12px !important;
    }
}
@media screen and (max-width: 768px)
{
    .nav-menu-srm li {
     border-top:none !important; 

 }
 .rmm-toggled-controls {
  font-size: 14px;
  padding: 12px !important;
  line-height: 24px !important;
  background: rgba(79, 79, 79, 0.8)!important;
  border-color: rgba(79, 79, 79, 0.8)!important;
  position: relative;
  min-height: 50px;
  border-radius: 4px;
  border-bottom:  1px solid #000  !important;
}
}
/**************************message****************************/
.message {
   margin-top:-40px;
   position: relative;
   z-index: 123;
}

/*******************about us******************/

.about-our-school.background1 li:before {
   font-family: FontAwesome;
   content: "\f101";
   margin-right: 10px;
   color: #efca7a; 
   font-size: 18px;
}

#sidebar  .overlay
{
    height: auto;
    width: auto;
    position: relative;
    background-color: transparent;
}

#sidebar .about-our-school.background1
{
    width: 100%;
    background: none;
    border: 1px solid #878092;
    min-height: 50px;
}

#sidebar footer .background1
{

    min-height: 50px;
}




#sidebar  .col-md-8,
#sidebar  .container
{
    width: 100%;
}
#sidebar .about-our-school p
{
    text-align: justify;
    color: #808080;
    font-size: 13px;
}
#sidebar .about-our-school .container
{
    width: 100%;
    padding-bottom: 0;
}
#sidebar .about-our-school ul
{
 display: none;
}
#sidebar .about-our-school h2
{
    color: #000;
}
#sidebar .copyrights,
#sidebar footer .menu-menu-footer-container
{
 display: none;

}
#sidebar footer .overlay
{
    background-color: #878092;
}
#sidebar footer ul
{
    margin-bottom: 0px;
}
#sidebar footer ul li
{
    line-height: 30px;
    /* width: 100%; */
    padding: 0;
    margin: 0;
    margin-left: 10px;
    margin-right: 15px;
}

/**************three schools *************/
.school p
{
    color: #a8a8a8;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    padding: 7px;
}


/************************updates*/
#slider11 .school-img img {
    max-width: 100% !important; 
    max-height: 100%;
}

#slider11  .owl-nav .owl-prev,
#slider11  .owl-nav .owl-next
{
    border:none !important;
}

#slider11  .owl-nav .owl-prev:hover,
#slider11  .owl-nav .owl-next:hover
{
   background-color: transparent!important;
}

.web-btn {
    padding: 0px 17px !important;
    font-size: 12px !important;
    margin:1px 0px 13px 13px;
    line-height: 1.9;

}

#about-schools .overlay
{

    position: relative !important; 
}

@media (min-width: 768px)
{
    .modal-dialog {
        width: 900px !important;
        margin: 30px auto;
    }
}

.three-schools   .owl-carousel .owl-item img {
    height: auto !important;
}

.three-schools  .owl-carousel .owl-item img {
    display: initial !important;
    width: auto;
}


.three-schools .owl-theme .owl-nav [class*='owl-'] ,
.three-schools .owl-nav .owl-prev .fa,
.three-schools  .owl-nav .owl-next .fa
{
    color: #000 !important;
}


.main-navigation-srm .active
{
    color: #fdd57e !important;
}

.main-navigation-srm .nav-menu-srm .current-menu-item > a {
    color: #fff !important;
}

.modal-header {
    padding: 11px 15px 0 15px !important;
    border-bottom: none !important;
}

.modal {
    z-index: 999999999;
}