/*--
	Theme Name: Universe
	Theme URI: http://
	Author: PlugThemes
	Author URI: http://
	Description: A Theme for College and Education
	Version: 1.0
	Tags: responsive-layout, theme-options, left-sidebar, right-sidebar
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
--*/
@import "misc.css";
@import "responsive.css";

.cms_link, .app_link{
    margin-top: 17px;
    margin-left: -9px;
}
.about_us, .prin_desk_msg{
    padding-top: 50px;
}
@media (min-width: 768px) and  (max-width: 1199px) {
    .site_title {
        font-size: 2.5em;
    }

    .main-menu a {
        padding: 17px 15px;
    }
}


/*custom_by_zimong*/
.color-white {
    background: #FFFFFF;
    background-image: url("../images/patern_white_lather.jpg");
}

.body_top {
    /*border-top: 4px solid #e9b000;*/
    margin: 0px;
}

.body_bottom {
    border-bottom: 4px solid #e9b000;
}

.papya {
    color: #e24e42 !important;
}

.blush {
    color: #e24e42;
}

/*li.cat-item-11 a{*/
/*color: #e24e42!important;*/
/*}*/

#myTab a:hover, a:focus {
    color: #ffffff;
}

#myTab .nav > li > a:hover, .nav > li > a:focus {
    background-color: #e9b000;
}

.event-small-list a:hover, a:focus {
    color: #e9b000;
}

.widget-main-title h4 a:hover {
    color: #e9b000;
}

#new_vc a:hover, a:focus {
    color: #e9b000;
}

/*media screen for mobile and tablet*/
@media only screen and (max-width: 768px) {
    .sub_title {
        display: none;
    }

    .footer-widget {
        float: left;
    }
    .contact-info-wrp {
        text-align: center;
        float: none;
    }

    .mb-text {
       display: none;
    }
    .mb_top{
     text-align: center;
    }
    .site_title{
        font-size: 2em;
        text-align: center;
    }


}

.slider_image {
    width: 738px;
    height: 383px;
    max-width: 738px;
    max-height: 383px;

}

#flickr_tab a:hover img {
    transition: all 1s ease;
    border: 4px solid #e9b000;
}
.top_top_bar{
    background-color: #273459;
    color: white;
    font-size: larger;

}
.top_top_bar div{
    background-color: #273459;
    padding: 4px 15px;
    color: white;
font-family: inherit;

}
.top_top_bar div a:hover{
    color: #e9b000;
    cursor: pointer;

}
.fb a:hover{
    background-color: #445ea8;
    color: white;
    text-underline: none;
}
.tw a:hover{
    background-color: #89e2fc;
    color: white;
}
.gp a:hover{
    background-color: #b93120;
    color: white;
}

/*====================================page loader css============================================*/
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #25a9df;

    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

    z-index: 1001;
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #e74c3c;

    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f9c922;

    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}


#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: rgb(255, 255, 255);
    z-index: 1000;
}

#loader-wrapper .loader-section.section-left {
    left: 0;
}

#loader-wrapper .loader-section.section-right {
    right: 0;
}

.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(-100%);  /* IE 9 */
    transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(100%);  /* IE 9 */
    transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);

    -webkit-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out;
}
/*====================================page loader css============================================*/