@charset "utf-8";
/*---------------------------------------------------------------
Theme Name: Uoc
Theme URI: http://www.chimpstudio.co.uk/
Description: UOCE (University of College Education) is elegant, customizable, easy, and clear WordPress theme. UOCE theme provides stunning features for creating Online Courses, Teams, Events, Galleries and many more for your institute. The theme is a complete courses management system where you can create online courses such as, Courses Schedule, Descriptions, Pricing Options and Courses Features. It is the easiest theme to set look & feel as per your choice. Another astonishing feature is SEO compatibility. Theme is fully compatible with latest SEO techniques. UOCE theme is flexible and have bundle of theme customization options to style your site as per your desire. Also, it can be translated in any language of your choice through WPML plugin.
Version: 1.6
Author: Chimpstudio
License: GNU General Public License
License URI: http://themeforest.net/wiki/support/legal-terms/licensing-terms/
Author URI: https://themeforest.net/user/chimpstudio
Tags: two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: uoc
---------------------------------------------------------------*/
/*
[Table of contents]
 
1. Body
2. Typography
        2.1 Headings
        2.2 Paragraph
        2.3 Anchor Tag
        2.4 Ul LI
        2.5 Figure
        2.6 Image
        2.7 Iframe
        2.8 Select
        2.9 Lable
        2.10 Button
        2.11 Textarea
        2.12 Form
        2.13 Table Thead TR TH TD
3. Header / #header
        3.1 .logo
        3.2 .top-right
                3.2.1 .navigation
                3.2.2 .login
                3.2.3 .wish-list
        3.3 .main-banner
                3.3.1 .search-area
4. Content / #main-content
        4.1 .cs-blog
                4.1.1 .medium
        4.2 .cs-hiring-listing
                4.2.1 .hiring-list
        4.3 .page-sidebar
        4.4 .page-content
5 all widget
        5.1 .widget_search
        5.2 .widget_cetegorie
        5.3 .widget_recent
        5.4 .widget_text
        5.5 .widget_cs-services
        5.6 .widget_tag_cloud
        5.7 .twitter_widget
        5.8 .widget_gallery
        5.9 .widget_blog
        5.10 .widget_nav_menu
        5.11 .widget_archive
        5.12 .widget_calendar
        5.13 .widget_pages
        5.14 .widget_meta
        5.15 .widget_recent_comments
        5.16 .widget_recent_entries
        5.17 .widget_rss
        5.18 .widget-flickr
6. Shortcode
        6.1 Button
        6.2 Call to Action
        6.3 Clients
        6.4 Form
        6.5 Counter
        6.6 Divider
        6.7 Facilities
        6.8 FAQ
        6.9 Column
        6.10 Heading
        6.11 Image Frame
        6.12 Info box
        6.13 List
        6.14 Mail chimp
        6.15 Map
        6.16 Multiple Services
        6.17 Price Table
        6.18 Progress Bars
        6.19 Promo box
        6.20 Quote
        6.21 Services
        6.22 Slider
        6.23 Spacer
        6.24 Table
        6.25 Tabs
        6.26 Team
        6.27 Testimonials
        6.28 Tweets
7. Footer / #footer
        7.1 .cs-clinets
        7.2 .cs-footer
-------------------------------------------------------------------*/

* {
    margin: 0px;
    outline: none;
    padding: 0px;
}
/* Global Typography */
body {
    background-color: #fff;
    color: #555;
    font-size: 14px;
    font-family: 'Titillium Web', sans-serif;
    /*letter-spacing: 0.2px;*/
    line-height: 1.7;
    font-weight: 400;
}
    /* Heading Typo */
    body h1, body h2, body h3, body h4, body h5 {
		 /*body h1, body h2, body h3, body h4, body h5, body h6 { */
        color: #111111;
        font-family: 'Titillium Web', sans-serif;
        font-style: normal;
        font-weight: 500;
        letter-spacing: 0px;
        line-height: 1;
        margin: 0px 0px 8px 0px;
    }

h1 {
    font-size: 30px;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        color: #111111;
    }

p a {
    color: #111111;
}

p {
    letter-spacing: 0.2px;
    line-height: 1.7 !important;
    margin-bottom: 10px;
}

a {
    color: #111111;
    text-decoration: none;
}

    a:hover, a:focus, a:active {
        outline: none;
        text-decoration: none;
    }

ul {
    margin-bottom: 0px;
}

figure {
    margin-bottom: 6px;
    position: relative;
}

.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
}

img {
    height: auto;
}

strong {
    color: #333333;
}

iframe {
    border: none;
    float: left;
    width: 100%;
}

.rich_editor_text iframe {
    width: 100%;
}

.container.fullwidth {
    width: 100%;
}

    .container.fullwidth .col-md-12 {
        padding: 0px;
    }
/* Wordpress Defult Clasess */
.wp-caption, .wp-caption-text, .gallery-caption, .bypostauthor {
}

    .wp-caption.alignleft, .wp-caption.alignnone {
        width: 100%;
    }

.modal-body {
    overflow: hidden;
}
/* Form Input Typo */
select {
    border: 1px solid #d2d2d2;
    color: #666666;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    padding: 8px 12px;
    width: 100%;
}

label {
    color: #333333;
    display: block;
    margin-bottom: 10px;
}

button {
    border: none;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
    color: #3d3d3d;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    height: 35px;
    line-height: 20px;
    outline: none;
    padding: 4px 6px;
    vertical-align: middle;
}

    textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus,
    input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus,
    input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus,
    .search-course ul li input[type="text"]:focus {
        box-shadow: 0 0 5px rgba(8,56,127,0.5);
    }


form p {
    float: left;
    position: relative;
    width: 100%;
}

    form p span i {
        color: #474747;
        left: 16px;
        position: absolute;
        top: 13px;
    }

.element-size-25 {
    width: 25%;
}

.element-size-33 {
    width: 33.333%;
}

.element-size-50 {
    width: 50%;
}

.element-size-67 {
    width: 66.67%;
}

.element-size-75 {
    width: 75%;
}

.element-size-100, .section-fullwidth {
    float: left;
    width: 100%;
    /*margin-top:30px;*/
}

.element-size-75 .col-md-3 {
    width: 33.3333%;
}

.element-size-50 .col-md-3 {
    width: 50%;
}

.element-size-25 .col-md-3 {
    width: 100%;
}

.element-size-67 .col-md-3 {
    width: 25%;
    margin-bottom: 25px;
}
/* Define Main Grid */
.page-content .section-content {
    padding-left: 10px; /*width: 66%; float: left; position: relative; z-index: 1;*/
}
/*.page-content .section-sidebar { width: 34%; padding-left: 15px; }*/
.page-content .page-section .container {
    padding-left: 0px;
}

.section-content {
    float: left;
    padding: 0 0px 0 0;
    position: relative;
    width: 75%;
    z-index: 1;
}

.section-sidebar {
    float: left;
    padding: 0px 12px 0px 12px;
    width: 25%;
}

.page-sidebar ~ .page-content {
    float: right;
    padding-left: 10px;
    padding-right: 0px;
    width: 75%;
    z-index: 9;
}

.page-content {
    float: left;
    padding: 0 15px 0 13px;
    width: 75%;
    z-index: 9;
}

    .page-content ~ .page-sidebar {
        float: left;
        padding-right: 15px; /*padding-right: 15px;*/
        padding-left: 15px; /*padding-left: 15px;*/
        position: relative;
        width: 25%;
    }

.page-section, figure img {
    float: left;
    width: 100%;
}

.page-content .container {
    width: 100%;
}

.page-sidebar {
    float: left;
    padding: 0 10px 0px 10px;
    position: relative; /*padding: 0 15px 322550px 0;*/ /*margin-bottom: -322550px;*/
    width: 25%;
}
/*HACK FOR GRID*/
[class*="element-size"] {
    display: inline-block;
    float: none;
    margin: 0 -4px 0 0;
    vertical-align: top;
}

[class*="col-md"] {
    display: inline-block;
    float: none;
    margin: 0 -4px 0 0;
    vertical-align: top;
}
/*HACK FOR GRID*/
.wrapper.wrapper_boxed, .wrapper.wrapper_ {
    background-color: #ffffff;
    margin: 15px auto;
    position: relative;
    width: 90%;
    border-top: 4px solid #1f1f1f;
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
}

body.logged-in.admin-bar {
    margin-top: 32px;
}

.wrapper {
    margin-top: 0.08em;
    position: relative;
}

    .wrapper:before {
        content: '';
        position: absolute;
        left: 0px;
        top: -1px;
        width: 100%;
        height: 2px;
        background-color: #fcfcfc;
    }

.wide .row {
    margin: 0px;
}

.wide .wide .col-md-12 {
    margin: 0px;
    padding: 0px;
}
/* Adjust Grid Width */
.col-md-9 .col-md-2 {
    width: 20%;
}

/*.col-md-9 .col-md-3 {
    width: 33.3333%;
}*/

.page-content .page-section .page-content {
    padding: 0px;
}

.page-section {
    position: relative;
}

.bg {
    background-color: #fff;
    /*background-image: url(../images/bg.jpg);
    background-position: center;
    background-size: cover;*/
}

option {
    padding: 5px 10px;
}
/* RichEditore Style's */
.rich_editor_text h1, .rich_editor_text h2, .rich_editor_text h3, .rich_editor_text h4, .rich_editor_text h5 {
    margin-bottom: 10px;
}

.rich_editor_text p, .rich_editor_text ul, .rich_editor_text ol {
    margin-bottom: 10px;
}

.rich_editor_text ul {
    float: none;
    list-style: disc;
    margin-left: 0px;
    padding-left: 25px;
}

.rich_editor_text .liststyle ul {
    padding-left: 0px;
}

.rich_editor_text ol {
    list-style-type: decimal;
    margin-left: 0px;
    padding-left: 25px;
}

.rich_editor_text li {
    float: none;
}

.rich_editor_text ul ul {
    list-style-type: circle;
    margin-bottom: 0;
}

img.alignright {
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    float: right;
    margin: 0 0px 30px 30px;
}

img.alignleft {
    float: left;
    margin: 0 30px 30px 0;
}

img.aligncenter {
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    display: block;
    margin: 0 auto 30px;
}
/* ThemeUnit Style's */
li {
    line-height: 28px;
    /*list-style: disc inside none;*/
}

ul ul {
    margin-left: 20px;
}

ol {
    float: none;
    list-style: decimal;
    padding-left: 15px;
}

    ol ol {
        margin-left: 20px;
    }

    ol li {
        list-style: decimal;
        width: 100%;
    }

table {
    background-color: transparent;
    max-width: 100%;
}

th {
    text-align: left;
}

table {
    margin-bottom: 15px;
    width: 100%;
}

 
      


    table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {
        border-top: 1px solid #d2d2d2;
        border: 1px solid #d2d2d2;
        line-height: 2.5;
        padding-left: 7px;
        vertical-align: top;
    }

    table thead tr th {
        border-top: 1px solid #d2d2d2;
    }

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 1px solid #d2d2d2;
}
.FixedHeader {
	  position: absolute;  
            font-weight: bold;
        }     



table > thead > tr > th {
    border-bottom: 2px solid #d2d2d2;
    vertical-align: bottom;
}

table > caption + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > th, table > thead:first-child > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > td {
    border-bottom: 0;
}

table > tbody + tbody {
    border-top: 2px solid #d2d2d2;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 12px 16px;
}

p ins {
    color: #999;
}

dl dd {
    margin-left: 20px;
}

address {
    font-style: italic;
}

#comment .text-box blockquote p {
    float: none;
    width: auto;
}

#comment ul li .text-box ul li {
    float: left;
    list-style: outside;
    width: 100%;
}

#comment ul li .text-box ul ul {
    float: left;
    margin-left: 30px;
    width: 100%;
}

#comment ul li .text-box ol li {
    list-style: inherit;
}

.gallery-item img {
    border: none;
    float: left;
    padding: 0 5px;
}

.wp-caption-text.gallery-caption {
    float: left;
    padding: 10px 4px 0px 4px;
    text-align: left;
    width: 100%;
}

.sticky {
}

.screen-reader-text {
}

.box-event {
    /*position:relative;*/
    margin: 10px;
    /*border: 1px solid #cccccc;*/
    /*padding: 10px;*/
    background-color: rgb(238,238,238);
    height: 400px;
    box-shadow: 10px 10px 10px #cccccc;
}

    .box-event .cs-section-title {
        /*margin: 0px 0px 20px 0px;*/
        background-color: #b91c11;
        padding: 5px 10px;
        width: 100%;
    }
/*.box-event .cs_categories{
        position:absolute;
    }*/
/*.col-md-12.cs-section-title {
	margin: 0px 0px 10px 0px;
}*/
.main-title.col-md-12 {
    margin: 0px;
}

.directory-box {
    margin: 0 auto;
    width: 1200px;
}

::-webkit-input-placeholder {
    color: #949494;
}

:-moz-placeholder {
    color: #949494;
    opacity: 1;
}

::-moz-placeholder {
    color: #949494;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #949494;
}

ul li ul li ul li {
    padding: 0 !important;
}

#li-comment-6 .thumblist ul {
    margin-left: 20px !important;
}

    #li-comment-6 .thumblist ul li {
        list-style: inherit;
    }
/* Header Setup */
.right-side {
    float: right;
}

#main-header .right-side {
    padding-top: 19px;
}

#main-header [class*="col-md-"] {
    margin-bottom: 0px;
}

/*.logo {
    float: left;
    margin: 28px 0px 22px 7px;
    position: relative;
}*/

/*.logo:before {
        content: '';
        background: url(assets/images/header-illustration.png);
        width: 375px;
        height: 123px;
        position: absolute;
        left: -8px;
        top: -29px;
    }*/
/* TopNav */
.top-nav ul {
    text-align: right;
}

    .top-nav ul li {
        /*float: left;*/
        display: inline-block;
        vertical-align: middle;
        list-style: none;
        line-height: 18px;
        margin-bottom: 5px;
        position: relative;
    }

    .top-nav ul > li > .wpml-ls-flag {
        margin-top: -2px;
    }

    .top-nav ul li .wpml-ls-native {
        padding-left: 5px;
        display: inline-block;
        vertical-align: middle;
    }

    .top-nav ul li ul.sub-dropdown {
        width: 100px;
        margin: 0;
        padding: 5px 0;
        text-align: left;
    }

        .top-nav ul li ul.sub-dropdown .wpml-ls-native {
            padding-left: 10px;
        }

    .top-nav ul > li > ul.sub-dropdown .wpml-ls-flag {
        margin-top: 0px;
    }

.navigation ul li .wpml-ls-flag {
    margin-top: -2px;
}

.navigation ul li .wpml-ls-native {
    padding-left: 5px;
    display: inline-block;
    vertical-align: middle;
}

.navigation ul li ul.sub-dropdown .wpml-ls-native {
    padding-left: 10px;
}

.navigation ul li ul.sub-dropdown .wpml-ls-flag {
    margin-top: 0px;
}

.top-nav ul li:last-child {
    margin-right: 0px;
}

.top-nav ul li a {
    /*font-size: 13px;*/
    color: #717171;
    float: left;
    padding: 2px 10px 5px 10px;
    border-radius: 4px;
    position: relative;
}

    .top-nav ul li a:before {
        position: absolute;
        left: -2px;
        top: 10px;
        content: "";
        width: 4px;
        height: 4px;
        background-color: #111;
        border-radius: 100%;
    }

.top-nav ul li:first-child a:before {
    display: none;
}

.top-nav ul li:hover a:before {
    display: none;
}
/* Header Search */
.header-search form {
    float: right;
    position: relative;
}

.header-search span {
    float: none;
    color: #3a3a3a;
    font-size: 18px;
    font-weight: bold;
    padding: 0 16px 0 0;
    display: inline-block;
    vertical-align: middle;
}

.header-search input[type="text"] {
    display: inline-block;
    width: 320px;
    height: 37px;
    border: 1px solid #b2b2b2;
    box-shadow: 0px 1px 3px 0px #e0dfdf inset;
    border-radius: 4px 40px 40px 4px;
    padding: 10px;
}

.header-search label {
    margin: 0px;
    position: absolute;
    right: 1px;
    top: 1px;
}

    .header-search label:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f002";
        color: #595959;
        position: absolute;
        left: 15px;
        top: 9px;
        text-shadow: 0px 1px 1px #fff;
        cursor: pointer;
    }

    .header-search label input[type="submit"] {
        height: 35px;
        width: 42px;
        border: none;
        border-left: 1px solid #a9a9a9;
        border-radius: 4px 40px 40px 4px;
    }

.owl-carousel.cs-custom-nav.col-md-12 {
    margin: 0;
}
/* Navigation Start */
.navigation {
    float: left;
    width: 100%;
}

    .navigation ul > li:last-child > a {
        border-right: none;
    }

    .navigation ul li {
        list-style: none;
        float: left;
        position: relative;
        line-height: 28px !important;
    }

    .navigation ul > li > a i {
        margin-right: 7px;
    }

    .navigation ul > li > a {
        font-size: 14px;
        color: #0e0e0e;
        padding: 12px 16px;
        position: relative;
        float: left;
        text-transform: capitalize;
        border-right: 1px solid rgba(0,0,0,0.2);
        letter-spacing: 0px;
    }

    .navigation ul > li:hover > a {
        color: #ffffff;
        background-color: #d72533;
    }

.sub-dropdown {
    position: absolute;
    left: 0px;
    top: 100%;
    padding: 4px;
    width: 180px;
    background-color: #ffffff;
    z-index: 99;
    margin: 0px;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.1);
    -webkit-transition: all 0.6s cubic-bezier(0.68, -0.90, 0.265, 2.90) 0s;
    -moz-transition: all 0.6s cubic-bezier(0.68, -0.90, 0.265, 2.90) 0s;
    -ms-transition: all 0.6s cubic-bezier(0.68, -0.90, 0.265, 2.90) 0s;
    -o-transition: all 0.6s cubic-bezier(0.68, -0.90, 0.265, 2.90) 0s;
    transition: all 0.6s cubic-bezier(0.68, -0.90, 0.265, 2.90) 0s;
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
    transform: translateY(15px);
}

.navigation ul > li:hover > .sub-dropdown, .top-nav ul li:hover > .sub-dropdown {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.sub-dropdown:before {
    content: '';
    position: absolute;
    left: 22px;
    top: -8px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 8px solid #ffffff;
}

.sub-dropdown .sub-dropdown:before {
    display: none;
}

.navigation .sub-dropdown li:first-child {
    border: none;
}

.navigation .sub-dropdown li {
    float: left;
    width: 100%;
    border-top: 1px solid #e5e5e5;
}

    .navigation .sub-dropdown li a {
        float: left;
        width: 100%;
        padding: 9px 15px;
        color: #2c2c2c;
        border: none;
    }

    .navigation .sub-dropdown li:last-child a {
        border-bottom: none;
    }

.navigation .sub-dropdown > li:hover > a {
    background-color: #08387f;
    color: #ffffff;
}

.navigation ul ul ul {
    left: 102%;
    top: 0px;
}

.responsive-btn {
    display: none;
}

.cs-click-menu {
    display: none;
}
/* Main Banner */
.main-banner {
    margin: 10px 0px 0px 0px;
}

.slider-caption {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    background-color: rgba(0,0,0,0.6);
}

.cs-gallery.default-gallery figure {
    margin-bottom: 15px;
}

.cs-gallery-slider ul li img {
    width: 100%;
    float: left;
}

.slider-caption h1 {
    letter-spacing: -1px;
    margin: 0;
    padding: 20px 27px 0;
}

.slider-caption h1, .slider-caption p {
    color: #ffffff !important;
    float: left;
    width: 80%;
}

.slider-caption p {
    margin: 0px;
    padding: 0px 0px 10px 10px;
}

.slider-caption a {
    position: absolute;
    right: 30px;
    top: 50%;
    padding: 7px 20px;
    border-radius: 5px;
    color: #000;
    font-size: 16px;
    background-color: #fff;
    margin: -20px 0px 0px 0px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

    .slider-caption a:hover {
        color: #fff !important;
    }

.tab-contents {
    line-height: 22px;
}

.cs-holder.lightbox.col-md-12 {
    line-height: 22px;
    margin-bottom: 20px;
    margin-top: 20px;
}

/* Main Content */
.main-content {
    float: left;
    width: 100%;
    padding: 30px 0px 0px 0px;
}

.cs-section-title {
    /*float:left;*/
    width: 100%;
}

    .cs-section-title h2 {
        font-size: 20px;
        margin: 0px;
        /*font-weight: bold !important;*/
        text-transform: capitalize;
    }

    .cs-section-title h4 {
        margin: 0;
    }
/* News List */
.cs-newslist, .cs-newslist article {
    float: left;
    width: 100%;
}

    .cs-newslist article {
        background: url(assets/images/news-bg1.png);
        background-repeat: no-repeat;
        background-position: right bottom;
        background-color: #f3f3f3;
    }

.medium-news article figure {
    float: left;
    width: 413px;
    margin: 0px;
    min-height: 256px;
    overflow: hidden;
}

    .medium-news article figure figcaption {
        position: absolute;
        left: 14px;
        bottom: 11px;
    }

        .medium-news article figure figcaption a {
            float: left;
            background-color: rgba(0,0,0,0.8);
            color: #ffffff;
            padding: 4px 7px;
        }

            .medium-news article figure figcaption a i {
                float: left;
                margin: 3px 6px 0px 0px;
            }

    .medium-news article figure a img {
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

.medium-news article:hover figure a img {
    transform: scale(1.03);
}

.medium-news article figure ~ .news-info {
    padding: 25px 25px 0px 438px;
}

.news-info h4 {
    margin: 0px 0px 13px 0px;
    font-weight: 600;
}

.medium-news article .news-info {
    padding: 25px 25px 0px 438px;
}

.news-info p {
    margin: 0px 0px 15px 0px;
    text-align: justify;
}

.news-info a.cs-readmore-btn {
    text-transform: uppercase;
    font-size: 12px;
    color: red;
}

    .news-info a.cs-readmore-btn i {
        margin: -2px 0 0px 0px;
        display: inline-block;
        font-size: 14px;
        vertical-align: middle;
    }
/* Event Slider */
.cs-eventslider {
    float: left;
    width: 100%;
    margin: 0px;
}

    .cs-eventslider figcaption {
        position: absolute;
        left: 0;
        bottom: 0px;
        width: 100%
    }

        .cs-eventslider figcaption img {
            width: 41px;
        }

        .cs-eventslider figcaption time {
            float: left;
            background-color: rgba(8,56,127,0.5);
            color: #ffffff;
            font-size: 11px;
            padding: 0px 10px 0px 7px;
            line-height: 21px;
        }

            .cs-eventslider figcaption time i {
                float: left;
                border-right: 1px solid rgba(255,255,255,1);
                padding: 6px 6px 6px 0px;
                margin-right: 6px;
            }

.event-caption {
    position: relative;
    /*display: inline-block;*/
    width: 100%;
    background-color: rgba(0,0,0,0.90);
    padding: 10px;
    margin-top: -25px;
    z-index: 100;
}

    .event-caption a, .event-caption span {
        color: #ffffff;
    }

    .event-caption h6 {
        /*text-transform: uppercase;*/
        font-weight: bold;
        margin: 0px 0px 3px 0px;
        line-height: 20px;
    }

    .event-caption span {
        color: #fff;
    }

.cs-custom-nav .owl-nav {
    position: absolute;
    right: 10px;
    top: -46px;
}

    .cs-custom-nav .owl-nav div {
        float: left;
        border: 1px solid #acacac;
        padding: 2px 4px 0px 4px;
        color: #cac9c9;
        font-size: 20px;
        line-height: 27px;
        margin-left: 5px;
    }

    .cs-custom-nav .owl-nav * {
        -webkit-transition: all .25s ease;
        -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease;
    }

    .cs-custom-nav .owl-nav i {
        color: #acacac;
    }
/* Gallery */
.nav-tabs.cs-gallery-nav {
    border-bottom: 2px solid #999;
}

    .nav-tabs.cs-gallery-nav li.active, .nav-tabs.cs-gallery-nav li:hover {
        position: relative;
        transform: skew(-20deg);
        background: #ddd;
    }

        .nav-tabs.cs-gallery-nav li.active a, .nav-tabs.cs-gallery-nav li:hover a {
            border: none;
            transform: skew(20deg);
            background: none;
            color: #fff !important;
        }

.cs-gallery-nav {
    float: left;
    margin-bottom: 15px;
    padding-left: 10px;
}

    .cs-gallery-nav li {
        float: left;
        list-style: none;
        padding: 10px 15px 10px 16px;
        position: relative;
        margin-left: -3px;
    }

        .cs-gallery-nav li:first-child:before {
            display: none;
        }

        .cs-gallery-nav li a {
            font-size: 20px !important;
            color: #777777;
            font-weight: bold !important;
            border: none;
            padding: 0;
            text-transform: uppercase;
        }

.cs-gallery {
    width: 100%;
    float: left;
}

    .cs-gallery ul {
        margin: 0 0 0 -18px;
    }

        .cs-gallery ul.gallery .tab-box {
            padding: 10px;
            text-align: justify;
            /*border: 2px solid #b4b3b3;*/
            height: 398px;
            box-shadow: #acacac 5px 5px 5px 5px;
        }

    .cs-gallery.plain {
        margin: 0 0 0 -5px;
        padding: 0 10px 0 0;
    }

        .cs-gallery.plain article {
            padding: 0 0 0 20px;
        }

    .cs-gallery ul li {
        padding: 0 0 30px 18px;
        margin: 0;
        float: left;
    }

        .cs-gallery ul li h6 {
            font-weight: 600;
            display: inline-block;
            width: 100%;
            margin: 7px 0 0 0;
            line-height: 20px;
        }

    .cs-gallery figure {
        width: 100%;
        float: left;
        margin: 0;
    }

        .cs-gallery figure figcaption {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            /*height: 100%;*/
            text-align: center;
        }

            .cs-gallery figure figcaption i {
                position: absolute;
                top: 50%;
                color: #fff;
                left: 50%;
                width: 50px;
                background-color: rgba(0,0,0,0.30);
                height: 50px;
                border-radius: 100%;
                font-size: 24px;
                margin: -25px 0 0 -25px;
                border: 1px solid #97999f;
                padding: 14px 0 0;
                opacity: 0;
                visibility: hidden;
                -webkit-transition: all 0.3s ease-in;
                -moz-transition: all 0.3s ease-in;
                -ms-transition: all 0.3s ease-in;
                -o-transition: all 0.3s ease-in;
                transition: all 0.3s ease-in;
            }

    .cs-gallery li:hover figure figcaption i {
        visibility: visible;
        opacity: 1;
    }
/* Custom Add */
.cs-custom-add {
    float: left;
    width: 100%;
    margin: 0px;
}

    .cs-custom-add figcaption {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.4);
        padding: 18px 20px 20px 20px;
    }

    .cs-custom-add h4 a, .cs-custom-add p {
        color: #ffffff;
    }

    .cs-custom-add p {
        margin: 0px 0px 15px 0px;
        display: inline-block;
    }

.download-btn {
    display: inline-block;
    color: #4c4b4b;
    font-weight: bold;
    border: 1px solid #a6a6a6;
    padding: 8px 14px;
    border-radius: 4px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transitio .copyright p an: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

    .download-btn:hover {
        color: #fff !important;
    }

/* Sepratore */
.cs-seprator {
    float: left;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}

.devider1 {
    border-bottom: 1px dotted #cccccc;
    width: 100%;
    float: left;
}

.cs-doted-sep .devider1 {
    width: 100%;
    float: left;
    height: 2px;
    border-bottom: 1px dotted #ccc;
}
/* Categories */
.cs_categories ul li {
    float: left;
    width: 100%;
    list-style: none;
}

.page-sidebar .widget_categories ul li {
    text-align: right;
    color: #cccccc;
    font-size: 13px;
    font-family: 400 'Titillium Web', sans-serif;
    border-bottom: 1px solid #f3f3f3;
    width: 100%;
    float: left;
}

    .page-sidebar .widget_categories ul li:first-child {
        border-top: 1px solid #f3f3f3;
    }

    .page-sidebar .widget_categories ul li a {
        font-size: 13px;
        float: left;
        font-weight: 600;
        text-transform: uppercase;
    }

        .page-sidebar .widget_categories ul li a:before {
            content: "\f101";
            font-family: 'icomoon';
            float: left;
            color: #9f9f9f;
            margin: 0px 10px 0px 0px;
            font-size: 11px;
        }

        .page-sidebar .widget_categories ul li a:hover:before {
            content: "\f00c";
        }
/* Campus News */
.cs-campunews ul li {
    float: left;
    width: 100%;
    list-style: none;
    border-bottom: 1px solid #f3f3f3;
    padding: 13px 0px 13px 0px;
}

    .cs-campunews ul li:last-child {
        margin-bottom: 0px;
        border: none;
    }

    .cs-campunews ul li figure {
        float: left;
        width: 80px;
        margin: 0px;
        height: 80px;
    }

        .cs-campunews ul li figure ~ .cs-campus-info {
            padding: 0 0px 0px 92px;
        }

.widget ul li .cs-campus-info a {
    padding-left: 0;
}

.widget ul li:hover .cs-campus-info a {
    padding-left: 0;
}

.visitor {
    /*padding: 15px;*/
    color: #444242;
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-style: italic;
    /*background: #f8f8f8 url(images/corners.png) no-repeat right bottom;*/
    /*background-image: url('images/corners.png');*/
}

.borderBox {
    /*border: 1px solid #ccc6c6;*/
    min-height: 350px;
}

.cs-newscategorie {
    line-height: 12px;
}

    .cs-newscategorie a {
        font-size: 10px;
        color: #777777;
        text-transform: uppercase;
        display: inline-block;
        margin-bottom: 6px;
    }

.cs-campunews ul li .cs-campus-info h6 {
    font-weight: 600;
    margin: 0px;
    text-transform: uppercase;
    line-height: 20px;
    font-size: 14px !important;
}

.cs-campunews ul li time {
    font-size: 11px;
    color: #999999;
    text-transform: uppercase;
    position: relative;
    font-style: italic;
    padding: 0px 0px 0px 12px;
    margin-right: 4px;
}

    .cs-campunews ul li time:before {
        content: '';
        background-color: #dadada;
        width: 8px;
        height: 2px;
        position: absolute;
        left: 0px;
        top: 7px;
    }

.cmp-comment {
    color: #999999;
    font-size: 10px;
    text-transform: uppercase;
}

.viewall-btn {
    background-color: #f7f7f7;
    color: #222222;
    font-size: 10px;
    text-transform: uppercase;
    float: left;
    padding: 7px 10px;
}

    .viewall-btn i {
        margin-right: 4px;
    }

    .viewall-btn:hover {
        color: #ffffff;
    }
/* Search Course */
.search-course {
    float: left;
    width: 100%;
    padding: 30px 30px 20px 30px;
    background: url(assets/images/news-bg1.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-color: #b1c5e1;
    margin-bottom: 30px;
}

    .search-course form {
        float: left;
        width: 100%;
        margin-top: 10px;
    }

    .search-course h6 {
        line-height: 20px;
        color: #ffffff !important;
    }

    .search-course ul li {
        float: left;
        width: 100%;
        list-style: none;
        position: relative;
        margin-bottom: 13px;
    }

        .search-course ul li input[type="text"] {
            float: left;
            width: 100%;
            height: 38px;
            border-radius: 4px;
            color: #aaaaaa;
            font-size: 12px;
            box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.1);
            padding: 0px 0px 0px 32px;
        }

        .search-course ul li i {
            position: absolute;
            left: 10px;
            top: 13px;
            color: #aaaaaa;
            z-index: 2;
        }

        .search-course ul li input[type="submit"] {
            float: left;
            padding: 7px 14px 7px 14px;
            color: #ffffff;
            border: none;
            font-size: 16px;
            font-weight: bold;
            text-transform: uppercase;
            margin-right: 18px;
            width: 100%;
            border-radius: 3px;
            box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.1);
        }

        .search-course ul li.search-submit {
            margin-top: 9px;
        }

            .search-course ul li.search-submit i {
                color: #ffffff;
                left: 42px;
                top: 14px;
            }

            .search-course ul li.search-submit a i {
                position: static;
            }

            .search-course ul li.search-submit a {
                color: #ffffff;
                float: left;
                padding: 7px 0px 0px 0px;
                width: 100%;
                text-align: center;
            }

    .search-course .select-style option {
        padding: 10px;
        border-bottom: 1px solid #ccc;
    }
/* Call To Action */
.ac-classic .icon i {
    display: inline-block;
    width: 47px;
    height: 47px;
    background-color: #f3f3f3;
    border: 2px solid #ffffff;
    border-radius: 100%;
    color: #999999;
    font-size: 20px;
    padding: 0px 0px 0px 0px;
    margin-bottom: 22px;
}
/* PriceTable */
.cs-price-table thead {
    background: #a4adb1;
    color: #fff;
}

    .cs-price-table thead th {
        padding: 3px 19px;
        text-transform: uppercase;
    }

    .cs-price-table thead tr th,
    .cs-price-table > tbody > tr > th, .cs-price-table > thead > tr > td, .cs-price-table > tbody > tr > td {
        border-color: rgba(187,198,203,0.5);
        border-top: none;
        border-bottom: none;
        border-left: none;
    }

.cs-price-table tbody tr td:last-child {
    border-right: none;
}

.cs-price-table tbody tr td {
    color: #333333;
    font-size: 13px;
    padding: 10px 19px 10px 19px;
}

.cs-price-table tbody tr:nth-child(odd) {
    background-color: #e1e8eb;
}

/* Courses */
.cs-filterable {
    background: #f9f9f9;
    overflow: hidden;
    padding: 10px 20px;
    border-top: 1px solid #eaeae8;
    border-bottom: 1px solid #eaeae8;
    margin-bottom: 12px;
}

    .cs-filterable .cs-sort {
        float: left;
    }

        .cs-filterable .cs-sort li {
            list-style: none;
            display: inline-block;
            vertical-align: middle;
            margin: 0 14px 0 0;
        }

            .cs-filterable .cs-sort li span {
                font-size: 14px;
                display: block;
                line-height: 17px;
                color: #000;
                font-weight: 500;
            }

        .cs-filterable .cs-sort .select-holder {
            position: relative;
            overflow: hidden;
            border: 1px solid #e8e8e8;
        }

            .cs-filterable .cs-sort .select-holder:after {
                position: absolute;
                right: 0;
                top: -1px;
                width: 34px;
                height: 34px;
                background: #f4f4f4;
                content: '\f0dd';
                font-family: 'icomoon';
                text-align: center;
                pointer-events: none;
                border-left: 1px solid #e8e8e8;
            }

            .cs-filterable .cs-sort .select-holder:before {
                position: absolute;
                left: 0;
                top: -1px;
                width: 34px;
                height: 34px;
                content: '';
                font-family: 'icomoon';
                text-align: center;
                color: #aaa;
                line-height: 34px;
                cursor: pointer;
            }

            .cs-filterable .cs-sort .select-holder.cat:before {
                content: '\ea87';
            }

            .cs-filterable .cs-sort .select-holder.filter:before {
                content: '\f0b0';
            }

        .cs-filterable .cs-sort select {
            height: 34px;
            width: 180px;
            border: none;
            border-radius: 2px;
            color: #aaa;
            font-size: 12px;
            padding: 0 40px 0 26px;
            font-family: 'Titillium Web', sans-serif;
        }

    .cs-filterable .cs-views {
        float: right;
    }

        .cs-filterable .cs-views li {
            float: left;
            list-style: none;
            margin: 0 0 0 6px;
        }

            .cs-filterable .cs-views li a {
                height: 34px;
                width: 36px;
                border: 1px solid #e8e8e8;
                border-radius: 2px;
                display: block;
                background: #fff;
                text-align: center;
            }

            .cs-filterable .cs-views li i {
                display: inline-block;
                vertical-align: middle;
                line-height: 34px;
                font-size: 20px;
                color: #aaa;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }
/* Course Listing View */
.cs-courses.listing-view article:first-child {
    border-top: 1px solid #f2f2f2;
    border-bottom: none;
}

.cs-courses.listing-view article:after {
    clear: both;
    content: '';
    display: block;
}

.cs-courses.listing-view article {
    padding: 30px 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
}

    .cs-courses.listing-view article figure {
        width: 250px;
        float: left;
        position: relative;
        margin: 0;
    }

        .cs-courses.listing-view article figure figcaption {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
        }

        .cs-courses.listing-view article figure .course-num {
            position: absolute;
            left: 0;
            bottom: 22px;
            line-height: 25px;
            background: rgba(0,0,0,0.8);
            color: #fff;
            padding: 0 14px;
            font-size: 12px;
            font-family: 'Titillium Web', sans-serif;
        }

    .cs-courses.listing-view article figcaption small {
        font-size: 10px;
        font-weight: 400;
        color: #fff;
        position: absolute;
        left: 10px;
        top: 0;
        z-index: 1;
        padding: 3px 9px 3px;
        line-height: 12px;
        text-transform: uppercase;
        background-color: #f12b2b;
    }

    .cs-courses.listing-view article figure .course-num:after {
        position: absolute;
        left: -4px;
        top: 0;
        width: 4px;
        height: 100%;
        content: '';
    }

    .cs-courses.listing-view article figure ~ .cs-text {
        padding: 0 20px 0 277px;
        font-size: 14px;
        line-height: 20px;
    }

.cs-course-table .cs-courses.listing-view article figure ~ .cs-text {
    padding: 0 20px 0 175px;
}

.cs-courses.listing-view.list-2 article figure ~ .cs-text {
    padding: 17px 20px 0 277px;
}

.cs-courses.listing-view article .price {
    text-transform: none;
    color: #43bba8;
}

    .cs-courses.listing-view article .price span {
        font-weight: 300;
    }

.cs-courses.listing-view article h2 {
    font-size: 20px;
    line-height: 19px;
    color: #333 !important;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 6px;
}

    .cs-courses.listing-view article h2 a {
        color: #333 !important;
    }

.cs-courses.listing-view article p {
    margin: 0 0 14px;
}

.cs-courses.listing-view article .course-tags {
    overflow: hidden;
    margin: 0 0 5px;
}

    .cs-courses.listing-view article .course-tags li {
        float: left;
        list-style: none;
        font-size: 10px;
        line-height: 15px;
        padding: 0 8px 1px;
        background: #43bba8;
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        margin: 0 3px 0 0;
    }

    .cs-courses.listing-view article .course-tags .red {
        background: #f12b2b;
    }

    .cs-courses.listing-view article .course-tags .green {
        background: #5ec97a;
    }

    .detail-block .course-tags li a,
    .cs-courses.listing-view article .course-tags li a {
        color: #fff !important;
    }

.cs-courses.listing-view .course-info {
    overflow: hidden;
}

    .cs-courses.listing-view .course-info li:first-child {
        border-left: none;
        padding: 0 22px 0 0;
    }

    .cs-courses.listing-view .course-info li {
        list-style: none;
        float: left;
        /*min-width: 170px;*/
        border-left: 1px dotted #cbcbcb;
        padding: 0 22px 0 12px;
    }

        .cs-courses.listing-view .course-info li.courses-btn {
            float: right;
            border: none;
            padding: 0;
        }

    .cs-courses.listing-view .course-info .courses-btn a {
        display: inline-block;
        width: 29px;
        height: 29px;
        border-radius: 100%;
        text-align: center;
        vertical-align: middle;
        border: 1px solid #a8a8a8;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .cs-courses.listing-view .course-info .courses-btn a:hover i {
            color: #fff;
        }

        .cs-courses.listing-view .course-info .courses-btn a i {
            font-size: 20px;
            color: #a8a8a8;
            margin: -3px 0 0 0;
        }

.listing-view.list-2 article .cs-text {
    position: relative;
}
/*.listing-view.list-2 article .course-tags {
	right: 5px;
    position: absolute;
	top: 0;
}*/
.cs-courses.listing-view .course-info figure {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    overflow: hidden;
    float: left;
    margin: 0 10px 0 0;
}

.cs-courses.listing-view .course-info .details {
    float: left;
}

.cs-courses.listing-view .course-info .title {
    display: block;
    color: #777;
    font-size: 10px;
    line-height: 12px;
    font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
    margin: 0 0 -4px;
}

.cs-courses.listing-view .course-info i {
    display: inline-block;
    vertical-align: middle;
    color: #ccc;
    font-size: 12px;
    line-height: 32px;
    margin-top: 10px;
}

.cs-courses.listing-view .course-info .value {
    display: inline-block;
    vertical-align: middle;
    color: #444;
    font-size: 12px;
    line-height: 15px;
    font-family: 'Titillium Web', sans-serif;
    margin: 0 0 0 4px;
}

/* Listing view 2 */

.cs-courses.listing-view.list-2 article:first-child,
.cs-courses.listing-view.list-2 article {
    padding: 0;
}

.cs-courses.listing-view.list-2 article {
    margin: 0 0 30px;
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.13);
}

    .cs-courses.listing-view.list-2 article .course-tags li {
        float: right;
        margin: 0;
    }

.cs-courses.listing-view.list-2 .course-info .value {
    margin: 0;
    font-style: italic;
}

.cs-courses.listing-view.list-2 article .price {
    font-size: 18px;
    line-height: 32px;
    float: right;
}

/* Course Table */
.cs-course-table .head {
}

    .cs-course-table .head ul {
        overflow: hidden;
    }

        .cs-course-table .head ul li:first-child {
            width: 57.6%;
        }

        .cs-course-table .head ul li:nth-child(even) {
            background: rgba(0,0,0,0.1);
        }

        .cs-course-table .head ul li {
            float: left;
            color: #fff;
            list-style: none;
            line-height: 40px;
            text-transform: uppercase;
            padding: 0 14px;
            font-family: 'Titillium Web', sans-serif;
            font-weight: 500;
            width: 18.8%;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
        }

.cs-course-table .content {
    background: #f1f1f1;
    padding: 15px 20px;
    border: solid #e6e6e6;
    border-width: 0 1px;
}

    .cs-course-table .content article {
        margin: 0 0 3px;
    }

    .cs-course-table .content .title-bar > ul {
        background: #fff;
        border: 1px solid #ccc;
    }

    .cs-course-table .content article:nth-child(even) .title-bar > ul {
        background: #f5f5f5;
    }

    .cs-course-table .content .title-bar > ul:after {
        clear: both;
        content: '';
        display: block;
    }

    .cs-course-table .content .title-bar > ul > li:first-child {
        color: #333;
        font-family: 'Titillium Web', sans-serif;
        font-weight: 500;
        width: 58%;
        font-size: 16px;
        border-left: none;
    }

    .cs-course-table .content .title-bar > ul > li {
        float: left;
        list-style: none;
        width: 19%;
        font-size: 12px;
        padding: 0 15px;
        line-height: 38px;
        border-left: 1px solid #e6e6e6;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        color: #666;
    }

    .cs-course-table .content .title-bar > ul > .opener {
        width: 40px;
        padding: 0;
        float: right;
        font-family: 'Titillium Web', sans-serif;
        font-weight: 300;
    }

        .cs-course-table .content .title-bar > ul > .opener a {
            display: block;
            text-align: center;
            font-size: 24px;
            color: #989898;
        }

    .cs-course-table .content .active .title-bar > ul > .opener {
        background: #fff;
        position: relative;
        bottom: -1px;
        z-index: 99;
    }

    .cs-course-table .content .cs-courses {
        padding: 20px 20px 20px 15px;
        background: #fff;
        border: solid #e6e6e6;
        border-width: 0 1px 1px;
    }

        .cs-course-table .content .cs-courses article {
            padding: 0;
            border: none;
        }

            .cs-course-table .content .cs-courses article > figure {
                width: 156px;
            }
/* Course Details Page */

.cs-course-detail .cs-heading-sec .inner-sec {
    padding: 25px 0 0 30px;
}

.cs-detail-area {
    padding: 0;
    margin: 0 0 20px;
    border: 1px solid #f4f4f4;
    padding: 30px;
}

    .cs-detail-area:after {
        clear: both;
        display: block;
        content: '';
    }

    .cs-detail-area figure {
        width: 340px;
        float: left;
    }

    .cs-detail-area .detail-block {
        overflow: hidden;
        padding: 0 0 0 20px;
    }

    .cs-detail-area .course-tags {
        overflow: hidden;
        margin: 0 0 17px;
    }

        .cs-detail-area .course-tags li {
            float: left;
            list-style: none;
            font-size: 12px;
            line-height: 18px;
            padding: 2px 10px;
            background: #43bba8;
            color: #fff;
            text-transform: uppercase;
            font-weight: 700;
            margin: 0 3px 0 0;
        }

        .cs-detail-area .course-tags .red {
            background: #f12b2b;
        }

        .cs-detail-area .course-tags .green {
            background: #5ec97a;
        }

    .cs-detail-area .start-date {
        display: block;
        font-size: 14px;
        color: #444;
        margin: 0 0 14px;
    }

        .cs-detail-area .start-date span {
            color: #b1b9bc;
        }

        .cs-detail-area .start-date i {
            color: #b1b9bc;
            font-size: 18px;
            line-height: 20px;
            display: inline-block;
            vertical-align: middle;
            margin: 0 10px 0 0;
            width: 19px;
        }

    .cs-detail-area .timing i {
        color: #b1b9bc;
        font-size: 18px;
        line-height: 20px;
        display: inline-block;
        vertical-align: middle;
        margin: 0 10px 0 0;
    }

    .cs-detail-area .timing {
        display: block;
        font-size: 14px;
        line-height: 14px;
        color: #444;
        margin: 0 0 20px;
    }

        .cs-detail-area .timing span {
            display: inline-block;
            vertical-align: top;
            border: 1px solid #b7b7b7;
            border-radius: 2px;
            font-size: 10px;
            padding: 0 3px;
            line-height: 16px;
            text-transform: uppercase;
            color: #868686;
            margin: 1px 0 0 6px;
        }

    .cs-detail-area .address-box {
        padding: 20px 0;
        border-top: 1px solid #f2f2f2;
        border-bottom: 1px solid #f2f2f2;
        overflow: hidden;
    }

        .cs-detail-area .address-box .price-box {
            float: right;
            width: 124px;
            border: 1px solid #f2f2f2;
            border-radius: 2px;
            text-align: center;
        }

        .cs-detail-area .address-box .price {
            display: block;
            line-height: 35px;
            border-bottom: 1px solid #f2f2f2;
            color: #43bba8;
            font-size: 16px;
            font-weight: 700;
            font-family: 'Titillium Web', sans-serif;
        }

            .cs-detail-area .address-box .price span {
                font-weight: 300;
            }

        .cs-detail-area .address-box .price-box a {
            display: block;
            font-size: 12px;
            font-weight: 700;
            line-height: 37px;
            text-transform: uppercase;
        }

        .cs-detail-area .address-box address {
            font-style: normal;
            overflow: hidden;
            padding: 0;
            margin: 0;
        }

            .cs-detail-area .address-box address .title {
                display: block;
                color: #999;
                text-transform: uppercase;
                margin: 0 0 2px;
                font-weight: bold;
            }

            .cs-detail-area .address-box address p {
                font-size: 13px;
                color: #222;
                margin: 0 0 6px;
            }

            .cs-detail-area .address-box address .map-btn {
                display: inline-block;
                vertical-align: middle;
                background: #3397c9;
                padding: 2px 10px;
                line-height: 17px;
                border-radius: 2px;
                font-size: 12px;
                color: #fff;
                text-transform: uppercase;
                font-weight: 700;
            }

.cs-course-detail h5 {
    font-weight: 700;
    text-transform: uppercase;
}

.activedetail .media .media-left {
    float: left;
}

.activedetail .media .media-body {
    overflow: hidden;
    width: auto;
}

.cs-team.team-box h4 a {
    color: #fff !important;
}

.cs-course-detail .team-box h5 {
    margin-bottom: 15px;
}

.cs-course-detail .cs-features {
    margin: 0 0 26px;
}

    .cs-course-detail .cs-features ul {
        overflow: hidden;
        border-left: 1px solid #f4f4f4;
        border-top: 1px solid #f4f4f4;
    }

    .cs-course-detail .cs-features li {
        float: left;
        min-width: 312px;
        list-style: none;
        line-height: inherit;
        padding: 20px;
        background: #fcfcfc;
        border: solid #f4f4f4;
        border-width: 0 1px 1px 0;
    }

    .cs-course-detail .cs-features .feat-detail {
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 0 10px;
    }

        .cs-course-detail .cs-features .feat-detail span {
            font-size: 12px;
            line-height: 15px;
            display: block;
        }

        .cs-course-detail .cs-features .feat-detail .title {
            color: #777;
            margin: 0 0 2px;
        }

        .cs-course-detail .cs-features .feat-detail .value {
            color: #444;
            font-weight: bold;
        }

    .cs-course-detail .cs-features i {
        font-size: 37px;
        line-height: 21px;
        display: inline-block;
        vertical-align: middle;
        width: 34px;
    }

.cs-detail-text {
    margin: 0 0 26px;
}

    .cs-detail-text p {
        margin: 0 0 10px;
    }

    .cs-detail-text .tab-content p {
        margin: 0 0 5px 0;
    }

    .cs-detail-text .tab-content span {
        margin: 0 0 7px 0;
        font-size: 15px;
        display: block;
    }

.cs-tabs .tab-content ul {
    padding: 15px 0 0 0;
}

.cs-tabs .tab-nav {
    border-left: 1px solid #e6e6e6;
    display: inline-block;
    vertical-align: top;
    box-shadow: 0 -2px 5px 0 rgba(0,0,0,0.13);
    position: relative;
    z-index: 99;
}

.cs-course-detail .cs-tabs {
    padding: 20px 0 0 0;
}

.cs-tabs .tab-nav:after {
    content: '';
    display: block;
    clear: both;
}

.cs-tabs .tab-nav li {
    list-style: none;
    border: solid #e6e6e6;
    border-width: 1px 1px 0 0;
    float: left;
    line-height: inherit;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
    position: relative;
    background: #fff;
}

    .cs-tabs .tab-nav li.active {
        border-bottom: 1px solid #fff;
        margin: 0 0 -1px;
    }

        .cs-tabs .tab-nav li.active:after {
            position: absolute;
            left: 0;
            top: 0;
            height: 2px;
            width: 100%;
            content: '';
        }

    .cs-tabs .tab-nav li a {
        color: #000;
        display: block;
        padding: 20px 40px;
    }

.cs-tabs .tab-content {
    border: 1px solid #e6e6e6;
    padding: 25px 30px 30px;
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.13);
}

    .cs-tabs .tab-content ul li {
        list-style: none;
        color: #333;
        font-size: 13px;
        line-height: 16px;
        margin: 0 0 10px;
    }

    .cs-tabs .tab-content ul i {
        display: inline-block;
        vertical-align: middle;
        margin: 0 8px 0 0;
    }

.cs-document-list {
    margin-bottom: 30px;
    overflow: hidden;
    float: left;
}

    .cs-document-list h5 {
        margin-bottom: 15px;
    }

    .cs-document-list ul {
        float: left;
        width: 100%;
        background: #e5ecf6;
        padding: 10px 0 0;
        border-radius: 3px;
    }

    .cs-document-list li {
        border: 1px solid #f5f5f5;
        float: left;
        list-style: outside none none;
        margin: 0 10px 10px 10px;
        width: 293px;
        background: #fff;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .cs-document-list li:hover a,
        .cs-document-list li:hover .icon i {
            color: #fff !important;
        }

        .cs-document-list li .icon {
            display: inline-block;
            height: 68px;
            text-align: center;
            vertical-align: middle;
            width: 62px;
        }

            .cs-document-list li .icon i {
                color: #fff;
                display: inline-block;
                font-size: 30px;
                line-height: 68px;
                margin: 0 0 0 4px;
                vertical-align: middle;
            }

        .cs-document-list li .title {
            color: #333;
            display: inline-block;
            font-size: 14px;
            vertical-align: middle;
        }
/* Gallery plain */
.cs-gallery.plain figure {
    float: left;
    width: 100%;
    margin: 0 0 14px;
    position: relative;
}

.cs-gallery figure a {
    z-index: 99;
}

.cs-gallery.plain figcaption {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    text-align: left;
    height: auto;
}

    .cs-gallery.plain figcaption span {
        background: rgba(0,0,0,0.6);
        display: inline-block;
        vertical-align: top;
        text-transform: uppercase;
        line-height: 20px;
        padding: 0 6px;
        font-size: 11px;
        color: #fff;
        margin: 0 0 0 10px;
    }

.cs-gallery-slider #slider {
    position: relative;
    margin: 0 0 6px;
}

    .cs-gallery-slider #slider ul li {
        position: relative;
        list-style: none;
    }

    .cs-gallery-slider #slider .flex-pauseplay {
        background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
        bottom: 24px;
        color: #ffffff;
        cursor: pointer;
        height: 25px;
        position: absolute;
        right: 37px;
        transition: all 0.3s ease-in-out 0s;
        width: 25px;
        z-index: 10;
    }

    .cs-gallery-slider #slider .flex-direction-nav a {
        background-color: rgba(0, 0, 0, 0.8);
        bottom: 24px;
        right: 64px;
        color: #ffffff;
        cursor: pointer;
        display: block;
        font-size: 21px;
        height: 25px;
        overflow: hidden;
        position: absolute;
        text-align: center;
        text-decoration: none;
        transition: all 0.3s ease-in-out 0s;
        width: 25px;
        z-index: 10;
    }

    .cs-gallery-slider #slider .flex-direction-nav .flex-prev {
        right: 64px;
    }

    .cs-gallery-slider #slider .flex-direction-nav .flex-next {
        right: 10px;
    }

    .cs-gallery-slider #slider .flex-pauseplay a {
        color: #ffffff;
        float: left;
        text-indent: -9999px;
        position: relative;
    }

        .cs-gallery-slider #slider .flex-pauseplay a:before {
            content: "\ea89";
            font-family: 'icomoon';
            position: absolute;
            left: 6px;
            top: 3px;
            color: #ffffff;
            text-indent: 0px;
        }

        .cs-gallery-slider #slider .flex-pauseplay a.flex-play:before {
            content: "\ea88";
        }

.cs-gallery-slider #carousel .flex-direction-nav {
    display: none;
}
/*.cs-gallery-slider #carousel .flex-viewport{ margin: 0 0 0 -8px; }*/
.cs-gallery-slider #carousel .flex-viewport li {
    margin: 0 10px 0 0 !important;
    position: relative;
    cursor: pointer;
}

    .cs-gallery-slider #carousel .flex-viewport li:after {
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(255,255,255,0.5);
        content: '';
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .cs-gallery-slider #carousel .flex-viewport .flex-active-slide:after,
    .cs-gallery-slider #carousel .flex-viewport li:hover:after {
        background: none;
    }
/* Footer */
.newsletter-section {
    float: left;
    width: 100%;
    background-color: #f9f9f9;
    padding: 30px 0px 25px 0px;
}

    .newsletter-section [class*="col-md-"], .main-banner [class*="col-md-"] {
        margin-bottom: 0px;
    }

.footer-logo {
    float: left;
}

span.newsletter-title {
    color: #222;
    float: left;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 4px 0 0;
    text-transform: uppercase;
}

.newsletter-from {
    float: right;
    position: relative;
}

    .newsletter-from input[type="email"] {
        float: left;
        width: 340px;
        height: 40px;
        border: 1px solid #e8e8e8;
        padding: 0px 0px 0px 45px;
        font-size: 14px;
        color: #aaaaaa;
    }

    .newsletter-from i {
        position: absolute;
        left: 16px;
        top: 11px;
        font-size: 16px;
        color: #e0e0e0;
    }

    .newsletter-from input[type="submit"] {
        float: left;
        padding: 10px 25px 9px;
        color: #ffffff;
        font-weight: bold;
        border: none;
        font-size: 16px;
        margin-left: 8px;
        text-transform: uppercase;
    }
/* Widget Section Title */
.widget-section-title {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

    .widget-section-title h2 {
        color: #222222;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 600;
    }

.cs-error-msg {
    width: 45%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

footer .newsletter-section .cs-error-msg {
    font-size: 12px;
    padding: 0 0 0 20px;
    text-transform: uppercase;
    position: absolute;
    top: -20px;
    left: -20px;
}
/* Footer Widget */
#footer-widget {
    float: left;
    width: 100%;
    background: url(assets/images/footer-illustration.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: #f3f3f3;
    position: relative;
    padding: 35px 0px 10px 0px;
}
/* Contact Widget */
.widget_text ul li {
    float: left;
    width: 100%;
    list-style: none;
    padding: 0px 0px 18px 40px;
    position: relative;
}

.widget.widget_text ul li a {
    padding-left: 0;
}

.widget.widget_text ul li:hover a {
    padding-left: 0;
}

.widget_text ul li i {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 28px;
    height: 28px;
    border: 2px solid #d3d3d3;
    border-radius: 100%;
    color: #999999;
    text-align: center;
    font-size: 12px;
    padding: 5px 0px 0px 0px;
}

.widget_text ul li p span {
    display: block;
    font-size: 11px;
    color: #999999;
    text-transform: uppercase;
    line-height: 1;
}

.widget_text ul li p {
    margin: 0px;
}
/* Widget Gallery */
.widget_gallery .gallery-list {
    margin: 0 0 0 -10px;
}

    .widget_gallery .gallery-list li {
        float: left;
        position: relative;
        width: 25%;
        padding: 0 0 10px 9px;
        list-style: none;
    }

        .widget_gallery .gallery-list li a {
            position: relative;
            float: left;
            width: 100%;
            padding: 0;
        }

            .widget_gallery .gallery-list li a:before {
                background-color: rgba(0,0,0,0.2);
                content: "";
                height: 100%;
                left: 0;
                opacity: 0;
                position: absolute;
                top: 0;
                visibility: hidden;
                width: 100%;
                z-index: 0;
            }

            .widget_gallery .gallery-list li a:after {
                color: #fff;
                content: "\f112";
                font-family: 'icomoon';
                font-size: 12px;
                left: 50%;
                margin: -12px 0 0 -6px;
                position: absolute;
                top: 50%;
                visibility: hidden;
                opacity: 0;
                z-index: 2;
            }

            .widget_gallery .gallery-list li a:hover:before, .widget_gallery .gallery-list li a:hover:after {
                visibility: visible;
                opacity: 1;
            }

        .widget_gallery .gallery-list li:hover a {
            padding: 0;
        }

    .widget_gallery .gallery-list img {
        width: 100%;
        height: auto;
    }
/* Category Widget */
.widget_cetegories ul li {
    list-style: none;
    float: left;
    width: 100%;
    line-height: 1;
    padding: 6px 4px 7px 4px;
    border-bottom: 1px solid #e4e4e4;
}

    .widget_cetegories ul li:first-child {
        padding-top: 0px;
    }

    .widget_cetegories ul li a {
        color: #222222;
        font-size: 13px;
    }

        .widget_cetegories ul li a:before {
            content: "\f101";
            font-family: 'icomoon';
            float: left;
            color: #9f9f9f;
            margin: 0px 10px 0px 0px;
            font-size: 11px;
        }

        .widget_cetegories ul li a:hover:before {
            content: "\f00c";
            -webkit-transition: all 0.4s linear;
            -moz-transition: all 0.4s linear;
            -ms-transition: all 0.4s linear;
            -o-transition: all 0.4s linear;
            transition: all 0.4s linear;
        }

.social-media ul li a:hover[data-original-title="Twitter"], .social-media ul li a:hover,
.social-media ul li a:hover[data-original-title="GooglePlus"], .social-media ul li a:hover[data-original-title="Instagram"],
.social-media ul li a:hover[data-original-title="Youtube-Play"] {
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    background-color: #fff;
    color: #08387f;
}
/* Bottom Footer */
.bottom-footer {
    float: left;
    width: 100%;
    background-color: #1f1f1f;
    padding: 25px 0px;
    border-top: 3px solid;
    position: relative;
}

    .bottom-footer [class*="col-md-"] {
        margin-bottom: 0px;
    }

.copyright {
    float: left;
    padding: 10px 0 0;
}

    .copyright p {
        color: #797979;
        text-transform: uppercase;
    }

footer .wpml-ls-statics-shortcode_actions {
    display: inline-block;
    margin: 7px 0 0 10px;
}

    footer .wpml-ls-statics-shortcode_actions ul {
        margin: 0;
        padding: 0;
    }

        footer .wpml-ls-statics-shortcode_actions ul li {
            list-style: none;
            padding: 0;
            margin: 0;
            position: relative;
        }

            footer .wpml-ls-statics-shortcode_actions ul li a {
                color: #fff;
            }

                footer .wpml-ls-statics-shortcode_actions ul li a img {
                    display: inline-block;
                    margin: 0 5px 0 0;
                }

            footer .wpml-ls-statics-shortcode_actions ul li ul {
                position: absolute;
                left: -17px;
                bottom: 20px;
                background: #1f1f1f;
                border-radius: 3px;
                width: 100px;
                padding: 0 10px 5px;
                opacity: 1;
                visibility: hidden;
                -webkit-transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out;
                -ms-transitio .copyright p an: all .3s ease-in-out;
                -o-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
                box-shadow: 0 0 5px 0 rgba(255, 255, 255, 0.4);
            }

            footer .wpml-ls-statics-shortcode_actions ul li:hover ul {
                visibility: visible;
                opacity: 1;
                bottom: 36px;
            }

footer .wpml-ls-sub-menu:after {
    content: '';
    position: absolute;
    left: 43px;
    bottom: -8px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 8px solid #fff;
}

.bottom-footer .social-media {
    float: right;
}

.social-media h6 {
    float: left;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    margin: 11px 12px 0px 0px;
}

.social-media ul {
    float: left;
}

    .social-media ul li {
        float: left;
        list-style: none;
        margin-left: 5px;
    }

        .social-media ul li a {
            float: left;
            width: 37px;
            height: 37px;
            color: #ffffff;
            background-color: #1f3951;
            text-align: center;
            padding: 11px 0px 0px 0px;
        }

            .social-media ul li a[data-original-title="Twitter"] {
                background-color: #5086df;
            }

            .social-media ul li a[data-original-title="GooglePlus"] {
                background-color: #d04044;
            }

            .social-media ul li a[data-original-title="Instagram"] {
                background-color: #08387f;
            }

            .social-media ul li a[data-original-title="Youtube-Play"] {
                background-color: #ff0007;
            }

#backtop {
    position: absolute;
    left: 0px;
    top: -42px;
    background-color: #f3f3f3;
    width: 34px;
    height: 34px;
    color: #1f1f1f;
  /*  border: 2px solid #1f1f1f;*/
    border-radius: 100%;
    font-size: 22px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    #backtop:hover {
        color: #fff;
    }

.cs-blog .post-options, .page-sidebar .cmp-comment, .cs-text-box header time {
    font-style: italic;
}

#cstabs .content-area .cs-text {
    box-shadow: none;
    width: 99.5%;
    padding-bottom: 19px;
}

.content-area .cs-text .social-media ul li {
    margin-bottom: 0;
}

.cs-tabs .tab-content ul {
    padding-top: 20px;
}

.widget .search-course ul li a i {
    left: 40px !important;
    top: 17px;
    font-size: 20px;
}

.widget .search-course ul li.search-submit a {
    position: relative;
    padding: 12px 0 0 20px !important;
}

.cs-course-table .content .title-bar > ul > li:first-child {
    font-weight: 600;
    font-size: 15px;
}

.cs-team.team-box .media-body h4 {
    margin-top: -3px;
    display: inline-block;
}

.fc-content:hover span {
    color: #08387F;
}

.biography h2, .acadimic_experience h2, .skills-sec h4, .cs-testimonial.testimonial-slider h4 {
    font-size: 20px !important;
    font-weight: bold;
    text-transform: uppercase !important;
    color: #222222;
}

.cs-services.cs-classic {
   /* margin-bottom: 60px !important;
    margin-top: 35px;*/
}

.cs-price-table tbody tr td:first-child {
    text-align: left;
}

.cs-price-table tbody tr td {
    text-align: center;
}

/* YASIR CSS */
.main-section {
    width: 100%;
    display: inline-block;
    padding: 27px 0 0 0;
}

/* Page info Style */
.header-element {
    width: 100%;
    float: left;
    margin: 0 0 17px;
}

.pageinfo.col-md-12 {
    margin-bottom: 0;
}

.header-element .pageinfo {
    width: 100%;
    float: left;
}

    .header-element .pageinfo h1 {
        color: #000;
        font-weight: 700;
        margin-bottom: 4px;
    }

    .header-element .pageinfo p {
        margin-bottom: 0;
    }
/* Page info Style End */

/* Filter Style */
.main-filter {
    margin-bottom: 20px;
    width: 100%;
    float: left;
}

    .main-filter[class*="col-md"] {
        margin-bottom: 22px;
    }

.filter-nav {
    width: 100%;
    float: left;
    padding: 10px 10px 10px 20px;
    background-color: #f9f9f9;
    border-top: 1px solid #e7e7e5;
    border-bottom: 1px solid #e7e7e5;
}

    .filter-nav ul li {
        list-style: none;
    }

.cs-filter-menu li {
    float: left;
}

    .cs-filter-menu li .sortby {
        font-size: 14px;
        color: #000;
        font-weight: 600;
        padding: 3px 0 0;
        float: left;
    }

    .cs-filter-menu li .slect-area {
        float: left;
        margin: 0 0 0 20px;
        background-color: #fff;
        border-radius: 3px;
        position: relative;
        padding: 0;
        width: 180px;
        border: 1px solid #e8e8e8;
    }

        .cs-filter-menu li .slect-area i {
            left: 10px;
            position: absolute;
            top: 12px;
            font-size: 14px;
            color: #aaaaaa;
        }

        .cs-filter-menu li .slect-area select {
            border: none;
            float: left;
            color: #aaaaaa;
            font-size: 12px;
            height: 35px;
            padding: 0 0 0 30px;
            background-color: inherit;
        }

        .cs-filter-menu li .slect-area:before {
            position: absolute;
            content: "\f0dd";
            background-color: #f4f4f4;
            font-family: "icomoon";
            padding: 2px 12px 5px;
            pointer-events: none;
            right: 0;
            color: #545353;
            border: 1px solid #e8e8e8;
        }

.grid-filter {
    float: right;
}

    .grid-filter li {
        float: left;
    }

        .grid-filter li a {
            float: left;
            padding: 5px 12px 3px;
            background-color: #fff;
            border-radius: 3px;
            margin: 0 0 0 6px;
            color: #aaaaaa;
            box-shadow: 0 2px 0 #e8e8e8;
            border: 1px solid #e8e8e8;
        }

.faq-holder .cs-filter-menu li .slect-area {
    width: 250px;
}

    .faq-holder .cs-filter-menu li .slect-area select {
        padding: 0 0 0 10px;
    }

.main-filter .question-btn {
    float: right;
    font-size: 12px;
    color: #fff;
    padding: 8px 15px;
    font-weight: 700;
    margin: 3px 0 0;
    border-radius: 3px;
    text-transform: uppercase;
}
/* Filter Style End */

.csmap.col-md-12 {
    margin-bottom: 10px;
}

/* Team Style */
.cs-team.cs-teamgrid {
    margin: 0 0 0 -10px;
}

    .cs-team.cs-teamgrid article {
        padding: 0 0 0 10px;
    }

.cs-team, .cs-teamgrid .text {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

    .cs-team.team-grid .thumbnail.custom-fig {
        text-align: center;
    }

.cs-teamgrid figure {
    margin: 0;
}

    .cs-teamgrid figure:before {
        position: absolute;
        left: 35px;
        bottom: 0;
        content: "";
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #f7f8f8;
    }

.cs-team-slider ul li {
    list-style: none;
}

.cs-teamgrid .text {
    padding: 20px;
    background-color: #f7f8f8;
}

    .cs-teamgrid .text h5 {
        font-weight: 700;
        margin-bottom: 5px;
        text-transform: uppercase;
    }

        .cs-teamgrid .text h5 a {
            color: #222;
        }

    .cs-teamgrid .text span {
        font-size: 12px;
        color: #777;
        position: relative;
        padding: 0 0 0 13px;
    }

        .cs-teamgrid .text span:before {
            position: absolute;
            left: 0;
            top: 8px;
            width: 8px;
            height: 2px;
            content: "";
            background-color: #dadada;
        }

/* Gallry Style */
.cs-gallery {
    width: 100%;
    float: left;
}

    .cs-gallery figure {
        width: 100%;
        float: left;
        margin: 0;
        overflow: hidden;
    }

        .cs-gallery figure figcaption {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            text-align: center;
        }

            .cs-gallery figure figcaption i {
                position: absolute;
                top: 50%;
                color: #fff;
                left: 50%;
                width: 50px;
                height: 50px;
                border-radius: 100%;
                font-size: 24px;
                margin: -25px 0 0 -25px;
                border: 1px solid #97999f;
                padding: 12px 0 0;
                opacity: 0;
                visibility: hidden;
                -webkit-transition: all 0.3s ease-in;
                -moz-transition: all 0.3s ease-in;
                -ms-transition: all 0.3s ease-in;
                -o-transition: all 0.3s ease-in;
                transition: all 0.3s ease-in;
            }

        .cs-gallery figure:hover figcaption i {
            visibility: visible;
            opacity: 1;
        }

        .cs-gallery figure a img {
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -ms-transitio .copyright p an: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }

    .cs-gallery li:hover figure a img {
        transform: scale(1.03);
    }

    .cs-gallery.has-border {
        margin-bottom: 40px;
    }

        .cs-gallery.has-border ul {
            width: 100%;
            float: left;
            padding: 0 0 20px;
            border-bottom: 1px dotted #ccc;
        }

/* Calender Style */
.cs-calendar {
    overflow: auto;
}

.fc-unthemed {
    background-color: #ededed;
    float: left;
    padding-bottom: 20px;
    padding-top: 10px;
    position: relative;
    min-width: 900px;
}

.fc-toolbar .fc-month-button, .fc-toolbar .fc-agendaWeek-button, .fc-toolbar .fc-agendaDay-button, .fc-toolbar .fc-today-button {
    display: none;
}

.fc-toolbar .fc-center {
    float: left;
}

.fc-view-container {
    float: right;
    width: 87%;
}

.fc table {
    margin-bottom: 0;
}

.fc-view-container .fc-view thead th {
    background-color: #000;
    border: none;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 8px 20px;
}

.fc-view-container tbody td {
    background-color: #fff;
    color: #afafaf;
    font-weight: bold;
}

/* 404 Page Style */
.page-not-found {
    margin: 0 auto;
    text-align: center;
    width: 580px;
    padding: 100px 0;
}

    .page-not-found h1 {
        font-size: 120px !important;
        font-weight: bold;
        line-height: 0.7 !important;
        margin: 0 0 15px;
        text-transform: uppercase;
        letter-spacing: -3px;
    }

    .page-not-found h2 {
        font-size: 40px !important;
        color: #333;
        font-weight: 700 !important;
        margin-bottom: 10px;
        text-transform: uppercase;
    }

    .page-not-found p {
        font-size: 16px;
        color: #333;
    }

.icon-box {
    border-bottom: medium none;
    float: left;
    overflow: hidden;
    text-align: center;
    width: 100%;
    margin: 0 0 12px;
    /*overflow:;
    height:100px;*/
}

    .icon-box span:before, .icon-box span:after {
        border-bottom: 1px solid #e5e5e5;
        bottom: 8px;
        content: "";
        height: 4px;
        left: 100%;
        margin: 0 0 0 10px;
        position: absolute;
        width: 9999px;
    }

    .icon-box span:after {
        content: "";
        left: auto;
        right: 100%;
        margin: 0 10px 0 0;
    }

    .icon-box span {
        display: inline-block;
        float: none;
        position: relative;
        vertical-align: top;
        font-size: 60px;
        color: #f4c92f;
    }

/* Page No Search Style */
.page-no-search {
    width: 100%;
    float: left;
}

.headings-area {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ebebe9;
    margin-bottom: 15px;
    padding: 0 0 10px;
}

    .headings-area h6 {
        color: #333;
        font-weight: 700;
        text-transform: uppercase;
    }

.page-no-search .headings-area h2 {
    font-size: 26px;
    color: #333;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
}

.suggestions {
    width: 100%;
    float: left;
    margin: 0 0 20px;
}

    .suggestions ul li {
        float: left;
        list-style: outside none none;
        padding: 0 0 0 15px;
        position: relative;
        width: 100%;
        font-size: 14px;
        color: #333;
    }

        .suggestions ul li::before {
            border-radius: 100%;
            content: "\f101";
            font-family: icomoon;
            font-size: 11px;
            left: 0;
            font-family: "icomoon";
            position: absolute;
            top: 0px;
            color: #999;
        }

.page-no-search .cs-search-area input[type="text"] {
    height: 40px;
    width: 450px;
    border-color: #acacac;
    font-size: 12px;
    color: #aaaaaa;
    padding-left: 15px;
    float: left;
    border-radius: 3px;
}

.page-no-search .cs-search-area label {
    position: relative;
    float: left;
    margin: 0 0 0 10px;
}

    .page-no-search .cs-search-area label:before {
        position: absolute;
        left: 17px;
        top: 12px;
        color: #fff;
        content: "\f002";
        font-family: "icomoon";
    }

.page-no-search .cs-search-area input[type="submit"] {
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 20px 10px 40px;
}

.relevant-search {
    width: 100%;
    float: left;
    margin: 0 0 50px;
}

    .relevant-search .cs-section-title {
        border-bottom: 1px solid #ebebe9;
        margin-bottom: 20px;
        padding: 0 0 15px;
    }

        .relevant-search .cs-section-title h2 {
            margin: 0;
            font-size: 18px;
            color: #333;
            font-weight: 700;
            text-transform: uppercase;
        }

.cs-search-results ul li {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
    list-style: none;
    border-top: 1px solid #f2f2f1;
}

    .cs-search-results ul li:first-child {
        border: none;
        margin: 0;
        padding: 0;
    }

    .cs-search-results ul li figure {
        float: left;
        border: 1px solid #acacac;
        width: 140px;
    }

        .cs-search-results ul li figure ~ .text {
            padding: 0 0 0 160px;
        }

.cs-search-results .text time {
    color: #8b8b8b;
    display: block;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.cs-search-results .text h6 {
    color: #222222;
    font-weight: 700;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.cs-search-results .text p {
    float: left;
    margin-bottom: 0;
}

.cs-search-results .text a {
    font-size: 14px;
    font-weight: 700;
}

.page-no-search .relevant-search .headings-area h2 {
    margin-bottom: 5px;
}

.page-no-search .headings-area p {
    margin-bottom: 5px;
}

.page-no-search .relevant-search .headings-area {
    margin-bottom: 20px;
}

.sitemap-links h6 {
    color: #333;
    font-weight: 700;
    margin: 0 0 5px;
    text-transform: uppercase;
}

.sitemap-links ul {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

    .sitemap-links ul li {
        position: relative;
        color: #333;
        padding: 0 0 0 15px;
        list-style: none;
    }

        .sitemap-links ul li:before {
            border-radius: 100%;
            color: #999;
            content: "�?";
            font-family: "icomoon";
            font-size: 11px;
            left: 0;
            position: absolute;
            top: 0;
        }

/* CS Heading sec */
.cs-heading-sec.col-md-12 {
    margin-bottom: 13px;
}

.cs-heading-sec {
    float: left;
    width: 100%;
}

    .cs-heading-sec .inner-sec {
        padding-bottom: 10px;
        /*border-bottom: 1px solid #ebebe9;*/
    }

        .cs-heading-sec .inner-sec.no-border {
            border: none;
            padding: 0;
        }

            .cs-heading-sec .inner-sec.no-border p {
                margin: 0;
            }

    .cs-heading-sec h1 {
        font-weight: bold;
        margin-bottom: 0;
        line-height: 36px;
        letter-spacing: -1px;
    }

    .cs-heading-sec p {
        margin: 0 0 5px 0;
    }

/* Section Title */
/*.cs-section-title {
	width: 100%;
	float: left;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #f3f3f3;
}
.cs-section-title h2 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
	margin: 0;
}*/
.cs-contact-info .cs-section-title {
    margin-bottom: 10px;
}

.cs-contact-info ul li {
    list-style: none;
    width: 100%;
    float: left;
    margin: 0 0 8px 0;
}

    .cs-contact-info ul li i {
        float: left;
        padding: 5px 0 0;
        width: 18px;
        font-size: 18px;
    }

        .cs-contact-info ul li i ~ span {
            padding: 0 0 0 15px;
            display: inline-block;
        }

    .cs-contact-info ul li span {
        color: #333;
        font-size: 14px;
        line-height: 24px;
    }

        .cs-contact-info ul li span a {
            color: #333;
        }

/* Contect Us Style */

/* Form Style */
.comment-respond,
.cs-plain-form .form-style {
    width: 100%;
    float: left;
    padding: 25px 30px 65px;
    position: relative;
    background: url(assets/images/bg-about.png) left bottom #b1c5e1 no-repeat;
    margin-bottom: 20px;
}

    .comment-respond:before,
    .cs-plain-form .form-style:before {
        content: "";
        position: absolute;
        top: -14px;
        left: 40px;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #b1c5e1;
    }

.cs-plain-form .comment-respond {
    padding: 0;
    position: static;
}

.cs-plain-form .form-style h3 {
    display: none;
}

.comment-respond h3,
.cs-plain-form h4 {
    font-weight: 700;
    color: #fff;
    margin: 0 0 15px 0;
    text-transform: uppercase;
}

.comment-respond label,
.cs-plain-form label {
    float: left;
    position: relative;
    width: 100%;
    margin: 0 0 12px 0;
}

    .comment-respond label i,
    .cs-plain-form label i {
        position: absolute;
        left: 10px;
        top: 12px;
        font-size: 14px;
        color: #aaa;
    }

    .comment-respond label input[type="text"],
    .comment-respond label input[type="email"],
    .cs-plain-form label input[type="text"],
    .cs-plain-form label input[type="email"] {
        width: 50%;
        float: left;
        height: 38px;
        border: none;
        padding: 0 0 0 35px;
        border-radius: 3px;
        color: #aaa;
        box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    }

        .comment-respond label input[type="text"]:focus,
        .comment-respond label input[type="email"]:focus,
        .cs-plain-form label input[type="text"]:focus,
        .cs-plain-form label input[type="email"]:focus {
            box-shadow: 0 0 5px rgba(8,56,127,0.5);
        }

.comment-respond .textaera-sec,
.cs-plain-form .textaera-sec {
    padding: 0 30px 0 12px;
    position: absolute;
    right: 0;
    top: 66px;
    width: 50%;
}

.comment-respond textarea,
.cs-plain-form textarea {
    border: none;
    border-radius: 3px;
    color: #aaa;
    float: left;
    height: 138px;
    width: 100%;
    padding: 10px;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
}

.comment-respond .form-submit,
.cs-plain-form .form-submit {
    position: relative;
}

.comment-respond input[type="submit"],
.cs-plain-form input[type="submit"] {
    border: none;
    position: absolute;
    left: 50%;
    margin: 0 0 0 10px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    top: 3px;
    padding: 10px 30px;
    text-transform: uppercase;
}

.cs-contact-info.has-border .liststyle {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 9;
}

.cs-contact-info.has-border ul {
    border: 1px solid #f2f2f2;
    width: 100%;
    float: left;
    position: relative;
    padding: 25px 25px 15px;
    box-shadow: 0 2px 2px #f2f2f2;
}

    .cs-contact-info.has-border ul:before, .cs-opening:before {
        bottom: -36px;
        color: #f4f4f4;
        font-size: 110px;
        left: -20px;
        position: absolute;
        z-index: -1;
        content: "\f003";
        font-family: "icomoon";
    }

.cs-contact-info.has-border .cs-section-title {
    border: none;
    padding: 0;
    margin: 0 0 20px;
}

.cs-contact-info.has-border li {
    border-top: 1px dotted #dedede;
    padding: 6px 0 0 0;
    margin: 6px 0 0 0;
}

    .cs-contact-info.has-border li:first-child {
        padding: 0 0 25px 0;
        border-top: none;
        margin-top: 0;
    }

.cs-contact-info.has-border ul li span,
.cs-contact-info.has-borders ul li span a {
    color: #818181;
    font-size: 13px;
}

.cs-contact-info.has-border ul li i {
    font-size: 16px;
    width: 15px;
}

    .cs-contact-info.has-border ul li i ~ span {
        padding: 0 0 0 12px;
    }

.opening-hours .cs-section-title {
    border-bottom: none;
    padding: 0;
    margin: 0 0 20px 0;
}

.cs-opening {
    border: 1px solid #f2f2f2;
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    z-index: 9;
    padding: 15px 25px 15px;
    box-shadow: 0 2px 2px #f2f2f2;
    margin-bottom: 20px;
}

    .cs-opening:before {
        content: "\f017";
        bottom: -112px;
        font-size: 170px;
        left: -35px;
    }

    .cs-opening ul li {
        width: 100%;
        float: left;
        padding: 6px 0 0 0;
        margin: 6px 0 0 0;
        list-style: none;
        border-top: 1px dotted #dedede;
    }

        .cs-opening ul li:first-child {
            padding: 0;
            border-top: none;
            margin-top: 0;
        }

        .cs-opening ul li span {
            font-size: 13px;
        }

            .cs-opening ul li span.day {
                color: #818181;
                float: left;
            }

        .cs-opening ul li .timehoure {
            float: right;
        }

            .cs-opening ul li .timehoure .time-start {
                color: #333;
            }

                .cs-opening ul li .timehoure .time-start i {
                    float: left;
                    font-size: 16px;
                    margin: 6px 15px 0 0;
                }
/* Call to Actions Style */
.call-actions {
    float: left;
    padding: 30px 0 15px 30px;
    text-align: left;
    width: 100%;
}

    .call-actions .cell {
        display: inline-block;
        vertical-align: middle;
    }

        .call-actions .cell.heading {
            text-align: left;
            width: 80%;
        }

    .call-actions .heading h5 {
        color: #fff;
        font-weight: 600;
        margin: 0 0 5px;
        text-transform: uppercase;
    }

    .call-actions .heading p {
        color: #f0f0f0;
    }

    .call-actions .cell.call-btn {
        margin: -15px 0 0;
    }

        .call-actions .cell.call-btn a {
            font-size: 16px;
            color: #fff;
            font-weight: 700;
            text-transform: uppercase;
            padding: 8px 25px 10px;
            background-color: #fff !important;
            color: #000;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -ms-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            letter-spacing: 1px;
        }

            .call-actions .cell.call-btn a:hover {
                color: #fff;
            }

    .call-actions.ac-classic.text-center {
        text-align: center;
        padding-left: 0;
    }

        .call-actions.ac-classic.text-center .cell {
            width: 100%;
            text-align: center;
        }

    .call-actions .call-action-inner {
        float: left;
        width: 100%;
        background: url(assets/extra-images/callto-action3.jpg);
        padding: 45px 0 37px 0px;
    }
/* Underconstruction Style */
.under-holder {
    width: 100%;
    float: left;
    background: url(assets/images/bg-under.png) no-repeat 0 270px;
}

.under-wrapp {
    width: 880px;
    margin: 0 auto;
    padding: 100px 0 155px;
    text-align: center;
}

    .under-wrapp .date {
        margin-bottom: 50px;
    }

        .under-wrapp .date span {
            display: inline-block;
            margin: 0 15px;
            box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
            -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
            -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
            box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
            padding: 20px 0px;
            width: 125px;
        }

        .under-wrapp .date .digit {
            display: block;
            font-size: 40px;
            margin: 0 0 6px 0;
            padding: 0;
            box-shadow: none;
            font-weight: bold;
            color: #1055b0;
        }

        .under-wrapp .date .unit {
            display: block;
            font-size: 14px;
            margin: 0 0 6px 0;
            padding: 0;
            box-shadow: none;
        }

    .under-wrapp .cons-icon-area {
        display: inline-block;
        margin: 0 0 40px;
    }

    .under-wrapp .cons-text-wrapp {
        display: inline-block;
        margin: 0 0 30px 0;
    }

        .under-wrapp .cons-text-wrapp h1 {
            font-size: 34px;
            color: #333;
            font-weight: 700;
            text-transform: uppercase;
            margin-bottom: 20px;
        }

        .under-wrapp .cons-text-wrapp p {
            font-size: 15px;
            color: #333;
        }

    .under-wrapp .is-countdown {
        display: inline-block;
        padding: 20px 0;
        position: relative;
        margin: 0 0 40px 0;
        border-top: 1px solid #d7dedc;
        border-bottom: 1px solid #d7dedc;
    }

        .under-wrapp .is-countdown:before {
            position: absolute;
            content: "\e790";
            top: -14px;
            left: 50%;
            width: 26px;
            height: 26px;
            border-radius: 100%;
            color: #fff;
            font-size: 18px;
            line-height: 27px;
            font-family: "icomoon";
            background-color: #d7dedc;
        }

.is-countdown .main-digit-wrapp {
    display: inline-block;
    margin: 0 0 0 10px;
}

    .is-countdown .main-digit-wrapp:nth-child(1) {
        margin: 0;
    }

    .main-digit-wrapp .cs-digit,
    .is-countdown .main-digit-wrapp .px-digit {
        font-size: 40px;
        font-weight: 700;
    }

    .is-countdown .main-digit-wrapp .countdown-period {
        font-size: 40px;
        color: #ccc;
        font-weight: 300;
        text-transform: uppercase;
        margin: 0 0 0 5px;
    }

.cs-social-media {
    display: block;
}

    .cs-social-media ul li {
        list-style: none;
        display: inline-block;
    }

.under-wrapp .cs-social-media li a {
    color: #fff !important;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 100%;
    font-size: 20px;
    margin-right: 8px;
}

    .under-wrapp .cs-social-media li a[data-original-title="Facebook"] {
        background-color: #1f3951;
    }

    .under-wrapp .cs-social-media li a[data-original-title="Twitter"] {
        background-color: #3e9bdd;
    }

    .under-wrapp .cs-social-media li a[data-original-title="Google Plus"] {
        background-color: #d04044;
    }

    .under-wrapp .cs-social-media li a[data-original-title="Instagram"] {
        background-color: #08387f;
    }

    .under-wrapp .cs-social-media li a[data-original-title="youtube-play"] {
        background-color: #ff0007;
    }

    .under-wrapp .cs-social-media li a[data-original-title="Dribbble"] {
        background-color: #ea4c89;
    }

    .under-wrapp .cs-social-media li a[data-original-title="Behance"] {
        background-color: #1769ff;
    }

/* About Us Style */
.image-frame.frame-plane {
    width: 100%;
    float: left;
    padding: 0 0 30px 0;
    border-bottom: 1px dotted #ccc;
}

    .image-frame.frame-plane figure {
        float: left;
    }

    .image-frame.frame-plane section {
        overflow: hidden;
        padding: 30px 40px 28px 35px;
        min-height: 320px;
        background: url(assets/images/bg-about.png) no-repeat left bottom #f3f3f3;
    }

        .image-frame.frame-plane section h4 {
            color: #222;
            font-weight: 600;
            line-height: 24px;
            margin: 0 0 12px;
        }

        .image-frame.frame-plane section p {
            margin-bottom: 20px;
        }

.read-more {
    font-size: 12px;
    color: #999;
    float: left;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Titillium Web', sans-serif;
}

    .read-more i {
        float: left;
        font-size: 8px;
        margin: 5px 5px 0 0;
    }

.cs-seprator {
    width: 100%;
    margin: 0 0 2px;
    display: inline-block;
}

    .cs-seprator .devider1 {
        width: 109px;
        height: 5px;
        display: inline-block;
        background: url(assets/images/spreater-img.png) repeat-x;
        float: none;
        border-bottom: none;
    }

/* Services Style */
.cs-services.modren[class*="col-md"] {
    margin-bottom: 45px;
}

.cs-services.modren figure {
    float: left;
}

.cs-services figure {
    margin-bottom: 12px;
    display: inline-block;
}

.cs-services.modren > figure ~ .text {
    padding: 0 0 0 110px;
}

.cs-services.modren .text h4 {
    font-weight: 600;
    color: #222;
}

.cs-services.modren.top-right figure {
    float: right;
}

.cs-services.modren.top-right > figure ~ .text {
    padding: 0 110px 0 0;
}

.cs-services.modren.top-right .text {
    text-align: right;
}

.cs-services h4 {
    font-weight: 600;
}
/* Services Classic  Style */
.cs-services.cs-classic.left figure {
    float: left;
    /*width: 115px;*/
    margin: 0 25px 0 0;
}

.left {
    text-align: left;
}

.cs-services.cs-classic .text {
    overflow: hidden;
}

.cs-services.cs-classic h4 {
    font-weight: 600;
}

.cs-services.cs-classic .text p {
    margin-bottom: 0px;
}

.to-center {
    text-align: center;
}

.cs-services.cs-classic figure {
    float: none;
    display: inline-block;
    width: auto;
}

.cs-classic.to-center h5 {
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 14px;
}
/* Services Style */
.count-plain {
    width: 100%;
    float: left;
    text-align: center;
}

    .count-plain figure {
        display: inline-block;
        margin: 0 0 10px 0;
    }

        .count-plain figure i {
            color: #999;
            border-radius: 100%;
            display: inline-block;
            background-color: #f3f3f3;
            padding: 15px;
        }

    .count-plain .cs-text a {
        font-size: 50px;
        color: #fff;
        font-weight: 300;
        text-decoration: none;
    }

    .count-plain .cs-text p {
        font-size: 12px;
        color: #fff;
        margin: 0;
        font-weight: 600;
        text-transform: uppercase;
    }
/* Image Frame Style */
.cs-frame {
    width: 100%;
    float: left;
}

    .cs-frame.simple-frame {
        margin: 0 0 0 -8px;
        padding: 0 2px 0 0;
    }

    .cs-frame article {
        padding: 0 0 0 20px;
    }

    .cs-frame h5 {
        color: #111;
        font-weight: 700;
        margin: 0 0 10px 0;
        text-transform: uppercase;
    }

.simple-frame figure {
    float: left;
    margin: 0;
    width: 100%;
    background-color: #fff;
    border: 1px solid #acacac;
}

.classic-frame figure, .box-frame figure {
    float: left;
    padding: 4px;
    margin: 0;
    background-color: #fff;
    border: 1px solid #dddddd;
}

    .box-frame figure:before {
        position: absolute;
        width: 98.8%;
        height: 3px;
        bottom: -4px;
        content: "";
        left: 2px;
        border: 1px solid #dddddd;
        border-top: none;
        background-color: #fff;
    }

.cs-gallery ul li figcaption {
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0,0,0,0.4);
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    pointer-events: none;
}

.cs-gallery.classic-gallery {
    padding-right: 0;
}

.cs-gallery ul li:hover figure figcaption {
    opacity: 1;
    visibility: visible;
    pointer-events: fill;
}

.cs-gallery.classic-gallery ul {
    margin: 0 0 0 0px;
}

    .cs-gallery.classic-gallery ul li {
        padding: 0 15px 15px 0px;
    }
/* FILTER NAV Style */
.cs-main-filterable, .cs-main-filterable .cs-filter-nav {
    float: left;
    width: 100%;
}

    .cs-main-filterable[class*="col-md"] {
        margin: 0;
    }

    .cs-main-filterable .cs-filter-nav li {
        list-style: none;
        padding: 0px;
        float: left;
        margin-left: 10px;
        line-height: 22px;
    }

        .cs-main-filterable .cs-filter-nav li:first-child {
            margin-left: 0px;
        }

    .cs-main-filterable .cs-filter-nav {
        background: none;
        border: none;
        margin: 0px 0 20px 0;
        padding: 0px;
    }

        .cs-main-filterable .cs-filter-nav li a {
            color: #333333;
            font-size: 13px;
            display: block;
            padding: 6px 18px 6px 12px;
            background-color: #f3f3f3;
            border-bottom: 2px solid #ededed;
            border-radius: 3px;
        }

            .cs-main-filterable .cs-filter-nav li a i {
                margin-right: 7px;
                font-size: 18px;
                color: #aaaaaa;
                display: inline-block;
                vertical-align: middle;
            }

            .cs-main-filterable .cs-filter-nav li a.active, .cs-main-filterable .cs-filter-nav li a.active i {
                color: #fff;
            }
/*==========================================
   ISOTOPE FILTERING STYLES
    =====================================================*/

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
/* ISOTOPE CSS3 TRANSACTIONS */
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -ms-transition-property: -ms-transform, opacity;
        -o-transition-property: -o-transform, opacity;
        transition-property: transform, opacity;
    }
        /* DISABLE ISOTOPE CSS3 TRANSACTIONS */
        .isotope.no-transition,
        .isotope.no-transition .isotope-item,
        .isotope .isotope-item.no-transition {
            -webkit-transition-duration: 0s;
            -moz-transition-duration: 0s;
            -ms-transition-duration: 0s;
            -o-transition-duration: 0s;
            transition-duration: 0s;
        }
    /* DISABLE ISOTOPE CSS3 TRANSACTIONS FOR CONTAINERS WITH INFINITE SCROLLING */
    .isotope.infinite-scrolling {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }


/*==========================================
    MEDIA QURIES
    =====================================================*/
@media (max-width: 847px) {
    .flot-nav {
        float: left;
    }
}

@media (max-width: 1090px) {
    .img-thumbnail {
        max-width: 50%;
    }
}

/* Tab Box Style */
/*.cs-tabs.box[class*="col-md"] {
	margin-bottom: 50px;
}*/
.cs-tabs.box {
    margin-bottom: 20px;
}

    .cs-tabs.box .nav-tabs {
        width: 100%;
        float: left;
    }

        .cs-tabs.box .nav-tabs li a {
            font-size: 14px;
            color: #111;
            text-transform: uppercase;
            font-weight: 700;
            border-width: 1px 1px 1px 0px;
            border-style: solid;
            border-color: #e6e6e6;
            border-radius: 0;
            margin: 0;
            position: relative;
            padding: 12px 35px;
            box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.1);
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -ms-transitio .copyright p an: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }

    .cs-tabs.box .nav > li > a:focus, .cs-tabs.box .nav > li > a:hover {
        background-color: #fff;
    }

    .cs-tabs.box .nav-tabs li:first-child a {
        border-left: 1px solid #e6e6e6;
    }

    .cs-tabs.box .nav-tabs li.active a {
        box-shadow: none;
        background: #f7f7f7;
    }

    .cs-tabs.box .nav-tabs li:hover a {
        background: #ccc;
    }

    .cs-tabs.box .nav-tabs li.active a:before {
        position: absolute;
        left: 0;
        top: -1px;
        width: 100%;
        height: 2px;
        content: "";
    }

    .cs-tabs.box .nav-tabs li.active a:after {
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 100%;
        height: 2px;
        content: "";
        background-color: #fff;
    }

    .cs-tabs.box .tab-content {
        width: 100%;
        float: left;
        border: 1px solid #e6e6e6;
        border-top: none;
        padding: 20px 30px 30px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        letter-spacing: 0.2px;
    }

        .cs-tabs.box .tab-content span {
            font-size: 15px;
            float: left;
            width: 100%;
            margin: 0 0 10px 0;
        }

/* CS Twitter Slider Style */
.cs-twitter-section {
    text-align: center;
    width: 770px;
    margin: 0 auto;
    padding: 20px 0 70px;
}

.twitter_widget .flex-control-nav {
    bottom: 0;
}

.cs-twitter-section .cs-twtter {
    margin-bottom: 40px;
}

.flexslider.cs-twitter-slider {
    border: none;
    background: none;
    padding: 0px;
    width: 770px;
    margin: 0 auto;
}

.cs-twitter-slider .cs-twtter i {
    width: 44px;
    height: 44px;
    display: inline-block;
    text-align: center;
    background-color: #fff;
    color: #00acee;
    font-size: 16px;
    border-radius: 100%;
    line-height: 44px;
    margin-bottom: 13px;
}

.cs-twitter-slider .cs-twtter p, .cs-twitter-slider .cs-twtter p a {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    text-transform: capitalize;
    font-weight: 400;
}

.cs-twitter-slider .cs-twtter .infotext span, .cs-twitter-slider .cs-twtter .infotext a {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}

    .cs-twitter-slider .cs-twtter .infotext span:before {
        content: "";
        position: absolute;
        left: -12px;
        top: 10px;
        width: 5px;
        height: 5px;
        background-color: rgba(255,255,255,0.3);
        border-radius: 100%;
    }

.cs-twitter-slider .cs-twtter .infotext span {
    margin-left: 12px;
    position: relative;
}

.cs-twitter-slider .cs-twtter .infotext a {
    margin-right: 12px;
}

.cs-twitter-slider .cs-twtter p a {
    text-decoration: underline;
}

.cs-twitter-slider .flex-pauseplay {
    display: none;
}

.cs-twitter-slider .flex-control-nav li {
    width: auto;
}

.cs-twitter-slider .flex-control-paging li a {
    width: 17px;
    height: 2px;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
}

.cs-twitter-slider .flex-control-nav li {
    display: inline-block;
    margin: 0 2px 0 0 !important;
}

.cs-twitter-slider .flex-control-paging li a.flex-active {
    background: #fff;
    float: left;
    height: 5px;
    margin: -21px 0 0;
}

.cs-twitter-slider .flex-direction-nav {
    display: none;
}

/* FAQ Style */
.panel-group.cs-default .panel {
    box-shadow: none;
    border-style: solid;
    border-color: #e6e6ea;
    margin: 0 0 5px 0;
    width: 100%;
    float: left;
    border-width: 0px 0px 0px 0px;
}

.cs-default .panel-default > .panel-heading {
    background-image: none;
    background-color: #fff;
    padding: 0 0 5px;
}

    .cs-default .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border: none;
    }

.cs-default .panel-body {
    padding: 0;
}

.cs-default .panel-title {
    font-family: 'Titillium Web', sans-serif;
}

    .cs-default .panel-title a {
        color: #333;
        font-size: 16px;
        line-height: 22px;
        text-transform: uppercase;
    }

.panel-group.cs-default .panel:first-child {
    margin-top: 0px;
}

.panel-group.cs-default {
    float: left;
    width: 100%;
}

.faq-holder .cs-section-title {
    margin-bottom: 15px;
}

.panel-group.simple .panel {
    border-radius: 0;
    margin: 0 0 8px;
}

.panel-group.simple .panel-title a i {
    color: rgba(68, 68, 68, 0.2);
    float: left;
    font-size: 10px;
    margin: 9px 12px 0 0;
}

.panel-group.cs-default.simple .panel-heading a {
    display: inline-block;
    position: relative;
    width: 100%;
}

    .panel-group.cs-default.simple .panel-heading a.collapsed {
        color: #333 !important;
    }

        .panel-group.cs-default.simple .panel-heading a.collapsed:before, .panel-group.cs-default.simple .panel-heading a:before {
            background-color: #d7d7d7;
            border-radius: 100%;
            color: #fff !important;
            content: "\ea5d";
            font-family: "icomoon";
            font-size: 15px;
            height: 18px;
            line-height: 15px;
            padding: 2px 0 0 1px;
            position: absolute;
            right: 0;
            text-align: center;
            top: 0;
            width: 18px;
        }

    .panel-group.cs-default.simple .panel-heading a:before {
        content: "\ea55";
        padding: 3px 0 0;
        background-color: #838383;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .panel-group.cs-default.simple .panel-heading a:hover:before {
        color: #fff !important;
    }

.cs-default.simple .panel-body {
    padding: 20px;
    background-color: #f6f6f6;
}

.cs-default.simple .panel-title a {
    font-size: 16px;
    color: #4c4c4c;
    text-transform: capitalize;
}

.cs-default.simple .panel-heading {
    background-color: #fcfcfc;
    padding: 10px 20px;
    border: 1px solid #f4f4f4;
    border-radius: 3px 3px 0 0;
}


/* FAQ Call Action Style */
/* Faq modern style start */
.panel-group.modern .panel {
    border: 1px solid #dddddd;
    padding: 3px 10px;
}

.cs-default.modern .panel-title a {
    display: block;
    text-transform: capitalize;
    position: relative;
}

.panel-group.cs-default.modern .panel-heading a.collapsed {
    color: #333 !important;
}

.panel-group.cs-default.modern .panel-heading a:before {
    position: absolute;
    content: "\eaaf";
    top: 0;
    right: 0;
    font-size: 18px;
    font-family: "icomoon";
    color: #333;
}

.panel-group.cs-default.modern .panel-heading a.collapsed:before {
    position: absolute;
    top: 2px;
    right: 0;
    font-size: 15px;
    font-family: "icomoon";
    content: "\eaad";
    color: #333 !important;
}

.panel-group.cs-default.modern .panel-body p
/* Faq modern style start */
.call-actions.ac-modren {
    /*border: 1px solid #afafaf;*/
}

.call-actions.ac-modren .heading h3 {
    color: #fff;
    font-weight: 600;
    margin: 0 0 5px 0;
}

.call-actions.ac-modren .cell.call-btn a {
    background-color: #f7f7f7;
    font-size: 14px;
    color: #4c4b4b;
    text-transform: uppercase;
    border-radius: 6px;
    border: 1px solid #acacac;
    padding: 5px 30px 6px;
}

/* List Heading Style */
.list-heading {
    width: 100%;
    float: left;
}

    .list-heading h6 {
        color: #111;
        font-weight: 600;
        text-transform: uppercase;
    }

.list-btn {
    font-size: 12px;
    color: #777;
    display: inline-block;
}

    .list-btn i {
        background-color: #c1c1c1;
        border-radius: 100%;
        color: #fff;
        float: left;
        height: 14px;
        line-height: 11px;
        margin: 1px 6px 0 0;
        padding: 2px 2px 0;
        width: 14px;
    }

/* Promo Box Style */
.promo-box {
    width: 100%;
    float: left;
    padding: 30px;
}

    .promo-box h5 {
        color: #fff;
        font-weight: 700;
        text-transform: capitalize;
    }

    .promo-box p {
        color: #fff;
    }

    .promo-box .list-btn {
        color: #fff;
    }

        .promo-box .list-btn i {
            background-color: #fff;
        }

/* List Style */
.cs-list .cs-section-title {
    border: none;
    padding: 0;
    margin: 0 0 10px;
}

    .cs-list .cs-section-title h5 {
        margin: 0;
        font-weight: 700;
        text-transform: uppercase;
    }

.cs-list .cs-iconlist li {
    padding: 2px 4px;
    /*border-bottom: 1px solid #e4e4e4;*/
}

    .cs-list .cs-iconlist li i {
        font-size: 11px;
        color: #999;
        margin: 0 10px 0 0;
    }

    .cs-list .cs-iconlist li i {
        color: #999;
        font-size: 11px;
        margin: 0 10px 0 0;
    }

.cs-list .cs-linked-list li i {
    background-color: #999;
    border-radius: 100%;
    color: #fff;
    font-size: 11px;
    height: 10px;
    line-height: 10px;
    margin: 0 10px 0 0;
    text-align: center;
    width: 10px;
}

.cs-list .cs-iconlist li {
    padding: 2px 4px;
}

.cs-list li {
    list-style: none;
    color: #222;
    width: 100%;
    float: left;
}

.cs-list .cs-linked-list li {
    margin: 0 0 5px;
}

    .cs-list .cs-linked-list li i {
        width: 10px;
        height: 10px;
        color: #fff;
        font-size: 11px;
        text-align: center;
        margin: 0 10px 0 0;
        line-height: 10px;
        border-radius: 100%;
        background-color: #999;
    }

.cs-list .cs-iconlist li i {
    color: #999;
    font-size: 11px;
    margin: 0 10px 0 0;
}

.cs-list .cs-default .panel-title a {
    font-size: 13px;
    color: #111;
    text-transform: none;
}

.cs-list .panel-group.cs-default .panel {
    margin: 0;
}

.cs-list .cs-default .panel-default > .panel-heading {
    padding: 0;
}

.cs-list .cs-default .panel-body {
    padding: 0 0 0 20px;
}

    .cs-list .cs-default .panel-body ul li {
        line-height: 18px;
        margin-bottom: 5px;
    }

    .cs-list .cs-default .panel-body ul {
        width: 100%;
        float: left;
        padding: 0 0 0 15px;
        border-left: 1px solid #e8e8e8;
    }

        .cs-list .cs-default .panel-body ul li a {
            color: #777;
        }

.cs-list .panel-heading a {
    position: relative;
    padding: 0 0 0 20px;
}

.cs-list .panel-heading .collapsed:before {
    position: absolute;
    left: 0;
    width: 12px;
    height: 12px;
    color: #fff;
    top: 4px;
    content: "\eab1";
    font-size: 11px;
    padding: 1px 0 0;
    text-align: center;
    line-height: 12px;
    border-radius: 100%;
    background-color: #999 !important;
    font-family: "icomoon";
}

.cs-list .panel-heading a:before {
    content: "\eaaf";
    position: absolute;
    left: 0;
    width: 12px;
    height: 12px;
    color: #fff;
    top: 4px;
    font-size: 11px;
    text-align: center;
    line-height: 10px;
    border-radius: 100%;
    font-family: "icomoon";
    padding: 2px 0 0;
    text-indent: -0.2px;
}

.cs-list .cs-default .panel-title a.collapsed {
    color: #111 !important;
}

/* Action Classic Style */
.ac-classic.center {
    text-align: center;
}

.call-actions.center .cell {
    width: 100%;
}

.call-actions.ac-classic i {
    width: 47px;
    height: 47px;
    font-size: 23px;
    color: #999;
    line-height: 47px;
    border-radius: 100%;
    display: inline-block;
    background-color: #f3f3f3;
}

.call-actions.ac-classic .ac-text h1 {
    font-size: 26px;
    color: #fff;
    font-weight: 300;
    display: block;
}

/* FAQ2 Style */
.cs-question-list[class*="col-md"] {
    margin-bottom: 20px;
}

.cs-question-list, .cs-answer-list {
    width: 100%;
    float: left;
}

    .cs-question-list ul li, .cs-answer-list ul li {
        list-style: none;
    }

        .cs-question-list ul li a {
            color: #333;
        }

            .cs-question-list ul li a i {
                float: left;
                font-size: 14px;
                margin: 8px 10px 0 0;
            }

    .cs-answer-list .text h5 {
        color: #333;
        line-height: 22px;
        font-weight: 600;
        margin: 0 0 6px 0;
    }

    .cs-answer-list ul li {
        padding: 25px 0 0 0;
        margin: 0 0 25px 0;
        border-top: 1px solid #ebebe9;
    }

    .cs-answer-list .back-top-btn {
        float: left;
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        padding: 8px 20px;
        border-radius: 3px;
        text-transform: uppercase;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    }

.cs-list
/* Event Listing Style */
.events-listing article {
    display: table;
    width: 100%;
    padding: 0 0 24px 0;
    margin: 0 0 30px 0;
    border-bottom: 1px solid #f2f2f2;
}

.date-time {
    float: left;
    text-align: center;
    width: 60px;
    border-radius: 3px;
}

    .date-time span {
        color: #fff;
        display: block;
        font-size: 11px;
        margin: 0;
        padding: 3px 0 4px;
        text-transform: uppercase;
        background-color: #062d66;
        border-radius: 3px 3px 0 0;
    }

    .date-time strong {
        font-size: 28px;
        color: #fff;
        font-weight: 700;
    }

    .date-time em {
        background: #062d66;
        color: #fff;
        display: inherit;
        padding: 3px;
        border-radius: 0 0 3px 3px;
        font-style: normal;
        letter-spacing: 1px;
        line-height: 22px;
        font-size: 16px;
    }

.events-listing .date-time ~ section {
    padding: 0 0 0 92px;
}

.events-listing .text {
    display: inline-block;
    width: 82%;
}

    .events-listing .text span {
        display: inline-block;
    }

.events-listing article {
    border-bottom: 1px solid #ccc;
    display: table;
    margin: 0 0 30px;
    padding: 0 0 24px;
    width: 100%;
}

.events-listing .text span a {
    float: left;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    color: #fff;
    padding: 2px 10px;
    margin: 0 4px 12px 0;
    text-transform: uppercase;
    background-color: #3397c9;
}

.events-listing .text h2 {
    float: left;
    width: 100%;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 7px;
    line-height: 22px;
    text-transform: uppercase;
}

    .events-listing .text h2 a {
        color: #333;
    }
/*.events-listing .post-options {
	width: 100%;
	float: left;
	padding: 0 0 12px;
	margin: 0 0 9px 0;
	background:url(assets/images/spreater-img.png) repeat-x bottom;
}*/
.categories li {
    list-style: none;
    float: left;
    color: #777;
    margin: 0 3px 0 0;
}
    /*.categories li a {
	color: #777;
	float: left;
	margin:0 3px 0 0;
}*/
    .categories li i {
        font-size: 12px;
        color: #ccc;
        margin: 0 9px 0 0;
        display: inline-block;
    }

.events-listing .right-side {
    display: inline-block;
}

.ticket-area {
    float: right;
    text-align: center;
    padding: 0 0 7px;
    position: relative;
    border: 1px solid #d5d5d5;
    position: relative;
    box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.2);
}

    .ticket-area:before {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0px;
        width: 100%;
        height: 1px;
    }

    .ticket-area:after {
        content: "";
        position: absolute;
        right: -1px;
        width: 6px;
        height: 33px;
        box-shadow: 3px 2px 3px 0 rgba(0, 0, 0, 0.1);
        bottom: 0px;
    }

    .ticket-area p {
        margin: 0 0 5px;
        font-size: 24px;
        color: #43bba8 !important;
        display: block;
        padding: 20px 19px;
        font-weight: 700;
        border-bottom: 1px solid #d5d5d5;
    }

        .ticket-area p span {
            font-weight: 300;
        }

    .ticket-area a {
        font-size: 12px;
        color: #666;
        font-weight: 700;
        text-transform: uppercase;
    }

.events-listing .free-btn, .events-listing .cancle-btn {
    background-color: #43bba8;
    border-radius: 3px;
    color: #fff;
    float: right;
    font-size: 14px;
    font-weight: 700;
    padding: 7px 25px 10px;
    text-align: center;
    line-height: 17px;
}

.events-listing .cancle-btn {
    background-color: #d72533;
}

/* Post Option Style */
.post-options li {
    list-style: none;
    float: none;
    color: #777777;
    font-size: 14px;
    margin: 0 15px 0 0;
}

    .post-options li i {
        color: #ccc;
        font-size: 14px;
        float: left;
        margin: 8px 9px 0 0;
    }
/* Post Option Style */

/* Event Grid Style */
.events-grid [class*="col-md"] {
    margin-bottom: 20px;
}

.events-grid figure {
    width: 100%;
    float: left;
    margin-bottom: 0;
}

    .events-grid figure figcaption {
        position: absolute;
        width: 100%;
        height: 100%;
    }

        .events-grid figure figcaption .text {
            position: absolute;
            bottom: 0;
            width: 100%;
            left: 0;
        }

.events-grid .text .cs-event-time {
    float: left;
    font-size: 11px;
    color: #fff;
    position: relative;
    padding: 3px 10px 5px 30px;
    background-color: rgba(8,56,127,0.5);
}

.events-grid .text time i {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    left: 0;
    padding: 6px;
    position: absolute;
    top: 0;
}

.events-grid .text .inner-box {
    width: 100%;
    float: left;
    padding: 12px 15px;
    background-color: rgba(0,0,0,0.6);
}

.events-grid .text h6 {
    text-transform: uppercase;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 2px;
}

    .events-grid .text h6 a {
        color: #fff;
    }

.events-grid .text span {
    color: #fff;
    font-size: 11px;
}

/* Event Detail Style */
.cs-events {
    float: left;
    width: 100%;
}

.events-listing figure {
    float: left;
    width: 160px;
}

    .events-listing figure ~ section {
        padding: 0 0 0 185px;
    }

.event-editor .events-listing .text {
    vertical-align: top;
}

.event-editor .events-listing .post-options {
    background-image: none;
    padding: 0;
}

.event-editor .post-options li {
    font-weight: 300;
    font-size: 14px;
}

    .event-editor .post-options li:last-child {
        display: block;
    }

.event-editor .socialmedia > a {
    float: left;
    margin: 0 10px 0 0;
    padding: 2px 8px 3px 5px;
    border-radius: 5px;
    font-size: 12px;
    color: #fff;
    border: 1px solid #acacac;
}

.socialmedia a i {
    font-size: 14px;
    color: #fff;
    float: left;
    margin: 2px 5px 0 0;
}

.event-editor .socialmedia .add-calender {
    position: relative;
    padding-left: 25px;
}

.add-calender:before {
    content: "";
    height: 14px;
    left: 5px;
    position: absolute;
    top: 4px;
    width: 14px;
    background: url(assets/images/plus-img.png) no-repeat;
}

.event-editor .socialmedia {
    position: relative;
    padding: 0 0 12px;
    float: left;
    width: 100%;
}

    .event-editor .socialmedia > .share-btn:hover ~ .cs-sharepost,
    .event-editor .socialmedia > .add-calender:hover ~ .add_calendar {
        opacity: 1;
        visibility: visible;
        z-index: 1;
    }

    .event-editor .socialmedia ul:hover {
        opacity: 1;
        visibility: visible;
        z-index: 1;
    }
    /*.event-editor .socialmedia ul{
	position: absolute;
	right: 22px;
	top:100%;
	border:1px solid #ccc;
	padding: 10px 22px;
	background: #fff;
	z-index: -1;
	opacity: 0;
	visibility:visible;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}*/
    .event-editor .socialmedia ul {
        background: #fff none repeat scroll 0 0;
        border: 1px solid #d5d5d5;
        border-radius: 3px;
        top: -100px;
        box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
        display: inline-block;
        left: 131px;
        opacity: 0;
        padding: 20px;
        position: absolute;
        visibility: hidden;
        width: 362px;
        -webkit-transition: all .45s ease;
        -moz-transition: all .45s ease;
        -ms-transition: all .45s ease;
        -o-transition: all .45s ease;
        transition: all .45s ease;
    }

        .event-editor .socialmedia ul:before {
            content: "";
            position: absolute;
            left: 53px;
            bottom: -11px;
            width: 20px;
            height: 20px;
            border: 2px solid #d5d5d5;
            background-color: #fff;
            transform: rotate(-24deg) rotate(-20deg);
            border-top: none;
            border-right: none;
        }

    .event-editor .socialmedia .add_calendar {
        right: auto;
        left: 0;
        width: auto;
    }

    .event-editor .socialmedia ul li {
        list-style: none;
        float: left;
    }

    .event-editor .socialmedia ul a {
        display: block;
        width: 40px;
        height: 40px;
    }

    .event-editor .socialmedia .add_calendar a {
        text-align: center;
        border: 1px solid #ccc;
    }

    .event-editor .socialmedia ul i {
        float: none;
        display: block;
        line-height: 34px;
        color: #fff;
        font-size: 18px;
        text-align: center;
    }

    .event-editor .socialmedia ul a i[data-original="facebook"] {
        background: #1f3951;
    }

    .event-editor .socialmedia ul a i[data-original="twitter"] {
        background: #5086df;
    }

    .event-editor .socialmedia ul a i[data-original="googleplus"] {
        background: #d04044;
    }

    .event-editor .socialmedia ul a i[data-original="instagram"] {
        background: #08387f;
    }

    .event-editor .socialmedia ul a i[data-original="youtube-play"] {
        background: #ff0007;
    }

    .event-editor .socialmedia ul a i[data-original="plus3"] {
        background: #ffcc00;
    }

    .event-editor .socialmedia ul a[data-original-title='Dribbble'] i {
        background: #ea4c89;
    }

    .event-editor .socialmedia ul a[data-original-title='Tumblr'] i {
        background: #32506d;
    }

    .event-editor .socialmedia img {
        display: inline-block;
        vertical-align: middle;
        margin: 7px 0 0;
    }

.event-editor .csmap {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.section-title {
    width: 100%;
    float: left;
    margin: 0 0 15px 0
}

    .section-title h2 {
        font-size: 20px;
        color: #222;
        font-weight: 700;
        text-transform: uppercase;
    }

.event-editor .section-title h2 {
    margin: 0;
}

.event-editor .events-listing article {
    margin-bottom: 20px;
}

.event-timeline {
    padding-top: 10px;
}

    .event-timeline, .event-timeline article {
        width: 100%;
        float: left;
    }

        .event-timeline article {
            position: relative;
            padding: 0 0 0 25px;
            margin: 0 0 3px;
        }

            .event-timeline article:before {
                position: absolute;
                left: -2px;
                top: -2px;
                font-size: 18px;
                content: "\e790";
                font-family: "icomoon";
            }

            .event-timeline article h6 {
                color: #222;
                margin: 0 0 5px;
                font-weight: 600;
            }

            .event-timeline article p {
                margin: 0;
                padding: 0 0 28px;
                position: relative;
            }

                .event-timeline article p:before {
                    background-color: #e5e5e5;
                    content: "";
                    height: 100%;
                    left: -18px;
                    position: absolute;
                    top: 2px;
                    width: 1px;
                }

            .event-timeline article:last-child p:before {
                display: none;
            }

/*Event Countdown Style */
.csmap .cs-event-map-section .col-md-12 {
    margin: 0 -4px 0 0;
    padding: 0;
}

.csmap {
    position: relative;
}

    .csmap .cs-map-tabs {
        display: none;
    }

    .csmap figure {
        width: 100%;
        float: left;
    }

    .csmap figcaption {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .csmap .is-countdown {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 10px 15px 10px 10px;
        background-color: #222;
    }

        .csmap .is-countdown .main-digit-wrapp .countdown-period, .csmap .is-countdown .main-digit-wrapp .px-digit {
            font-size: 14px;
            font-weight: 400;
            color: #fff !important;
        }

        .csmap .is-countdown .main-digit-wrapp {
            margin: 0 0 0 5px;
        }

.event-editor .cs-gallery ul li {
    padding: 0 0 6px 6px;
}

.event-editor .cs-gallery ul {
    margin: 0 0 0 -6px;
}


/* ASIF CSS*/

/* CS Heading sec */
.cs-heading-sec {
    float: left;
    width: 100%;
    /*padding-bottom: 7px;*/
    margin-bottom: 12px;
}

    .cs-heading-sec h1 {
        font-weight: bold;
        margin: -4px 0 4px;
    }

.cs-course-detail .cs-heading-sec {
    padding-right: 30px;
}
/* CS Blog Style */
.cs-blog, .cs-blog-large figure {
    float: left;
    width: 100%;
}

    .cs-blog.cs-blog-masnery {
        padding: 0 0px;
        margin: 0 0 30px 0;
    }

    .cs-blog article:hover figure {
        opacity: 0.9;
    }

    .cs-blog article figure {
        position: relative;
        float: left;
    }

    .cs-blog.cs-blog-masnery article figure {
        width: 100%;
    }

    .cs-blog article figure figcaption {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        text-align: center;
        opacity: 0;
        visibility: hidden;
    }

    .cs-blog article:hover figure figcaption {
        opacity: 1;
        visibility: visible;
    }

    .cs-blog article figure figcaption .cs-hover {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -20px 0 0 -40px;
    }

        .cs-blog article figure figcaption .cs-hover a {
            width: 40px;
            height: 40px;
            text-align: center;
            display: inline-block;
            border-radius: 100%;
            border: 1px solid #acacac;
            color: #fff;
            background-color: rgba(0,0,0,0.3);
            line-height: 40px;
            opacity: 0;
        }

    .cs-blog article:hover figure figcaption .cs-hover .cs-search,
    .cs-blog article:hover figure figcaption .cs-hover .cs-link {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }

    .cs-blog article figure figcaption .cs-hover .cs-search {
        -webkit-transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        -o-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    .cs-blog article figure figcaption .cs-hover .cs-link {
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        -o-transform: translateY(50px);
        transform: translateY(50px);
    }

    .cs-blog article {
        margin-bottom: 50px;
        display: inline-block;
        width: 100%;
    }

.cs-blog-large .cs-media {
    display: inline-block;
    width: 100%;
    margin-bottom: 22px;
}

.cs-blog .blog-bottom-sec {
    float: left;
    width: 100%;
    padding: 16px 0 0 24px;
}

.cs-blog .cs-comments {
    position: relative;
    font-size: 13px;
    color: #999;
    border: 2px solid #e5e5e5;
    float: left;
    width: 35px;
    height: 30px;
    text-align: center;
    line-height: 26px;
    margin-right: 23px;
}

    .cs-blog .cs-comments:after, .cs-comments:before {
        border-left: 10px solid transparent;
        border-right: 0px solid transparent;
        border-top: 10px solid #ffffff;
        bottom: -8px;
        content: "";
        right: 8px;
        position: absolute;
        z-index: 10;
    }

    .cs-blog .cs-comments:after {
        border-left: 12px solid transparent;
        border-top: 10px solid #e5e5e5;
        bottom: -10px;
        right: 7px;
        z-index: 0;
    }

.cs-thumb-post figure {
    width: 34px;
    height: 34px;
    border-radius: 100px;
    float: left;
    padding: 2px;
    border: 1px solid #d6d6d6;
    -webkit-box-shadow: 2px 2px 7px -2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 2px 2px 7px -2px rgba(0, 0, 0, 0.25);
    box-shadow: 2px 2px 7px -2px rgba(0, 0, 0, 0.25);
    margin-right: 12px;
}

    .cs-thumb-post figure img {
        border-radius: 100px;
    }

.cs-thumb-post {
    float: left;
    width: 92%;
}

    .cs-thumb-post ul li {
        list-style: none;
        float: left;
        margin-right: 26px;
    }

        .cs-thumb-post ul li i {
            font-size: 12px;
            color: #ccc;
        }

        .cs-thumb-post ul li a {
            font-size: 12px;
            color: #444;
            font-weight: 400;
            font-style: italic;
        }

    .cs-thumb-post li span {
        display: block;
        font-size: 10px;
        color: #777;
        line-height: 14px;
        text-transform: uppercase;
    }

.cs-blog figure {
    margin-bottom: 0px;
}

.cs-blog .blog-text {
    padding: 0 0 0 85px;
}

    .cs-blog .blog-text p {
        line-height: 1.7 !important;
    }

.cs-blog h2 {
    font-weight: bold;
    text-transform: capitalize;
    margin-bottom: 8px;
}
/* Blog Medium */
.cs-blog-medium .cs-media {
    width: 338px;
    float: left;
    margin-right: 20px;
}

.cs-blog .cs-media figure {
    width: 100%;
}

.cs-blog.cs-blog-medium h2 {
    margin-bottom: 0px;
    line-height: 28px;
}

.cs-blog-medium .blog-info-sec {
    overflow: hidden;
    display: block;
}

.cs-blog.cs-blog-medium .blog-bottom-sec {
    padding-left: 0px;
    padding-top: 12px;
}

.cs-blog.cs-blog-medium .cs-seprator {
    margin: 5px 0 0 0;
}

.cs-blog.cs-blog-medium .cs-thumb-post {
    width: 100%;
}
/* Blog Masnery Style */
.cs-blog-masnery h4 {
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 6px;
    line-height: 22px;
}

.cs-blog-masnery .blog-info-sec {
    float: left;
    width: 100%;
    background-color: #f1f1f1;
    padding: 16px 20px 16px 20px;
}

.cs-blog-masnery article {
    margin-bottom: 15px;
}

.cs-blog-masnery [class*="col-md"] {
    padding: 0 10px;
    margin-bottom: 0px;
}

.cs-blog.cs-blog-masnery article figure figcaption .cs-hover {
    margin: -20px 0 0 -40px;
}

.cs-related-post .cs-blog-masnery article {
    margin-bottom: 30px;
}
/* Categories */
.cs-blog .blog-info-sec .categories a {
    font-size: 10px;
    color: #777;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 6px;
}
/* Post Options */
.cs-blog .post-options {
    display: inline-block;
    width: 100%;
}

    .cs-blog .post-options li {
        font-size: 11px;
        color: #999999;
        font-weight: 400;
        margin-right: 5px;
        text-transform: uppercase;
        display: inline-block;
    }

        .cs-blog .post-options li time {
            position: relative;
            padding-left: 12px;
        }

            .cs-blog .post-options li time:before {
                content: "";
                position: absolute;
                left: 0px;
                top: 7px;
                width: 8px;
                height: 2px;
                background-color: #dadada;
            }

        .cs-blog .post-options li a {
            color: #999;
        }

/* Date Time */
.date-time {
    float: left;
    width: 60px;
    text-align: center;
}

.cs-blog .date-time time, .cs-blog-editor .date-time time {
    color: #fff;
    border-radius: 3px;
}

    .cs-blog .date-time time span, .cs-blog-editor .date-time time span {
        font-size: 11px;
        text-transform: uppercase;
        background-color: rgba(0,0,0,0.2);
        display: block;
        margin: 0 0 3px 0;
    }

    .cs-blog .date-time time small, .cs-blog-editor .date-time time small {
        font-size: 28px;
        font-weight: bold;
        display: block;
    }

.cs-blog-editor .flexslider .flex-direction-nav a {
    bottom: 0;
    top: 50%;
    margin: -12px 0 0;
}

.cs-blog-editor .flexslider ul li {
    position: static;
}

.cs-blog-editor .flexslider .flex-direction-nav .flex-prev {
    right: auto;
    left: 10px;
}

.cs-blog-editor .flex-control-nav {
    bottom: 5px;
}

    .cs-blog-editor .flex-control-nav li {
        vertical-align: middle;
        width: auto;
        margin: 0 4px !important;
    }

/* Reading Btn */
.reading-btn {
    display: inline-block;
    font-size: 11px;
    color: #999;
    font-style: italic;
    text-decoration: underline;
    margin-left: 10px;
}
/* Cs Seprator */
.cs-seprator {
    float: left;
    width: 100%;
}

    .cs-seprator .devider {
        background: url(assets/images/spreater-img1.png) repeat-x;
        height: 4px;
        width: 100%;
    }

.cs-blog .cs-seprator {
    margin: 9px 0 0 0;
}
/* Pagination Style */
.pagination {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e6e6e4;
    border-top: 1px solid #e6e6e4;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

    .pagination li {
        display: inline-block;
    }

        .pagination li a {
            display: block;
            color: #999;
            font-size: 14px;
            font-weight: bold;
            padding: 9px 9px;
            position: relative;
        }

            .pagination li a.active {
                border-top: 3px solid #08387f;
                color: #08387f;
            }

            .pagination li a:before {
                content: "";
                position: absolute;
                left: 0px;
                top: -3px;
                width: 0;
                height: 3px;
            }

            .pagination li a:hover:before {
                width: 100%;
            }

    .pagination li {
        margin: 0 11px;
    }

        .pagination li.pgprev {
            float: left;
        }

            .pagination li.pgprev img {
                margin-right: 13px;
            }

        .pagination li.pgnext {
            float: right;
        }

            .pagination li.pgnext img {
                margin-left: 13px;
            }

            .pagination li.pgprev a, .pagination li.pgnext a {
                font-size: 14px;
                color: #666;
                font-weight: 400;
            }
/* Blog Detail */
.cs-main-post {
    float: left;
    width: 100% !important;
    margin: 0 0 27px 0px;
}

.cs-blog-editor .cs-main-post figure img {
    float: left;
    height: auto;
    width: 100%;
}

.cs-editor-text p {
    line-height: 1.7 !important;
}

.cs-blog-editor .cs-main-post {
    float: left;
    margin: 0 20px 27px 0;
    width: auto;
}

.cs-blog-editor .cs-post-panel {
    float: left;
    padding-left: 20px;
}

.cs-blog-editor .cs-editor-text > p {
    margin-bottom: 5px;
}

.cs-blog-editor .cs-heading-sec .inner-sec {
    padding-bottom: 0;
}

.cs-post-panel {
    padding-left: 86px !important;
    float: none !important;
}

    .cs-post-panel .cs-thumb-post {
        width: 94%;
        margin-bottom: 17px;
    }
/* Blockquote */
blockquote {
    float: left;
    width: 100%;
    position: relative;
    margin: 26px 0 28px;
    border-left: 4px solid #08387f;
    font-size: 24px;
    color: #222222;
    font-weight: 300;
    font-style: italic;
    border-right: 1px solid #dadada;
    padding: 0 30px 32px;
    font-family: 'Titillium Web', sans-serif;
}

.cs-blog-editor blockquote {
    margin: 26px 0 28px -86px;
    width: 112%;
}

blockquote:before {
    content: "";
    position: absolute;
    left: 6%;
    width: 94%;
    bottom: 0px;
    border-bottom: 1px solid #dadada;
}

blockquote p {
    font-size: 24px !important;
    color: #222222 !important;
    font-weight: 300 !important;
    font-style: italic !important;
}

.cs-editor-text p {
    margin-bottom: 16px;
}
/* Social Share */
.cs-social-share {
    display: inline-block;
    width: 100%;
    margin-bottom: 29px;
}

.cs-sharepost {
    position: relative;
    float: left;
}

.cs-social-share .cs-sharepost-btn {
    color: #777;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 400;
    min-width: 124px;
    float: left;
    border: 1px solid #d5d5d5;
    text-align: center;
    height: 36px;
    line-height: 36px;
    border-radius: 2px;
    box-shadow: 2px 2px rgba(0, 0, 0, 0.1);
    margin-right: 20px;
    position: relative;
}

.cs-social-share li {
    list-style: none;
}

    .cs-social-share li .cs-sharepost-btn i {
        font-size: 12px;
        color: #666;
        margin-right: 10px;
        display: inline-block;
    }

    .cs-social-share li .social-media {
        display: inline-block;
        border: 1px solid #d5d5d5;
        border-radius: 3px;
        padding: 16px;
        -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        position: absolute;
        width: 374px;
        left: 0px;
        bottom: 48px;
        opacity: 0;
        visibility: hidden;
        background: #fff;
    }

    .cs-social-share li:hover .social-media {
        opacity: 1;
        visibility: visible;
        bottom: 58px;
    }

    .cs-social-share li .social-media:before {
        content: "";
        position: absolute;
        left: 53px;
        bottom: -11px;
        width: 20px;
        height: 20px;
        border: 2px solid #d5d5d5;
        background-color: #fff;
        transform: rotate(-24deg) rotate(-20deg);
        border-top: none;
        border-right: none;
    }

    .cs-social-share li .social-media ul li {
        list-style: none;
    }

        .cs-social-share li .social-media ul li a {
            display: inline-block;
            padding: 0px;
            background: none;
        }

    .cs-social-share li .social-media ul {
        margin: 0px;
        padding: 0px;
    }

        .cs-social-share li .social-media ul li a i {
            font-size: 14px;
            color: #fff;
            width: 36px;
            height: 36px;
            display: inline-block;
            line-height: 36px;
        }

        .cs-social-share li .social-media ul li i[data-original="facebook"] {
            background: #1f3951;
        }

        .cs-social-share li .social-media ul li i[data-original="twitter"] {
            background: #5086df;
        }

        .cs-social-share li .social-media ul li i[data-original="googleplus"] {
            background: #d04044;
        }

        .cs-social-share li .social-media ul li i[data-original="instagram"] {
            background: #08387f;
        }

        .cs-social-share li .social-media ul li i[data-original="youtube-play"] {
            background: #ff0007;
        }

        .cs-social-share li .social-media ul li i[data-original="plus3"] {
            background: #ffcc00;
        }

        .cs-social-share li .social-media ul li a[data-original-title='Dribbble'] i {
            background: #ea4c89;
        }

        .cs-social-share li .social-media ul li a[data-original-title='Tumblr'] i {
            background: #32506d;
        }

/* Cs Tags */
.cs-tags {
    display: inline-block;
}

    .cs-tags span {
        display: block;
        color: #777;
        font-size: 10px;
        text-transform: uppercase;
    }

.cs-social-share .cs-tags ul li {
    float: left;
    list-style: none;
    line-height: 24px;
}

.cs-tags ul li i {
    color: #ccc;
    font-size: 12px;
    margin-right: 2px;
}

.cs-social-share .cs-tags ul li a {
    color: #444;
    font-size: 12px;
    font-weight: 400;
    font-style: italic;
}
/* Cs Attachment */
.cs-attachment {
    display: inline-block;
    width: 100%;
    margin: 0 0 17px 0;
}

    .cs-attachment h6 {
        font-weight: bold;
        margin-bottom: 15px;
    }

    .cs-attachment ul li {
        list-style: none;
        float: left;
        margin-right: 10px;
    }

        .cs-attachment ul li a figure {
            float: left;
            width: 74px;
            height: 54px;
            background-color: #f9f9f8;
            position: relative;
            text-align: center;
        }

            .cs-attachment ul li a figure i {
                color: #666;
                font-size: 20px;
                position: absolute;
                top: 50%;
                margin: -9px 0 0 -8px;
            }

        .cs-attachment ul li a:hover figure i {
            color: #fff;
        }
/* Cs post pagination */
.cs-post-pagination {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    margin-bottom: 25px;
}

    .cs-post-pagination .cs-prev-next {
        float: right;
        text-align: right;
        display: inline-block;
        border: 1px solid #d5d5d5;
        position: relative;
    }

        .cs-post-pagination .cs-prev-next:before, .cs-post-pagination .cs-prev-next:after {
            content: "";
            position: absolute;
            left: 100%;
            top: 17px;
            width: 7777px;
            height: 1px;
            background-color: #e7e7e7;
        }

        .cs-post-pagination .cs-prev-next:after {
            content: "";
            left: auto;
            right: 100%;
        }

        .cs-post-pagination .cs-prev-next li {
            list-style: none;
            float: left;
            width: 28px;
            height: 30px;
            line-height: 35px;
            text-align: center;
            border-left: 1px solid #d5d5d5;
        }

            .cs-post-pagination .cs-prev-next li i:hover, .cs-post-pagination .cs-prev-next li:hover a .icon-th {
                color: #fff;
            }

            .cs-post-pagination .cs-prev-next li:first-child {
                border-left: none;
            }

            .cs-post-pagination .cs-prev-next li a i {
                font-size: 20px;
                color: #d5d5d5;
                line-height: 32px;
            }

            .cs-post-pagination .cs-prev-next li a .icon-th {
                font-size: 11px;
                color: #000;
            }
/* Cs Related post */
.cs-related-post h4.col-md-12 {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 17px;
}
/* Cs Comments */
#cs-comments {
    float: left;
    width: 100%;
    margin-bottom: 18px;
}

    #cs-comments ul li {
        list-style: none;
        width: 100%;
        float: left;
    }

    #cs-comments ul {
        margin: 0px;
        padding: 0px;
    }

    #cs-comments .cs-section-title h4 {
        font-weight: bold;
        text-transform: uppercase;
        margin: 0 0 6px;
    }

.thumblist figure {
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 100%;
}

    .thumblist figure img {
        border-radius: 100%;
    }

.thumblist .cs-text-box {
    padding: 0 0 0 82px;
}

    .thumblist .cs-text-box header {
        display: block;
        height: 25px;
    }

        .thumblist .cs-text-box header h6 {
            float: left;
            font-weight: 600;
            text-transform: uppercase;
            margin: 0px 9px 0 0;
        }

        .thumblist .cs-text-box header time {
            float: left;
            color: #777;
            font-size: 12px;
            line-height: 18px;
        }

    .thumblist .cs-text-box p {
        margin-bottom: 0px;
    }

#cs-comments .thumblist {
    margin-bottom: 32px;
    float: left;
    width: 100%;
}

#cs-comments .li-comment:nth-child(2n) {
    position: relative;
    background-color: #f7f8f8;
    padding: 35px 35px 0 35px;
    border-radius: 6px;
    margin: 0 0 35px 0;
}

#cs-comments ul li.comment.odd:nth-child(2n) {
    position: relative;
    background-color: #f7f8f8;
    padding: 35px 35px 0 35px;
    border-radius: 6px;
    margin: 0 0 35px 0;
}

#cs-comments li .children {
    padding: 0 0 0 57px;
}

    #cs-comments li .children .thumblist {
        background-color: #fff;
        padding: 24px;
        border-radius: 6px;
    }

#cs-comments .li-comment:nth-child(2n):before {
    content: "";
    position: absolute;
    left: 40px;
    top: -9px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f7f8f8;
}

#cs-comments ul li.comment.odd:nth-child(2n):before {
    content: "";
    position: absolute;
    left: 40px;
    top: -9px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f7f8f8;
}

#cs-comments ul li.comment .comment-respond {
    margin-bottom: 20px;
}

.thumblist .comment-reply {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin: -13px 0 0 10px;
    line-height: 14px;
}

    .thumblist .comment-reply span {
        opacity: 0;
        visibility: hidden;
        font-size: 10px;
        font-weight: 300;
    }

    .thumblist .comment-reply:hover span {
        opacity: 1;
        visibility: visible;
    }

    .thumblist .comment-reply:hover {
        padding: 0px 8px 2px 8px;
        border-radius: 10px;
    }

        .thumblist .comment-reply:hover i {
            background: none;
            width: auto;
            height: auto;
            border-radius: 0px;
            margin-right: 4px;
            font-size: 9px;
        }

    .thumblist .comment-reply i {
        display: inline-block;
        text-align: center;
        width: 16px;
        height: 16px;
        border-radius: 100%;
        background-color: #cccccc;
        line-height: 15px;
        font-size: 10px;
    }
/* Progressbar Style */
.skills-sec {
    float: left;
    width: 100%;
    margin: 0 0 5px;
    position: relative;
}

    .skills-sec h4 {
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 14px;
    }

.skillbar .skillbar-bar {
    height: 14px;
    background-color: #b59759;
    position: relative;
    width: 0;
}

    .skillbar .skillbar-bar:after {
        content: "";
        position: absolute;
        right: -10px;
        top: 0px;
        width: 0;
        height: 0;
        border-top: 15px solid #eeeeee;
        border-right: 8px solid transparent;
    }

.skillbar h5 {
    display: inline-block;
    margin-bottom: 0px;
    font-weight: 400;
    color: #222222;
}

.skillbar {
    background-color: #fff;
    display: block;
    float: left;
    margin-bottom: 20px;
    border-radius: 0px;
    border: 1px solid #ededed;
    height: 14px;
    position: relative;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: width, background-color;
    transition-timing-function: linear;
    width: 100%;
}

.skills-sec small {
    color: #222222;
    width: 37px;
    height: 22px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    top: -23px;
    right: -10px;
    font-weight: bold;
    border: 1px solid #ededed;
}

.default-btn {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 18px;
}

/* UMAR CSS*/
/* Bottom Footer */
.bottom-footer {
    float: left;
    width: 100%;
    background-color: #1f1f1f;
    padding: 25px 0px;
    border-top: 3px solid;
    position: relative;
}

    .bottom-footer [class*="col-md-"] {
        margin-bottom: 0px;
    }

.copyright {
    float: left;
    padding: 10px 0 0;
}

    .copyright p {
        color: #797979;
        text-transform: uppercase;
    }

        .copyright p a {
            color: #fff !important;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -ms-transitio .copyright p an: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }

            .copyright p a:hover {
                color: #d72533 !important;
            }

.bottom-footer .social-media {
    float: right;
}

.social-media h6 {
    float: left;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    margin: 11px 12px 0px 0px;
}

.social-media ul {
    float: left;
}

    .social-media ul li {
        float: left;
        list-style: none;
        margin-left: 5px !important;
    }

        .social-media ul li a {
            float: left;
            width: 37px;
            height: 37px;
            color: #ffffff;
            background-color: #1f3951;
            text-align: center;
            padding: 11px 0px 0px 0px;
        }

            .social-media ul li a[data-original-title="Facebook"] {
                background-color: #3b5998;
            }

            .social-media ul li a[data-original-title="Twitter"] {
                background-color: #5086df;
            }

            .social-media ul li a[data-original-title="GooglePlus"] {
                background-color: #d04044;
            }

            .social-media ul li a[data-original-title="Instagram"] {
                background-color: #08387f;
            }

            .social-media ul li a[data-original-title="Youtube-Play"] {
                background-color: #ff0007;
            }

            .social-media ul li a[data-original-title="Dribbble"] {
                background-color: #ea4c89;
            }

            .social-media ul li a[data-original-title="Behance"] {
                background-color: #1769ff;
            }

.social-media-blog ul {
    float: left;
}

.cs-team.team-grid .marginleft {
    padding-left: 12px;
}

.cs-team.team-grid .social-media-blog {
    display: inline-block;
}

    .cs-team.team-grid .social-media-blog ul {
        margin: 0;
        padding: 0;
        width: 100%;
        text-align: center;
        display: inline-block;
    }

.social-media-blog ul li {
    float: left;
    list-style: none;
    margin-right: 5px !important;
}

    .social-media-blog ul li a {
        float: left;
        width: 28px;
        height: 28px;
        color: #ffffff;
        background-color: #1f3951;
        text-align: center;
        padding: 7px 0px 0px 0px;
        border-radius: 100%;
    }

        .social-media-blog ul li a[data-original-title="Twitter"] {
            background-color: #5086df;
        }

        .social-media-blog ul li a[data-original-title="GooglePlus"] {
            background-color: #d04044;
        }

        .social-media-blog ul li a[data-original-title="Instagram"] {
            background-color: #08387f;
        }

        .social-media-blog ul li a[data-original-title="Email"] {
            background-color: #ea8213;
        }

#backtop {
    position: absolute;
    left: 0px;
    top: -42px;
    background-color: #f3f3f3;
    width: 34px;
    height: 34px;
    color: #1f1f1f;
   /* border: 2px solid #b11313;*/
    border-radius: 100%;
    font-size: 22px;
    text-align: center;
    cursor: pointer;
}
    #backtop .fas {
        color: #b11313;
    }
        #backtop:hover .fas
        {
            color:#fff;
        }
        .underline {
            padding-bottom: 10px;
            margin-bottom: 0px;
        }

.mediatitle {
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    color: #777777;
    text-decoration: none;
    letter-spacing: 1px;
}

.margin-bottom {
    margin-bottom: 0;
}

.graybackground {
    background: #176286;
    border-radius: 5px;
    padding: 36px;
    margin: 0px 0px 20px;
    color: #fff;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .graybackground:hover {
    }

.plainbackground {
    border-radius: 5px;
    margin: 0px 0px 20px;
    color: #333333;
    border: solid 1px #fff;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.team-plain .plainbackground:hover h4 {
    color: #08387f;
}

.plainbackground {
    border: solid 1px #ededed;
    padding: 20px;
}

.activedetail {
    background: #fcfcfc;
    border: solid 1px #ededed;
    border-radius: 5px;
    padding: 31px;
    color: #333333;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0 1px 0 1px rgba(237,237,237,1);
    box-shadow: 0 1px 0 1px rgba(237,237,237,1);
    margin-bottom: 20px;
}

    .activedetail h4 {
        color: #282828;
    }

.whitecolor-heading {
    text-transform: uppercase;
    font-weight: bold;
}

.whitecolor-text {
    font-weight: normal;
    font-size: 13px !important;
    line-height: 22px !important;
    color: #fff !important;
}

.graybackground .contactdiv {
    padding: 5px 0px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: inline-block;
}

    .graybackground .contactdiv .emaildiv {
        color: #fff;
    }

.cs-team.team-plain .contactdiv {
    display: inline-block;
}

    .cs-team.team-plain .contactdiv span {
        padding-right: 5px;
    }

.cs-team.team-plain .social-media-blog {
    display: inline-block;
}

.graybackground .social-media-blog {
    display: inline-block;
}

.contactdiv ul {
    margin: 0px;
    overflow: hidden;
}

    .contactdiv ul li {
        float: left;
        list-style: none;
        margin-right: 20px !important;
    }

.graybackground .contactdiv span {
    padding-right: 5px;
}

.contactdiv:after {
    clear: both;
    content: "";
    display: block;
}

.contactdiv_detail {
    margin: 20px 0px;
}

    .contactdiv_detail:after {
        clear: both;
        content: "";
        display: block;
    }

.marginleft {
    margin-left: 0px;
    padding-left: 0px;
}

.margintop {
    margin-left: 0px;
    padding-left: 0px;
    padding-bottom: 10px;
}

    .margintop .emaildiv {
        color: #666666;
    }

        .margintop .emaildiv:hover {
            color: #232323;
        }

.emaildiv:hover {
    color: #ccc;
}
/*.emaildiv span{
	padding-right:10px;
	}*/
.plainbackground .emaildiv {
    color: #333;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transitio .copyright p an: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

    .plainbackground .emaildiv:hover {
        color: #999;
    }

.thumbnail:after {
    clear: both;
    content: "";
    display: block;
}

.thumbnail {
    border: 0px;
    padding: 0px;
}

.thumbcontactdiv {
    border-bottom: solid 1px #eeeeee;
    border-top: solid 1px #eeeeee;
    padding: 10px 0px;
    margin: 10px 0px;
}

    .thumbcontactdiv:after {
        clear: both;
        content: "";
        display: block;
    }

    .thumbcontactdiv ul li {
        list-style: none;
        color: #999;
    }

        .thumbcontactdiv ul li span {
            display: inline-block;
        }

            .thumbcontactdiv ul li span i {
                padding-right: 10px;
            }

.thumbstudentdiv {
    border-top: solid 1px #eeeeee;
    padding: 0px;
    margin-top: 18px;
    height: 50px;
}

    .thumbstudentdiv:after {
        clear: both;
        content: "";
        display: block;
    }

.thumbcontactdiv .emaildiv {
    color: #999;
}

    .thumbcontactdiv .emaildiv:hover {
        color: #232323;
    }

    .thumbcontactdiv .emaildiv span {
        color: #ccc;
    }

.thumbcontactdiv .li span {
    padding-right: 10px;
}

.thumbstudentdiv .viewstudent .plussign {
    float: left;
    padding: 0 10px 20px 0;
}

.thumbstudentdiv .viewstudent .reamore {
    font-size: 13px;
    float: left;
}

    .thumbstudentdiv .viewstudent .reamore a {
        font-size: 13px;
        color: #999999;
    }

.viewstudent {
    border-top: solid 1px #eeeeee;
    margin-top: 0px;
    height: 50px;
    color: #999999;
    padding-top: 10px;
}

    .viewstudent a {
        font-size: 12px;
        font-weight: normal;
        color: #999999;
        text-decoration: none;
        padding-left: 2px;
    }

.third-effect .mask {
    opacity: 0;
    overflow: visible;
    border: 100px solid rgba(0,0,0,0.7);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.third-effect a.info {
    position: relative;
    top: -10px;
    opacity: 0;
    -webkit-transition: opacity 0.5s 0s ease-in-out;
    -moz-transition: opacity 0.5s 0s ease-in-out;
    -o-transition: opacity 0.5s 0s ease-in-out;
    -ms-transition: opacity 0.5s 0s ease-in-out;
    transition: opacity 0.5s 0s ease-in-out;
}

.thumbnail:hover .third-effect .mask {
    opacity: 1;
    border: 200px solid rgba(0,0,0,0.7);
}

.thumbnail:hover .caption h4 a {
    color: #08387f;
}

.third-effect:hover a.info {
    opacity: 1;
    -moz-transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.view {
    margin-bottom: 15px;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}

    .view .mask, .view .content {
        width: 100%;
        height: auto;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
    }

    .view img {
        display: block;
        position: relative;
        width: 100%;
    }
/* ========================================================================
  2.8 Component: Our Team
 ========================================================================== */
.our-team {
    background: #eee;
}

    .our-team .team-member {
        border: 1px solid #ea685b;
        width: 220px;
        height: 300px;
        overflow: hidden;
    }

        .our-team .team-member:hover > .team-overlay {
            margin-top: -297px;
            transition: all .85s;
        }

    .our-team img {
        width: 100%;
    }

    .our-team .team-overlay {
        margin-top: 0px;
        width: 220px;
        color: #fff;
        margin-left: -2px;
        position: relative;
    }

        .our-team .team-overlay .info {
            height: 240px;
            padding: 100px 20px 20px 20px;
            background: rgba(231, 76, 60, 0.9);
        }

        .our-team .team-overlay .learn-more {
            height: 60px;
            line-height: 60px;
            width: 100%;
            text-align: center;
            background: #c1392b;
            position: relative;
            cursor: pointer;
        }

    .our-team .description {
        padding: 40px 0;
    }

        .our-team .description h3 {
            text-transform: uppercase;
        }

        .our-team .description .about {
            font-size: 14px;
            color: #555;
        }

        .our-team .description .member-skill {
            display: inline-block;
        }
/* ============================================================
  GLOBAL
============================================================ */
.effects {
}

    .effects .img {
        position: relative;
        float: left;
        margin-bottom: 5px;
        overflow: hidden;
        background: #000;
    }

        .effects .img:nth-child(n) {
            margin-right: 5px;
        }
        /*.effects .img:first-child {
  margin-left: -15px;
}*/
        .effects .img:last-child {
            margin-right: 0;
        }

        .effects .img img {
            display: block;
            margin: 0;
            padding: 0;
            width: 100%;
            height: auto;
        }

.overlay {
    display: block;
    position: absolute;
    z-index: 20;
    background: rgba(247, 248, 248, 1);
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

a.close-overlay {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    width: 45px;
    height: 45px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    line-height: 45px;
    text-align: center;
    background-color: #000;
    cursor: pointer;
}

    a.close-overlay.hidden {
        display: none;
    }

a.expand {
    display: block;
    position: absolute;
    z-index: 100;
    line-height: 50px;
    font-weight: 700;
    font-size: 30px;
    padding: 10px 10px;
}

/* ============================================================
  EFFECT 1 - SLIDE IN BOTTOM
============================================================ */
#effect-1 .overlay {
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 65px;
}

    #effect-1 .overlay a.expand {
        left: 0;
        right: 0;
    }

#effect-1 .img.hover .overlay {
    height: 40%;
}

.fade {
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

    .fade:hover {
        opacity: 0.5;
    }

.biography {
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.acadimic_experience {
    border-bottom: 1px solid #ededed;
    margin-bottom: 10px;
}

.cs-section-title p.detailtext {
    letter-spacing: 0.2px;
    line-height: 1.7;
    margin-bottom: 10px;
    margin-top: 10px;
}

.detaillisting {
    margin-left: 20px;
}

    .detaillisting li:before {
        content: "\f00c";
        font-family: 'icomoon';
        float: left;
        color: #fff;
        margin: 2px 9px 0 0;
        font-size: 8px;
        list-style: none;
        background: #08387f;
        border-radius: 3px;
        padding: 0px 2px;
        line-height: 13px;
    }

    .detaillisting li {
        list-style: none;
        padding: 5px 0;
        line-height: 19px;
    }

.expand {
    padding: 10px;
}

.caption {
    padding: 0px;
}

.media-heading a:hover {
    color: #08387f;
}

.team-box {
    margin-bottom: 10px;
}

.cs-team h4 {
    font-family: 'Titillium Web', sans-serif;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 0;
    text-transform: uppercase;
}

    .cs-team h4 a:hover {
        font-family: 'Titillium Web', sans-serif;
        font-weight: bold;
        margin-bottom: 5px;
        margin-top: 0;
        text-transform: uppercase;
        color: #08387f;
    }

.cs-team h3 {
    font-size: 12px;
    line-height: 12px !important;
    font-weight: normal;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
}

    .cs-team h3 a {
        color: #777;
    }

.main-section .graybackground h3 {
    color: #fff !important;
    display: inline-block;
    margin-bottom: 6px;
    vertical-align: middle;
    margin-left: 3px;
}

.main-section .graybackground p {
    margin-bottom: 2px !important;
}

.graybackground h3 {
    color: #fff !important;
    font-size: 12px !important;
    font-weight: bold;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
}

.team-plain .plainbackground h3 {
    color: #777777;
    font-size: 12px !important;
    font-weight: bold;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 6px;
    margin-left: 3px;
}

.team-plain .plainbackground h4 {
    font-family: 'Titillium Web', sans-serif;
    color: #282828;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 0;
    text-transform: uppercase;
    display: inline-block;
}

.team-plain .plainbackground p {
    margin-bottom: 2px !important;
}

.team-grid h3 {
    color: #777777;
    font-size: 12px !important;
    font-weight: normal;
    line-height: 22px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0px;
}

.team-grid h4 {
    font-family: 'Titillium Web', sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #282828;
    margin-bottom: 5px;
    margin-top: 0;
    text-transform: uppercase;
}

.team-plain h3 {
    color: #777777;
    font-size: 12px !important;
    font-weight: normal;
    line-height: 22px;
    text-decoration: none;
    text-transform: none;
}

.team-plain h4 {
    font-family: 'Titillium Web', sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #282828;
    margin-bottom: 5px;
    margin-top: 0;
    text-transform: capitalize;
}

.team-box-grid h4 {
    font-family: 'Titillium Web', sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #282828;
    margin-bottom: 0px;
    margin-top: 0;
    text-transform: uppercase;
}

.team-box-grid h3 {
    margin: 0 0 14px;
}

    .team-box-grid h3 a {
        color: #777777;
        font-size: 12px;
        font-weight: normal;
        line-height: 22px;
        text-decoration: none;
        text-transform: none;
        margin: 0 0 12px;
    }

.overlayslide {
    position: relative;
    overflow: hidden;
}

    .overlayslide img {
        opacity: 1;
        width: 100%;
        transition: opacity .25s ease-in-out;
        -moz-transition: opacity .25s ease-in-out;
        -webkit-transition: opacity .25s ease-in-out;
        margin-bottom: 62px;
    }

.overlaytext {
    position: absolute;
    bottom: -58px;
    height: 130px;
    width: 100%;
    background: blue;
    transition: 0.5s;
    padding: 14px 20px 10px;
    background: #f7f8f8;
}

.overlayslide:hover .overlaytext {
    transition: 0.5s;
    bottom: -12px;
}

.overlayslide:hover h4 a {
    color: #08387f;
}

.overlayslide:hover img {
    opacity: 0.5;
}

.overlaytext:after {
    bottom: 100%;
    left: 33px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 20px;
    border-width: 0 6.5px 7px 6.5px;
    border-color: transparent transparent #f7f8f8 transparent;
}

.customcolor {
    border: solid 2px #adadad;
    font-size: 8px;
    font-weight: normal;
    padding: 0;
}

.cs-team.team-grid .overlayslide-team {
    width: auto;
}

.overlayslide-team {
    position: relative;
    overflow: hidden;
    background: #000;
    transition: 0.5s;
    width: 130px;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
}

    .overlayslide-team img {
        transition: opacity .25s ease-in-out;
        -moz-transition: opacity .25s ease-in-out;
        -webkit-transition: opacity .25s ease-in-out;
        width: 100%;
        height: auto;
        background: transparent;
    }

.team-list:hover .overlayslide-team img {
    opacity: 0.5;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.thumbnail:hover .overlayslide-team img {
    opacity: 0.5;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.contactdiv_detail {
}

    .contactdiv_detail ul {
        margin: 0px;
        overflow: hidden;
    }

        .contactdiv_detail ul li {
            float: none;
            list-style: none;
            margin-right: 5px !important;
        }

            .contactdiv_detail ul li ul {
                margin: 0px;
                overflow: hidden;
                color: #999999;
            }

                .contactdiv_detail ul li ul li {
                    float: left;
                    list-style: none;
                    margin-right: 5px;
                }

                    .contactdiv_detail ul li ul li:nth-child(1) {
                        float: left;
                        list-style: outside none none;
                        margin: 0;
                        width: 23px;
                        color: #cccccc;
                    }

                    .contactdiv_detail ul li ul li:nth-child(3) {
                        color: #717171;
                    }

            .contactdiv_detail ul li a {
                color: #ccc;
            }

                .contactdiv_detail ul li a:hover {
                    color: #232323;
                }

.timeline {
    list-style: outside none none;
    padding: 0;
    position: relative;
    margin-top: 15px;
}

    .timeline::before {
        background-color: #f1f1f1;
        bottom: 46px;
        content: "";
        margin-left: 8px;
        position: absolute;
        top: 0;
        width: 2px;
    }

    .timeline > li::after {
        clear: both;
    }

    .timeline > li::before, .timeline > li::after {
        content: " ";
        display: table;
    }

    .timeline > li {
        padding-bottom: 15px;
        list-style: none;
        margin-left: 45px;
    }

        .timeline > li:last-child {
            padding: 0;
        }

        .timeline > li .timeline-image {
            color: #08387f;
            font-size: 22px;
            font-weight: lighter;
            left: -2px;
            margin-left: 0;
            padding-bottom: 4px;
            padding-top: 4px;
            position: absolute;
            z-index: 100;
            background: #fff;
        }

        .timeline > li span {
            font-size: 16px;
            font-family: 'Titillium Web', sans-serif;
            font-weight: bold;
            color: #222222;
            text-decoration: none;
        }

.progress {
    background-color: #fff;
    border: 1px solid #ededed;
    border-radius: 0;
    box-shadow: none;
    height: 16px;
    margin-bottom: 0;
    margin-top: 40px;
    position: relative;
}

    .progress h2 {
        color: #222222;
        font-size: 18px;
        font-weight: normal;
        position: absolute;
        text-transform: none;
        top: -25px;
    }

.progress-bar {
    background-color: #08387f;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 100%;
    line-height: 20px;
    padding-right: 10px;
    text-align: right;
    transition: width 0.6s ease 0s;
    width: 0;
    position: relative;
}

    .progress-bar .status {
        position: absolute;
        right: -14px;
        top: -22px;
    }

.bubble {
    position: relative;
    padding: 0 3px;
    background: #ffffff;
    border: #ededed solid 1px;
    color: #222;
}

    .bubble:after {
        border-color: #ffffff transparent;
        border-style: solid;
        border-width: 12px 6px 0;
        bottom: -12px;
        content: "";
        display: block;
        left: 13px;
        position: absolute;
        width: 0;
        z-index: 1;
    }

    .bubble:before {
        border-color: #ededed transparent;
        border-style: solid;
        border-width: 12px 6px 0;
        content: "";
        display: block;
        left: 13px;
        position: absolute;
        top: 21px;
        width: 0;
        z-index: 0;
    }

.skill_progress {
    margin-top: 20px;
}

.event-caption blockquote {
    padding: 6px 16px;
    border: none;
    quotes: "\201C" "\201D";
    position: relative;
    width: 80%;
    margin: 0px auto;
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    font-style: italic;
}

    .event-caption blockquote p:before {
        content: open-quote;
        font-size: 50px;
        font-weight: bold;
        left: -20px;
        position: absolute;
        top: -40px;
        font-family: 'Titillium Web', sans-serif;
        color: #ececec;
    }

.event-caption .testimonials_spliter {
    margin: 0px auto;
    width: 51px;
    height: 7px;
    background: url(assets/images/testimonials_spliter.jpg) no-repeat;
    margin-top: 10px;
}

.event-caption blockquote p:after {
    bottom: -58px;
    content: close-quote;
    font-size: 50px;
    font-weight: bold;
    position: absolute;
    top: auto;
    font-family: 'Titillium Web', sans-serif;
    color: #ececec;
    right: -20px;
}

.cs-eventslider h4 {
    font-family: 'Titillium Web', sans-serif;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 0;
    text-transform: uppercase;
    margin-top: 20px;
}

.cs-eventslider h3 {
    color: #777777;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
}

.student_reviews h4 {
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 0;
    text-transform: uppercase;
    margin-top: 20px;
}

.student_reviews h3 {
    color: #ccc;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0px;
    text-decoration: none;
    text-transform: uppercase;
}

.arrow_box {
    position: relative;
    background: url(assets/images/send_email_bg.png) no-repeat left bottom #b1c5e1;
    min-height: 295px;
}

    .arrow_box:after {
        bottom: 100%;
        left: 40px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-bottom-color: #b1c5e1;
        border-width: 20px;
    }

.emailinput-outer {
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    margin: 0 20px 24px;
    padding: 0 20px;
    width: 95%;
}

    .emailinput-outer input {
        border: none !important;
        box-sizing: border-box;
        color: #3d3d3d;
        display: inline-block;
        font-size: 12px;
        font-weight: 400;
        height: 35px;
        line-height: 20px;
        outline: medium none;
        padding: 4px 6px;
        vertical-align: middle;
        margin-bottom: 8px;
        margin-top: 2px;
        width: 93%;
    }

.add-on {
    display: inline-block;
    margin-top: 14px;
    font-size: 14px;
}

    .add-on .graycolor {
        color: #aaa;
    }

.send_email h2 {
    font-size: 20px;
    font-weight: bold;
    margin: 26px 0 0 20px;
    text-transform: uppercase;
    color: #fff;
}

.form-group .form-control {
    color: #555;
    display: block;
    font-size: 14px;
    line-height: 1.42857;
    font-size: 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    min-height: 195px;
    padding: 10px 20px;
    border: 0px;
}

.send_email .arrow_box .btn-primary {
    background-color: #08387f;
    border-color: transparent;
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 32px;
    text-transform: uppercase;
}

.send_email {
    margin-top: 20px;
}

.icon-envelope4 span {
    font-family: 'Titillium Web', sans-serif;
}

.media-left, .media > .pull-left {
    padding-right: 29px;
    float: left;
}

.form-group {
    margin-bottom: 15px;
    padding-right: 20px;
}

.fullbackground-gray {
    background: #292929;
    padding-top: 49px;
    padding-bottom: 49px;
    color: #fff;
}

    .fullbackground-gray h4 {
        color: #f9f9f9;
        font-family: 'Titillium Web', sans-serif;
        font-size: 23px;
        font-weight: normal;
        margin-bottom: 5px;
        margin-top: 8px;
        text-transform: none;
    }

    .fullbackground-gray p {
        color: #999999;
        font-family: 'Titillium Web', sans-serif;
        font-size: 14px;
        font-weight: normal;
        margin-bottom: 10px;
        margin-top: 0;
        text-transform: none;
    }

.offers-icon-left {
    display: inline-block;
    margin-right: 0px;
}

.offers-icon {
    background: none repeat scroll 0 0 #f3f3f3;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #999;
    font-size: 23px;
    line-height: 69px;
    padding: 20px;
}

.fullbackground-gray .media {
    color: #fff;
}

.get-enrole {
    background: none;
    border: solid 2px #fff;
    padding: 10px 30px;
    color: #fff;
    border-radius: 0px;
    font-size: 15px;
    font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
}

.get-enrole-button {
    display: inline-block;
    float: right;
    margin-top: 10px;
}

.price-button {
    margin: 0px auto;
}

.center {
    text-align: center;
    margin-top: 15px;
}

    .center h2 {
        color: #111;
        font-family: 'Titillium Web', sans-serif;
        font-size: 21px;
        font-weight: bold;
        margin: 0px;
        margin-bottom: 5px;
        text-transform: uppercase;
    }

.lead {
    font-family: 'Titillium Web', sans-serif;
    font-size: 13px;
    color: #999;
    font-weight: 400;
    line-height: 24px;
}

.pricing_spliter {
    background: url(assets/images/pricing_spliter_bg.jpg) no-repeat;
    width: 109px;
    height: 4px;
    margin: 0px auto;
}

.pricing-box-spliter {
    height: 4px;
    width: 33px;
    border-radius: 10px;
    background: #fff;
    margin: 0px auto;
}
/*.pricing-area{
	margin:30px 0px 0;
	}*/
.pricing-area .col-md-12 {
    margin: 0 -4px 0 0;
}

.pricing-area ul li {
    list-style: none;
    border-bottom: dotted 1px #ccc;
    padding: 15px 0px;
    margin: 0px 20px;
    color: #6d758a;
    font-size: 15px;
    font-family: 'Titillium Web', sans-serif;
}

    .pricing-area ul li b {
        color: #444b5e;
        font-size: 15px;
        font-family: 'Titillium Web', sans-serif;
        font-weight: normal;
    }

    .pricing-area ul li:nth-child(1) {
        list-style: none;
        border-bottom: dotted 0px #ccc;
        padding: 30px 0 40px;
        margin: 0px;
    }

    .pricing-area ul li:nth-child(5) {
        list-style: none;
        border-bottom: dotted 0px #ccc;
        padding: 15px 0px;
        margin: 0px 20px;
        color: #6d758a;
        font-size: 15px;
        font-family: 'Titillium Web', sans-serif;
    }

.plan ul {
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.pricing-area .heading-one {
    background: none repeat scroll 0 0 #3a3e40;
    color: #fff;
    padding: 30px 0;
}

.pricing-area .price-two .heading-one {
    background: none repeat scroll 0 0 #89a835;
    color: #fff;
    padding: 30px 0 40px;
}

.pricing-area h1 {
    font-family: 'Titillium Web', sans-serif;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
}

.pricing-area .price-big {
    color: #fff;
    font-family: 'Titillium Web', sans-serif;
    font-size: 65px;
    font-weight: normal;
    line-height: 80px;
    padding: 20px 0;
    text-align: center;
    margin-right: 30px;
}

    .pricing-area .price-big div {
        display: inline-block;
    }

        .pricing-area .price-big div:nth-child(1) {
            color: #fff;
            font-size: 21px;
            font-weight: normal;
            line-height: 46px;
            margin-left: -10px;
            margin-top: 0;
            position: absolute;
        }

        .pricing-area .price-big div:nth-child(3) {
            color: #fff;
            font-size: 21px;
            font-weight: normal;
            margin-top: 0px;
            position: absolute;
        }

.pricing-area span b:nth-child(2) {
    color: #fff;
    font-size: 21px;
    font-weight: normal;
    position: absolute;
    right: -10px;
    bottom: -20px;
}

.upgrate {
    background: none;
    border: solid 2px #fff;
    padding: 7px 40px;
    color: #fff;
    border-radius: 0px;
    font-size: 15px;
    font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
}

.plain-with-border {
    border: solid 1px #e4e4e4;
    padding: 35px 20px;
    box-shadow: 0 1px 0 1px rgba(237, 237, 237, 1);
    background-size: cover;
}

.top-border {
    border-top: dotted 1px #cccccc;
    margin: 0px 15px 20px 15px;
}

.plain-with-border:after {
    content: '';
    clear: both;
    display: inline-block;
}

.text-background-left {
    background: url(assets/extra-images/old_man.png) no-repeat -90px 10px;
    min-height: 240px;
}

.text-button-plain {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 2px solid #08387f;
    border-radius: 2px;
    color: #08387f;
    font-family: 'Titillium Web', sans-serif;
    font-size: 15px;
    padding: 7px 20px;
    text-transform: uppercase;
    margin-top: 15px;
}

    .text-button-plain:hover {
        color: #fff !important;
    }

.text-background-left h4 {
    color: #303030;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 15px;
}

.text-background-left p {
    color: #777;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
}

.text-background-left .col-lg-8 {
    padding-left: 5px;
    padding-right: 0;
}

.color-with-border {
    border: solid 1px #e4e4e4;
    padding: 35px 20px;
    box-shadow: 0 1px 0 1px rgba(237, 237, 237, 1);
}

.text-background-right {
    background: url(assets/extra-images/international-student.jpg) no-repeat 315px -32px #0eaffa;
    min-height: 240px;
}

    .text-background-right h4 {
        color: #fff;
        font-family: 'Titillium Web', sans-serif;
        font-size: 18px;
        font-weight: normal;
        margin-bottom: 15px;
    }

    .text-background-right p {
        color: #fff;
        font-family: 'Titillium Web', sans-serif;
        font-size: 14px;
        font-weight: normal;
        line-height: 24px;
    }

    .text-background-right .text-button-plain {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        border: 2px solid #fff;
        border-radius: 2px;
        color: #fff;
        font-family: 'Titillium Web', sans-serif;
        font-size: 15px;
        margin-top: 15px;
        padding: 7px 20px;
        text-transform: uppercase;
    }

.cs-list .panel-heading a:before {
}

.slider-caption h1 {
    letter-spacing: -1px;
}

.select-style select {
    padding: 3px 3px 3px 30px;
}

.cs-partner.owl-carousel .owl-item .item figure {
    overflow: hidden;
}

.cs-partner.owl-carousel .owl-item img {
    transform-style: preserve-3d;
    transition: all .2s ease-in-out;
    width: 100%;
    transform: scale(1);
}

    .cs-partner.owl-carousel .owl-item img:hover {
        transform: scale(1.1);
    }

.widget_tabs .tab-content .info:before {
    content: '';
    background-color: #dadada;
    width: 8px;
    height: 2px;
    position: absolute;
    left: -12px;
    top: 7px;
}

.widget_tabs .news .info {
    margin-left: 15px;
    position: relative;
}

.cs-post-pagination .cs-prev-next li {
    line-height: 32px;
}

.cs-plain-form label input[type="text"], .cs-plain-form label input[type="email"] {
    padding-top: 1px;
}

.cs-plain-form input[type="submit"] {
    margin: 0 0 0 12px;
}

/* THEME UNIT TESTING */
/* RichEditor Style's */

.rich_editor_text h1,
.rich_editor_text h2,
.rich_editor_text h3,
.rich_editor_text h4,
.rich_editor_text h5 {
    margin-bottom: 10px;
}

.rich_editor_text p,
.rich_editor_text ul,
.rich_editor_text ol {
    margin-bottom: 10px;
}

.rich_editor_text ul {
    float: none;
    list-style: disc;
    margin-left: 0px;
}

.rich_editor_text .liststyle ul {
    padding-left: 0px;
}

.rich_editor_text ol {
    list-style-type: decimal;
    margin-left: 0px;
    padding-left: 25px;
}

.rich_editor_text li {
    float: none;
}

.rich_editor_text ul ul {
    list-style-type: circle;
    margin-bottom: 0;
    padding: 0 0 0 25px;
}

img.alignright {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    float: right;
    margin: 0 0px 30px 30px;
}

img.alignleft {
    float: left;
    margin: 0 30px 30px 0;
}

img.aligncenter {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    display: block;
    margin: 0 auto 30px;
}
/* ThemeUnit Style's */

li {
    line-height: 28px;
    color:#9f1717 ;
    /*list-style: disc inside none;*/
}

ul ul {
    margin-left: 20px;
}

ul li ul li,
ul li ul li ul li,
ul li ul li ul li ul li {
    margin: 0 !important;
}

#cs-comments .thumblist ul li ul > li > ul > li > ul > li {
    margin: 0 !important;
}

ol {
    float: none;
    list-style: decimal;
    padding-left: 15px;
}

    ol ol {
        margin-left: 20px;
    }

    ol li {
        list-style: decimal;
        width: 100%;
    }

        ol li,
        ol li ol li,
        ol li ol li ol li,
        ol li ol li ol li ol li {
            margin: 0 !important;
            list-style-type: inherit !important;
            list-style-position: inherit !important;
            list-style-image: inherit !important;
        }

table {
    background-color: transparent;
    max-width: 100%;
}

th {
    text-align: left;
}

table {
    margin-bottom: 15px;
    width: 100%;
}

    table > thead > tr > th,
    table > tbody > tr > th,
    table > tfoot > tr > th,
    table > thead > tr > td,
    table > tbody > tr > td,
    table > tfoot > tr > td {
        border-top: 1px solid #d2d2d2;
        border: 1px solid #d2d2d2;
        line-height: 2.5;
        padding-left: 10px;
        vertical-align: top;
    }

    table thead tr th {
        border-top: 1px solid #d2d2d2;
    }

td#today {
    background: #ccc;
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
    border-top: 1px solid #d2d2d2;
}

table > thead > tr > th {
    border-bottom: 2px solid #d2d2d2;
    vertical-align: bottom;
}

table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > th,
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > td {
    border-bottom: 0;
}

table > tbody + tbody {
    border-top: 2px solid #d2d2d2;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 12px 16px;
}

.cs-pricing-table table th,
.cs-pricing-table table td {
    min-width: 120px;
}

p ins {
    color: #999;
}

dl dd {
    margin-left: 20px;
}

address {
    font-style: italic;
}

#comment .text-box blockquote p {
    float: none;
    width: auto;
}

#comment ul li .text-box ul li {
    float: left;
    list-style: outside;
    width: 100%;
}

#comment ul li .text-box ul ul {
    float: left;
    margin-left: 30px;
    width: 100%;
}

#comment ul li .text-box ol li {
    list-style: inherit;
}

.gallery-item img {
    border: none;
    float: left;
    padding: 0 5px;
}

.wp-caption-text.gallery-caption {
    float: left;
    padding: 10px 4px 0px 4px;
    text-align: left;
    width: 100%;
}

.btn-group-lg > .btn,
.btn-lg {
    padding: 10px;
}
/* ThemeCustom Setup  */

.page-links {
    float: left;
    padding: 0px 0px 20px 0px;
    text-align: center;
    text-transform: uppercase;
}

    .page-links span {
        background: #222;
        color: #fff;
        font-size: 11px;
        padding: 5px 10px;
    }

    .page-links a span {
        color: #fff;
        font-size: 11px;
        padding: 5px 10px;
    }

    .page-links span.page-links-title {
        color: #fff;
    }

.password_protected > form {
    display: inline-block;
    width: 400px;
}

.password_protected input[type="password"] {
    height: 45px;
    padding: 0 15px;
    width: 100%;
}

.password_protected {
    float: left;
    text-align: center;
    width: 100%;
}

    .password_protected p {
        float: left;
        margin: 0;
        width: auto;
    }

    .password_protected label {
        float: left;
        width: 80%;
    }

    .password_protected input[type="submit"] {
        background-color: #000;
        border: none;
        color: #fff;
        padding: 11px 16px;
    }

    .password_protected .protected-icon a {
        background-color: #000;
        border-radius: 100%;
        color: #ffffff;
        display: inline-block;
        font-size: 50px;
        height: 80px;
        margin: 0px 0px 20px 0px;
        padding: 3px 0px 0px 0px;
        width: 80px;
    }

        .password_protected .protected-icon a i {
            font-size: 42px;
            line-height: 75px;
        }

.cs-attachments ul {
    padding: 0;
}

    .cs-attachments ul li {
        float: left;
        width: 112px;
        margin: 0 10px 10px 0;
        list-style: none;
    }

        .cs-attachments ul li figure {
            height: auto;
            width: 100%;
            background-color: #ccc;
            text-align: center;
        }

            .cs-attachments ul li figure i {
                margin: 30px 0;
                display: inline-block;
                vertical-align: middle;
            }

            .cs-attachments ul li figure img {
                height: auto;
            }
/*.lightbox .col-md-4:first-of-type{ padding: 0;}*/
.lightbox .col-md-4 {
    padding: 0 15px 0 0;
    float: none;
}

.image-frame img {
    float: none;
    width: 100%;
    height: auto;
    display: block;
}
/* Default Gallery Setup  */

.mejs-container {
    margin-bottom: 25px;
}

.gallery {
    clear: both;
    margin: 0 auto;
    overflow: hidden;
}

    .gallery li {
        list-style: none;
    }

    .gallery .gallery-item {
        float: left;
        list-style: none;
        margin: 0px 0 0;
        overflow: hidden;
        padding: 0px 0px 15px 15px;
        text-align: center;
    }

.gallery-caption {
    font-size: 11px;
}

.gallery-item img {
    float: left;
    height: auto;
    padding: 0 0px;
    width: 100%;
}

.gallery-columns-0 .gallery-item {
    width: 100%;
}

.gallery-columns-1 .gallery-item {
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery-columns-3 .gallery-item {
    width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery-columns-5 .gallery-item {
    width: 20%;
}

.gallery-columns-6 .gallery-item {
    width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    width: 11.11%;
}

.gallery-columns-10 .gallery-item {
    width: 10%;
}

.gallery-columns-11 .gallery-item {
    width: 9.09%;
}

.gallery-columns-12 .gallery-item {
    width: 8.33%;
}

.gallery-columns-13 .gallery-item {
    width: 7.69%;
}

.gallery-columns-14 .gallery-item {
    width: 7.14%;
}

.gallery-columns-15 .gallery-item {
    width: 6.66%;
}

.gallery-columns-16 .gallery-item {
    width: 6.25%;
}

.gallery-columns-17 .gallery-item {
    width: 5.88%;
}

.gallery-columns-18 .gallery-item {
    width: 5.55%;
}

.gallery-columns-19 .gallery-item {
    width: 5.26%;
}

.gallery-columns-20 .gallery-item {
    width: 5%;
}

.gallery-columns-21 .gallery-item {
    width: 4.76%;
}

.gallery-columns-22 .gallery-item {
    width: 4.54%;
}

.gallery-columns-23 .gallery-item {
    width: 4.34%;
}

.gallery-columns-24 .gallery-item {
    width: 4.16%;
}

.gallery-columns-25 .gallery-item {
    width: 4%;
}

.gallery-columns-26 .gallery-item {
    width: 3.84%;
}

.gallery-columns-27 .gallery-item {
    width: 3.7%;
}

.gallery-columns-28 .gallery-item {
    width: 3.57%;
}

.gallery-columns-29 .gallery-item {
    width: 3.44%;
}

.gallery-columns-30 .gallery-item {
    width: 3.33%;
}

/* QA POINTS */

.cs-courses.listing-view article .cs-text .course-tags li {
    padding-top: 2px
}

    .cs-courses.listing-view article .cs-text .course-tags li a {
        color: #fff !important;
    }

.cs-courses.listing-view.list-2 article h2 {
    margin-top: 8px
}

.cs-courses.listing-view.list-2 article p {
    margin: 0 0 18px;
}

.cs-courses.listing-view.list-2 .course-info {
    padding-top: 17px;
    margin-bottom: 20px;
}

.cs-courses.listing-view article h2 {
    line-height: 23px;
}

.cs-courses.listing-view article .price {
    margin-left: 4px;
}

.cs-courses.listing-view .course-info .details .value {
    margin-top: 11px;
    line-height: 10px;
}

.cs-courses.listing-view .course-info li {
    line-height: 0;
}

.cs-courses.listing-view.default-courses .cs-text h2, .course-tab .cs-courses.listing-view h2 {
    margin-top: 7px;
    font-size: 24px;
    line-height: 24px;
}

.course-tab .cs-courses.listing-view h2 {
    margin-bottom: 20px
}

.course-tab .cs-courses.listing-view article figure .course-num {
    bottom: 10px;
}

.course-tab .cs-courses.listing-view .course-info li.courses-btn {
    line-height: 17px;
    margin-top: 2px;
}

.cs-courses.listing-view.default-courses .cs-text p {
    margin-bottom: 16px
}

.cs-courses.listing-view.default-courses .cs-text .course-info {
    padding-top: 17px;
    margin-right: -20px;
    margin-top: 15px;
}

.course-tab .cs-courses.listing-view i {
    line-height: 0;
    padding-top: 10px;
}

.cs-courses.listing-view.default-courses .details i {
    line-height: 0;
}

.cs-courses.listing-view .course-info li.courses-btn {
    line-height: 28px;
    margin-top: 2px;
}

.cs-detail-area .timing i {
    margin-top: -3px;
    font-size: 18px;
}

.event-editor .header-element .pageinfo h1 {
    border-bottom: 1px solid #ebebe9;
    padding-bottom: 26px;
    margin-bottom: 7px;
}

.event-editor .csmap {
    margin-bottom: 15px;
}

.page-content.event-editor .cs-events.events-listing article {
    margin-bottom: 25px;
    padding-bottom: 20px;
}

.rich_editor_text p:last-child {
    margin-bottom: 37px;
}

.event-speaker {
    margin-top: 20px;
    margin-bottom: 16px;
}

    .event-speaker h2 {
        margin-bottom: 5px;
    }

.cs-blog-editor .cs-plain-form.cs_form_styling .form-style .icon-book8 {
    top: 14px;
}

.cs-blog-editor .cs-plain-form.cs_form_styling .form-style .icon-mortar-board {
    top: 13px
}

#cs-comments .cs-section-title {
    margin-top: 2px;
}

.cs-blog .blog-info-sec .categories a {
    margin-bottom: 8px;
}

.cs-related-post .cs-blog.cs-blog-masnery .blog-info-sec .categories a {
    margin-top: 8px;
}

.cs-blog-editor .cs-related-post h4 {
    margin-top: 4px;
}

.cs-attachment {
    margin-bottom: 20px
}

.cs-blog-editor .cs-social-share {
    margin-bottom: 29px;
    margin-top: 13px;
}

.mas-isotope.cs-blog-masnery .blog-info-sec {
    padding-top: 20px;
}

.cs-blog.cs-blog-medium h2 {
    margin-top: -6px;
    line-height: 30px;
}

.element-size-100 .services-content, .element-size-100 .about-content {
    margin-bottom: 22px;
}

.services-content .call-actions {
    padding: 14px 0 15px 30px;
}

.call-actions .call-action-inner {
    padding-top: 43px;
}

.cell .button-style {
    padding-top: 2px;
}

.cs-team-slider .graybackground .media .media-body {
    width: 560px;
    max-width: 560px;
}

    .cs-team-slider .graybackground .media .media-body img {
        width: 130px;
    }

.cs-team-slider .graybackground .media .media-middle {
    vertical-align: top;
}

.about-content .image-frame.frame-plane section {
    padding: 35px 40px 28px 40px;
}

    .about-content .image-frame.frame-plane section h4 {
        margin-bottom: 14px;
    }

    .about-content .image-frame.frame-plane section p {
        margin-bottom: 23px;
    }

.about-content .image-frame.frame-plane {
    padding-bottom: 35px;
}

.about-content .cs-seprator {
    margin-bottom: 7px;
}

.about-content .cs-team.team-grid {
    margin-top: 5px;
}

.about-content .team-grid h3, .team-content .cs-team.team-grid h3 {
    line-height: 1;
    color: #999;
    margin-bottom: 15px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
}

.about-content .thumbnail .overlayslide-team img, .team-content .cs-team.team-grid img {
    width: 100%;
}

.team-content .media-body {
    width: 540px;
}

.teamdetail-content .media-body {
    width: 435px;
}

.team-content .graybackground .media img {
    width: 100%;
}

.teamdetail-content .activedetail .media img {
    width: 100%;
    height: 250px;
}

.team-content .graybackground .media .media-middle, .plainbackground .media-middle, .teamdetail-content .media-middle {
    vertical-align: top;
}

.team-content .cs-section-title h2, .teamdetail-content h2 {
    font-size: 30px;
    text-transform: capitalize;
}

.team-content .cs-section-title, .teamdetail-content .cs-section-title {
    margin: 0px 0px 0px 0px;
}

.team-content .graybackground, .team-content .plainbackground, .team-content .plainbackground:hover {
    padding: 35px 35px 25px 35px;
}

.teamdetail-content .activedetail {
    padding: 30px 30px 20px 30px;
}

.team-content .graybackground h3 {
    color: #777777;
}

.team-content .whitecolor-text {
    margin-top: 7px;
}

.team-content .cs-team.team-box {
    margin-bottom: 0px
}

.team-content .plainbackground h3 {
    color: #999;
}

.team-content .plainbackground {
    background: #fcfcfc;
}

.team-content .cs-team.team-grid {
    margin-top: 30px;
}

.teamdetail-content .team-plain h4 {
    margin-bottom: 7px;
}

.teamdetail-content .contactdiv_detail {
    margin-bottom: 15px;
    padding: 14px 0px 17px 0px;
    margin-top: 13px;
}

.teamdetail-content .timeline > li span {
    text-shadow: 0px .0001px .000001px rgba(34, 34, 34, 0.74);
    font-weight: 500;
    text-transform: uppercase;
}

.graybackground .cs-team.team-box h4 {
    margin-top: -3px;
}

.cs-course-detail .cs-features {
    margin-top: 30px;
    display: block;
    clear: both;
}

.custom-fig figcaption {
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0,0,0,0.4);
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    position: absolute;
    left: 0;
    top: 28px;
    width: 100%;
    height: 100%;
    text-align: center;
    pointer-events: none;
}

.custom-fig .overlayslide-team figure {
    margin: 0;
    width: 100%;
}

.custom-fig figcaption i {
    background-color: rgba(0, 0, 0, 0.3);
    border: 1px solid #97999f;
    border-radius: 100%;
    color: #fff;
    font-size: 18px;
    height: 30px;
    left: 50%;
    margin: -15px 0 0 -15px;
    opacity: 0;
    padding: 5px 0 0 0;
    position: absolute;
    top: 50%;
    visibility: hidden;
    width: 30px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.custom-fig li:hover figcaption i, .thumbnail.custom-fig:hover figcaption i, .overlayslide.custom-fig:hover figcaption i {
    visibility: visible;
    opacity: 1;
}

.custom-fig li:hover figcaption, .thumbnail.custom-fig:hover figcaption, .overlayslide.custom-fig:hover figcaption {
    opacity: 1;
    visibility: visible;
}

    .thumbnail.custom-fig:hover figcaption i {
        margin-top: 45%;
    }

    .overlayslide.custom-fig:hover figcaption i {
        margin-top: 40%;
    }

.thumbnail.custom-fig:hover .overlayslide-team figcaption i {
    margin: -15px 0 0 -15px;
}

.cs-course-table .content .title-bar > ul > li {
    text-transform: capitalize;
}

.page-not-found {
    padding: 100px 0 130px 0;
}

.socialmedia a.add-calender, .socialmedia a.share-btn, .socialmedia .icon-share-square-o {
    color: #fff;
}

.default-courses figure a:before, .list-2 figure a:before, .element-size-33 .cs-services figure figcaption, .cs-unistaff figure a:before {
    background-color: rgba(0,0,0,0.2);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 0;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}

    .element-size-33 .cs-services figure figcaption:after {
        color: #fff;
        content: "\f055";
        font-family: 'icomoon';
        font-size: 40px;
        left: 50%;
        margin: -25px 0 0 -18px;
        position: absolute;
        top: 50%;
        visibility: hidden;
        opacity: 0;
        z-index: 2;
        -webkit-transition: all 0.4s ease-in;
        -moz-transition: all 0.4s ease-in;
        -ms-transition: all 0.4s ease-in;
        -o-transition: all 0.4s ease-in;
        transition: all 0.4s ease-in;
    }

    .element-size-33 .cs-services figure figcaption a {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

.default-courses article:hover a:before, .default-courses article:hover a:after, .list-2 article:hover a:before, article:hover, .list-2 article:hover a:after, .element-size-33 .cs-services:hover figcaption:after, .element-size-33 .cs-services:hover figcaption,
.cs-unistaff article:hover figure a:after, .cs-unistaff article:hover figure a:before {
    visibility: visible;
    opacity: 1;
}

.text-background-left .text-button-plain, .text-background-right .text-button-plain, .pricing-page .price-button .upgrate, .fullbackground-gray .get-enrole-button .get-enrole {
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}

    .text-background-right .text-button-plain:hover, .text-background-left .text-button-plain:hover, .pricing-page .price-button .upgrate:hover, .fullbackground-gray .get-enrole-button .get-enrole:hover {
        color: #fff;
    }

.pricing-area .price-big div:nth-child(3) {
    margin-top: 15px;
}

.page-sidebar .widget_categories ul li a:before, .page-sidebar .widget_categories ul li a:before {
    width: 6px;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}

.widget_cetegories ul li a:before {
    width: 6px;
}

.active article .cs-text h2 {
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}

.section-title.event-speaker h2 {
    margin-bottom: 11px;
}

.widget_cetegories ul li a:hover:before {
    width: 10px;
}

.page-sidebar .widget_categories ul li a:hover:before {
    width: 10px;
}

.cs-thumb-post li a:hover {
    text-decoration: underline;
}

.cs-campunews .cs-campunews.custom-fig figcaption i {
    width: 35px;
    height: 35px;
    font-size: 20px;
    margin: -18px 0 0 -20px;
    padding: 7px 0 0;
}

.cs-courses.listing-view article .course-tags li {
    padding: 0 5px 2px;
}

.cs-courses.listing-view article figcaption small {
    padding: 3px 5px 3px;
}

/* Map tabs */
.cs-map-tabs {
    display: none;
}

/* button */
.button_style {
    text-align: center;
}

    .button_style a {
        display: inline-block;
        vertical-align: middle;
        float: none;
    }

figure.wow.slide {
    margin: 0;
    padding: 0;
}

.fade.in:hover {
    opacity: 1;
}

/* Categories */
.cs_categories ul li {
    float: left;
    width: 100%;
    list-style: none;
}

.cat-multicolor ul li {
    color: #cccccc;
    font-size: 13px;
    font-family: 'Titillium Web', sans-serif;
    border-bottom: 1px solid #f3f3f3;
    position: relative;
    padding: 0 10px;
}

    .cat-multicolor ul li a {
        font-size: 14px;
        font-weight: 400;
        text-transform: uppercase;
        display: block;
        padding-left: 16px;
        position: relative;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transitio .copyright p an: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .cat-multicolor ul li:hover a {
        padding-left: 25px;
    }

    .cat-multicolor ul li a span {
        float: right;
        display: inline-block;
        color: #ccc;
        font-size: 13px;
    }

    .cat-multicolor ul li:after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 1px;
        background: red;
        content: '';
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transitio .copyright p an: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .cat-multicolor ul li:hover:after {
        width: 100%;
    }

    .cat-multicolor ul li a:before {
        content: "\f061";
        font-family: "Font Awesome 5 Free";
        color: #777777;
        font-size: 13px;
        position: absolute;
        left: 0;
        top: 1px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transitio .copyright p an: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .cat-multicolor ul li:hover a:before {
        content: "\f00c";
        padding-left: 5px;
    }

.section-fullwidth.contact-detail .col-md-12 .col-md-12 {
    padding: 0;
}

.circle {
    border-radius: 6px !important;
}

.no_circle {
    border-radius: 0 !important;
}

.button_style {
    padding: 10px;
}

.cs-default-btn {
    padding: 10px;
}

    .cs-default-btn i {
        margin: 0 5px 0 0;
    }

    .cs-default-btn.right i {
        float: right;
        margin: 2px 0 0 5px;
    }

/* loader */

.loader {
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    height: 50px;
    left: 50%;
    line-height: 50px;
    position: absolute;
    text-align: center;
    text-transform: capitalize;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 130px;
}

    .loader::before,
    .loader::after {
        -webkit-animation: load .7s infinite alternate ease-in-out;
        animation: load .7s infinite alternate ease-in-out;
        background: #ce4233;
        content: "";
        display: block;
        height: 15px;
        position: absolute;
        width: 15px;
    }

    .loader::before {
        top: 0;
    }

    .loader::after {
        bottom: 0;
    }

.flexslider.cs-loading {
    background: #fff;
    height: 464px;
    overflow: hidden;
    position: relative;
}

.flexslider.cs-loading {
    border: none;
}

    .flexslider.cs-loading ul li {
        list-style: none;
    }

    .flexslider.cs-loading img {
        display: none;
    }

/*ThemeCustom Setup*/
.wp-caption.alignnone {
    width: 100% !important;
}

.rich-text-editor .wp-image-907,
.cs-editor-text .wp-image-907,
.wp-caption img {
    width: 100%;
    height: auto;
}

.page-links {
    float: left;
    padding: 0px 0px 20px 0px;
    text-align: center;
    text-transform: uppercase;
}

    .page-links span {
        background: #222;
        color: #fff;
        font-size: 11px;
        padding: 5px 10px;
    }

    .page-links a span {
        color: #fff;
        font-size: 11px;
        padding: 5px 10px;
    }

    .page-links span.page-links-title {
        color: #fff;
    }

.password_protected > form {
    display: inline-block;
    width: 400px;
}

.password_protected input[type="password"] {
    height: 45px;
    padding: 0 15px;
    width: 100%;
}

.password_protected {
    float: left;
    text-align: center;
    width: 100%;
}

    .password_protected p {
        float: left;
        margin: 0;
        width: auto;
    }

    .password_protected label {
        float: left;
        width: 80%;
    }

    .password_protected input[type="submit"] {
        background-color: #000;
        border: none;
        color: #fff;
        padding: 11px 16px 14px 17px;
    }

    .password_protected .protected-icon a {
        background-color: #000;
        border-radius: 100%;
        color: #ffffff;
        display: inline-block;
        font-size: 50px;
        height: 80px;
        margin: 0px 0px 20px 0px;
        padding: 3px 0px 0px 0px;
        width: 80px;
    }

        .password_protected .protected-icon a i {
            font-size: 42px;
        }

.cs-attachments ul {
    padding: 0;
}

    .cs-attachments ul li {
        float: left;
        width: 112px;
    }

        .cs-attachments ul li figure {
            height: auto;
            width: 100%;
        }

            .cs-attachments ul li figure i {
                margin: 20px 0;
            }

.cs-text-box ul li {
    list-style: inside !important;
}
/*Default Gallery Setup*/

.mejs-container {
    margin-bottom: 25px;
}

.gallery {
    clear: both;
    margin: 0 auto;
    overflow: hidden;
}

    .gallery .gallery-item {
        float: left;
        list-style: none;
        margin: 0px 0 0;
        overflow: hidden;
        padding: 0px 0px 15px 15px;
        text-align: center;
    }

.gallery-caption {
    font-size: 11px;
}

.gallery-item img {
    float: left;
    height: auto;
    padding: 0 0px;
    width: 100%;
}

.gallery.clearfix.lightbox li figure {
    overflow: hidden;
}

    .gallery.clearfix.lightbox li figure figcaption i {
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transitio .copyright p an: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        position: absolute;
        top: 23%;
        left: 40%;
        transform: translateY(0);
        width: 40px;
        height: 40px;
        content: '';
        background: rgba(0,0,0,0.3);
        line-height: 40px;
        padding-left: 10px;
        border-radius: 100%;
        color: #fff;
        font-size: 20px;
        visibility: hidden;
    }

.gallery.clearfix.lightbox li:hover figure figcaption i {
    visibility: visible;
    transform: translateY(50%)
}

.gallery-columns-0 .gallery-item {
    width: 100%;
}

.gallery-columns-1 .gallery-item {
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery-columns-3 .gallery-item {
    width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery-columns-5 .gallery-item {
    width: 20%;
}

.gallery-columns-6 .gallery-item {
    width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    width: 11.11%;
}

.gallery-columns-10 .gallery-item {
    width: 10%;
}

.gallery-columns-11 .gallery-item {
    width: 9.09%;
}

.gallery-columns-12 .gallery-item {
    width: 8.33%;
}

.gallery-columns-13 .gallery-item {
    width: 7.69%;
}

.gallery-columns-14 .gallery-item {
    width: 7.14%;
}

.gallery-columns-15 .gallery-item {
    width: 6.66%;
}

.gallery-columns-16 .gallery-item {
    width: 6.25%;
}

.gallery-columns-17 .gallery-item {
    width: 5.88%;
}

.gallery-columns-18 .gallery-item {
    width: 5.55%;
}

.gallery-columns-19 .gallery-item {
    width: 5.26%;
}

.gallery-columns-20 .gallery-item {
    width: 5%;
}

.gallery-columns-21 .gallery-item {
    width: 4.76%;
}

.gallery-columns-22 .gallery-item {
    width: 4.54%;
}

.gallery-columns-23 .gallery-item {
    width: 4.34%;
}

.gallery-columns-24 .gallery-item {
    width: 4.16%;
}

.gallery-columns-25 .gallery-item {
    width: 4%;
}

.gallery-columns-26 .gallery-item {
    width: 3.84%;
}

.gallery-columns-27 .gallery-item {
    width: 3.7%;
}

.gallery-columns-28 .gallery-item {
    width: 3.57%;
}

.gallery-columns-29 .gallery-item {
    width: 3.44%;
}

.gallery-columns-30 .gallery-item {
    width: 3.33%;
}


.fixed {
    background: #fff none repeat scroll 0 0;
    border-color: #fff;
    border-style: solid;
    border-width: 10px 30px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
    margin: 0 0 0 -35px;
    width: 1140px;
    left: auto;
    padding: 0 25px;
    position: fixed;
    top: 0;
    z-index: 9999;
    right: auto;
}
    /* Full Width Navigation */
    .fixed .navigation {
        width: 100%;
        text-align: center;
    }

        .fixed .navigation ul li {
            display: inline-block;
            float: none;
            vertical-align: top;
        }

            .fixed .navigation ul li .sub-dropdown {
                text-align: left;
            }
/* Full Width Navigation
.wrapper_boxed .navigation{
   width:1070px;
}
*/
/*Counter icon-font sizes*/
.icon-2x {
    font-size: 16px;
    line-height: 16px;
}

.icon-3x {
    font-size: 24px;
    line-height: 24px;
}

.icon-4x {
    font-size: 32px;
    line-height: 24px;
}

.icon-5x {
    font-size: 40px;
    line-height: 40px;
}
/*Grayscale Image style*/
.grayscale img {
    filter: grayscale(1);
}

    .grayscale img:hover {
        filter: grayscale(0);
        transition-property: filter;
        transition-duration: 1s;
    }

.cs-twtter .infotext {
    color: #fff;
}

.classic-frame figure {
    width: 100%;
}

.classic-frame figcaption {
    position: absolute;
    width: 99%;
    background: rgba(0,0,0,0.3);
    color: #fff;
    padding: 10px 15px;
    left: 4px;
    bottom: 4px;
}

    .classic-frame figcaption h4 {
        color: #fff;
    }

.inner-page {
    width: 100%;
    height: 200px;
    background-color: #999;
    background-image: url(http://localhost:1474/Web_GGU_2/Assets/bg_1.jpg);
    /*background-origin:content-box;*/
    background-position: center;
    background-size: cover;
}

.main-page {
    min-height: 400px;
    width: 100%;
    background-color: #ededed;
    margin: 30px 0;
    padding: 5px 15px;
    border-bottom-right-radius: 50px;
    border-bottom: 6px solid #E9DF30;
}

    .main-page .page-title {
        margin-bottom: 20px;
        margin-top: 20px;
    }

        .main-page .page-title h2 {
            color: #08387f !important;
        }

    .main-page .page-para {
        text-align: justify;
    }

        .main-page .page-para p {
            font-size: 15px;
            color: #08387f;
            font-weight: 500;
            word-spacing: .1em;
        }

.main-page-white {
    min-height: 400px;
    width: 100%;
    background-color: #fff;
    margin: 30px 0;
    padding: 5px 15px;
    border-bottom-right-radius: 50px;
    border-bottom: 6px solid #E9DF30;
}

.box-img {
    margin: 10px;
    background-image: url();
}
/*.main-section h2, .main-section h2 a {
    color: #fff !important
}*/
#carousel {
    position: relative;
    width: 100%;
    margin: 0 auto;
    /*margin-left: 10px;*/
}

#slides {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 350px;
}

    #slides ul {
        list-style: none !important;
        width: 100%;
        height: 250px;
        margin: 0;
        padding: 0;
        position: relative;
    }

    #slides li {
        width: 100%;
        height: 350px;
        float: left;
        text-align: left;
        position: relative;
        font-family: 'Titillium Web', sans-serif;
        list-style: none;
    }
/* Styling for prev and next buttons */
.btn-bar {
    max-width: 346px;
    margin: 0 auto;
    display: none;
    position: relative;
    /*top: 40px;*/
    width: 100%;
}

#buttons {
    padding: 0 0 5px 0;
    float: right;
}

    #buttons a {
        text-align: center;
        display: block;
        font-size: 30px;
        float: left;
        outline: 0;
        margin: 0 10px;
        color: #777777;
        text-decoration: none;
        display: block;
        /*padding: 9px;*/
        width: 35px;
    }

a#prev:hover, a#next:hover {
    color: #FFF;
    text-shadow: .5px 0px #b14943;
}

.quote-phrase, .quote-author {
    /*font-family: sans-serif;*/
    font-weight: 300;
    display: table-cell;
    vertical-align: middle;
    padding: 5px 20px;
    /*font-family: 'Lato', Calibri, Arial, sans-serif;*/
}

.quote-phrase {
    /*height: 200px;*/
    color: #FFF;
    font: Normal 14px 'Oxygen', sans-serif;
    line-height: normal;
    color: #555555;
}

.quote-marks {
    font-size: 30px;
    padding: 0 3px 3px;
    position: inherit;
}

.quote-author {
    /*font-style: normal;*/
    font-size: 20px;
    color: #b14943;
    height: 30px;
    /*padding-left: 150px;*/
}

p.quote-author {
    color: #0da3e2;
    font-size: 16px;
    font-weight: 600 !important;
    margin: 23px 0 7px;
    text-align: right;
    /*font-weight: 800 !important;*/
}

.quoteContainer {
    display: table;
    width: 100%;
}

.authorContainer {
    float: left;
}

.img-container {
    height: 110px;
    width: 110px;
    float: left;
}

    .img-container img {
        width: 75px;
        height: 75px;
        padding: 3px;
        border-radius: 150px !important;
        border: solid 1px #f5f5f5;
    }

.m-b-30 {
    margin-bottom: 30px;
}

.color {
    background: #b9343e;
}

.news {
    box-shadow: inset 0 -15px 30px rgba(0,0,0,0.4), 0 5px 10px rgba(0,0,0,0.5);
    width: 90%;
    margin: 10px auto;
    overflow: hidden;
    border-radius: 4px;
    padding: 1px;
    -webkit-user-select: none;
}

    .news span {
        float: left;
        color: #fff;
        /*padding: 9px;*/
        position: relative;
        top: 10%;
        box-shadow: inset 0 15px 30px rgba(0,0,0,0.4);
        font: 16px 'Raleway', Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        -webkit-user-select: none;
        cursor: pointer;
    }

        .news span a {
            color: #fff;
        }

.stext {
    margin: 5px;
    padding: 8px;
    border: 1px solid #ffd800;
}

.text1 {
    box-shadow: none !important;
    width: 85%;
    padding: 8px;
}

.page-section {
    /*margin-top: 0px;
    padding-top: 40px;
    padding-bottom: 40px;*/
    margin-bottom: 30px;
    border-top: 0px #e0e0e0 solid;
    border-bottom: 0px #e0e0e0 solid;
}

.slider-caption h3 {
    margin-top: 10px;
    margin-left: 10px;
}

.news-info h4 a {
    font-size: 18px;
}

/*-----------------tab panel start---------------*/

.warpper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tab {
    cursor: pointer;
    padding: 10px 20px;
    margin: 0px 2px;
    background: #b91c11;
    display: inline-block;
    color: #fff;
    border-radius: 3px 3px 0px 0px;
    box-shadow: 0 0.5rem 0.8rem #00000080;
}

.panels {
    /*background: #fffffff6;
    box-shadow: 0 2rem 2rem #00000080;*/
    min-height: 200px;
    width: 100%;
    /*max-width: 500px;*/
    border-radius: 3px;
    overflow: hidden;
    padding: 20px;
}

.panel {
    display: none;
    animation: fadein .8s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.panel-title {
    font-size: 1.5em;
    font-weight: bold
}

.radio {
    display: none;
}

#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel,
#three:checked ~ .panels #three-panel,
#four:checked ~ .panels #four-panel,
#five:checked ~ .panels #five-panel {
    display: block;
}

#one:checked ~ .tabs #one-tab,
#two:checked ~ .tabs #two-tab,
#three:checked ~ .tabs #three-tab,
#four:checked ~ .tabs #four-tab,
#five:checked ~ .tabs #five-tab {
    background: #fffffff6;
    color: #000;
    border-top: 3px solid #b91c11;
}
/*-----------------tab panel end---------------*/
.btn {
    margin: 1rem 0;
}

.img-box {
    /*width:200px;
    height:210px; */
    margin: auto auto;
    padding:5px;
    border: 1px solid #ddd;
}

.img-box-center {
    width: 200px;
    border: 1px solid #ddd;
    margin: auto auto;
    padding: 10px;
}

    .img-box img, .img-box-center img {
        width: 100%;
        height: 100%;
    }

.image-box {
    margin: auto auto;
    padding: 10px;
}

    .image-box img {
        width: 100%;
    }

.img-box-circle {
    border: 2px solid #ddd;
    width: 180px;
    margin: auto auto;
    border-radius: 25%;
}

    .img-box-circle img {
        width: 100%;
        border-radius: 25%;
    }

.para-box {
    padding: 10px 10px;
}

.para-box2 {
    padding: 10px 10px 10px 25px;
    /*background: #ededed;*/
	background: #fff;
}

    .para-box p, .para-box2 p {
        color: #222;
        padding-right: 30px;
        text-align: justify
    }

/*ul.library-box {
    margin-left: 15px;
}*/

ul.library-box li {
    background: #b91c11;
    margin-bottom: 10px;
    padding: 5px 10px;
    list-style: none;
    border-radius: 5px;
}

    ul.library-box li a {
        color: #fff;
    }

table {
    margin: auto auto;
}

thead:first-child > tr:first-child > th {
    background: #b91c11;
    color: #fff;
}

.para-box-center {
    width: 80%;
    margin: auto auto;
}

    .para-box-center p {
        color: #222;
        padding-right: 10px;
        text-align: justify
    }

/*.FirstChar {
    font-size: 60px;
}*/

.thead-maroon {
    color: #fff;
    background-color: #9f1717;
	  
}

.img-box1 {
    margin: 10px auto;
    border-radius: 50%;
    border: 2px solid #cccccc;
    width: 200px;
    height: 200px;
}

    .img-box1 img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }

    .img-box1 h6 {
        margin-top: 10px;
        text-align: center;
    }

    .img-box1 p {
        text-align: center;
    }

.no-data {
    margin: 0 auto;
    width: 600px;
    height: 400px;
}

    .no-data img {
        width: 100%;
        height: 100%;
    }

#main-header {
    z-index: 99999;
}

.hrLine {
    width: 100px;
    height: 2px;
    background-color: #9f1717;
    margin: 15px 0 25px;
}
/* The sticky class is added to the navbar with JS when it reaches its scroll position */
/*.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

    .sticky + .main-content {
        padding-top: 102px;
    }*/
.img_box {
    background-color: #cccccc;
    margin: 10px auto;
    height: 180px;
    width: 150px;
    border: 1px solid #999;
    border-radius:50%;
}

    .img_box img {
        width: 100%;
        height: 100%;
         border-radius:50%;
    }
.textwrap {
    float: left;
    margin: 10px;
}
.bggrey {
    background: rgb(238,238,238);
    padding-top: 30px;
    padding-bottom: 30px;
}

.bg-Dgrey {
    background: #606060;
    padding-top: 30px;
    padding-bottom: 30px;
}

.icon-box.iconbox-border {
    border: 1px solid #dcdcdc;
}

.icon-box {
    padding: 15px;
    transition: all 0.1s ease-in-out;
}

.main-section h4.icon-box-title {
    color: #b91c11 !important;
}

.icon-box:hover {
    background: #c21717 !important;
}

    .icon-box:hover h4.icon-box-title {
        color: white !important;
    }

    .icon-box:hover > img {
        filter: invert(1) !important;
    }

.maroon-Text {
    color: #b91c11;
    /*background: -webkit-linear-gradient( #c21717,#111);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    font-weight: 700;
}

.seminar-img {
    width: 80%;
}

    .seminar-img img {
        width: 100%;
    }

#Notice li a {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #999;
}

.date {
    text-align: center;
    padding: 4px;
    color: #fff !important;
    background-color: #b91c11;
    width: 80px;
    box-shadow: 1px 1px 15px 1px #cccccc;
    float: right;
    width: 25%;
}

.anchor {
    width: 70%;
    float: left;
}
/*header*/
/*.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -1px;
    }*/

.navbar.navbar-Custom, .navbar-collapse {
    background-color: #ecce73;
    width: 100%;
}
.navbar-collapse:hover {
    background-color:#ecce73;
    width: 100%;
}
.TenderCorri-box {
    padding: 20px;
}

    .TenderCorri-box ul {
        list-style: none;
        margin-left: 20px;
    }

        .TenderCorri-box ul li a {
            font-size: 14px;
            font-weight: 600;
        }

/*hr.style{
        margin-top:8px;
        margin-bottom:8px;
        height:2px;
        background:#333333;
    }*/
#tender li {
    padding: 15px;
    border: 1px dashed #999;
    margin-bottom: 10px;
}

#tender {
    overflow: auto;
    height: 300px;
}

.anchor-style {
    float: right;
    color: red;
}

.icon-box-title {
    font-size: 18px !important;
    margin-top: 10px;
}

.events {
    margin-bottom: 10px;
}

.p-title {
    /*margin-top: 20px;*/
    padding-top: 25px;
    font-size: 28px;
    font-weight: 400 !important;
    color: #000;
    line-height: 26px !important;
}

.dept-header h1 {
    padding-top: 35px;
    color: #fff;
    line-height: 26px !important;
}

.course-box {
    width: 100%;
    /*background-color: #f0f0f0;*/
    box-shadow: 10px 5px 10px 10px #cccccc;
    padding: 20px 40px;
    /*border: 1px solid #9f1717;*/
    /*border-radius:20px;*/
    margin-bottom: 20px;
}

    .course-box p {
        font-weight: 600;
    }

    .course-box .Chead {
        color: #9f1717;
        font-size: 16px;
    }

    .course-box a {
        padding: 7px;
        background-color: #ffd800;
        font-weight: 600;
        color: #08387f;
    }

#main-content {
    min-height: 400px;
}

@media screen and (min-width:993px) and (max-width:1366px) {
    .cs-gallery ul.gallery .tab-box {
        height: 230px;
        overflow: hidden;
    }

    .img_box {
        height: 180px;
        width: 150px;
    }

    header .logo {
        margin: 25px auto 15px;
        float: right;
    }

    .nav li a {
        font: 600 Normal 14px 'Titillium Web', sans-serif !important;
        padding: 10px 10px !important;
        cursor:pointer;
    }

    .cs-section-title h2 {
        font-size: 20px !important;
    }

    /*.cs-gallery ul li {
        overflow: hidden;
    }*/
}

.Com-box {
    /*border:2px solid #d2d2d2;*/
    /*padding:20px;*/
}

.anchor-style2 {
    text-align: left;
    color: #08387f;
    font-weight: 600;
    /*overflow:hidden;*/
}

a.anchor-style2:hover {
    text-decoration: underline;
}

.table > tbody > tr > td a.anchor-box {
    background-color: #d9534f;
    border-color: #d43f3a;
    padding: 6px 12px;
    border-radius: 2px;
}

.m-l-20 {
    margin-left: 20px;
}

.tab1 {
    float: left;
    /*border: 1px solid #ccc;*/
    /*background-color: #f1f1f1;
    width:100%;
    height: 300px;*/
    width: 100%;
    padding: 20px;
    text-align: center;
    background: #fbfafa;
    box-shadow: 10px 10px 10px #cccccc;
}

    .tab1 button {
        display: block;
        background-color: inherit;
        color: black;
        padding: 10px;
        width: 100%;
        margin-bottom: 5px;
        /*border: none;*/
        outline: none;
        /*text-align: left;*/
        cursor: pointer;
        transition: 0.3s;
        font-size: 17px;
        border-radius: 5px;
        border: 1px solid #b91c11;
    }

        .tab1 button:hover {
            background-color: #ddd;
        }

        .tab1 button.active {
            background-color: #b91c11; /*#ccc;*/
            color: #fff;
        }

.tabcontent1 {
    float: left;
    padding: 0px 12px;
    border: 1px solid #ccc;
    width: 100%;
    border-left: none;
    min-height: 300px;
    border-radius: 3px 3px 0px 0px;
    box-shadow: 0 0.5rem 0.8rem #00000080;
}

.Image {
    width: 120px;
    height: 150px;
    margin: 0px auto;
}

    .Image img {
        width: 100%;
    }

.links {
    position: absolute;
    left: 0;
    top: 40%;
    list-style: none;
}

    .links li a, .links-right li a {
        color: #fff;
    }

    .links li a {
        display: block;
        background-color: #221b1b;
        border-left: 3px solid #179bd7;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        margin-bottom: 5px;
    }

a.link {
    text-decoration: none;
}

.links li a i {
    font-size: 18px;
    color: #fff;
}

a.link span {
    display: none;
    text-align: center;
}

.links li a {
    line-height: 50px;
    text-align: center;
}

a.link:hover span {
    border: #c0c0c0 1px dotted;
    padding: 16px 10px 16px;
    display: block;
    /*z-index: 100;*/
    background-color: #fa5f1a;
    /*background: url(../images/status-info.png) #f0f0f0 no-repeat 100% 5%;*/
    left: 48px;
    color: #fff;
    font-size: 15px;
    line-height: 16px;
    letter-spacing: 0;
    margin: 0;
    font-weight: 600;
    position: absolute;
    top: 0px;
    text-decoration: none;
    text-align: center;
    width: 240px;
    /*clip-path: polygon(10% 0%, 100% 0%,100% 100%,10% 100%,0% 50%);
    clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%);*/
}

a.link:hover {
    cursor: help;
    position: relative;
}

.contact-box {
    width: 100%;
    background-color:#f9f4f4;
    box-shadow: 10px 5px 10px 10px #cccccc;
    padding: 20px 20px;
   /* border: 1px solid #9f1717;*/
    border-radius: 20px;
    margin-bottom: 20px;
    height: 166px;
}

    .contact-box .fas {
        color: #b91c11;
        font-size: 20px;
        margin-right: 10px;
    }

.list-style {
    padding: 20px;
    text-align: center;
    background: #ededed;
    box-shadow: 10px 10px 10px #cccccc;
    margin-top: 50px;
    list-style: none;
}

    .list-style li {
        /*background-color: #b91c11;*/
        margin-bottom: 5px;
        padding: 10px;
        border-radius: 5px;
        border: 1px solid #b91c11;
    }

        .list-style li:hover {
            background-color: #b91c11;
        }

            .list-style li:hover a {
                color: #fff;
            }

        .list-style li a {
            color: #b91c11;
            font-size: 15px;
            font-weight: 600;
        }

.Tab-Style {
    list-style: none;
}

    .Tab-Style li {
        display: inline-table;
        margin: 10px;
        padding: 10px;
        text-align: center;
        background-color: #ededed;
        border: 1px solid #b91c11;
    }

        .Tab-Style li a {
            font-size: 15px;
            font-weight: 500;
        }

        .Tab-Style li:hover {
            background-color: #b91c11;
            box-shadow: 10px 10px 20px #cccccc;
        }

            .Tab-Style li:hover a {
                color: #fff;
            }

.Tab-Style-2 {
    padding: 10px;
    list-style: none;
}
    .Tab-Style-2 li a:hover, .Tab-Style-2 li:hover{
        color: #b91c11;
    }
    .Tab-Style-2 a {
        font-size: 16px;
    }

    .event-section {
        width: 100%;
        padding: 10px;
        /*border-left:5px dotted #cccccc;*/
    }

.event-box {
    list-style: none;
    margin:0;
    padding: 0;
}
    .event-box li {
        margin-bottom: 20px !important;
    }
    .event-box a {
        color: #C21717 !important;
        text-decoration: none !important;
        font-weight:600;
    }

.font-17 {
    font-size: 17px !important;
}
.info .ar-event {
    font-size: 14px !important;
    color: #6b6b6b !important;
    margin-bottom: 2px !important;
}
.info p{
    margin-bottom:10px;
}
.event-box a:hover {
    color: #000000 !important;
    text-decoration: none !important;
}
.Min-height{
    min-height:400px;
}
footer .box{
    width:60px;
    height:60px;
    float:left;
    margin:10px;
}
footer .box img{
    width:100%;
}
.navbar-nav > li .activeClass {
    text-decoration: none;
    background-color: #9f1717;
    color: #fff;
}
.topnav {
    overflow: hidden;
    /*background-color: #e9e9e9;*/
    margin-bottom:20px;
}
    .topnav .search-container {
        float: left;
        width: 100%;
    }

    .topnav input[type=text] {
        float: left;
        padding: 6px;
        margin-top: 8px;
        font-size: 17px;
        border: 2px solid #b91c11;
        width: 80%;
        height:auto;
    }

    .topnav .search-container #btnSearch {
        float: left;
        padding: 6px 10px;
        margin-top: 8px;
        color: #fff;
        margin-right: 16px;
        background: #b91c11;
        font-size: 17px;
        border: none;
        cursor: pointer;
    }

        /*.topnav .search-container button:hover {
            background: #ccc;
            color: #111;
            border: 2px solid #b91c11;
        }*/

@media screen and (max-width: 600px) {
    .topnav .search-container {
        float: none;
    }

        .topnav input[type=text], .topnav .search-container button {
            float: none;
            display: block;
            text-align: left;
            width: 100%;
            margin: 0;
            padding: 14px;
        }

    .topnav input[type=text] {
        border: 1px solid #ccc;
    }
}
.Gallery {
    width: 100%;
    height: 250px;
    margin:5px auto;
    padding:3px;
    border:1px solid #cccccc;
    box-shadow:5px 5px 5px #cccccc;
}
.Gallery img {
    width: 100%;
    height:100%;
}
    .Gallery p {
        text-align:center;
        font-weight:600;
    }
.Gallery .example-image-link {
     width: 100%;
    height: 200px;
    margin-bottom:5px;
}
/*.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
 }
/*.dropdown-submenu:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
 }*/

.navbar-nav > li > a {
    padding-top: 0;
    padding-bottom: 0;
}
/*.mainmenu {
    background-color: transparent;
    border-color: transparent;
    margin-bottom: 0;
	border: 0px !important;
}*/
/*-------------------------------menu bar on hover-----------------------------------------*/
.navbar-nav:hover {
    background-color: #ecce73;
}
.navbar-nav > li:last-child > a {
    padding-right: 0px;
    margin-right: 0px;
}
.dropdown-menu {
    padding: 0px 0; 
    margin: 0 0 0; 
    border: 0px solid transition !important;
	border: 0px solid rgba(0,0,0,.15);	
	border-radius: 0px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;

}
/*=-====Main Menu=====*/
.navbar-nav .open .dropdown-menu > li > a {padding: 16px 15px 16px 25px;
}
.header_bottom { background: #0071ba }
.header_area .header_bottom .mainmenu a , .navbar-default .navbar-nav > li > a {
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    padding: 16px 15px;
	/*font-family: 'Roboto', sans-serif;*/
}
.header_area .mainmenu .active a,
.header_area .mainmenu .active a:focus,
.header_area .mainmenu .active a:hover,
.header_area .mainmenu li a:hover,
.header_area .mainmenu li a:focus ,
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    color: #fff;
    background: #9f1717;
    outline: 0;
}
/*-----./ Main Menu-----*/

.navbar-default .navbar-toggle { border-color: #fff } /*Toggle Button*/
.navbar-default .navbar-toggle .icon-bar { background-color: #fff } /*Toggle Button*/

/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a{background: #9f1717;color:#fff !important}
.mainmenu .collapse ul ul > li:hover > a,
 .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{background: #9f1717; color:#fff;}
.mainmenu .collapse ul ul ul > li:hover > a{background: #9f1717;}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:#ededed;}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:#ededed}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:#ededed}

/******************************Drop-down menu work on hover**********************************/
.mainmenu{background:transparent;border: 0 solid;margin: 0;padding: 0;min-height:20px}
@media only screen and (min-width: 767px) {
.mainmenu .collapse ul li{position:relative;}
.mainmenu .collapse ul li:hover> ul{display:block}
.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul li{position:relative}
.mainmenu .collapse ul ul li:hover> ul{display:block}
.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{
    position:absolute;
    top:0;
    /*left:-100%;*/
    min-width:250px;
    display:none;
    z-index:1;

}

}
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 99;
}
#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
}
/*-------------------------------menu bar on hover-----------------------------------------*/
.slide {
    background-color:#ededed;
    text-align:center;
    padding:10px 0;margin:5px;
}
.course-box ul li a{
background-color:#ffffff!important;
}
.bg-light1 {
background-color: #ecce73;
}
.nav-link{
    font: 600 Normal 15px 'Titillium Web', sans-serif !important;
    padding:8px!important;
}
.mainmenu {
    z-index: 1000;
background-color: #ecce73;
/*padding:10px 0;*/
}
a:hover {
    color: #111;
}
.navbar {
padding:0 16px;
}
.para-box-center .Error {
   width:50%;
   margin:0 auto;
}
.navbar-light .navbar-nav .nav-link {
    color: #111;
}
.shareBox {
    background: #fff;
    float: left;
    width: 100%;
    padding: 12px 13px;
    border-radius: 7px;
    box-shadow: 0px 2px 1px #909090;
}

.shareBox img {
    float: left;
    background: #d8130c;
    padding: 6px;
    border-radius: 100px;
    transition: all 0.7s ease-in-out;
    margin-right: 12px;
}

.shareBox h5 {
    margin-top: 30px;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
}

.shareBox:hover h5 {
	color: #000000;
    /*color: #d8130c;*/  
}

.shareBox:hover img {
    border-radius: 6px;
    transition: all 0.7s ease-in-out;
}