/*=============================================================

    Authour URI: www.binarytheme.com

    License: Commons Attribution 3.0



    http://creativecommons.org/licenses/by/3.0/



    100% Free To use For Personal And Commercial Use.

    IN EXCHANGE JUST GIVE US CREDIT US AND TELL YOUR FRIENDS ABOUT US

   

    ========================================================  */

/*=====================================

   GENERAL STYLE SECTION

    ===================================*/

.container{
    width:100%;
    max-width:960px; 
    background: #ffff;
}


body {

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    line-height: 30px;
    background-color: #980e17;

    

}



.pad-low {

    padding-top: 40px;

}



text-center {

    text-align: center;

}



h1, h2, h3.h4 {

    font-family: 'Nova Flat';

}



h3 {

    color: #057ebc;

}



h2:after {

    content: '';

    display: block;

    height: 2px;

    background: #057ebc;

    margin: auto;

    text-align: center;

    margin-top: 15px;

}



.pad-set {

    padding-top: 100px;

    padding-bottom: 60px;

}

/*=====================================

   COLOR CODES

    ===================================*/

.main-color {

    color: #55068A;

}



.main-color-bk {

    background-color: #55068A;

}

.right-pnl{border: 1px solid #fff;
    height: auto;
    background: #fff;
    padding-top: 10px;}

.right-pnl-bottom{border: 1px solid #eaeaea; margin: 20px 0 0 0;}

ul.activiti {padding: 0 15px;}

ul.activiti li{list-style: none; text-align: left;}

ul.activiti li a{text-decoration:none; color: #000; line-height: 20px; border-bottom: 1px solid #046292;}

ul.activiti li a:hover{color: #010101;}

h2.bnb {text-align: center;padding: 0 15px; color: #000;}

.right-pnl-bottom .img-thumbnail{width: 250px; display: block; margin:20px auto; }

/*=====================================

   NAV BAR STYLE SECTION

    ===================================*/

ul.nav.navbar-nav {
    background: #057ebc;
    width: 100%;
    padding: 0px 0px;
}

/*Menu Back Color*/

.navbar-default {

    background-color: #980E17;

    border: 0px;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    border-radius: 0px;
    padding: 0px 0 0px 0;



}




ul.nav.navbar-nav.navbar-right {

    margin: 0 0 0 0;

}





/*Set margin bottom*/

.navbar {

    margin-bottom: 0px;

}

/*Logo Image */

.navbar-brand-logo {
    padding-bottom:0px;
    margin-top: 0%;
    margin-left: -17%;

}

/*top-menu links color*/

.navbar-default .navbar-nav > li > a {

    color: #FFF;

    font-size: 15px;

}

    /*top-menu links color on hover*/

    .navbar-default .navbar-nav > li > a:hover {

        color: #FF4F4F;
        background: #003753;

    }



/*top-menu links & margin*/

.navbar-nav > li > a {

    border-right: 1px solid #fff;

    margin: 5px 0px 5px 0px;

    color: #fff!important;

    font-weight: 400;

    letter-spacing: 1px;
    padding-top: 5px !important;
    padding-bottom: 8px !important;

}

.navbar-collapse{
    padding: 0 0!important;
}


.nshj{
    background:#057ebc;
}


/*Font-awesome-icon*/

.nav li > a > i {

    color: #fff;

    padding-left: 5px;

}

/*dummy small text*/

.nav li > a > span {

    font-size: 12px;

    display: table;

    color: #fff;

}

/*=====================================

   HEADER SECTION BAR STYLE 

    ===================================*/

.header-sec-bar {

    font-size: 14px;

    text-align: center;

    color: #fff;

    padding: 10px;
    position: relative;
    z-index: 9999999;
}



    .header-sec-bar i {

        margin-right: 5px;

        margin-left: 20px;

    }



/*=====================================

 MAIN  HEADER SECTION  STYLE 

    ===================================*/

#main-head {

    color: #fff;

    padding: 0px 0px;

    line-height: 40px;

    font-size: 14px;

    text-align: center;

    /*background-color: #d2d2d2;*/

}



    #main-head input:focus {

        border: 1px solid #FF4F4F;

    }



    #main-head .form-control {

        height: 40px;

        color: #ff6a00;

        background-color: rgba(255, 255, 255, 0);

        border: 1px solid #FF4F4F;

        -webkit-border-radius: 0px;

        -moz-border-radius: 0px;

        -webkit-border-radius: 0px;

        -moz-border-radius: 0px;

        border-radius: 0px;

    }



    #main-head span {

        color: #FF4F4F;

        font-size: 30px;

    }



    #main-head h5 {

        padding: 10px 2px 10px 2px;

    }



    .navbar-brand {

    padding: 0px 15px !important;
    height: auto !important;

    }



    .carousel-inner > .item > img, .carousel-inner > .item > a > img{width:100%;     /*height: 250px;*/}
    div#dynamic_slide_show {
    padding: 30px 0 30px 0;
}

/*=====================================

 SLIDER SECTION

    ===================================*/

#carousel-slider {

    border: 3px double #fff;

}

/* navigation icon style*/

.control-icon {

    position: absolute;

    top: 50%;

}



/* bootstrap adjustments */

.carousel-control.right {

    right: 0;

    left: auto;

    background-repeat: repeat-x;

    background-image: linear-gradient(to right,rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, 0) 100%)!important;

}



.carousel-control.left {

    left: 0;

    right: auto;

    background-repeat: repeat-x;

    background-image: linear-gradient(to left,rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, 0) 100%)!important;

}

/* Caption Back Color */

.back-light {

    background-color: rgba(0, 0, 0, 0.60);

    line-height: 30px;

    font-size: 14px;

}



.carousel-indicators li {

    width: 20px;

    height: 20px;

    border: 5px solid #55068A;

}



.carousel-indicators .active {

    width: 20px;

    height: 20px;

    background-color: #FF4F4F;

}



/*=====================================

 BUTTON CODE STYLE 

    ===================================*/

.btn-style-1 {

    color: #fff;

    background-color: #FF4F4F;

    border-color: #55068A;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    border-radius: 0px;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}



    .btn-style-1:hover {

        color: #fff;

        -webkit-transform: scale(1.2);

        -moz-transform: scale(1.2);

        -ms-transform: scale(1.2);

        -o-transform: scale(1.2);

        transform: scale(1.2);

        -webkit-transition: all 0.5s ease-in-out;

        -moz-transition: all 0.5s ease-in-out;

        -o-transition: all 0.5s ease-in-out;

        transition: all 0.5s ease-in-out;

    }



.btn-style-4 {

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    border-radius: 0px;

    color: #fff;

    background-color:#55068A;

    border-color: #245e49;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}



    .btn-style-4:hover {

        color: #fff;

        -webkit-transform: scale(1.2);

        -moz-transform: scale(1.2);

        -ms-transform: scale(1.2);

        -o-transform: scale(1.2);

        transform: scale(1.2);

        -webkit-transition: all 0.5s ease-in-out;

        -moz-transition: all 0.5s ease-in-out;

        -o-transition: all 0.5s ease-in-out;

        transition: all 0.5s ease-in-out;

    }



.btn-style-2 {

    color: #fff;

    background-color: #55068A;

    border-color: #55068A;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}



    .btn-style-2:hover {

        color: #fff;

        -webkit-transform: scale(1.2);

        -moz-transform: scale(1.2);

        -ms-transform: scale(1.2);

        -o-transform: scale(1.2);

        transform: scale(1.2);

        -webkit-transition: all 0.5s ease-in-out;

        -moz-transition: all 0.5s ease-in-out;

        -o-transition: all 0.5s ease-in-out;

        transition: all 0.5s ease-in-out;

    }

/*=====================================

 ABOUT SECTION  STYLE 

    ===================================*/

#about {

    padding-bottom: 100px;

    background-color: #fff;

    padding-top: 30px;

}



.icon-round {

    margin-top: 30px;

    font-size: 60px;

    height: 128px;

    width: 128px;

    line-height: 130px;

    margin-right: 10px;

    text-align: center;

    display: inline-block;

    border-radius: 100%;

    margin-bottom: 10px;

    background-color: #55068A;

    color: #fff;

}



    .icon-round:hover {

        background-color: #FF4F4F;

        cursor: pointer;

    }



/*=====================================

 BUDGET SECTION  STYLE 

    ===================================*/

#budget {

    background-color: #A944F8;

    color: #fff;

    padding: 20px;

}



/*=====================================

 VEDIO SECTION  STYLE 

    ===================================*/

#vedio-sec {

    padding-bottom: 0px;

    padding-top: 0px;

}



.vedio-style {

    border: 0px;

    width: 100%;

    min-height: 300px;

    margin-top: 20px;

}

/*=====================================

  REVIEW STYLES 

    ===================================*/

.reviews-section {

    background: #db3615;

    text-align: center;

}



    .reviews-section h2 {

        padding-top: 50px;

        color: #fff;

    }



.slide-custom {

    min-height: 200px;

    padding: 20px;

    line-height: 30px;

}



.reviews-section h4 i {

    padding: 5px;

}



.reviews-section h4 {

    color: #fff;

}



/*=====================================

  EVENTS STYLES 

    ===================================*/

#recent-events {

    padding-bottom: 20px;

    padding-top: 30px;

    background-color: #F7F7F7;

}

    #recent-events i {

        margin-right:5px;

        color:#FF4F4F;

    }

    #recent-events .col-xs-12.col-sm-4.col-md-3 {

        padding: 0;

    }



.recent-events-wrap {

    position: relative;

    cursor: pointer;

}



#recent-events a:hover {

    text-decoration: none;

}



.recent-events-wrap img {

    width: 100%;

}



.recent-events-wrap .recent-events-inner {

    top: 0;

    background: transparent;

    opacity: .8;

    width: 100%;

    border-radius: 0;

    margin-bottom: 0;

}



    .recent-events-wrap .recent-events-inner h3 {

        margin: 10px 0;

    }



        .recent-events-wrap .recent-events-inner h3 a {

            font-size: 24px;

            color: #fff;

        }



.recent-events-wrap .overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    border-radius: 0;

    background-color: #55068A;

    color: #fff;

    vertical-align: middle;

    -webkit-transition: opacity 500ms;

    -moz-transition: opacity 500ms;

    -o-transition: opacity 500ms;

    transition: opacity 500ms;

    padding: 30px;

}



    .recent-events-wrap .overlay .preview {

        bottom: 0;

        display: inline-block;

        height: 35px;

        line-height: 35px;

        border-radius: 0;

        background: transparent;

        text-align: center;

        color: #fff;

    }



.recent-events-wrap:hover .overlay {

    opacity: 1;

}



/*=====================================

   IMPACT STYLE 

    ===================================*/

#impact {

    padding-bottom: 20px;

    padding-top: 30px;

}



    #impact h4 {

        color: #000;

    }







.knob-sec {

    text-align: center;

}





/*=====================================

   CONTACT STYLE 

    ===================================*/

#contact {

    /*padding-bottom: 20px;

    padding-top: 30px;

    background-color: rgb(240, 240, 240);*/

}



/*=====================================

  FOOTER STYLES 

    ===================================*/

#footer-sec {

    background-color: #61069E;

    color: #fff;

    padding: 20px;

}



    #footer-sec i {

        margin-right: 10px;

    }



    #footer-sec span {

        font-size: 20px;

        color: #FF4F4F;

    }



    #footer-sec small {

        display: table-cell;

        color: #000;

        font-size: 12px;

    }



    #footer-sec p {

        border-right: 1px solid #6D1FA2;

        padding-right: 10px;

    }



    #footer-sec .media-heading {

        color: #fff;

        font-size: 14px;

    }



#blog-footer-div {

    border-right: 1px solid #6D1FA2;

    padding-right: 10px;

}



#footser-end {
    text-align: right;
    background-color: #980e17;
    color: #fff;
    padding: 0px;

}

/*=====================================

  SCROLL UP STYLES 

    ===================================*/



a.scrollup {

    background: #000;

height: 32px;

width: 32px;

color: #fff;

font-size: 18px;

line-height: 32px;

text-align: center;

text-decoration: none;

position: fixed;

bottom: 10px;

right: 10px;

z-index: 9999;

opacity: 0.5;

}

/*=====================================

  PRELOADER STYLES 

    ===================================*/

#pre-div {

    background-color: #fff;

    bottom: 0;

    height: 100%;

    left: 0;

    position: fixed;

    right: 0;

    top: 0;

    z-index: 10000;

}



#loader {

    background-image: url("../img/loader.gif");

    background-position: center center;

    background-repeat: no-repeat;

    height: 200px;

    left: 50%;

    margin: -100px 0 0 -100px;

    position: absolute;

    top: 50%;

    width: 200px;

}



.gallery{

    margin-top: 0px;

}



.gallery{

    margin-bottom: 0px;

}

.gallery-item{

    margin-bottom: 30px;

}

.modal-footer{

    text-align: center;

}

.pagination{

    margin: 0;

}



h2.gbhgbbh {

    margin-bottom: 50px;

}



.modal-header {

    min-height: 16.42857143px;

    padding: 15px;

   border-bottom: 0px solid #e5e5e5 !important; 

}



.modal-footer {

    padding: 19px 20px 20px;

    margin-top: 15px;

    text-align: center !important;

    border-top: 0px solid #e5e5e5 !important;

}


@media(max-width: 767px){
   .navbar-brand{
        height: 80px !important;
   }

    .header-sec-bar{
    text-align: left !important;
    color: #fff;
    padding: 10px 0!important;
    }

    .navbar-brand {
    padding: 0px 12px !important;
    }

    .navbar-nav > li > a {
    border-right: 0px solid #fff;
    }

    .navbar-brand-logo{
        margin-top: -0px !important;
        width: 100%;
    }

    .navbar-nav > li > a{
        padding: 5px 0px 8px 30px;
    }

}  



@media(max-width: 479px){
    .navbar-brand{
        height: 40px !important;
   }

    .navbar-brand-logo {
    margin-top: -40px !important;
    width: 80% !important;
    float: left;
    }


} 


@media(max-width: 320px){
    .navbar-brand {
    height: 40px !important;
}

   .navbar-brand-logo {
    margin-top: -40px !important;
    width: 80% !important;
    float: left;
}

} 


img.pdf {
    width: 100%;
}

h3.months {
    text-decoration: none !important;
    list-style: none !important;
    color: #000;
    font-weight: 600;
    margin: 30px 0;
    text-align: center;
    cursor: pointer;
}

h3.months:hover{
    text-decoration: none !important;
    list-style: none !important;

}

.mrihed{
    
    border:5%;
    background-color: #EDFCF9;
    
    
}

.mrihed:hover {
  width: 100%;
  height: 5%;
  
}