/* This stylesheet generated by Transfonter (https://transfonter.org) on September 19, 2017 6:40 AM */
/* This stylesheet generated by Transfonter (https://transfonter.org) on October 23, 2017 1:46 PM */

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.eot');
    src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Italic.eot');
    src: url('../fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Italic.woff') format('woff'), url('../fonts/Roboto-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Regular.eot');
    src: url('../fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoCondensed-Regular.woff') format('woff'), url('../fonts/RobotoCondensed-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-LightItalic.eot');
    src: url('../fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-LightItalic.woff') format('woff'), url('../fonts/Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-ThinItalic.eot');
    src: url('../fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-ThinItalic.woff') format('woff'), url('../fonts/Roboto-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Black.eot');
    src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Black.woff') format('woff'), url('../fonts/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.eot');
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Italic.eot');
    src: url('../fonts/RobotoCondensed-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoCondensed-Italic.woff') format('woff'), url('../fonts/RobotoCondensed-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-LightItalic.eot');
    src: url('../fonts/RobotoCondensed-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoCondensed-LightItalic.woff') format('woff'), url('../fonts/RobotoCondensed-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Thin.eot');
    src: url('../fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Thin.woff') format('woff'), url('../fonts/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.eot');
    src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Bold.eot');
    src: url('../fonts/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoCondensed-Bold.woff') format('woff'), url('../fonts/RobotoCondensed-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BlackItalic.eot');
    src: url('../fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-BlackItalic.woff') format('woff'), url('../fonts/Roboto-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Light.eot');
    src: url('../fonts/RobotoCondensed-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoCondensed-Light.woff') format('woff'), url('../fonts/RobotoCondensed-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-BoldItalic.eot');
    src: url('../fonts/RobotoCondensed-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoCondensed-BoldItalic.woff') format('woff'), url('../fonts/RobotoCondensed-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BoldItalic.eot');
    src: url('../fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-BoldItalic.woff') format('woff'), url('../fonts/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-MediumItalic.eot');
    src: url('../fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-MediumItalic.woff') format('woff'), url('../fonts/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

body {
    padding: 0;
    margin: 0;
    font-family: 'Roboto';
    font-size: 14px;
    color: #333333;
    font-weight: normal;
}
p,
form,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
    list-style: none;
}
a,
a:hover,
a:focus,
#footer .social_icon a i,#footer .social_icon a svg,
#brochures .brochures_block .block_main:hover .block_content,
#brochures .brochures_block .block_main:hover .block_content p,
#brochures .brochures_block .block_main:hover .block_content small,
#generic_article  .lighview_section .carousel-control.left i,
#generic_article  .lighview_section .carousel-control.right i{
    text-decoration: none;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
}
/* mobile devices extra samll devices*/

@media only screen and (max-width: 767px) {
    /*header*/
    #header a.generic_logo img{
        margin: 0!important;
        width: 210px;
    }
    #header .navbar-header {
        margin: 0 -15px;
    }
    #header .navbar-brand img {
        width: 100%;
        margin: -6px 0 0 0;
        height: 50px!important;
       /* width: 210px;
        margin: -6px 0 0 0;*/
    }
    #header .responsive_top_menu .top_menu{
        margin: 0 3px 0 10px!important;
    }
    #header .navbar-default .navbar-toggle {
        background-color: #fff;
        border-radius: 0;
    }
    #header .navbar-default .navbar-toggle:hover,
    #header .navbar-default .navbar-toggle:focus {
        background: #fff;
    }
    #header .navbar-collapse {
        border: 0;
        box-shadow: none;
    }
    #header .form_search {
        top: 91px!important;
    }
    #header .form_search .form-group .form-control {
        margin: 0 0 15px 0;
    }
    #header .form_search .form-group .form-control,
    #header .form_search .form-group .btn-sm {
        width: 100%!important;
    }
    /* spalsh*/
    
    #splash .carousel-inner .carousel-caption {
        top: 1%!important;
        left: 5%!important;
        padding: 0;
    }
    #splash .carousel-inner .carousel-caption h3 {
        font-size: 20px!important;
        line-height: 25px!important;
    }
    #splash .carousel-inner .carousel-caption p {
        font-size: 15px!important;
        line-height: 18px!important;
    }
    #splash .carousel-inner .carousel-caption a {
        margin: 10px 0 0 0!important;
        font-size: 14px!important;
        padding: 5px 10px!important;
        width: auto!important;
    }
    /* highlight*/
    
    #highlights .highlight_section a {
        margin: 0 0 20px 0;
    }
    #highlights .highlight_section{
        text-align: center;
    }
    /* services*/
    
    #services .servcies_section {
        text-align: center;
    }
    #services .servcies_section p {
        margin: 10px 0!important;
    }
    /* message*/
    
    #message .message_section .message_left a {
        margin: 40px 0!important
    }
    #message .message_right{text-align: center;}
    #message .message_right ul li a img{margin: auto;}
    /* news events home*/
    
    #news_events_home .news_blocks h3 a {
        margin: 0 0 0 15px!important;
    }
    /* logos*/
    
    #logos .logo_media a img {
        display: block!important;
        margin: 0 auto 25px auto;
    }
    #logos .logo_media a {
        margin: 0 0 0px 0!important;
    }
    #logos  .sign_up h3 a{
        display: block!important;
        margin: 20px 15px 0 15px!important;
    }
    /*footer*/
    
    #footer .privacy_list {
        padding: 0 15px;
    }
    #footer .privacy_list ul li:nth-of-type(2) a {
        border: 0!important;
    }
    #footer .footer_section .cing_enq a:hover {
        color: #00255e!important;
    }
    #footer .footer_section h4 {
        margin: 0!important
    }
    /* copyrights*/
    
    #copyrights .copyright_content {
        padding: 0 15px;
    }
    /*news events section*/
    #news_events_section .filter_event button{
        width: 100%!important;
        display: block!important;
        margin: 0 0 20px 0!important;
    }
    #news_events_section  h3{
        margin: 30px 0;
    }
    /* events articl*/
    #events_article  .article_section{
        padding: 0 0px 40px 0px!important
    }
    #events_article .news_blocks{
        margin: 0 0 40px 0;
    }
    #events_article .news_blocks figure{
        margin: 0 0 30px 0;
    }
    #events_article .news_blocks figure img {
        width: 100%;
    }
    /* brouchers*/
    #brochures .brochures_block{
        margin: 40px 15px!important;
    }
    #brochures .breadcrumb{
        margin: 10px 15px 0 15px!important;
    }
    #brochures .brochures_block  .bx-wrapper .bx-next{
        right:0px!important
    }
    #brochures .brochures_block  .bx-wrapper .bx-prev{
        left: 0px!important;
    }
    #brochures .brochures_block .years #bx-pager{
        width: 100%!important;
    }
    #brochures .brochures_block .years #bx-pager ul li{
        margin: 0 5px!important;
    }
    /* conatct us*/
    #contact_us_cing  .contact_right .panel-title i{
        top: 3px!important;
    }
    /* staff viewer page*/
    #staff_viewer .staff_desc .staff_media{
        margin: 0 0 30px 0;
    }
    #staff_viewer .staff_desc .staff_media img{
        margin: auto;
        width: 100%;
    }
    #staff_viewer  .staff_list a{
        float: left!important;
    }
    /* staff section*/
    #staff_section .head_staff a:last-child{
        margin: 0 0 40px 0!important;
    }
    #staff_section .head_staff img{
        width: 100%;
    }
    #staff_section .head_staff_section{
        margin: 0 -15px 20px -15px!important;
    }
    #staff_section .staff span, 
    #staff_section .staff small,
    #staff_section .staff strong{
        display: block;
        margin: 0!important;
    }
    /* department section*/
    #department_section .dept_desc .services img{
        margin: 0 0 20px 0;
    }
    #department_section .dept_desc h6{
        margin: 10px 0!important;
    }
    /* generic articel*/
    #generic_article  .lighview_section  img{
        width: 100%;
    }
    #generic_article  .lighview_section a span{
        top: 40%!important;
    }
}