.opensans {
    font-family: 'Open Sans', sans-serif;
}

.merriweather {
    font-family: 'Merriweather', serif;
}

header svg {
    width: 170px;
    margin: -10px 0 0 -32px;
}

header.sh-header-2-eff svg {
    width: 161px;
    margin: -15px 0 0 -32px;
}

.cover {
    background-size: cover;
}

.img-rounded {
    border-radius: 5px;
}

.img-responsive {
    border-radius: 5px;
    margin-bottom: 20px;
}

    .img-responsive.img-circle {
        border-radius: 50%;
    }
/**
 * 1.0 - Reset
 * -----------------------------------------------------------------------------
 */
* {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 25.2px;
    color: #454345;
    overflow-x: hidden;
}

a {
    color: #343234;
    text-decoration: underline;
}

    a:hover {
        color: #5e848f;
    }

.alignright {
    float: right;
    margin: 0 0 0 10px;
}

.alignleft {
    float: left;
    margin: 0 10px 0 0;
}

@media (min-width: 1300px) {
    .container {
        max-width: 1200px;
        width: 100%;
    }
}

a:hover {
    cursor: pointer;
    text-decoration: none;
}

li {
    list-style: none;
}

.theme-white {
    background: #ffffff !important;
}

.theme-color-white {
    color: #ffffff !important;
}

.theme-header-6 {
    background: #fff !important;
}

.theme-header-7 {
    background: #e0675a !important;
}

.theme-homepage-2 {
    background: #efedef !important;
}

.sh-background-tranparent {
    background: transparent !important;
}

.sh-background-none {
    background: none !important;
}

.sh-background-color-1 {
    background: #777 /*#e8be6c*/ !important;
}

.sh-background-color-2 {
    background: #222 /*#5da7f0*/ !important;
}

.sh-background-color-3 {
    background: #444 /*#829c53*/ !important;
}

.sh-background-color-4 {
    background: #efedef !important;
}

.sh-background-color-5 {
    background: #555 /*#287e7a*/ !important;
}

.sh-background-color-6 {
    background: #999 /*#930021*/ !important;
}

.sh-background-color-7 {
    background: #888 /*#f2a633*/ !important;
}

.sh-background-color-8 {
    background: #202d48 !important;
}

.sh-background-color-9 {
    background: #919999 /*#f26e4f*/ !important;
}

.sh-background-color-10 {
    background: #f7f7f7 !important;
    z-index: 9999;
    position: relative;
}

.sh-background-color-11 {
    background: #253b48 !important;
}

.sh-background-color-12 {
    background: #f6f6f6 !important;
}

.sh-background-color-13 {
    background: #202d48 !important;
}

.sh-background-color-14 {
    background: #c2cd74 !important;
}

.sh-color-1 {
    color: #e8be6c !important;
}

.sh-color-2 {
    color: #222 /*#5da7f0*/ !important;
}

.sh-color-3 {
    color: #444 /*#829c53*/ !important;
}

.sh-color-4 {
    color: #efedef !important;
}

.sh-color-5 {
    color: #930021 !important;
}

.sh-color-6 {
    color: #287e7a !important;
}

.sh-color-7 {
    color: #f2a633 !important;
}

.sh-color-8 {
    color: #4c6778 !important;
}

.sh-color-9 {
    color: #f26e4f !important;
}

.sh-color-10 {
    color: #202d48 !important;
}

.sh-color-11 {
    color: #333333 !important;
}
/**
 * 2.0 - Off canvas
 * -----------------------------------------------------------------------------
 */
/* Off canvas for Desktop*/
.sh-offcavans-menu {
    bottom: 0;
    position: fixed;
    top: 0;
    width: 20em;
    background-color: #ffffff;
    z-index: 9999999;
    right: -20em;
}

.sh-offcavans-menu-customer {
    bottom: 0;
    position: fixed;
    top: 0;
    width: 20em;
    background-color: #ffffff;
    z-index: 9999999;
    left: -20em;
}

.sh-canvas-customer-right {
    display: none;
}

.sh-offcavans-menu-eff {
    left: 0 !important;
    opacity: 1 !important;
}

.sh-offcavans-menu-eff-customer {
    right: 0 !important;
    opacity: 1 !important;
}

.shscrollable {
    bottom: 0;
    top: 74px;
    overflow: auto;
    position: absolute;
    right: 0;
    left: 30%;
    transition: all 0.3s linear 0.2s;
    -moz-transition: all 0.3s linear 0.2s;
    -webkit-transition: all 0.3s linear 0.2s;
    -ms-transition: all 0.3s linear 0.2s;
    -o-transition: all 0.3s linear 0.2s;
}

.sh-offcavans-menu-customer .shscrollable {
    left: 0;
}

.sh-offcanvas-close {
    background: rgba(0, 0, 0, 0);
    border: 0 none;
    color: #fff;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: 9999999;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

    .sh-offcanvas-close:hover {
        background: rgba(0, 0, 0, 0.6);
    }

.sh-menu-ofcanvas-right {
    padding: 0;
}

    .sh-menu-ofcanvas-right ul {
        margin: 0;
    }

        .sh-menu-ofcanvas-right ul li {
            border-bottom: 1px solid #eeeeee;
            overflow: hidden;
            position: relative;
        }

            .sh-menu-ofcanvas-right ul li:first-child {
                border-top: 1px solid #eeeeee;
            }

            .sh-menu-ofcanvas-right ul li:after {
                background: rgba(238, 238, 238, 0);
                content: "";
                height: 100%;
                left: 0;
                position: absolute;
                top: 0;
                -webkit-transition: all 0.3s linear 0s;
                -moz-transition: all 0.3s linear 0s;
                -ms-transition: all 0.3s linear 0s;
                -o-transition: all 0.3s linear 0s;
                transition: all 0.3s linear 0s;
                width: 0;
            }

            .sh-menu-ofcanvas-right ul li:hover:after {
                background: #eeeeee;
                width: 100%;
            }

            .sh-menu-ofcanvas-right ul li a {
                display: block;
                padding: 20px;
                position: relative;
                z-index: 99993;
            }

                .sh-menu-ofcanvas-right ul li a img {
                    padding-right: 20px;
                }

            .sh-menu-ofcanvas-right ul li:hover a i {
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                transform: scale(1);
            }

            .sh-menu-ofcanvas-right ul li a i {
                color: #202d48;
                left: 18px;
                position: absolute;
                top: 28px;
                -webkit-transform: scale(0);
                -moz-transform: scale(0);
                -ms-transform: scale(0);
                -o-transform: scale(0);
                transform: scale(0);
                -webkit-transition: all 0.3s linear 0s;
                -moz-transition: all 0.3s linear 0s;
                -ms-transition: all 0.3s linear 0s;
                -o-transition: all 0.3s linear 0s;
                transition: all 0.3s linear 0s;
            }

            .sh-menu-ofcanvas-right ul li a strong {
                color: #454345;
                font-size: 14px;
                font-weight: 400;
                line-height: 16.8px;
            }

.mobile-MenuWrap {
    width: 100%;
    padding: 33px 0 15px 0;
}

.MobNavWrap {
    margin: 30px 0 0 0;
}

    .MobNavWrap a {
        width: 100%;
        display: block;
        padding: 5px 20px;
        text-transform: uppercase;
        border-bottom: 1px solid #ccc;
        text-decoration: none;
    }

        .MobNavWrap a i {
            margin: 5px 0 0 0;
        }
/*Off canvas Responsive for Small Devices*/
#off-canvas-nav {
    display: none;
}

@media (max-width: 991px) {
    .sh-logo {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
    }

    ul.sub-menu {
        padding: 8px 15px;
        background: #fff;
    }

        ul.sub-menu li {
            padding: 6px 0;
        }

            ul.sub-menu li a {
                color: #333 !important;
                text-transform: capitalize;
            }

    .sh-canvas-customer-right {
        display: block;
        -webkit-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        -ms-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
    }

    body .sh-offcavans-menu-customer {
        right: -20em;
        left: auto !important;
    }

        body .sh-offcavans-menu-customer .shscrollable {
            right: 0;
        }

    body .sh-menu-left .sh-button-toggle.sh-canvas-main {
        display: block;
    }

    body .sh-menu-left .sh-canvas-customer {
        display: none;
    }

    body .sh_icon_menu {
        background: rgba(0, 0, 0, 0);
        border: 0 none;
        color: #fff;
        display: block;
        margin-left: 20px;
        padding-top: 15px;
    }

    body .sh-search {
        padding-top: 11px;
    }

    .sh_icon_menu i {
        color: #fff;
        font-size: 14px;
        line-height: 65px;
    }

    .nav-collapse {
        height: 0;
        overflow: hidden;
    }

    body .sh-menu {
        margin: 0;
        padding: 0;
    }

        body .sh-menu > li > a {
            background: #333333;
            border-right: 0 none;
            padding: 10px 20px;
            width: 100%;
        }

        body .sh-menu > li:hover > a {
            background: #333333;
        }

        body .sh-menu > li:hover > a {
            color: #ffffff;
        }

        body .sh-menu li:hover .sub-menu {
            top: 0;
        }

    body .sub-menu {
        left: 0;
        position: relative;
        top: 0;
        visibility: visible;
        background: #fff;
    }

        body .sub-menu li a {
            color: #333 !important;
        }

    body .mega-menu-style2,
    body .mega-menu-style3 {
        background: #333333;
    }

    body .mega-menu-style4 {
        padding: 0;
        width: 100%;
        border-width: 0;
        background: #333333;
    }

    body .mega-dropdown-inner {
        padding: 0;
        background: #333333;
    }

        body .mega-dropdown-inner .mega-col-nav:last-child .menu-item-shop {
            margin-right: 0;
        }

        body .mega-dropdown-inner .mega-inner {
            border-right: 0 none;
            margin: 0;
        }

        body .mega-dropdown-inner .menu-item-shop li a {
            padding: 10px 5px;
        }

        body .mega-dropdown-inner .mega-col-nav .level1 {
            margin-left: 0px;
        }

            body .mega-dropdown-inner .mega-col-nav .level1 a:hover {
                background: none;
                color: #858585;
            }

    body .mega-nav.level1 > li {
        width: 100%;
    }

    body .sub-menu-style-3 {
        width: 100%;
        padding: 0;
    }

    body .sub-menu-3-item ul {
        border: none;
    }

    body .sh-menu .sh-submenu-3-wrapper .sub-menu-3-item ul li:hover a {
        background: none;
        color: #202d48;
    }

    body .sub-menu-style-2 {
        border-bottom: 0 none;
        border-right: 0 none;
        margin: 0;
        padding: 0;
        width: 100%;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        -moz-transform: none;
        transform: none;
    }

    body .sub-menu-2-wrapper {
        margin: 0;
        overflow: hidden;
    }

    body .sub-menu-2-item {
        border-right: 0 none;
        padding: 0;
    }

        body .sub-menu-2-item li a {
            color: #ffffff;
            padding: 10px 0 10px 40px;
            width: 100%;
        }

    body .sh-menu li ul.sub-menu-style-1,
    body .sh-menu-right li ul.sub-menu,
    body .sh-menu-left li ul.sub-menu {
        width: 100%;
        background: #202D48;
        position: static;
    }

        body .sh-menu li ul.sub-menu-style-1 li a {
            color: #202d48;
            display: block;
            padding: 10px 30px;
        }

        body .sh-menu li ul.sub-menu-style-1 li:hover a {
            color: #fff;
            background: none;
        }

    body .plazart-mainnav > ul > li > a {
        color: #ffffff;
        display: block;
        padding: 10px 20px 10px 15px;
        width: 100%;
        background: #333333;
    }

    body.plazart-mainnav .sub-menu-3-item ul li a {
        border-right: 0 none;
        color: #202d48;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        line-height: 40.6px;
        padding: 0 0 0 30px;
        width: 100%;
        display: block;
    }

    body .plazart-mainnav .mega-inner .menu-title {
        display: block;
        font-size: 16px;
        color: #ffffff;
        padding: 10px 10px 10px 15px;
    }

    body .plazart-mainnav .menu-item-shop li a {
        display: block;
        padding: 10px 5px;
    }

    body .plazart-mainnav .menu-shop-title {
        color: #9a989a;
        display: block;
        font-size: 14px;
        line-height: 21px;
    }

    body .entry-shop-menu img {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }

    body .plazart-mainnav .menu-right .sub-menu,
    body .plazart-mainnav .menu-left .sub-menu {
        padding: 0px 30px 20px;
    }

        body .plazart-mainnav .menu-right .sub-menu li a,
        body .plazart-mainnav .menu-left .sub-menu li a {
            padding: 5px;
        }

    body .sh-header-home-1 .sh-search {
        right: 65px;
    }

    body .sh-header-home-1 .sh-button-toggle {
        display: block;
    }

    body .sh-header-2 .sh-button-toggle {
        display: block;
    }
}

/**
 *  Tweets
 * -----------------------------------------------------------------------------
 */
.home-tweets {
    padding-top: 18px;
}
/**
 * 3.0 - Isotope
 * -----------------------------------------------------------------------------
 */
.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.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: top, left, opacity;
        transition-property: transform, opacity;
    }

        .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;
        }

    .isotope.infinite-scrolling {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }

.element {
    overflow: hidden;
    position: relative;
    background: #fff;
    float: left;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}
/**
 * 4.0 - Content
 * -----------------------------------------------------------------------------
 */
/** ----------------4.1 - Header-----------*/
/*----------------- Header 01 ------------*/
.sh-header {
    background: #111 /*rgb(149, 0, 29)*/;
    position: relative;
    z-index: 2;
}

    .sh-header .sh-menu,
    .sh-header .sub-menu {
        text-transform: uppercase;
    }

.sh-header-eff {
    position: fixed;
    width: 100%;
    z-index: 99991;
}

.sh-header-home-1 .sh-header-content .sh-logo-scroll {
    display: none;
    margin: 0 30px 0 0;
}

.sh-header-home-1.affix-eff .sh-header-content .sh-logo-scroll {
    display: block;
}

.sh-header-home-1 .sh-header-content .sh-menu li .sub-menu {
    background: #ffffff;
    display: none;
    left: 0;
}

.sh-header-home-1.affix-eff .sh-header-content .sh-menu li .sub-menu {
    display: block;
}

.sh-header .sub-menu-style-2 .sh-submenu-2-wrapper {
    margin: 0 15px;
}

.sh-logo {
    margin: 0;
    padding: 12px 56px 12px 57px;
    color: #000;
}

    .sh-logo a {
        display: inline-block;
    }

.sh-header-content {
    position: relative;
    border-right: 2px solid #ffffff;
}

    .sh-header-content:after {
        clear: both;
        content: '';
        display: block;
    }

.sh-menu {
    margin: 0;
    padding: 0;
}

    .sh-menu:after {
        display: block;
        clear: both;
        content: '';
    }

    .sh-menu > li {
        float: left;
        list-style: none outside none;
        position: relative;
    }

        .sh-menu > li:hover > a {
            background: #ffffff;
            color: #202d48;
        }

.sh-point-static {
    position: static !important;
}

.sh-menu > li a {
    color: #343234;
    display: inline-block;
    padding: 19px 23px 20px;
    line-height: 16.8px;
    text-align: center;
    position: relative;
    font-weight: bold;
}

.sh-menu > li li a {
    text-align: left;
}

.sh-menu > li li a {
    padding-left: 50px;
}

.sh-menu > li a.nav-one-line {
    padding: 28px 21px;
}

i.nav-one-line {
    margin: 10px 0 9px;
}

.sh-search {
    background: rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color;
    border-image: none;
    border-style: none solid none none;
    border-width: 0;
    color: #ffffff;
    margin: 0;
    padding: 19px 28px 20px;
}

.sh-button-toggle {
    background: none;
    border-left-color: #ffffff;
    border-color: -moz-use-text-color #ffffff;
    border-style: none solid;
    border-width: 0 0 0 2px;
    margin: 0;
    padding: 15px 23px 16px;
    display: none;
}

    .sh-button-toggle i {
        color: #9a989a;
    }

    .sh-button-toggle:hover i,
    .sh-search:hover i {
        color: #202d48;
    }

    .sh-button-toggle:hover,
    .sh-search:hover {
        background: #ffffff;
    }

.sh-header .sub-menu-style-2 {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    padding: 20px 0;
    width: 100%;
    margin: 0;
}

.menu-item-217 a {
    border: 1px solid #343234;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 10px 14px !important;
    margin-top: 8px;
}

    .menu-item-217 a:hover {
        border: 1px solid #202D48;
    }

.sh-header-2-eff .menu-item-217 a {
    margin-top: 0;
}

.menu-item form {
    padding: 12px 0 0 12px;
}

    .menu-item form input[type=text] {
        padding: 2px 0 2px 5px !important;
        -webkit-appearance: none;
        outline: none;
        border: 1px solid #efedef;
    }

    .menu-item form input[type=submit] {
        padding: 4px 2.5%;
        margin: -2px 0 0 0;
    }

section .testimonial img {
    margin: auto;
}

section .testimonial blockquote {
    border: none;
    padding: 0;
}

section .testimonial p.name {
    font-weight: bold;
}

    section .testimonial p.name:before {
        content: '\2014 \00A0';
    }

section .testimonial p.quoted-team {
    background: #fff;
    text-align: center;
    margin-top: 20px;
    padding: 20px;
}

#decision-tree h1 {
    color: #fff;
    font-size: 3em;
    margin-bottom: 40px;
}

#decision-tree p {
    color: #fff;
}

#decision-tree .btn-white.reverse {
    margin: 0 5px 5px 4px;
}
/*-------------------- Header 02 ----------------*/
.sh-header-2 {
    background: #ffffff;
    padding: 0;
}

    .sh-header-2.sh-header-2-eff .sh-logo {
        padding: 0 !important;
    }

    .sh-header-2 .sh-header-content {
        border: 0;
    }

    .sh-header-2 .sh-logo {
        border: medium none;
        padding: 0;
        -webkit-transition: all 0.4s linear 0s !important;
        -moz-transition: all 0.4s linear 0s !important;
        -ms-transition: all 0.4s linear 0s !important;
        -o-transition: all 0.4s linear 0s !important;
        transition: all 0.4s linear 0s !important;
        width: 210px;
        padding-top: 25px;
    }

        .sh-header-2 .sh-logo a img {
            width: auto;
        }

        .sh-header-2 .sh-logo a img {
            -webkit-transition: background 0.4s linear 0s;
            -moz-transition: background 0.4s linear 0s;
            -ms-transition: background 0.4s linear 0s;
            -o-transition: background 0.4s linear 0s;
            transition: background 0.4s linear 0s;
            margin: 0 0 0 0;
            width: 250px;
        }

@media (min-width: 1200px) {
    .sh-header-2 .sh-logo {
        width: 240px;
    }

        .sh-header-2 .sh-logo a img {
            height: 40px;
        }
}

@media (max-width: 1299px) {
    .sh-header-2 .sh-logo a img {
        margin: 0 0 0 0; /*13px 0 0 0*/
    }
}

.sh-header-2.sh-header-2-eff .sh-logo a img {
    margin: 11px 0 0 0;
    width: 38px;
}

@media (max-width: 1299px) {
    .sh-header-2.sh-header-2-eff .sh-logo a img {
        width: 29px;
    }
}

header.sh-header.sh-header-2.sh-header-2-eff {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}

@media (max-width: 700px) {
    header.sh-header.sh-header-2.sh-header-2-eff {
        display: none;
    }
}

.sh-sign-in {
    background: #5da7f0;
    margin: 0;
    padding: 11px 0;
}

.sh-header-2 .sh-sign-in {
    transition: all 0.5s ease 0s;
}

.sh-header-2.sh-header-2-eff .sh-sign-in {
    height: 0;
    overflow: hidden;
    padding: 0;
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -ms-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}

.sh-sign-in p {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    margin: 0;
    padding-bottom: 5px;
    float: left;
}

.sh-sign-in i {
    color: #ffffff;
    padding-right: 30px;
    padding-left: 5px;
}

.sh-header-2 ul.sh-menu > li {
    padding: 16px 0;
}

.sh-header-2.sh-header-2-eff ul.sh-menu > li {
    padding: 15px 0 22px;
}

.sh-header-2:after {
    clear: both;
    content: "";
    display: block;
}

.sh-header-2 .sh-menu li a {
    background: none;
    text-decoration: none !important;
}

.sh-header-2.sh-header-2-eff ul.sh-menu > li a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.sh-header-2 .sh-menu li:first-child a {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.sh-header-2 .sh-menu li:hover,
.sh-header-2 .sh-search:hover {
    background: none;
}

.sh-header-2 .sh-button-toggle {
    display: none;
}

    .sh-header-2 .sh-button-toggle:hover {
        background: none;
    }

        .sh-header-2 .sh-button-toggle:hover i,
        .sh-header-2 .sh-button-toggle:hover {
            color: #ccc;
        }

.sh-header-2 .sh-search {
    border: medium none;
    margin: 0;
    padding: 0;
    float: right;
}

    .sh-header-2 .sh-search i {
        padding: 0;
    }

    .sh-header-2 .sh-search i {
        padding: 26px 3px 0px 17px;
        color: #454345;
    }

@media (max-width: 768px) {
    .sh-header-2 .sh-search i {
        padding: 18px 3px 9px 17px;
    }
}

.sh-header-2 .sh-search i:hover {
    color: #9a989a;
}

.sh-header-2.sh-header-2-eff .sh-search i {
    padding: 17px 3px 0px 17px;
}

input {
    -webkit-appearance: none;
    outline: none;
}

.sh-header-2 button.sh-button-toggle {
    border: medium none;
    margin: 30px 0 0;
    padding: 25px 45px 0 0;
    background: none;
}

.sh-header-2 .sh-menu li:hover a,
.current-page {
    color: #454345;
}

.sh-header-2 .sub-menu-style-3 {
    transform: translateX(-40%);
    width: 1000px;
}

.sh-header-2 .sh-header-content .sh-menu .sub-menu-style-2 {
    width: 100%;
    transform: translateX(0px);
    margin: 0;
}

    .sh-header-2 .sh-header-content .sh-menu .sub-menu-style-2:hover {
        visibility: visible;
    }

    .sh-header-2 .sh-header-content .sh-menu li ul.sub-menu-style-1 li:hover a,
    .sh-header-2 .sh-header-content .sh-menu .sub-menu-style-2 li:hover a {
        background: #5e848f;
        color: #fff !important;
        text-decoration: none !important;
        font-weight: bolder !important;
    }

.sh-header-2 .sh-header-content li:hover a {
    color: #5e848f;
}

.sh-header-2 .sh-header-content .sh-menu li ul.sub-menu-style-1 li:hover a span,
.sh-header-2 .sh-header-content .sh-menu .sub-menu-style-2 li:hover a span {
    color: #fff;
}
/*----------------- Header 03 ---------------------*/
nav ul ul li span {
    width: 60px;
    display: inline-block;
    text-align: right;
}
/*----------------- Custom Header -----------------*/
.blue-overlay {
    background: -webkit-linear-gradient(top left, rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75)) top center no-repeat;
    background: -o-linear-gradient(top left, rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75)) top center no-repeat;
    background: linear-gradient(to bottom right, rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75)) top center no-repeat;
    min-height: 530px;
}
/*----------------- Search -----------------*/
body .sh-content-search {
    background: #000000;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    width: 100%;
    z-index: 9999999;
}

body .sh-content-search-eff {
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    transform: scale(1) !important;
}

body .sh-content-search form {
    height: 100%;
    position: relative;
    width: 100%;
}

body .sh-search-input {
    background: rgba(0, 0, 0, 0);
    border: 0 none;
    border-radius: 10px;
    color: #ffffff;
    font-size: 40px;
    height: 20%;
    left: 15%;
    padding: 10px 30px;
    position: absolute;
    top: 40%;
    width: 75%;
    z-index: 999999;
}

.fa.fa-times.sh-form-close {
    color: #ffffff;
    font-size: 50px;
    position: absolute;
    right: 5%;
    top: 5%;
}

    .fa.fa-times.sh-form-close:hover {
        cursor: pointer;
    }
/* */
/*---------------------- 4.1.b - SubMenu ----------------*/
/* */
/*----------------- Sub menu -----------------*/
.sub-menu {
    position: absolute;
    top: 70%;
    visibility: hidden;
    z-index: 99999;
    left: 0;
}

.sh-menu li ul.sub-menu-style-1,
.sh-menu-left li ul.sub-menu {
    left: -2px;
    width: 250px;
    background: #202D48;
}

    .sh-menu li ul.sub-menu-style-1.menu-wide {
        width: 410px;
    }

    .sh-menu li ul.sub-menu-style-1 ul li a {
        line-height: 20px;
        margin-left: 10px;
    }

.sh-menu li:hover .sub-menu,
.sh-menu-right li:hover ul.sub-menu,
.sh-menu-left li:hover ul.sub-menu {
    visibility: visible;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    top: 100%;
}

.sh-menu li ul.sub-menu-style-1 li,
.sh-menu-right li ul.sub-menu-style-1 li,
.sh-menu-left li ul.sub-menu-style-1 li {
    float: none;
}

    .sh-header .sh-menu li ul.sub-menu-style-1 li a,
    .sh-menu-right li ul.sub-menu-style-1 li a,
    .sh-menu-left li ul.sub-menu-style-1 li a {
        border: none;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #ffffff; /*aba9ab*/
        text-decoration: none !important;
        line-height: 22.6px;
        width: 100%; /*90%*/
        padding: 9px 30px 9px 6px;
        /*margin: 0 0 0 12px;*/
        z-index: 999;
        border-bottom: 1px solid #454345;
    }

        .sh-header .sh-menu li ul.sub-menu-style-1 li a span,
        .sh-menu-right li ul.sub-menu-style-1 li a span,
        .sh-menu-left li ul.sub-menu-style-1 li a span {
            font-size: 10px;
            padding: 0 5px 0 0;
            text-transform: uppercase;
            color: #ffffff;
        }

    .sh-menu li ul.sub-menu-style-1 li:hover a,
    .sh-menu-right li ul.sub-menu-style-1 li:hover a,
    .sh-menu-left li ul.sub-menu-style-1 li:hover a {
        color: #5e848f !important;
        -webkit-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        -ms-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
    }
/*----------------- Mega-menu -----------------*/
header[class*="sh-header-"] .sh-menu li:hover .mega-menu-style4 {
    top: 70%;
}

.sh-header-2 .sh-menu li .mega-menu-style4,
.sh-header-5 .sh-menu li .mega-menu-style4,
.sh-header-6 .sh-menu li .mega-menu-style4 {
    top: 90%;
}

.sh-header-4 .sh-menu li:hover .mega-menu-style4,
.sh-header-7 .sh-menu li:hover .mega-menu-style4 {
    top: 100% !important;
}

.mega-dropdown-inner {
    background: #ffffff;
    padding: 23px 0;
}

    .mega-dropdown-inner .mega-col-nav .level1 {
        margin-left: 15px;
    }

    .mega-dropdown-inner .mega-col-nav:last-child .menu-item-shop {
        margin-right: 15px;
    }

    .mega-dropdown-inner .mega-col-nav:last-child .mega-inner {
        border-right: 0px;
    }

.mega-nav.level1 > li {
    width: 100%;
}

.mega-dropdown-inner .mega-nav.level1 > li a {
    font-family: 'Open Sans', sans-serif;
    line-height: 40.6px;
    color: #858585;
    font-size: 14px;
    width: 100%;
    padding: 0 0 0 30px;
    border-right: 0px;
}

.mega-dropdown-inner .menu-item-shop li a {
    width: 100%;
    padding: 10px 30px;
    border-right: 0px;
}

.mega-nav.level1 > li a:hover {
    background: #202d48;
    color: #ffffff;
}

.entry-shop-menu:after {
    clear: both;
    content: '';
    display: block;
}

.entry-shop-menu img {
    margin-right: 20px;
    display: inline-block;
}

.menu-item-shop li a:hover {
    background: #eeeeee;
}

.mega-dropdown-inner .mega-inner {
    margin: 0 -15px;
    border-right: 1px solid #dddddd;
}

    .mega-dropdown-inner .mega-inner .menu-title {
        border: medium none;
        font-family: 'Raleway', sans-serif;
        line-height: 24px;
        padding-top: 8px;
        padding-bottom: 13px;
        color: #202d48;
        font-size: 20px;
        width: 100%;
    }

.menu-shop-body {
    padding: 0;
}

    .menu-shop-body .menu-shop-title {
        display: block;
        font-size: 14px;
        line-height: 21px;
        color: #454345;
    }

.menu-item-shop li:hover .menu-shop-title {
    color: #666666;
}

.menu-shop-body .menu-shop-cat {
    font-size: 13px;
    color: #666666;
    line-height: 19.5px;
}

.menu-shop-body .menu-shop-price {
    color: #202d48;
    line-height: 21px;
    font-size: 14px;
}

body .sh-header-4 .mega-nav {
    float: none;
}

.sh-header-4 .menu-item-shop > li {
    width: 100%;
}

.sh-header-4 .mega-dropdown-inner .mega-inner .menu-title {
    padding-left: 30px;
}
/**
 * 4.2 - Slider
 * -----------------------------------------------------------------------------
 */
.sh-banner {
    position: relative;
    z-index: 1;
}

    .sh-banner .sh-header-3 {
        background: none;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 9999;
    }

.sh-header-home-7 nav {
    border-left: 2px solid;
    border-right: 2px solid;
}

.sh-slider-images {
    position: relative;
    z-index: 3;
}

    .sh-slider-images:after {
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.6);
        width: 100%;
        height: 100%;
        content: '';
    }

.sh-items {
    text-align: center;
}

    .sh-items:hover {
        cursor: pointer;
    }

    .sh-items .sh-button-left {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        border: medium none;
        height: 100px;
        position: absolute;
        left: 3%;
        top: 40%;
        width: 80px;
        z-index: 9999;
    }

        .sh-items .sh-button-left i {
            font-size: 35px;
            display: inline-block;
            color: #ffffff;
        }

    .sh-items .sh-button-right {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        border: medium none;
        height: 100px;
        position: absolute;
        right: 3%;
        top: 40%;
        width: 80px;
        z-index: 9999;
    }

        .sh-items .sh-button-right i {
            font-size: 35px;
            display: inline-block;
            color: #ffffff;
        }

.sh-banner-content {
    left: 0;
    /* top: 42% !important; */
    width: 100%;
    /* position: absolute; */
    text-align: center;
    padding: 6em 0 7em 0;
    display: inline-block;
}

    .sh-banner-content p {
        font-size: 19px;
        padding-bottom: 8px;
    }

    .sh-banner-content a span {
        font-size: 19px;
    }

.school-banner .sh-banner-content {
    top: 22.5% !important;
}

.school-details {
    padding: 14px 0 32px 0;
}

    .school-details p {
        font-family: 'Merriweather', serif;
    }

.active .sh-banner-content {
    visibility: visible;
}

.sh-banner-content small {
    display: inline-block;
    margin: 0 0 15px;
    font-size: 40px;
    line-height: 40px;
    font-weight: 400;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    -webkit-transition: all 1s linear 0.3s;
    -moz-transition: all 1s linear 0.3s;
    -ms-transition: all 1s linear 0.3s;
    -o-transition: all 1s linear 0.3s;
    transition: all 1s linear 0.3s;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
}

.active .sh-banner-content small {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0px);
    opacity: 1;
}

.sh-banner-content h6 {
    color: #ffffff;
    font-size: 20px;
    line-height: 24px;
    margin: 0;
    padding-bottom: 50px;
    -webkit-transition: all 1s linear 0.3s;
    -moz-transition: all 1s linear 0.3s;
    -ms-transition: all 1s linear 0.3s;
    -o-transition: all 1s linear 0.3s;
    transition: all 1s linear 0.3s;
}

.active .sh-banner-content h6 {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
}

.sh-slider-images img,
.sh-slider-images video {
    width: 100%;
}

.sh-banner-content img {
    margin-bottom: 32px;
    margin-top: 22px;
}

span.sh-under-line {
    background: #ffffff;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 5px;
    position: relative;
    width: 5px;
    margin-bottom: 10px;
}

    span.sh-under-line:after {
        background: #ffffff;
        content: "";
        display: inline-block;
        height: 1px;
        position: absolute;
        left: 15px;
        top: 2px;
        width: 250px;
    }

.active span.sh-under-line:after {
    -webkit-transition: all 1.3s linear 0s;
    -moz-transition: all 1.3s linear 0s;
    -ms-transition: all 1.3s linear 0s;
    -o-transition: all 1.3s linear 0s;
    transition: all 1.3s linear 0s;
}

span.sh-under-line:before {
    background: #ffffff;
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    right: 15px;
    top: 2px;
    width: 250px;
}

.active span.sh-under-line:before {
    -webkit-transition: all 1.3s linear 0s;
    -moz-transition: all 1.3s linear 0s;
    -ms-transition: all 1.3s linear 0s;
    -o-transition: all 1.3s linear 0s;
    transition: all 1.3s linear 0s;
}

.sh-banner-content h4 {
    color: #ffffff;
    font-size: 64px;
    line-height: 64px;
    margin: -48px 0 20px;
    font-weight: 400;
    -webkit-transition: all 1s linear 0.3s;
    -moz-transition: all 1s linear 0.3s;
    -ms-transition: all 1s linear 0.3s;
    -o-transition: all 1s linear 0.3s;
    transition: all 1s linear 0.3s;
}

.active .sh-banner-content h4 {
    opacity: 1;
}

.sh-banner-content .sh-item-more-details {
    border: 1px solid #ffffff;
    display: inline-block;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 1s linear 0.3s;
    -moz-transition: all 1s linear 0.3;
    -ms-transition: all 1s linear 0.3s;
    -o-transition: all 1s linear 0.3s;
    transition: all 1s linear 0.3s;
}

.active .sh-banner-content .sh-item-more-details {
    -webkit-transform: translateY(0px) scale(1);
    -moz-transform: translateY(0px) scale(1);
    -o-transform: translateY(0px) scale(1);
    -ms-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
}

.sh-banner-content .sh-item-more-details:after {
    border-radius: 2px;
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sh-banner-content .sh-item-more-details:hover:after {
    -webkit-transform: scale(8);
    -moz-transform: scale(8);
    -ms-transform: scale(8);
    -o-transform: scale(8);
    transform: scale(8);
    background: #ffffff;
}

.sh-banner-content .sh-item-more-details span {
    color: #ffffff;
    display: inline-block;
    line-height: 25.2px;
    padding: 11px 30px;
    position: relative;
    z-index: 9999;
}

.sh-banner-content .sh-item-more-details:hover span {
    color: #202d48;
}

.sh-banner-content .sh-item-more-details span i {
    padding-right: 10px;
}

@-o-keyframes rotate-icon {
    0% {
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes scale-icon {
    0% {
        -moz-transform: scale(3);
        -webkit-transform: scale(3);
        -ms-transform: scale(3);
        -o-transform: scale(3);
        transform: scale(3);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@-ms-keyframes rotate-icon {
    0% {
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes scale-icon {
    0% {
        -moz-transform: scale(3);
        -webkit-transform: scale(3);
        -ms-transform: scale(3);
        -o-transform: scale(3);
        transform: scale(3);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes rotate-icon {
    0% {
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes scale-icon {
    0% {
        -moz-transform: scale(3);
        -webkit-transform: scale(3);
        -ms-transform: scale(3);
        -o-transform: scale(3);
        transform: scale(3);
    }

    100% {
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes rotate-icon {
    0% {
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes scale-icon {
    0% {
        -moz-transform: scale(3);
        -webkit-transform: scale(3);
        -ms-transform: scale(3);
        -o-transform: scale(3);
        transform: scale(3);
    }

    100% {
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes rotate-icon {
    0% {
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes scale-icon {
    0% {
        -moz-transform: scale(3);
        -webkit-transform: scale(3);
        -ms-transform: scale(3);
        -o-transform: scale(3);
        transform: scale(3);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
/*-----------------Home 1------------------*/
body .sh-header-home-1 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 999991;
}

.affix-eff {
    position: fixed !important;
    top: 0 !important;
    bottom: auto !important;
    background: #202d48 !important;
    -webkit-transition: all 0.3s linear 0s !important;
    -moz-transition: all 0.3s linear 0s !important;
    -ms-transition: all 0.3s linear 0s !important;
    -o-transition: all 0.3s linear 0s !important;
    transition: all 0.3s linear 0s !important;
}

body .sh-header-home-1 .sh-header-content {
    border: 0;
}

.sh-header-home-1 ul.sh-menu > li > a {
    border: 0;
    margin-right: 2px;
    background: #202d48;
    padding: 20px 27px;
    color: #ffffff;
}

.sh-header-home-1 ul.sh-menu li:hover {
    background: none;
}

.sh-header-home-1 ul.sh-menu li a:hover {
    background: #ffffff;
    color: #202d48;
}

body .sh-header-home-1 .sh-search {
    background: #202d48;
    border: 0 none;
    bottom: 0;
    display: block;
    height: 57px;
    margin: 0 2px 0 0;
    padding: 0;
    position: absolute;
    right: 0px;
    width: 65px;
}

    body .sh-header-home-1 .sh-search.sh-search-offcanvans {
        right: 65px;
    }

body .sh-header-home-1 .sh-button-toggle {
    background: #202d48;
    border: 0 none;
    bottom: 0;
    display: none;
    height: 57px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    width: 65px;
}

.sh-header-home-1 .sh-button-toggle-canvans {
    display: block;
    background: #202d48;
    border: 0 none;
    bottom: 0;
    height: 57px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    width: 65px;
}

    .sh-header-home-1 .sh-button-toggle-canvans i {
        color: #ffffff;
        font-size: 16px;
    }

    .sh-header-home-1 .sh-button-toggle-canvans:hover i {
        color: #202d48;
    }

body .sh-header-home-1 button:hover {
    background: #ffffff;
}

.sh-banner-style1 .sh-banner-content {
    left: 0;
    top: 37% !important;
    width: 100%;
    position: absolute;
    z-index: 9999;
}

.sh-banner-style1 .sh-under-line:after {
    left: 25px;
    width: 250px;
}

.sh-banner-style1 .sh-under-line:before {
    right: 25px;
    width: 250px;
}

.sh-banner-style1 .sh-item-more-details {
    background: transparent;
}

.school-banner {
    height: 340px;
    overflow: hidden;
    color: #fff;
}

.sh-liner-logo {
    position: relative;
    margin: 0;
}

.sh-banner-style1 .sh-banner-content img {
    margin: 0;
}

.sh-liner-logo:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 7px;
    content: '';
    background: #202d48;
    z-index: 99;
}

.sh-liner-logo img {
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 6px;
    margin: 0 0 0 -85px;
    z-index: 999;
}
/**
 * 4.3 - Introduce
 * -----------------------------------------------------------------------------
 */
/**
 * ------------------Home 1-------------------
 */
.sh-introduce {
    padding: 86px 0 70px;
}

.sh-introduce-images {
    padding: 37px 0px;
}

ul:after {
    display: block;
    clear: both;
    content: '';
}

.sh-features li {
    float: left;
    list-style: none outside none;
    width: 50%;
}

    .sh-features li:hover {
        cursor: pointer;
    }

    .sh-features li div {
        padding: 51px 0;
    }

.sh-features span {
    display: block;
}

.sh-features li div > a {
    background: #ffffff;
    border-radius: 50%;
    display: inline-block;
    height: 60px;
    margin-bottom: 10px;
    margin-top: 2px;
    width: 60px;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.sh-features li a i {
    font-size: 28px;
    padding: 16px 0;
}

.sh-features li span a {
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    line-height: 19.2px;
    padding-top: 3px;
}

.sh-more-details {
    display: inline-block;
    float: right;
    margin: 40px 0 0;
    overflow: hidden;
    position: relative;
}

    .sh-more-details:after {
        background: rgba(0, 0, 0, 0);
        content: "";
        height: 100%;
        right: -100%;
        position: absolute;
        top: 0;
        -webkit-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        -ms-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
        width: 100%;
    }

    .sh-more-details:hover:after {
        right: 0;
        background: #000000;
    }

    .sh-more-details span {
        border: 1px solid #444444;
        color: #444444;
        display: inline-block;
        line-height: 25.2px;
        padding: 10px 23px;
        position: relative;
        z-index: 99;
    }

    .sh-more-details:hover span {
        color: #ffffff;
    }

    .sh-more-details span i {
        display: inline-block;
        padding-right: 20px;
    }

div .sh-introduce-content-style-2 {
    padding: 0;
    text-align: left;
}

.sh-introduce-content-style-2 h3 {
    margin: 0;
    padding: 26px 0 10px;
}

    .sh-introduce-content-style-2 h3 a {
        color: #202d48;
        font-size: 24px;
        line-height: 28.8px;
        font-weight: 400;
    }

body .sh-introduce-content-style-2 p {
    color: #9a989a;
    line-height: 25.2px;
    margin: 0;
}

.sh-introduce-content-style-2 > a {
    margin-top: 26px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-align: left;
}

    .sh-introduce-content-style-2 > a:after {
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0);
        content: '';
        -webkit-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        -ms-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
    }

    .sh-introduce-content-style-2 > a:hover:after {
        background: #000000;
        left: 0;
    }

.sh-introduce-content-style-2 span {
    border: 1px solid #444444;
    color: #444444;
    display: inline-block;
    line-height: 25.2px;
    padding: 10px 25px;
    position: relative;
    z-index: 99;
}

    .sh-introduce-content-style-2 span:hover {
        color: #ffffff;
    }

    .sh-introduce-content-style-2 span i {
        padding-right: 20px;
        display: inline-block;
    }
/* ---------------------Home 2----------------------*/
.sh-features ul {
    margin: 0;
    text-align: center;
}

.sh-features-style-2 li {
    float: left;
    list-style: outside none none;
    width: 25%;
}

    .sh-features-style-2 li div {
        padding: 51px 0;
    }

.sh-introduce-univesity {
    text-align: center;
}

.sh-introduce-content {
    background: #f6f6f6;
    padding: 60px;
    position: relative;
    text-align: center;
}

    .sh-introduce-content h4 {
        color: #444444;
        font-size: 24px;
        line-height: 28.8px;
        margin: 0;
        padding: 33px 0 28px;
        font-weight: 400;
    }

    .sh-introduce-content p {
        line-height: 25.2px;
        margin: 0 0 35px;
        color: #9a989a;
    }

.sh-item-more-details-style-2 {
    display: inline-block;
    margin-top: 50px;
    position: relative;
    overflow: hidden;
}

    .sh-item-more-details-style-2:after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: -100%;
        background: #202d48;
        -webkit-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        -ms-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
    }

    .sh-item-more-details-style-2:hover:after {
        right: 0;
    }

    .sh-item-more-details-style-2 span {
        border: 1px solid;
        color: #444444;
        display: inline-block;
        line-height: 25.2px;
        padding: 10px 25px;
        position: relative;
        z-index: 99;
    }

    .sh-item-more-details-style-2:hover span {
        color: #ffffff;
    }

    .sh-item-more-details-style-2 span i {
        padding-right: 20px;
    }
/** 4.4 - Portfolio
 * -----------------------------------------------------------------------------
 */
/*----------------Portfolio Home 1----------------*/
.sh-portfolio-wrapper {
    text-align: center;
}

.sh-element-content:after {
    clear: both;
    content: "";
    display: block;
}

.sh-image-item {
    float: left;
    overflow: hidden;
    width: 50%;
    height: 370px;
}

.sh-portfolio-content {
    float: left;
    overflow: hidden;
    width: 50%;
}

.sh-element-content {
    background: #f7f7f7;
    text-align: left;
}

.sh-portfolio-title {
    margin: 0;
    padding: 0 0 60px;
}

    .sh-portfolio-title a {
        color: #444444;
        font-family: 'Open Sans', sans-serif;
        font-size: 20px;
        line-height: 24px;
    }

.sh-portfolio-content h4 {
    margin: 0;
    padding: 45px 20px 0;
    line-height: 0;
}

    .sh-portfolio-content h4 a {
        font-size: 16px;
        font-weight: 400;
        line-height: 28.8px;
        margin: 0;
        color: #202d48;
        -webkit-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        -ms-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
    }

.sh-portfolio-content p {
    color: #868686;
    font-family: Raleway;
    font-size: 13px;
    font-weight: 400;
    line-height: 23.4px;
    margin: 0;
    padding: 15px 20px 0;
}

.sh-portfolio-content span {
    display: block;
    padding-top: 20px;
    padding-left: 20px;
}

.sh-portfolio-content > a {
    display: block;
    margin-top: 70px;
    text-align: center;
}

.sh-portfolio-content span a {
    font-size: 13px;
    line-height: 23.4px;
    padding: 5px 10px;
    background: #ffffff;
    color: #202d48;
    display: inline-block;
}

    .sh-portfolio-content span a:hover {
        background: #202d48;
        color: #ffffff;
    }

.sh-portfolio-content a span {
    color: #444444;
    display: block;
    font-size: 14px;
    line-height: 25.2px;
    padding: 17px 0;
    background: #eeeeee;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.sh-portfolio-content a:hover span {
    color: #ffffff;
    background: #930021;
}

.sh-portfolio-content a span i {
    padding-right: 20px;
}

.sh-portfolio-project {
    background: #930021;
}

    .sh-portfolio-project a {
        color: #ffffff;
        display: inline-block;
        line-height: 25.2px;
        padding: 37px 30px;
    }

        .sh-portfolio-project a i {
            margin-right: 20px;
        }

        .sh-portfolio-project a:hover i {
            -webkit-animation: rotate-icon 2s infinite linear;
            -moz-animation: rotate-icon 2s infinite linear;
            -o-animation: rotate-icon 2s infinite linear;
            animation: rotate-icon 2s infinite linear;
        }
/*-------------Portfolio Home 2------------------*/
.sh-images-check {
    display: block;
    margin: 0 0 10px;
    padding: 45px 0 0;
    text-align: center;
}

.sh-portfolio-title-style-2 {
    color: #444444;
    padding: 0 0 50px;
    font-family: Raleway;
    font-weight: 400;
}

.sh-item-portfolio {
    position: relative;
    text-align: center;
    z-index: 1;
}

    .sh-item-portfolio .sh-image-portfolio {
        overflow: hidden;
        height: 384px;
    }

    .sh-item-portfolio a.sh-color-icon-1 {
        background: #334878;
        border-radius: 50%;
        height: 55px;
        left: 40%;
        padding: 15px 0;
        position: absolute;
        top: 40%;
        width: 55px;
        z-index: 2;
        -webkit-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        -ms-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
    }

    .sh-item-portfolio a.sh-color-icon-2 {
        background: #222 /*#5da7f0*/;
        border-radius: 50%;
        height: 55px;
        left: 40%;
        padding: 18px 0;
        position: absolute;
        top: 40%;
        width: 55px;
        z-index: 2;
        -webkit-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        -ms-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
    }

    .sh-item-portfolio:hover .sh-image-portfolio a {
        -webkit-transform: scale(0) rotate(45deg);
        -moz-transform: scale(0) rotate(45deg);
        -o-transform: scale(0) rotate(45deg);
        -ms-transform: scale(0) rotate(45deg);
        transform: scale(0) rotate(45deg);
    }

    .sh-item-portfolio .sh-portfolio-content-style-2 {
        background: rgba(51, 72, 120, 0.8);
        height: 100%;
        left: 0;
        overflow: hidden;
        position: absolute;
        text-align: left;
        top: 0;
        -webkit-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        -ms-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s ease-in 0s;
        width: 100%;
    }

    .sh-item-portfolio:hover .sh-portfolio-content-style-2 {
        opacity: 1;
        cursor: pointer;
    }

    .sh-item-portfolio span {
        bottom: 0;
        display: block;
        left: 50%;
        margin: 0 -80px;
        position: absolute;
        text-align: center;
        -webkit-transition: all 0.3s ease-in-out 0.1s;
        -moz-transition: all 0.3s ease-in-out 0.1s;
        -ms-transition: all 0.3s ease-in-out 0.1s;
        -o-transition: all 0.3s ease-in-out 0.1s;
        transition: all 0.3s ease-in-out 0.1s;
    }

    .sh-item-portfolio:hover div span {
        opacity: 1;
        transition-delay: 0.3s;
        bottom: 55px;
    }

    .sh-item-portfolio span a i {
        color: #ffffff;
        padding: 10px 15px;
        font-size: 14px;
    }

    .sh-item-portfolio h4 {
        color: #ffffff;
        font-size: 16px;
        line-height: 28.6px;
        margin: 50px 0 0;
        padding: 0 25px;
        font-weight: 400;
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .sh-item-portfolio h6 {
        color: #ffffff;
        font-size: 16px;
        line-height: 28.6px;
        margin: 0px 0 0;
        padding: 0 25px;
        font-weight: 400;
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .sh-item-portfolio p {
        color: #ffffff;
        font-size: 13px;
        line-height: 23.4px;
        margin: 0;
        padding: 12px 25px;
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .sh-item-portfolio:hover .sh-portfolio-content-style-2 p {
        opacity: 1;
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

    .sh-item-portfolio i {
        padding: 0px;
        color: #ffffff;
        font-size: 18px;
    }

    .sh-item-portfolio span a {
        border: 1px solid #ffffff;
        color: #ffffff;
        display: inline-block;
        line-height: 25.2px;
        padding: 5px 20px 5px 5px;
        -webkit-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        -ms-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
    }

        .sh-item-portfolio span a:hover i {
            -webkit-animation: rotate-icon 2s infinite linear;
            -moz-animation: rotate-icon 2s infinite linear;
            -o-animation: rotate-icon 2s infinite linear;
            animation: rotate-icon 2s infinite linear;
        }
/*---------------Portfolio Home 3----------------*/
.sh-portfolio-style-3 {
    padding-bottom: 70px;
}

.sh-portfolio-title-style-3 {
    padding: 0 0 24px;
}

.sh-portfolio-wapper-style-3 {
    margin: 15px 15px 0;
}

    .sh-portfolio-wapper-style-3:after {
        clear: both;
        content: '';
        display: block;
    }

.sh-portfolio-images {
    width: 47%;
    float: left;
    position: relative;
    overflow: hidden;
    height: 270px;
}

.sh-portfolio-content-style-3 {
    height: 270px;
    width: 53%;
    float: left;
    position: relative;
    overflow: hidden;
    background: #f7f7f7;
    text-align: left;
}

    .sh-portfolio-content-style-3 h4 {
        font-size: 16px;
        font-weight: 400;
        line-height: 28.8px;
        margin: 0;
        padding: 28px 0 0 20px;
    }

    .sh-portfolio-content-style-3 p {
        font-size: 13px;
        line-height: 23.4px;
        margin: 0;
        color: #858585;
        padding: 20px 0 0 20px;
    }

    .sh-portfolio-content-style-3 small {
        display: block;
        margin-top: -4px;
        padding-left: 20px;
    }

        .sh-portfolio-content-style-3 small a {
            color: #202d48;
            font-size: 13px;
            line-height: 23.4px;
            display: inline-block;
            padding: 5px 15px;
            margin-top: 30px;
            background: #ffffff;
            margin-right: 5px;
        }

            .sh-portfolio-content-style-3 small a:hover {
                background: #202d48;
                color: #ffffff;
            }

    .sh-portfolio-content-style-3 span {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

        .sh-portfolio-content-style-3 span a {
            color: #aaaaaa;
            display: block;
            padding: 15px 74px;
            -webkit-transition: all 0.3s linear 0s;
            -moz-transition: all 0.3s linear 0s;
            -ms-transition: all 0.3s linear 0s;
            -o-transition: all 0.3s linear 0s;
            transition: all 0.3s linear 0s;
        }

            .sh-portfolio-content-style-3 span a:hover {
                background: #f2a633;
                color: #ffffff;
            }

            .sh-portfolio-content-style-3 span a i {
                padding-right: 19px;
            }
/*-------------------Portfolio Home 4--------------------*/
body .sh-item-portfolio-style-4 .sh-portfolio-content-style-2 {
    background: rgba(223, 102, 74, 0);
}

    body .sh-item-portfolio-style-4 .sh-portfolio-content-style-2:hover {
        background: rgba(223, 102, 74, 0.8);
    }
/*-------------------Portfolio Home 05---------------------*/

.sh-portfolio-wapper-style-5 {
    text-align: center;
    padding-bottom: 50px;
}

    .sh-portfolio-wapper-style-5 h3 {
        margin-top: 16px;
        padding-bottom: 54px;
    }

.sh-portfolio-content-style-5 {
    padding-bottom: 0px;
    float: left;
    height: 370px;
    background: #f7f7f7;
    width: 50%;
    position: relative;
}

.sh-portfolio-titlte {
    font-weight: 400;
    color: #202d48;
    margin: 0;
    line-height: 24px;
    font-size: 20px;
    padding-bottom: 60px;
}

.sh-item-element {
    float: left;
    position: relative;
    width: 50%;
    height: 370px;
    overflow: hidden;
}

    .sh-item-element img {
        height: 370px;
    }

.sh-portfolio-image-height {
    height: auto;
}

    .sh-portfolio-image-height:after {
        background: rgba(0, 0, 0, 0);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        -webkit-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        -ms-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
        z-index: 1;
    }

.portfolio-style-5:hover .sh-portfolio-image-height:after {
    background: rgba(0, 0, 0, 0.6);
}

.sh-portfolio-image-style-5 {
    left: 5%;
    position: absolute;
    top: 25%;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    z-index: 9;
}

.portfolio-style-5:hover .sh-portfolio-image-style-5 {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.sh-portfolio-content-style-5 h4,
.sh-portfolio-image-style-5 h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 28.8px;
    padding: 44px 20px 0;
}

.sh-portfolio-content-style-5 p,
.sh-portfolio-image-style-5 p {
    color: #868686;
    font-size: 13px;
    margin: 0;
    line-height: 23.4px;
    padding: 13px 20px 0;
}

.sh-portfolio-content-style-5 small,
.sh-portfolio-image-style-5 small {
    display: block;
    margin-top: 35px;
    padding: 0 20px;
}

    .sh-portfolio-content-style-5 small a,
    .sh-portfolio-image-style-5 small a {
        display: inline-block;
        margin-right: 5px;
        padding: 5px 10px;
        background: #ffffff;
        color: #202d48;
    }

        .sh-portfolio-content-style-5 small a:hover,
        .sh-portfolio-image-style-5 small a:hover {
            background: #202d48;
            color: #ffffff;
        }

.sh-portfolio-content-style-5 span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

    .sh-portfolio-content-style-5 span a {
        background: #eeeeee;
        color: #444444;
        display: block;
        line-height: 25.2px;
        padding: 18px 20px;
        text-align: center;
        width: 100%;
        -webkit-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        -ms-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
    }

.sh-portfolio-image-style-5 span a {
    color: #444444;
    display: inline-block;
    line-height: 25.2px;
    margin-left: -20px;
    margin-top: 52px;
    padding: 20px 68px;
    background: #eeeeee;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

    .sh-portfolio-content-style-5 span a:hover,
    .sh-portfolio-image-style-5 span a:hover {
        background: #efedef;
        color: #ffffff;
    }

    .sh-portfolio-content-style-5 span a i,
    .sh-portfolio-image-style-5 span a i {
        display: inline-block;
        margin-left: 5px;
        padding-right: 20px;
    }

.sh-portfolio-image-style-5 .sh-view-more {
    display: block;
}

    .sh-portfolio-image-style-5 .sh-view-more a {
        padding: 10px 30px;
        margin-left: 0;
    }

.sh-portfolio-all-project-style-5 {
    background: #e8be6c;
    padding: 38px 0 37px;
    text-align: center;
}

    .sh-portfolio-all-project-style-5 a {
        color: #ffffff;
        line-height: 25.2px;
    }

        .sh-portfolio-all-project-style-5 a i {
            padding-right: 25px;
        }
/*-------------------Portfolio Home 6--------------------*/
.sh-item-portfolio-style-6:after {
    background: rgba(51, 72, 120, 0);
}

.sh-item-portfolio-style-6:hover:after {
    background: rgba(51, 72, 120, 0.8);
}
/*-------------------Portfolio Home 7--------------------*/
.sh-portfolio-content-style-7 span a:hover {
    background: #202d48;
    color: #ffffff;
}

.sh-portfolio-content-style-7 a:hover span {
    color: #ffffff;
    background: #253b48;
}

.sh-portfolio-project-style-7 {
    background: #de5749;
}
/**
 * 4.5 - Courses
 * -----------------------------------------------------------------------------
 */
/*---------------- Home - 2---------------------*/
.sh-cources {
    text-align: center;
    padding-bottom: 87px;
    margin-top: -5px;
}

.sh-title-find {
    padding: 40px 0 45px;
    font-family: 'Open Sans', sans-serif;
    line-height: 24px;
    color: #202d48;
    font-size: 20px;
}

.sh-cources-content-left {
    text-align: left;
    border-bottom: 1px solid #dddddd;
    margin: 0 -30px 0 0;
}

    .sh-cources-content-left li {
        -webkit-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        -ms-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
    }

    .sh-cources-content-left div {
        position: relative;
        overflow: hidden;
    }

        .sh-cources-content-left div:after {
            position: absolute;
            top: 0;
            left: -100%;
            content: '';
            width: 100%;
            background: rgba(238, 238, 238, 0);
            height: 100%;
            -webkit-transition: all 0.3s linear 0s;
            -moz-transition: all 0.3s linear 0s;
            -ms-transition: all 0.3s linear 0s;
            -o-transition: all 0.3s linear 0s;
            transition: all 0.3s linear 0s;
        }

        .sh-cources-content-left div:hover:after {
            background: #eeeeee;
            left: 0;
        }

    .sh-cources-content-left a {
        display: inline-block;
        padding: 21px 30px;
        width: 100%;
        position: relative;
        z-index: 9999;
        text-decoration: none;
        -webkit-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        -ms-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
        background: rgba(238, 238, 238, 0);
        outline: none;
    }

        .sh-cources-content-left a:hover,
        .sh-cources-content-left a:focus {
            outline: none;
        }

        .sh-cources-content-left a i {
            left: 30px;
            position: absolute;
            top: 27px;
            z-index: 9;
            color: #202d48;
        }

    .sh-cources-content-left li:hover a i,
    .sh-cources-content-left li a.sh-open i {
        opacity: 1;
        color: #4c6778;
        -webkit-animation: rotate-icon 2s infinite linear;
        -moz-animation: rotate-icon 2s infinite linear;
        -o-animation: rotate-icon 2s infinite linear;
        animation: rotate-icon 2s infinite linear;
    }

.sh-tab-slider {
    margin: 0;
}

#sh-sidemenu li {
    border: 1px solid #dddddd;
    border-bottom: none;
    -webkit-transition: all 0.3s linear 0;
    -moz-transition: all 0.3s linear 0;
    -ms-transition: all 0.3s linear 0;
    -o-transition: all 0.3s linear 0;
    transition: all 0.3s linear 0;
}

.sh-tab-slider img {
    width: 100%;
    height: 415px;
}

.sh-cources-content-left a strong {
    color: #444444;
    line-height: 16.8px;
    font-size: 14px;
    font-weight: 400;
    padding-left: 25px;
}

.sh-tab-description {
    background: #202d48;
    padding: 33px 0 16px;
}

    .sh-tab-description h4 {
        color: #ffffff;
        font-size: 18px;
        line-height: 32.4px;
        margin: 9px 0 0;
        padding: 0 0 12px;
    }

    .sh-tab-description p {
        color: #ffffff;
        font-size: 13px;
        line-height: 23.4px;
        margin: 0;
        padding: 0 30px 7px;
    }

    .sh-tab-description span {
        display: block;
        padding: 30px 0;
    }

        .sh-tab-description span a {
            border: 1px solid #ffffff;
            color: #ffffff;
            margin-left: 7px;
            padding: 7px 20px 7px;
            -webkit-transition: all 0.3s linear 0s;
            -moz-transition: all 0.3s linear 0s;
            -ms-transition: all 0.3s linear 0s;
            -o-transition: all 0.3s linear 0s;
            transition: all 0.3s linear 0s;
        }

            .sh-tab-description span a:hover {
                color: #202d48;
                background: #ffffff;
            }

.sh-hidden {
    display: none;
}

#sh-sidemenu li a.sh-open {
    background: #202d48;
}

    #sh-sidemenu li a.sh-open strong {
        color: #fff;
    }

.sh-tab-slider-img {
    position: relative;
    z-index: 1;
}

    .sh-tab-slider-img .sh-cources-prev {
        background: rgba(0, 0, 0, 0.3);
        border: 1px solid #ffffff;
        width: 48px;
        height: 48px;
        left: 5%;
        position: absolute;
        top: 50%;
        z-index: 2;
        margin-top: -24px;
    }

    .sh-tab-slider-img .sh-cources-next {
        background: rgba(0, 0, 0, 0.3);
        border: 1px solid #ffffff;
        right: 5%;
        position: absolute;
        top: 50%;
        z-index: 2;
        width: 48px;
        height: 48px;
        margin-top: -24px;
    }

.sh-cources-prev i,
.sh-cources-next i {
    font-size: 30px;
    color: #ffffff;
}
/*-------------- Home - 4--------------------------*/
body .sh-cources-4 {
    padding: 0 0 55px 0;
}

    body .sh-cources-4 .sh-title-find {
        margin-top: 16px;
    }

body {
    font-size: 16px;
    line-height: 27px;
}

h1,
h2,
h3 {
    font-family: 'Merriweather', serif;
    color: #202D48;
}

h4,
h5 {
    font-family: 'Open Sans', sans-serif;
    color: #202D48;
}

h1 {
    font-size: 4em;
    font-weight: bolder;
}
/**
 * 4.6 - Student Life
 * -----------------------------------------------------------------------------
 */
/*----------------------- Home 4----------------------------*/
.sh-student-life {
    position: relative;
}

    .sh-student-life:after {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
    }

.sh-instruction {
    color: #ffffff;
    position: relative;
    text-align: center;
    z-index: 2;
}

    .sh-instruction h4 {
        font-size: 19px;
        font-weight: 400;
        line-height: 33.6px;
        margin: 0;
        padding-top: 34px;
    }

    .sh-instruction strong {
        display: inline-block;
        font-size: 14px;
        font-weight: 400;
        line-height: 16.8px;
        padding-top: 30px;
    }

.sh-life-content {
    padding: 53px 0 80px;
    position: relative;
    z-index: 0;
}

    .sh-life-content:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: '';
        background: rgba(0, 0, 0, 0.3);
        z-index: 1;
    }

.page-heading {
    padding: 102px 0 110px;
    position: relative;
    z-index: 0;
}

    .page-heading:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: '';
        background: -webkit-linear-gradient(top left, rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75)) top center no-repeat;
        background: -o-linear-gradient(top left, rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75)) top center no-repeat;
        background: linear-gradient(to bottom right, rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75)) top center no-repeat;
        z-index: 1;
    }

    .page-heading h1 {
        font-family: 'Merriweather', serif;
        font-size: 4.7em;
    }

    .page-heading h1,
    .page-heading span {
        color: #fff;
        padding: 0 0 25px 0;
    }

    .page-heading span {
        font-size: 1.7em;
        line-height: 1.1em;
    }

        .page-heading span .sh-button-normal {
            display: inline-block;
            margin: 0 0 0 22px;
        }

@media (max-width: 1200px) {
    .page-heading span .sh-button-normal {
        display: block;
        width: 142px;
        margin: 11px auto 0;
    }
}

.page-heading span .sh-button-normal a {
    border: 1px solid #fff;
    color: #fff;
}

    .page-heading span .sh-button-normal a:hover {
        color: #202d48;
    }

.page-heading span span {
    font-size: 22px;
    text-transform: uppercase;
}

.btn-primary {
    background: #202D48;
    color: #FFF;
    text-decoration: none !important;
    font-size: .8em;
    letter-spacing: 1px;
    font-weight: bolder;
    text-transform: uppercase;
    padding: 12px 5%;
    border: 1px solid #ffffff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active {
        background: #5e848f;
        border: 1px solid #5e848f;
        color: #202D48;
        font-weight: bolder;
    }

    .btn-primary.reverse {
        background: none;
        border: 1px solid #202D48;
        color: #202D48;
        text-decoration: none !important;
    }

        .btn-primary.reverse:hover {
            background: #202D48;
            color: #fff;
        }

.btn-default {
    background: #343234;
    color: #FFF;
    border: 1px solid #343234;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 1em;
    letter-spacing: 1px;
    font-weight: bolder;
    text-transform: uppercase;
    padding: 12px 3%;
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active {
        background: none;
        border: 1px solid #343234;
        color: #343234;
    }

    .btn-default.reverse {
        background: none;
        border: 1px solid #343234;
        color: #343234;
    }

        .btn-default.reverse:hover {
            background: #343234;
            color: #fff;
        }

.btn-white {
    background: none;
    color: #FFF;
    text-decoration: none !important;
    border: 1px solid #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 1.2em;
    font-weight: bolder;
    text-transform: uppercase;
    padding: 11px 4%;
}

    .btn-white:hover {
        background: #fff;
        color: #343234;
    }

    .btn-white.btn-sm {
        font-size: 1em;
        padding: 10px 4%;
    }

    .btn-white.btn-lg {
        font-size: 1.3em;
        padding: 18px 4%;
    }

    .btn-white.reverse {
        background: #fff;
        border: 1px solid #fff;
        color: #202D48;
    }

        .btn-white.reverse:hover {
            background: none;
            border: 1px solid #fff;
            color: #fff;
        }

.btn-tiny {
    font-size: 0.9em;
    padding: 8px 2.5%;
    padding: 2px 10px;
    border-radius: 15px;
    margin: 0;
}

.btn-sm {
    font-size: 0.9em;
    padding: 8px 2.5%;
}

.btn-lg {
    font-size: 1.05em;
    padding: 14px 3%;
}

.buttons {
    text-align: center;
}

    .buttons.red-box {
        background: #9b1012;
        padding: 5% 10%;
    }

        .buttons.red-box .reverse {
            color: #9b1012;
        }

            .buttons.red-box .reverse:hover {
                color: #fff;
            }

    .buttons.blue-box {
        background: #343234;
        padding: 5% 10%;
        color: #efedef;
    }

        .buttons.blue-box .reverse {
            color: #343234;
        }

            .buttons.blue-box .reverse:hover {
                color: #fff;
            }

        .buttons.blue-box p {
            font-family: 'Open Sans', sans-serif;
            font-size: 1.5em;
            text-align: left;
            color: #efedef;
        }

.cta-slim {
    background: #202D48;
    color: #FFF;
    text-align: center;
}

    .cta-slim a.btn {
        display: inline-block;
        margin: -3px 0 0 40px;
    }

@media (max-width: 600px) {
    .cta-slim a.btn {
        margin: 9px 0 0 0px;
    }
}

.cta-slim p {
    padding: 21px 0 19px;
    margin-bottom: 0;
}

#cta-staff .cta-random-staff img,
.cta-staff .cta-random-staff img {
    margin-bottom: 0;
}

#cta-staff .text-center h3,
.cta-staff .text-center h3 {
    margin-bottom: 10px;
}

#cta-staff p.details,
.cta-staff p.details {
    font-size: 1.4em;
    line-height: 37px;
    padding: 10px 0 0 0;
    margin-bottom: 0;
}

.grey-bg {
    background: #efedef;
    color: #343234;
}
/*----------------- Home 6---------------------*/
.parallax-style-6 {
    background-attachment: fixed !important;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    background-position: 30% 10px;
    background-image: url("demos/Home-06/intruction-Home-06.jpg");
}

.parallax-quote {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

    .parallax-quote .sh-entry-meta {
        color: #fff;
    }

        .parallax-quote .sh-entry-meta a {
            color: #202d48;
        }
/**
 * 4.7 - Lastest Event
 * --------------------------------------------------
 */
/*---------------Home 1 -------------------*/
.parallax {
    background-attachment: fixed !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    background-position: 30% 10px;
    background-image: url("demos/Home-01/lastest-background-Home-01.jpg");
}

.sh-lastest-event .parallax .container {
    position: relative;
}

.sh-parallax-image {
    position: absolute;
    left: 0;
    bottom: 0;
}

    .sh-parallax-image img {
        width: 100%;
    }

.sh-event-content {
    padding: 0 0 57px;
}

body .sh-event-content-style-1 {
    background: rgba(40, 40, 40, 0.4);
    padding: 0 0 68px;
}

div.sh-event-content-style-1 > span {
    padding-top: 52px;
}

.sh-event-content-style-2 {
    text-align: center;
    background: rgba(0, 0, 0, 0.3);
    padding: 25px 0 31px;
    margin: 0 -3px;
}

.sh-event-content > span {
    display: inline-block;
    padding: 26px 0 10px;
}

.sh-event-content li {
    padding-bottom: 15px;
}

.sh-event-content h4 {
    color: #ffffff;
    font-family: Raleway;
    font-size: 20px;
    font-weight: 400;
    line-height: 25.6px;
    margin: 0;
    padding: 0 0 52px;
}

.sh-event-content h6 {
    color: #444444;
    font-size: 16px;
    line-height: 19.2px;
    margin: 0;
    padding: 20px 20px 15px;
    text-align: left;
}

.sh-event-content ul {
    margin: 0;
}

.sh-event-content p {
    text-align: left;
    font-size: .9em;
    padding: 0 20px;
}

.sh-event-content span {
    display: block;
    font-size: 13px;
    line-height: 23.4px;
    color: #fed27a;
    padding-bottom: 10px;
}

.sh-event-content ul li img {
    display: inline-block;
    padding: 5px 0 10px;
}
/*-----------------Home 2 ------------------*/
.sh-lastest-event {
    text-align: center;
    background: #f6f6f6;
    position: relative;
    padding: 0 0 55px 0;
}

.sh-portfolio-1-titlte.sh-title-event {
    margin-bottom: 15px;
    margin-top: -5px;
}

.sh-image-event-item {
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    padding: 0;
    text-align: center;
    background-color: #ccc;
}

    .sh-image-event-item svg {
        padding: 75px 0px;
    }

@media (min-width: 1200px) {
    .sh-image-event-item svg {
        padding: 61px 0px;
    }
}

.sh-image-event-item:hover {
    cursor: pointer;
}

.sh-image-event-item img {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    width: 100%;
}

.sh-event-container {
    margin: 0 -15px;
}

    .sh-event-container h6 {
        text-align: left;
        font-weight: bold;
    }

.sh-event-content {
    padding: 20px 0 5px;
}

    .sh-event-content > img {
        margin-top: 27px;
    }

.sh-image-event-item:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #333 /*rgb(65, 86, 132)*/;
    z-index: 2;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.sh-image-event-item:hover:after {
    background: #333 /*rgba(65, 86, 132, 0.8)*/;
    cursor: e-resize;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all linear 0.3s 0s;
    -moz-transition: all linear 0.3s 0s;
    -ms-transition: all linear 0.3s 0s;
    -o-transition: all linear 0.3s 0s;
    transition: all linear 0.3s 0s;
    opacity: 0.55;
}

.sh-image-event-item a {
    margin-left: -24px;
    margin-top: -24px;
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: 3;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    width: 48px;
    height: 48px;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.sh-image-event-item:hover a {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

    .sh-image-event-item:hover a svg {
        width: 250px;
        margin: 0 0 0 -26px;
        padding: 0;
    }

.sh-image-event-item a:hover {
    border-radius: 50%;
}

.sh-image-event-item a i {
    color: #ffffff;
    padding: 16px 0 !important;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.sh-image-event-item a:hover i {
    animation: 2s linear 0s normal none infinite running rotate-icon;
}

.sh-event-content strong {
    color: #444444;
    display: block;
    font-weight: 400;
    padding-bottom: 53px;
}

.sh-last-event-prev {
    display: none;
}

.sh-last-event-next {
    display: none;
}

    .sh-last-event-prev i,
    .sh-last-event-next i {
        display: none;
    }
/*---------------Home 4 --------------------*/
.parallax-style-4 {
    background-attachment: fixed !important;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    background-position: 30% 10px;
    background-image: url("demos/Home-04/instruction.jpg");
}

.sh-lastest-event-style-4 {
    background: #ffffff;
    padding-bottom: 77px;
}

    .sh-lastest-event-style-4 .sh-images-check {
        margin-bottom: 0;
        padding-top: 42px;
    }

    .sh-lastest-event-style-4 .sh-event-title {
        margin-top: 10px;
        padding-bottom: 66px;
    }

.sh-event-title {
    padding: 0 0 35px 0;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    line-height: 24px;
}

.sh-event-style-4 {
    margin: 0 15px;
}

.sh-lastest-event-style-4 .sh-image-event-item:after {
    background: rgba(222, 103, 74, 0);
}

.sh-lastest-event-style-4 .sh-image-event-item:hover:after {
    background: rgba(222, 103, 74, 0.8);
}

.sh-lastest-event-style-4 .sh-content-event-item {
    background: #f6f6f6;
    text-align: center;
}

.sh-event-style-4 h6 {
    color: #444444;
    font-size: 16px;
    line-height: 19.2px;
    margin: 0;
    padding: 25px 0 8px;
}

.sh-event-style-4 img {
    margin: 0;
}

.sh-event-style-4 strong {
    color: #999999;
    display: block;
    font-size: 12px;
    font-weight: 400;
    padding: 0;
}

.sh-event-style-4 p {
    color: #9a989a;
    padding: 15px 20px 35px;
    margin: 0;
    line-height: 25.2px;
}
/**
 * 4.8 - Contact Form
 * -----------------------------------------------------------------------------
 */
/*-------------------- Home 01 ------------------*/
ul.sh-contact-wapper-style-1 {
    padding: 66px 0 59px;
    margin: 0;
}
/*-------------------- Home 02 -----------------*/
.sh-contact-wapper {
    margin: 0;
    padding: 75px 0 80px;
}

    .sh-contact-wapper:after {
        display: block;
        content: "";
        clear: both;
    }

    .sh-contact-wapper li {
        float: left;
        padding-left: 10px;
    }

        .sh-contact-wapper li:first-child {
            padding-left: 0;
        }

        .sh-contact-wapper li input {
            background: #f7f7f7;
            border: 1px solid #eeeeee;
            padding: 10px 15px 10px 20px;
            margin: 0;
            font-size: 14px;
            line-height: 25.2px;
            color: #aaaaaa;
            -webkit-transition: all 0.3s linear 0s;
            -moz-transition: all 0.3s linear 0s;
            -ms-transition: all 0.3s linear 0s;
            -o-transition: all 0.3s linear 0s;
            transition: all 0.3s linear 0s;
            width: 220px;
            list-style-type: none;
        }

        .sh-contact-wapper li textarea {
            background: #f7f7f7;
            border: 1px solid #eeeeee;
            color: #aaaaaa;
            font-size: 14px;
            height: 47px;
            line-height: 24px;
            margin: 0;
            padding: 10px 10px 5px 20px;
            -webkit-transition: all 0.3s linear 0s;
            -moz-transition: all 0.3s linear 0s;
            -ms-transition: all 0.3s linear 0s;
            -o-transition: all 0.3s linear 0s;
            transition: all 0.3s linear 0s;
            width: 300px;
        }

        .sh-contact-wapper li input:focus {
            border-color: #66afe9;
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
        }

    .sh-contact-wapper span {
        color: #444444;
        font-size: 13px;
        line-height: 23.4px;
        margin-right: 45px;
    }

    .sh-contact-wapper button {
        background: none;
        border: none;
        margin: 0 0 0 10px;
    }

    .sh-contact-wapper button {
        border: 1px solid #202d48;
        color: #202d48;
        display: inline-block;
        padding: 10px 25px;
        border-radius: 2px;
        -webkit-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        -ms-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
    }

        .sh-contact-wapper button:hover {
            background: #eeeeee;
            border-color: #ffffff;
        }

    .sh-contact-wapper li button i {
        margin: 0 -5px 0 8px;
    }
/*-------------------- Home 06 -----------------*/
.sh-contact-wapper-style-6 {
    padding: 64px 0;
}
/*-------------------- Home 07 -----------------*/
.sh-contact-wapper-style-7 {
    padding: 27px 0 25px;
}

    .sh-contact-wapper-style-7 button {
        border-color: #ffffff;
    }

        .sh-contact-wapper-style-7 button:hover {
            background: none;
        }

.sh-images-check-7 {
    display: block;
    margin: 0 0 10px;
    padding: 28px 0 0;
    text-align: center;
}

.sh-images-check-8 {
    display: block;
    margin: 0 0 10px;
    padding: 55px 0 0;
    text-align: center;
}

body .sh-title-event-7 {
    padding-bottom: 55px;
}

body .sh-portfolio-title-style-7 {
    padding-bottom: 53px;
}
/**
 * 4.9 - Our Leader
 * -----------------------------------------------------------------------------
 */
.sh-our-leader {
    padding: 0 0 60px;
}

.sh-about-our-leader {
    padding: 0 0 110px;
}

.sh-title-event {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    padding: 0 0 65px;
}

.sh-title-event-2 {
    padding: 0 0 55px;
}

.sh-leader-content {
    position: relative;
    padding-bottom: 30px;
    overflow: hidden;
    text-align: center;
}

.sh-our-leader-image {
    overflow: hidden;
    position: relative;
}

    .sh-our-leader-image img {
        -webkit-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        -ms-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
        width: 100%;
    }

    .sh-our-leader-image:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

.sh-leader-content:hover {
    background: #f7f7f7;
    cursor: pointer;
}

.sh-icon-hover {
    display: inline-block;
    left: 50%;
    margin: -31px 0 0 -31px;
    position: absolute;
    top: 50%;
}

.sh-leader-content span a {
    background: white;
    border-radius: 50%;
    display: block;
    height: 62px;
    width: 62px;
    position: relative;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 9999;
}

    .sh-leader-content span a:hover {
        background: none;
    }

.sh-leader-content:hover span a {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.sh-leader-content a i {
    font-size: 20px;
    padding: 20px 0;
    -webkit-transition: all 0.3s linear 0.3s;
    -moz-transition: all 0.3s linear 0.3s;
    -ms-transition: all 0.3s linear 0.3s;
    -o-transition: all 0.3s linear 0.3s;
    transition: all 0.3s linear 0.3s;
}

.sh-leader-content a:hover i {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.sh-leader-content h6 {
    font-size: 16px;
    line-height: 28.8px;
    margin: 0 0 -12px;
    padding: 24px 0;
}

.sh-leader-content small {
    line-height: 23.4px;
    font-size: 13px;
    color: #868686;
}
/**
 * 4.10 - Lastest Articles
 * -----------------------------------------------------------------------------
 */
/*---------------- Home 1 -------------------*/
.sh-title-leader {
    color: #444444;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    padding: 0 0 65px;
    text-align: center;
}

.sh-lastest-articles {
    text-align: center;
    background: #f7f7f7;
}

.sh-lastest-articles-content {
    margin: 0;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

    .sh-lastest-articles-content:after {
        display: block;
        clear: both;
        content: '';
    }

    .sh-lastest-articles-content li {
        float: left;
        position: relative;
        -webkit-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        -ms-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
        width: 100%;
    }

.sh-articles-images img {
    width: 100%;
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -ms-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}

.sh-lastest-articles-content li:hover .sh-articles-images img {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
}

.sh-article-content {
    height: 100%;
    left: 0;
    position: absolute;
    top: -200px;
    width: 100%;
    z-index: 9;
    background: rgba(147, 9, 33, 0.9);
}

    .sh-article-content span {
        bottom: 35px;
        display: block;
        left: 50%;
        position: absolute;
        text-align: center;
        margin-left: -85px;
    }

.sh-lastest-articles-content li:hover .sh-article-content {
    -webkit-animation: 0.9s linear 0s normal none 1 running bounceY;
    -moz-animation: 0.9s linear 0s normal none 1 running bounceY;
    -ms-animation: 0.9s linear 0s normal none 1 running bounceY;
    -o-animation: 0.9s linear 0s normal none 1 running bounceY;
    animation: 0.9s linear 0s normal none 1 running bounceY;
    opacity: 1;
    top: 0;
    transition-delay: 0s;
    cursor: e-resize !important;
}

@-moz-keyframes bounceY {
    0% {
        -webkit-transform: translateY(-205px);
        -moz-transform: translateY(-205px);
        -o-transform: translateY(-205px);
        -ms-transform: translateY(-205px);
        transform: translateY(-205px);
    }

    40% {
        transform: translateY(-100px);
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        -o-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
    }

    65% {
        -webkit-transform: translateY(-52px);
        -moz-transform: translateY(-52px);
        -o-transform: translateY(-52px);
        -ms-transform: translateY(-52px);
        transform: translateY(-52px);
    }

    82% {
        -webkit-transform: translateY(-25px);
        -moz-transform: translateY(-25px);
        -o-transform: translateY(-25px);
        -ms-transform: translateY(-25px);
        transform: translateY(-25px);
    }

    92% {
        -webkit-transform: translateY(-12px);
        -moz-transform: translateY(-12px);
        -o-transform: translateY(-12px);
        -ms-transform: translateY(-12px);
        transform: translateY(-12px);
    }

    55%, 75%, 87%, 97%, 100% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-webkit-keyframes bounceY {
    0% {
        -webkit-transform: translateY(-205px);
        -moz-transform: translateY(-205px);
        -o-transform: translateY(-205px);
        -ms-transform: translateY(-205px);
        transform: translateY(-205px);
    }

    40% {
        transform: translateY(-100px);
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        -o-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
    }

    65% {
        -webkit-transform: translateY(-52px);
        -moz-transform: translateY(-52px);
        -o-transform: translateY(-52px);
        -ms-transform: translateY(-52px);
        transform: translateY(-52px);
    }

    82% {
        -webkit-transform: translateY(-25px);
        -moz-transform: translateY(-25px);
        -o-transform: translateY(-25px);
        -ms-transform: translateY(-25px);
        transform: translateY(-25px);
    }

    92% {
        -webkit-transform: translateY(-12px);
        -moz-transform: translateY(-12px);
        -o-transform: translateY(-12px);
        -ms-transform: translateY(-12px);
        transform: translateY(-12px);
    }

    55%, 75%, 87%, 97%, 100% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-ms-keyframes bounceY {
    0% {
        -webkit-transform: translateY(-205px);
        -moz-transform: translateY(-205px);
        -o-transform: translateY(-205px);
        -ms-transform: translateY(-205px);
        transform: translateY(-205px);
    }

    40% {
        transform: translateY(-100px);
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        -o-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
    }

    65% {
        -webkit-transform: translateY(-52px);
        -moz-transform: translateY(-52px);
        -o-transform: translateY(-52px);
        -ms-transform: translateY(-52px);
        transform: translateY(-52px);
    }

    82% {
        -webkit-transform: translateY(-25px);
        -moz-transform: translateY(-25px);
        -o-transform: translateY(-25px);
        -ms-transform: translateY(-25px);
        transform: translateY(-25px);
    }

    92% {
        -webkit-transform: translateY(-12px);
        -moz-transform: translateY(-12px);
        -o-transform: translateY(-12px);
        -ms-transform: translateY(-12px);
        transform: translateY(-12px);
    }

    55%, 75%, 87%, 97%, 100% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-o-keyframes bounceY {
    0% {
        -webkit-transform: translateY(-205px);
        -moz-transform: translateY(-205px);
        -o-transform: translateY(-205px);
        -ms-transform: translateY(-205px);
        transform: translateY(-205px);
    }

    40% {
        transform: translateY(-100px);
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        -o-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
    }

    65% {
        -webkit-transform: translateY(-52px);
        -moz-transform: translateY(-52px);
        -o-transform: translateY(-52px);
        -ms-transform: translateY(-52px);
        transform: translateY(-52px);
    }

    82% {
        -webkit-transform: translateY(-25px);
        -moz-transform: translateY(-25px);
        -o-transform: translateY(-25px);
        -ms-transform: translateY(-25px);
        transform: translateY(-25px);
    }

    92% {
        -webkit-transform: translateY(-12px);
        -moz-transform: translateY(-12px);
        -o-transform: translateY(-12px);
        -ms-transform: translateY(-12px);
        transform: translateY(-12px);
    }

    55%, 75%, 87%, 97%, 100% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes bounceY {
    0% {
        -webkit-transform: translateY(-205px);
        -moz-transform: translateY(-205px);
        -o-transform: translateY(-205px);
        -ms-transform: translateY(-205px);
        transform: translateY(-205px);
    }

    40% {
        transform: translateY(-100px);
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        -o-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
    }

    65% {
        -webkit-transform: translateY(-52px);
        -moz-transform: translateY(-52px);
        -o-transform: translateY(-52px);
        -ms-transform: translateY(-52px);
        transform: translateY(-52px);
    }

    82% {
        -webkit-transform: translateY(-25px);
        -moz-transform: translateY(-25px);
        -o-transform: translateY(-25px);
        -ms-transform: translateY(-25px);
        transform: translateY(-25px);
    }

    92% {
        -webkit-transform: translateY(-12px);
        -moz-transform: translateY(-12px);
        -o-transform: translateY(-12px);
        -ms-transform: translateY(-12px);
        transform: translateY(-12px);
    }

    55%, 75%, 87%, 97%, 100% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }
}

.sh-article-content h4 {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 28.8px;
    margin: 0;
    padding: 0 0 0 15px;
    position: absolute;
    text-align: left;
    top: 35px;
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    transform: translateY(-200px);
    -webkit-transition: all 0.4s ease-in-out 0.1s;
    -moz-transition: all 0.4s ease-in-out 0.1s;
    -ms-transition: all 0.4s ease-in-out 0.1s;
    -o-transition: all 0.4s ease-in-out 0.1s;
    transition: all 0.4s ease-in-out 0.1s;
}

.sh-lastest-articles-content li:hover .sh-article-content h4 {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    transition-delay: 0.4s;
}

.sh-article-content p {
    color: #ffffff;
    font-size: 13px;
    line-height: 23.4px;
    padding: 0 0 0 15px;
    position: absolute;
    text-align: left;
    top: 95px;
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    transform: translateY(-200px);
    -webkit-transition: all 0.2s ease-in-out 0.1s;
    -moz-transition: all 0.2s ease-in-out 0.1s;
    -ms-transition: all 0.2s ease-in-out 0.1s;
    -o-transition: all 0.2s ease-in-out 0.1s;
    transition: all 0.2s ease-in-out 0.1s;
}

.sh-lastest-articles-content li:hover .sh-article-content p {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    transition-delay: 0.2s;
}

.sh-lastest-articles-content li:hover .sh-article-content a {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    transition-delay: 0s;
}

.sh-article-content a {
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    line-height: 25.2px;
    padding: 10px 25px;
    border: 1px solid #ffffff;
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    transform: translateY(-200px);
    -webkit-transition: all 0.2s ease-in-out 0.3s;
    -moz-transition: all 0.2s ease-in-out 0.3s;
    -ms-transition: all 0.2s ease-in-out 0.3s;
    -o-transition: all 0.2s ease-in-out 0.3s;
    transition: all 0.2s ease-in-out 0.3s;
    position: relative;
}

    .sh-article-content a:hover {
        color: #202d48;
        border: 0;
    }

    .sh-article-content a:after {
        background: #ffffff;
        height: 100%;
        left: 50%;
        opacity: 1;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        width: 0;
        content: "";
        position: absolute;
        -webkit-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        -ms-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s ease 0s;
        z-index: -1;
    }

    .sh-article-content a:hover:after {
        width: 100%;
        color: #202d48;
    }

    .sh-article-content a i {
        padding-right: 20px;
    }

    .sh-article-content a:hover i {
        color: #202d48;
    }
/*----------------------- Home 3 ---------------------*/
.sh-articles-images {
    position: relative;
    overflow: hidden;
}

    .sh-articles-images a {
        border-radius: 50%;
        display: inline-block;
        height: 62px;
        margin: -31px 0 0 -31px;
        left: 50%;
        position: absolute;
        top: 50%;
        width: 62px;
        -webkit-transform: scale(1) rotate(0deg);
        -moz-transform: scale(1) rotate(0deg);
        -o-transform: scale(1) rotate(0deg);
        -ms-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
        -webkit-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        -ms-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
        z-index: 9990;
    }

        .sh-articles-images a i {
            padding: 25px 0;
        }

.sh-lastest-articles-style-3 li:hover .sh-articles-images a {
    -webkit-transform: scale(0) rotate(45deg);
    -moz-transform: scale(0) rotate(45deg);
    -o-transform: scale(0) rotate(45deg);
    -ms-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
}

.sh-lastest-articles-style-3 li .sh-article-content {
    background: rgba(242, 166, 51, 0);
}

.sh-lastest-articles-style-3 li:hover .sh-article-content {
    background: rgba(242, 166, 51, 0.8);
}
/*----------------------- Home 7 ---------------------*/
.sh-lastest-articles-style-7 li .sh-article-content {
    background: rgba(222, 87, 73, 0);
}

.sh-lastest-articles-style-7 li:hover .sh-article-content {
    background: rgba(222, 87, 73, 0.8);
}
/**
 * 4.11 - Services
 * -----------------------------------------------------------------------------
 */
/*-------------- Home - 4 ---------------*/
.sh-services-wrapper {
    text-align: center;
    padding: 85px 0 92px;
}

    .sh-services-wrapper .sh-features {
        margin: 12px -20px 55px 20px;
        padding: 40px 0;
    }

    .sh-services-wrapper h3 {
        font-size: 24px;
        line-height: 28.8px;
        margin: -5px 0 0;
    }

    .sh-services-wrapper p {
        color: #9a989a;
        line-height: 25.2px;
        margin: 0 0 30px;
        padding: 27px 0 0 0;
    }

    .sh-services-wrapper ul.sh-features li {
        padding: 0;
        margin: 0;
        text-align: center;
        width: 25%;
    }

.sh-features li.sh-col-4 div {
    border-radius: 50%;
    height: 270px;
    padding: 85px 0;
    width: 270px;
}

.sh-services-wrapper .sh-item-more-details {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

    .sh-services-wrapper .sh-item-more-details:after {
        border-radius: 2px;
        position: absolute;
        width: 100%;
        height: 100%;
        content: '';
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0);
        -webkit-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        -ms-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .sh-services-wrapper .sh-item-more-details:hover:after {
        -webkit-transform: scale(8);
        -moz-transform: scale(8);
        -ms-transform: scale(8);
        -o-transform: scale(8);
        transform: scale(8);
        background: #000000;
    }

    .sh-services-wrapper .sh-item-more-details span {
        border: 1px solid #202d48;
        color: #202d48;
        display: inline-block;
        line-height: 25.2px;
        padding: 10px 25px;
        border-radius: 3px;
        position: relative;
        z-index: 99;
    }

    .sh-services-wrapper .sh-item-more-details:hover span {
        color: #ffffff;
    }

.sh-item-more-details span i {
    padding-right: 25px;
}
/*-------------- Home - 6 ---------------*/
.sh-services-wrapper-style-6 {
    padding: 90px 0 0;
}

.sh-images-check-6 {
    display: block;
    margin: 0 0 10px;
    padding: 38px 0 0;
    text-align: center;
}

.sh-services-style-6 {
    background: #f6f6f6;
    margin-bottom: 80px;
    padding: 0 0 11px 0;
}

.sh-services-description img {
    display: inline-block;
    margin-top: 40px;
    padding-left: 70px;
}

.sh-services-description h3 {
    margin: 0;
    padding: 50px 0 0;
    padding-left: 70px;
}

    .sh-services-description h3 a {
        font-size: 24px;
        line-height: 28.8px;
        color: #202d48;
    }

.sh-services-description p {
    color: #9a989a;
    line-height: 25.2px;
    padding: 31px 30px 0 70px;
}

.sh-services-description a span {
    border: 1px solid #444444;
    border-radius: 3px;
    color: #444444;
    display: inline-block;
    margin: 65px 0 0 70px;
    padding: 11px 25px;
}

    .sh-services-description a span i {
        padding-right: 20px;
    }

.sh-services-project {
    padding: 35px 0 0;
}

    .sh-services-project ul {
        margin: 0;
        padding: 0 0 20px 0;
    }

        .sh-services-project ul:after {
            display: block;
            clear: both;
            content: '';
        }

        .sh-services-project ul li {
            border-radius: 50%;
            float: left;
            height: 185px;
            margin: 0 30px 0 0;
            padding: 50px 0;
            text-align: center;
            width: 185px;
        }

            .sh-services-project ul li > a {
                background: #ffffff;
                border-radius: 50%;
                display: inline-block;
                height: 45px;
                margin-top: 9px;
                padding: 13px 0;
                width: 45px;
            }

            .sh-services-project ul li:hover > a i {
                -webkit-animation: 2s linear 0s normal none infinite running rotate-icon, 0.3s linear 0s normal none 1 running scale-icon;
                -moz-animation: 2s linear 0s normal none infinite running rotate-icon, 0.3s linear 0s normal none 1 running scale-icon;
                -ms-animation: 2s linear 0s normal none infinite running rotate-icon, 0.3s linear 0s normal none 1 running scale-icon;
                -o-animation: 2s linear 0s normal none infinite running rotate-icon, 0.3s linear 0s normal none 1 running scale-icon;
                animation: 2s linear 0s normal none infinite running rotate-icon, 0.3s linear 0s normal none 1 running scale-icon;
            }

            .sh-services-project ul li span {
                display: block;
            }

                .sh-services-project ul li span a {
                    color: #ffffff;
                }

            .sh-services-project ul li a i {
                font-size: 20px;
            }
/**------- site wide -------**/
.sh-features .core-values {
    background-color: #a4bece;
}

    .sh-features .core-values:hover {
        background-color: #83a6bc;
    }

    .sh-features .core-values i,
    .sh-features .core-values .fa {
        color: #a4bece;
        margin: 1px 0 0 1px;
    }

.sh-features svg {
    width: 60px;
}
/**
 * 4.12 - Information
 * --------------------------------------------------------
 */
.sh-information {
    padding: 50px 0 55px;
}

.sh-information-content {
    background: #de5749;
}

    .sh-information-content div a {
        color: #ffffff;
        font-size: 20px;
        line-height: 24px;
    }

    .sh-information-content p {
        margin: 0;
        padding-top: 34px;
        text-align: center;
    }

    .sh-information-content h4 {
        margin: 0;
        padding-top: 10px;
        text-align: center;
    }

    .sh-information-content small {
        color: #ffffff;
        font-size: 13px;
        padding-left: 20px;
    }

.sh-training-images {
    margin-bottom: 30px;
    position: relative;
    text-align: center;
}

.sh-information-content ul {
    font-weight: 400;
    margin: 0;
    padding: 23px 0 12px;
}

.sh-information-content li {
    padding-bottom: 10px;
}

.sh-training-images:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, 0.6);
}

.sh-training-images a {
    border: 1px solid #ffffff;
    border-radius: 2px;
    display: inline-block;
    height: 45px;
    left: 50%;
    padding: 10px;
    position: absolute;
    margin-left: -24px;
    margin-top: -24px;
    top: 50%;
    width: 45px;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    -webkit-trasform: scale(0);
    -o-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 999;
}

    .sh-training-images a:hover {
        border-radius: 50%;
    }

.sh-training-images:hover a {
    -webkit-trasform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.sh-training-images a i {
    color: #ffffff;
}

.sh-training-content {
    color: #ffffff;
    left: 0;
    position: absolute;
    top: 30%;
    transition: all 0.3s linear 0s;
    width: 100%;
    z-index: 9991;
    text-align: center;
}

.sh-training-images:hover .sh-training-content {
    -webkit-trasform: scale(0);
    -o-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.sh-training-content p {
    margin: 0;
    font-size: 16px;
    line-height: 19.2px;
    padding: 15px 0;
}

.sh-training-content span {
    font-size: 13px;
    line-height: 23.4px;
}
/**
 * 4.13 - Video
 * -----------------------------------------------------------------------------
 */
/*---------------- Home 2----------------------*/
.sh-video {
    position: relative;
    padding: 144px 0 94px;
    overflow: hidden;
}

    .sh-video:after {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 9;
    }

.sh-video-content {
    text-align: center;
    z-index: 999;
    position: relative;
}

    .sh-video-content h3 {
        line-height: 80px;
        font-size: 80px;
        color: #ffffff;
        text-decoration: none;
        padding: 0;
        text-align: center;
        margin: 13px 0 12px;
    }

    .sh-video-content small {
        color: #ffffff;
        display: block;
        font-size: 18px;
        font-weight: 400;
        line-height: 21.6px;
        margin-bottom: 17px;
        padding: 0;
        text-align: center;
        text-decoration: none;
    }

    .sh-video-content .sh-under-line {
        background: #ffffff;
        border-radius: 50%;
        content: "";
        display: inline-block;
        height: 5px;
        position: relative;
        width: 5px;
        margin-bottom: 10px;
    }

        .sh-video-content .sh-under-line:after {
            background: #ffffff;
            content: "";
            display: inline-block;
            height: 1px;
            position: absolute;
            left: 15px;
            top: 2px;
            width: 40px;
        }

        .sh-video-content .sh-under-line:before {
            background: #ffffff;
            content: "";
            display: inline-block;
            height: 1px;
            position: absolute;
            right: 15px;
            top: 2px;
            width: 40px;
        }

.videoID {
    position: absolute;
    width: auto;
    height: auto;
    max-height: 4000%;
    min-height: 100%;
    max-width: 1000%;
    min-width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

.bg-video {
    z-index: 6;
    background: url(demos/Home-02/enjoy.jpg) no-repeat center center / cover transparent !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.shautoplay {
    background: #222 /*#5da7f0*/;
    height: 62px;
    width: 62px;
    border: 0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    text-align: center;
    display: inline-block;
}

    .shautoplay i {
        font-size: 18px;
        line-height: 60px;
        color: #ffffff;
        -webkit-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        -ms-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
    }

    .shautoplay:hover i {
        -webkit-animation: icon-video 1s infinite;
        -o-animation: icon-video 2s infinite;
        -ms-animation: icon-video 2s infinite;
        -moz-animation: icon-video 2s infinte;
        animation: icon-video 2s infinite;
    }

@-webkit-keyframes icon-video {
    0% {
        transform: scale(1.1);
    }

    50% {
        transform: scale(1.2);
    }

    75% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@-moz-keyframes icon-video {
    0% {
        transform: scale(1.1);
    }

    50% {
        transform: scale(1.2);
    }

    75% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@-o-keyframes icon-video {
    0% {
        transform: scale(1.1);
    }

    50% {
        transform: scale(1.2);
    }

    75% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes icon-video {
    0% {
        transform: scale(1.1);
    }

    50% {
        transform: scale(1.2);
    }

    75% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.shpause i {
    font-size: 18px;
    line-height: 60px;
    color: #ffffff;
}

.shpause {
    background: #222 /*#5da7f0*/;
    height: 62px;
    width: 62px;
    border: 0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    text-align: center;
    display: none;
}

.sh-video video {
    position: absolute;
    z-index: -22;
}

.sh-video:hover .shpause {
    opacity: 1;
}

.sh-video:hover h3,
.sh-video:hover small,
.sh-video:hover span {
    opacity: 1 !important;
}

.sh-video:hover strong,
.sh-video:hover .shpause {
    opacity: 1 !important;
}
/*---------- Home 05----------------*/
body .bg-video-style-5 {
    background: url(images/pathways-video-cover.jpg) no-repeat center center / cover transparent !important;
}
/*------------------ Home 7---------------------*/
body .sh-video-style-7 {
    padding: 130px 0 105px;
}

body .bg-video-style-7 {
    background: url(images/pathways-video-cover.jpg) no-repeat center center / cover transparent !important;
}
/**
 * 4.14 - Blog-Page
 * -----------------------------------------------------------------------------
 */
/*---------- Blog RightSideBar + Blog LeftSideBar---------------*/
.sh-blog-wrapper {
    padding: 38px 0 0;
}

.sh-blog-title {
    background: #f6f6f6;
    text-align: center;
    padding: 65px 0 75px;
}

    .sh-blog-title h1 {
        margin: 4px 0 0;
    }

.sh-blog-description h3 {
    margin: 4px 0 10px;
}

    .sh-blog-description h3 a {
        font-size: 18px;
        font-weight: 400;
        line-height: 32.4px;
        color: #202d48;
    }

    .sh-blog-description h3 img {
        padding-right: 15px;
    }

.sh-blog-title h1 a {
    font-size: 30px;
    line-height: 36px;
    color: #202d48;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.sh-blog-title span {
    color: #9a989a;
    font-size: 13px;
    line-height: 23.4px;
}

.sh-blog-wrapper-style-1 {
    padding: 68px 0 101px;
    overflow: hidden;
}

.sh-blog-item:after {
    display: block;
    content: '';
    clear: both;
}

.sh-blog-item {
    border-bottom: 1px solid #eeeeee;
    padding: 45px 0;
}

    .sh-blog-item:first-child {
        padding-top: 0;
    }

.sh-blog-description {
    margin: 0;
}

.sh-entry-meta {
    color: #bababa;
    display: inline-block;
    font-size: 12px;
    line-height: 0px;
    margin: 0 0 10px 0;
    display: block;
}

    .sh-entry-meta a {
        margin: 0 15px 0 10px;
        color: #9a989a;
        display: inline-block;
    }

        .sh-entry-meta a:hover {
            color: #850d0e;
        }

.sh-blog-description p {
    color: #9a989a;
    font-size: 14px;
    line-height: 25.2px;
    margin: 0;
    padding: 0 0 25px;
}

.sh-blog-more {
    margin: -16px 0 0 0px;
}

.sh-blog-description .sh-blog-more li {
    float: none;
    width: auto;
}

.sh-blog-more span {
    display: inline-block;
    margin: 0 4px 0 0;
    position: relative;
    overflow: hidden;
}

    .sh-blog-more span:after {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        width: 100%;
        height: 100%;
        background: rgba(149, 0, 29, 0);
        -webkit-transition: all 0.5s linear 0s;
        -moz-transition: all 0.5s linear 0s;
        -ms-transition: all 0.5s linear 0s;
        -o-transition: all 0.5s linear 0s;
        transition: all 0.5s linear 0s;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .sh-blog-more span:hover:after {
        -webkit-transform: scale(8);
        -moz-transform: scale(8);
        -o-transform: scale(8);
        -ms-transform: scale(8);
        transform: scale(8);
        background: #202d48;
    }

    .sh-blog-more span a.sh-button-more {
        border-color: #202d48;
        color: #202d48;
    }

    .sh-blog-more span:hover a {
        color: #ffffff;
        border-color: #202d48;
    }

    .sh-blog-more span a {
        border: 1px solid #bbbbbb;
        color: #bbbbbb;
        display: inline-block;
        font-size: 14px;
        line-height: 25.2px;
        padding: 10px 24px 10px 24px;
        position: relative;
        -webkit-transition: all 0.5s linear 0s;
        -moz-transition: all 0.5s linear 0s;
        -ms-transition: all 0.5s linear 0s;
        -o-transition: all 0.5s linear 0s;
        transition: all 0.5s linear 0s;
        z-index: 999;
        text-align: center;
    }

        .sh-blog-more span a i {
            color: #202d48;
            padding: 0 15px;
            -webkit-transition: all 0.3s linear 0s;
            -moz-transition: all 0.3s linear 0s;
            -ms-transition: all 0.3s linear 0s;
            -o-transition: all 0.3s linear 0s;
            transition: all 0.3s linear 0s;
        }

        .sh-blog-more span a:hover i {
            color: #ffffff;
            animation: scale-icon 0.3s 1 linear;
        }

.widget {
    padding: 28px 0 0;
    position: relative;
    z-index: 0;
}

    .widget:first-child {
        padding: 0;
    }

.sh-blog-submit {
    display: none;
}

.search .content-search-box {
    margin: auto;
    display: table;
}

.search-list {
    padding: 35px 0 0 0;
}

.sh-bog-search {
    position: relative;
    padding: 0;
}

    .sh-bog-search input {
        background: #f6f6f6;
        border: medium none;
        color: #aaaaaa;
        font-size: 14px;
        line-height: 25px;
        margin: 0;
        padding: 15px 30px 15px 10px;
        width: 100%;
    }

    .sh-bog-search label {
        position: absolute;
        top: 22px;
        right: 10px;
        cursor: pointer;
    }

.widget-link ul {
    border: 1px solid #eeeeee;
    margin: 0;
}

    .widget-link ul li {
        border-bottom: 1px solid #eeeeee;
        position: relative;
        overflow: hidden;
    }

        .widget-link ul li:after {
            position: absolute;
            top: 0;
            left: 0;
            width: 0;
            height: 100%;
            content: '';
            background: rgba(238, 238, 238, 0);
            -webkit-transition: all 0.3s linear 0s;
            -moz-transition: all 0.3s linear 0s;
            -ms-transition: all 0.3s linear 0s;
            -o-transition: all 0.3s linear 0s;
            transition: all 0.3s linear 0s;
        }

        .widget-link ul li:hover:after {
            background: #eeeeee;
            width: 100%;
        }

        .widget-link ul li a {
            display: block;
            padding: 20px;
            position: relative;
            z-index: 9992;
            color: #202d48;
            font-size: 14px;
            font-weight: 400;
            line-height: 16.8px;
        }

        .widget-link ul li:last-child {
            border-bottom: none;
        }

        .widget-link ul li img {
            padding-right: 20px;
        }

        .widget-link ul li:hover img {
            visibility: hidden;
        }

.widget-link a i {
    color: #202d48;
    position: absolute;
    top: 28px;
    left: 18px;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.widget-link li:hover a i {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.widget-link strong {
    color: #202d48;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
}

.widget.widget-general h3 {
    color: #202d48;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.2px;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    padding: 25px 20px;
}

    .widget.widget-general h3 img {
        padding-right: 15px;
    }

.widget.widget-general ul {
    margin: 0;
    border: 1px solid #eeeeee;
}

    .widget.widget-general ul li:after {
        display: block;
        content: '';
        clear: both;
    }

    .widget.widget-general ul li {
        border-bottom: 1px solid #eeeeee;
        padding: 19px 15px;
    }

        .widget.widget-general ul li:first-child {
            padding: 0;
        }

        .widget.widget-general ul li:last-child {
            border-bottom: none;
        }

        .widget.widget-general ul li span {
            float: left;
        }

.sh-post-content {
    margin: 9px 0 0;
    padding: 0 0 0 85px;
}

    .sh-post-content h5 {
        margin: 0;
    }

        .sh-post-content h5 a {
            font-size: 15px;
            font-family: 'Open Sans', sans-serif;
            line-height: 27px;
            color: #202d48;
            -webkit-transition: all 0.3s linear 0s;
            -moz-transition: all 0.3s linear 0s;
            -ms-transition: all 0.3s linear 0s;
            -o-transition: all 0.3s linear 0s;
            transition: all 0.3s linear 0s;
        }

            .sh-post-content h5 a:hover {
                color: #202d48;
            }

    .sh-post-content span {
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: #bbbbbb;
        line-height: 21.6px;
    }

.shPagination {
    padding: 55px 0;
    text-align: center;
}

.wp-pagenavi a,
.wp-pagenavi span {
    border: 1px solid #5e848f;
    color: #5e848f;
    display: inline-block;
    margin-right: 6px;
    padding: 10px 20px;
}

    .wp-pagenavi a:hover {
        color: #202d48;
        border-color: #202d48;
    }

.wp-pagenavi .current {
    color: #202d48;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
    border: 1px solid #202d48;
}

.previouspostslink i,
.nextpostslink i {
    font-size: 18px;
    color: #202d48;
}
/*---------- Blog-01-Column ---------------*/
.sh-blog-item-style-1 .sh-blog-description {
    margin: 25px 0 -20px 15px;
    padding-right: 50px;
}

.sh-blog-item-style-1 .sh-blog-more {
    margin: 22px 0 0px 0px;
}

.sh-blog-thubnail {
    overflow: hidden;
    margin: 12px 0 0 0;
}

    .sh-blog-thubnail img {
        overflow: hidden;
        width: 100%;
    }

.shPagination-style-1 {
    margin: 0 0 -10px;
    padding: 40px 0 0;
}
/*---------- Blog-02-Column ---------------*/
.sh-blog-wrapper-style-2 {
    padding-top: 25px;
}

.sh-blog-item-style-2 {
    padding-bottom: 45px;
    padding-top: 47px !important;
}

    .sh-blog-item-style-2 .sh-blog-description {
        margin: 26px 0 0 15px;
    }

    .sh-blog-item-style-2 .sh-blog-thubnail {
        margin-top: -5px;
    }

    .sh-blog-item-style-2 .sh-blog-more {
        margin: 0 0 -18px;
    }

.shPagination-style-2 {
    margin: 0;
    padding: 40px 0 91px;
}
/*---------- Blog-03-Column ---------------*/
.sh-blog-wrapper-style-3 {
    padding-top: 33px;
}

.sh-blog-item-style-3 {
    padding-bottom: 20px;
    padding-top: 40px !important;
}

    .sh-blog-item-style-3 .sh-blog-description {
        margin: 20px 0 0 15px;
    }

        .sh-blog-item-style-3 .sh-blog-description h3 {
            margin: -2px 0 6px;
        }

    .sh-blog-item-style-3 .sh-entry-meta {
        margin-bottom: 20px;
    }

    .sh-blog-item-style-3 .sh-blog-thubnail {
        margin-top: -2px;
    }

    .sh-blog-item-style-3 .sh-blog-more {
        margin: -2px 0 5px 5px;
    }

        .sh-blog-item-style-3 .sh-blog-more span a {
            padding: 10px 20px;
        }

            .sh-blog-item-style-3 .sh-blog-more span a i {
                padding: 0;
            }

        .sh-blog-item-style-3 .sh-blog-more .sh-button-more {
            padding: 10px 20px 10px 5px;
        }

            .sh-blog-item-style-3 .sh-blog-more .sh-button-more i {
                padding: 0 15px;
            }

.shPagination-style-3 {
    margin: 0;
    padding: 42px 0 76px;
}
/*---------- Blog-04-Column ---------------*/
.sh-blog-wrapper-style-4 {
    padding: 23px 0 0;
}

.sh-blog-item-style-4 {
    padding: 45px 0 20px !important;
}

    .sh-blog-item-style-4 .sh-blog-description {
        margin: 15px 0 0 8px;
    }

    .sh-blog-item-style-4 .sh-blog-thubnail {
        overflow: hidden;
    }

    .sh-blog-item-style-4 .sh-blog-more {
        margin: 0 0 5px 5px;
    }

    .sh-blog-item-style-4 .sh-blog-description h3 a {
        margin: 25px 0 8px;
        display: inline;
    }

    .sh-blog-item-style-4 .sh-blog-description h3 img {
        padding-right: 10px;
    }

    .sh-blog-item-style-4 .sh-blog-more span a {
        padding: 10px;
    }

    .sh-blog-item-style-4 .sh-blog-more span:first-child a i {
        padding-right: 10px;
        font-size: 14px;
    }

    .sh-blog-item-style-4 .sh-blog-more span a i {
        padding: 0;
    }

.shPagination-style-4 {
    padding: 75px 0 68px;
}
/*---------- Blog-Single-Page ---------------*/
.shsingle_post {
    padding: 70px 0 0;
}

.sh-single-description h3 {
    margin: 0;
    padding: 20px 0 24px;
}

    .sh-single-description h3 a {
        color: #202d48;
        font-size: 25px;
        line-height: 45px;
        font-weight: 400;
        font-family: 'Open Sans', sans-serif;
    }

.sh-single-description .sh-entry-meta {
    margin-bottom: 28px;
}

.sh-single-description h1 img {
    padding-right: 10px;
}

.sh-single-description p {
    color: #9a989a;
    line-height: 25.2px;
    margin: 0;
    padding: 0 0 25px;
}

.sh-single-description blockquote {
    border: 1px solid #eee;
    font-size: 14px;
    line-height: 25.2px;
    color: #9a989a;
    padding: 20px;
    margin-bottom: 26px;
}

    .sh-single-description blockquote i {
        color: #930021;
        padding-right: 20px;
        font-size: 20px;
    }

.sh-single-share:after {
    display: block;
    clear: both;
    content: "";
}

.sh-single-share {
    padding: 28px 0 55px;
}

    .sh-single-share ul {
        margin: 0;
    }

    .sh-single-share span {
        display: inline-block;
        margin-right: 15px;
    }

    .sh-single-share ul li span a {
        color: #9a989a;
        font-size: 14px;
        line-height: 25.2px;
        font-weight: 400;
        padding: 10px 15px;
        display: inline-block;
        border: 1px solid #cccccc;
    }

        .sh-single-share ul li span a.sh-button-more {
            border-color: #202d48;
            color: #202d48;
        }

        .sh-single-share ul li span a i {
            padding-right: 20px;
            color: #202d48;
        }

    .sh-single-share ul li small {
        display: inline-block;
        background: #f6f6f6;
    }

        .sh-single-share ul li small a {
            display: inline-block;
            color: #202d48;
            font-size: 13px;
            line-height: 23.4px;
            padding: 5px 10px;
            -webkit-transition: all 0.3s linear 0s;
            -moz-transition: all 0.3s linear 0s;
            -ms-transition: all 0.3s linear 0s;
            -o-transition: all 0.3s linear 0s;
            transition: all 0.3s linear 0s;
        }

            .sh-single-share ul li small a:hover {
                background: #202d48;
                color: #ffffff;
            }

.sh-single-author {
    text-align: center;
    background: #fafafa;
}

    .sh-single-author .sh-avatar {
        display: inline-block;
    }

        .sh-single-author .sh-avatar a {
            display: inline-block;
            left: 0;
            position: relative;
            top: -10px;
        }

            .sh-single-author .sh-avatar a img {
                -webkit-transition: all 0.3s linear 0s;
                -moz-transition: all 0.3s linear 0s;
                -ms-transition: all 0.3s linear 0s;
                -o-transition: all 0.3s linear 0s;
                transition: all 0.3s linear 0s;
            }

            .sh-single-author .sh-avatar a:hover img {
                -webkit-transform: rotate(-20deg);
                -moz-transform: rotate(-20deg);
                -ms-transform: rotate(-20deg);
                -o-transform: rotate(-20deg);
                transform: rotate(-20deg);
            }

.sh-author-introduce {
    display: inline-block;
    padding: 52px 40px 52px 20px;
}

    .sh-author-introduce h4 {
        margin: 0;
    }

        .sh-author-introduce h4 a {
            font-size: 14px;
            line-height: 16.8px;
            color: #202d48;
            font-family: 'Open Sans', sans-serif;
        }

    .sh-author-introduce span a {
        font-size: 13px;
        color: #9a989a;
        line-height: 20.8px;
        font-family: 'Open Sans', sans-serif;
    }

.sh-sing-post-comment {
    padding: 56px 0 35px;
}

.sh-title-comment {
    margin: 0 0 -3px;
}

    .sh-title-comment a {
        color: #202d48;
        font-family: 'Open Sans', sans-serif;
        font-size: 22px;
        font-weight: 400;
        line-height: 26.4px;
    }

    .sh-title-comment a {
        color: #202d48;
        font-family: 'Open Sans', sans-serif;
        font-size: 22px;
        font-weight: 400;
        line-height: 26.4px;
    }

.comment-body {
    border-bottom: 1px solid #eeeeee;
    padding: 28px 0 26px;
}

    .comment-body:after {
        clear: both;
        content: '';
        display: block;
    }

.comment-list .children {
    margin: 0 0 0 40px;
}

.comment-list .comment-meta {
    float: left;
}

.comment-content {
    overflow: hidden;
}

.comment-list .comment-meta img {
    margin-right: 20px;
}

.entry-comments-meta strong {
    display: block;
    font-size: 14px;
    line-height: 16.8px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.entry-comments-meta small {
    font-size: 13px;
    line-height: 20.8px;
    color: #aaaaaa;
}

.comment-content p {
    font-size: 14px;
    margin: 0;
    color: #9a989a;
    line-height: 25.2px;
    margin: 5px 0 0;
}

.form-comment h3.sh-title {
    font-weight: 400;
    line-height: 26.4px;
    color: #202d48;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    font-size: 22px;
    padding: 0 0 20px;
}

.form-comment-item {
    padding: 0 0 35px;
}

.form-comment .form-comment-item label {
    font-size: 14px;
    color: #666666;
    line-height: 25.2px;
    font-weight: 400;
    padding: 0 0 2px;
}

.form-comment .form-comment-item textarea {
    padding: 16px 20px;
}

.form-comment .form-comment-item input {
    border-radius: 2px;
    display: inline-block;
    padding: 23px 20px;
}

.comment-post {
    display: inline-block;
    border: 1px solid #202d48;
    margin-top: 3px;
    border-radius: 2px;
    padding: 10px 35px;
    background: none;
}

    .comment-post i {
        padding-right: 15px;
    }

.form-comment {
    padding: 38px 0;
}
/*---------- Blog-TimeLine ---------------*/
/** timeline box structure **/
.sh-timeline {
    list-style: outside none none;
    position: relative;
    margin-top: 68px;
    margin-bottom: 0;
}

    .sh-timeline:after {
        clear: both;
        content: "";
        display: block;
    }

    .sh-timeline li:before,
    .sh-timelineli:after {
        content: " ";
        display: table;
        clear: both;
    }

.sh-tldate-left {
    border: 1px solid #dddddd;
    color: #999999;
    font-size: 13px;
    left: 110%;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 135px;
}

    .sh-tldate-left:after {
        background: #dddddd;
        content: "";
        height: 50px;
        left: 50%;
        position: absolute;
        top: 100%;
        width: 1px;
    }

.sh-tldate-right {
    border: 1px solid #dddddd;
    color: #999999;
    font-size: 13px;
    left: -188px;
    padding: 10px 0;
    position: absolute;
    text-align: center;
    top: 96px;
    width: 135px;
}

.sh-timeline li {
    float: left;
    position: relative;
    width: 40%;
}

.sh-timeline .sh-timeline-inverted {
    float: right;
    position: relative;
    margin-bottom: -33px;
}

    .sh-timeline .sh-timeline-inverted:after {
        background: #dddddd;
        content: "";
        height: 577px;
        left: -120px;
        position: absolute;
        top: 143px;
        width: 1px;
    }

    .sh-timeline .sh-timeline-inverted:last-child:after {
        top: 95px;
        height: 684px;
    }

.sh-timeline-panel-left .sh-blog-item {
    padding-bottom: 22px;
    margin-bottom: 63px;
}

.sh-timeline-panel-right .sh-blog-item {
    padding-bottom: 22px;
}

.sh-timeline-panel-left .sh-blog-description h3 {
    margin: 18px 0 7px;
}

.sh-timeline-panel-right .sh-blog-description h3 {
    margin: 18px 0 7px;
}

.sh-timeline-panel-left .sh-blog-more {
    margin: 0 0 0 5px;
}

.sh-timeline-panel-right .sh-blog-more {
    margin: -2px 0 0 5px;
}

.sh-timeline .sh-blog-more span a {
    padding: 10px;
}

.sh-timeline-panel-right .sh-blog-item {
    margin-top: 98px;
}

.sh-more-post {
    padding: 60px 0;
    text-align: center;
}

    .sh-more-post span a {
        display: inline-block;
        padding: 10px 25px;
        border: 1px solid #eeeeee;
        font-size: 13px;
        color: #9a989a;
    }
/**
 * 4.15 - Events-Page
 * -----------------------------------------------------------------------------
 */
.sh-events-title {
    background: #f6f6f6;
    padding: 65px 0 75px;
    text-align: center;
}

    .sh-events-title h1 {
        margin: 4px 0 0;
    }

        .sh-events-title h1 a {
            color: #202d48;
            font-family: 'Open Sans', sans-serif;
            font-size: 30px;
            font-weight: 400;
            line-height: 36px;
        }

    .sh-events-title span {
        color: #aaaaaa;
        font-size: 13px;
        line-height: 23.4px;
    }
/*---------- Event-Grid-Page ---------------*/
.sh-events-wrapper {
    padding: 70px 0;
}

body .sh-event-search .sh-bog-search {
    padding-top: 0;
}

.sh-events-item {
    text-align: center;
    margin: 0 0 31px;
    border-bottom: 1px solid #eeeeee;
}

    .sh-events-item .sh-image {
        position: relative;
        overflow: hidden;
    }

        .sh-events-item .sh-image img {
            width: 100%;
        }

        .sh-events-item .sh-image:after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            content: '';
            background: rgba(149, 0, 29, 0);
            -webkit-transition: all 0.3s linear 0s;
            -moz-transition: all 0.3s linear 0s;
            -ms-transition: all 0.3s linear 0s;
            -o-transition: all 0.3s linear 0s;
            transition: all 0.3s linear 0s;
        }

        .sh-events-item .sh-image:hover:after {
            background: rgba(149, 0, 29, 0.6);
        }

        .sh-events-item .sh-image a {
            margin: -20px 0 0 -20px;
            position: absolute;
            top: 50%;
            left: 50%;
            display: inline-block;
            padding: 10px 15px;
            background: #202d48;
            z-index: 9999;
            -webkit-transition: all 0.3s linear 0s;
            -moz-transition: all 0.3s linear 0s;
            -ms-transition: all 0.3s linear 0s;
            -o-transition: all 0.3s linear 0s;
            transition: all 0.3s linear 0s;
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
        }

            .sh-events-item .sh-image a:hover {
                border-radius: 50%;
            }

        .sh-events-item .sh-image:hover a {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
        }

        .sh-events-item .sh-image a i {
            color: #ffffff;
        }

        .sh-events-item .sh-image a:hover i {
            -webkit-animation: rotate-icon 2s infinite linear, scale-icon 0.3s 1 linear;
            -moz-animation: rotate-icon 2s infinite linear, scale-icon 0.3s 1 linear;
            -ms-animation: rotate-icon 2s infinite linear, scale-icon 0.3s 1 linear;
            -o-animation: rotate-icon 2s infinite linear, scale-icon 0.3s 1 linear;
            animation: rotate-icon 2s infinite linear, scale-icon 0.3s 1 linear;
        }

    .sh-events-item .sh-description img {
        display: inline-block;
        padding: 28px 0 15px;
    }

    .sh-events-item .sh-description h3 {
        margin: 0 0 10px;
    }

        .sh-events-item .sh-description h3 a {
            color: #202d48;
            font-family: Raleway;
            font-size: 16px;
            font-weight: 400;
            line-height: 19.2px;
        }

    .sh-events-item .sh-description strong {
        color: #454345;
        display: inline-block;
        font-size: 13px;
        font-weight: 400;
        line-height: 23.4px;
        padding: 0 0 49px;
    }

body .sh-pagination-events {
    padding: 35px 0 0;
}
/*---------- Event-List-Page ---------------*/
.sh-events-list {
    padding: 70px 0 0;
}

.sh-event-list .sh-content {
    margin: 0;
}

.sh-event-list {
    margin: 0;
}

    .sh-event-list li {
        border-bottom: 1px solid #eeeeee;
        margin: 0 0 32px;
        padding: 0 0 37px;
    }

    .sh-event-list .sh-list-item .sh-images img {
        width: 100%;
    }

    .sh-event-list li:last-child {
        margin-bottom: 0;
    }

    .sh-event-list .sh-content img {
        padding-right: 15px;
    }

    .sh-event-list .sh-content h3 {
        margin: 0;
        padding: 13px 0 22px;
    }

        .sh-event-list .sh-content h3 a {
            font-family: 'Open Sans', sans-serif;
            font-size: 18px;
            font-weight: 400;
            color: #202d48;
            line-height: 21.6px;
        }

    .sh-event-list .sh-content time {
        display: block;
        font-family: Raleway;
        font-weight: 400;
        font-size: 13px;
        line-height: 23.4px;
        color: #202d48;
        padding: 0 0 25px;
    }

    .sh-event-list .sh-content p {
        color: #9a989a;
        line-height: 25.2px;
        margin: 0;
    }

    .sh-event-list span {
        display: inline-block;
        margin: 43px 0 0;
        position: relative;
        overflow: hidden;
    }

        .sh-event-list span:after {
            position: absolute;
            top: 0;
            left: 0;
            width: 0;
            height: 100%;
            content: '';
            background: #930021;
            -webkit-transition: all 0.3s linear 0s;
            -moz-transition: all 0.3s linear 0s;
            -ms-transition: all 0.3s linear 0s;
            -o-transition: all 0.3s linear 0s;
            transition: all 0.3s linear 0s;
        }

        .sh-event-list span:hover:after {
            width: 100%;
        }

        .sh-event-list span a {
            font-size: 14px;
            color: #202d48;
            line-height: 25.2px;
            display: inline-block;
            padding: 10px 15px;
            border: 1px solid #202d48;
            position: relative;
            z-index: 999;
        }

        .sh-event-list span:hover a {
            color: #ffffff;
        }

        .sh-event-list span a i {
            font-size: 14px;
            padding-right: 15px;
        }

body .sh-pagination-style-2 {
    padding: 60px 0 95px;
}
/*---------- Event-Single-Page ---------------*/
.sh-single-ticket {
    background: #f6f6f6;
}

.sh-form-ticket {
    margin-left: 20px;
}

.sh-single-ticket h3 {
    font-size: 16px;
    line-height: 19.2px;
    color: #202d48;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    margin: 0 0 0 20px;
    padding: 20px 0 25px;
}

    .sh-single-ticket h3 img {
        padding-right: 15px;
    }

.sh-form-ticket label {
    font-size: 13px;
    line-height: 23.4px;
    font-weight: 400;
    margin: 0;
    display: inline-block;
    padding: 0 0 10px;
}

.sh-input-ticket {
    display: block;
    font-size: 14px;
    line-height: 25.2px;
    color: #aaaaaa;
    padding: 5px 10px;
    border: none;
    margin: 0 0 12px;
    width: 230px;
}

.sh-form-ticket strong {
    font-size: 13px;
    line-height: 23.4px;
    color: #454345;
    display: block;
    font-weight: 400;
    padding: 0 0 10px;
}

.sh-amount {
    border: medium none;
    color: #aaaaaa;
    display: block;
    font-size: 14px;
    height: 37px;
    line-height: 25.2px;
    margin: 0 0 10px;
    padding: 0 0 0 15px;
    width: 38px;
}

.sh-form-ticket small {
    display: inline-block;
    font-size: 13px;
    line-height: 23.4px;
    padding: 0 0 10px;
}

.sh-form-ticket p {
    color: #94001d;
    font-size: 14px;
    line-height: 25.2px;
    margin: 0;
    padding: 0 0 55px;
}

.sh-form-ticket button {
    border: 1px solid #202d48;
    margin: 0 0 43px 20px;
    display: inline-block;
    padding: 11px 15px;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

    .sh-form-ticket button:hover {
        background: #202d48;
        color: #ffffff;
    }

    .sh-form-ticket button i {
        padding-right: 15px;
    }

.sh-day-open {
    border-bottom: 1px solid #eeeeee;
    padding: 0 0 41px;
}

    .sh-day-open h3 {
        font-size: 22px;
        line-height: 26.4px;
        font-weight: 400;
        font-family: 'Open Sans', sans-serif;
        margin: 0;
        color: #202d48;
        padding: 13px 0 16px;
    }

        .sh-day-open h3 img {
            padding-right: 20px;
        }

    .sh-day-open span {
        font-size: 13px;
        line-height: 23.4px;
        display: block;
        color: #94001d;
        padding: 0 0 30px;
    }

    .sh-day-open .sh-share {
        padding: 0;
    }

    .sh-day-open p {
        font-size: 14px;
        line-height: 25.2px;
        color: #454345;
        margin: 0;
        padding: 0 0 25px;
    }

    .sh-day-open span img {
        padding-right: 20px;
    }

.sh-share {
    display: inline-block;
    margin: 25px 0 0;
}

    .sh-share small {
        color: #202d48;
        font-size: 14px;
        line-height: 25.2px;
        display: inline-block;
        padding-right: 20px;
    }

    .sh-share a {
        display: inline-block;
        padding: 11px 15px;
        border: 1px solid #202d48;
        margin-right: 5px;
    }

        .sh-share a:nth-child(3) {
            padding: 11px 18px;
        }

        .sh-share a i {
            color: #202d48;
            font-size: 15px;
        }

        .sh-share a:nth-child(2):hover i {
            color: #55ACEE;
        }

        .sh-share a:nth-child(3):hover i {
            color: #82DDF2;
        }

        .sh-share a:nth-child(4):hover i {
            color: #598DCA;
        }

.sh-gallary h3 {
    text-align: center;
}

.sh-gallery-slide {
    position: relative;
}

.sh-gallary h3 img {
    display: inline-block;
    padding: 23px 0 10px;
}

.sh-gallary h3 a {
    color: #202d48;
    display: inline-block;
    font-size: 22px;
    line-height: 24.6px;
    padding: 0 0 30px;
}

.sh-gallary > a {
    display: inline-block;
    position: relative;
}

    .sh-gallary > a:after {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
    }

.sh-gallery-images {
    position: relative;
}

    .sh-gallery-images ul li a {
        display: inline-block;
    }

    .sh-gallery-images .sh-cources-prev {
        background: rgba(0, 0, 0, 0.3);
        border: 1px solid #ffffff;
        width: 48px;
        height: 48px;
        left: 5%;
        position: absolute;
        top: 50%;
        z-index: 2;
        margin: -24px 0 0 0;
    }

    .sh-gallery-images .sh-cources-next {
        background: rgba(0, 0, 0, 0.3);
        border: 1px solid #ffffff;
        right: 5%;
        position: absolute;
        top: 50%;
        z-index: 2;
        width: 48px;
        height: 48px;
        margin: -24px 0 0 0;
    }

.sh-speaker-title {
    text-align: center;
    padding: 0 0 60px;
    margin: 0;
    font-size: 22px;
    line-height: 24.6px;
    font-weight: 400;
}

    .sh-speaker-title img {
        display: inline-block;
        padding: 37px 0 15px;
    }

.sh-speaker-content {
    text-align: center;
    padding: 0 0 25px;
}

    .sh-speaker-content strong {
        font-size: 16px;
        line-height: 28.8px;
        font-weight: 400;
        display: block;
        padding: 24px 0 13px;
        color: #454345;
    }

    .sh-speaker-content small {
        font-size: 13px;
        line-height: 23.4px;
        color: #920020;
        display: block;
    }

    .sh-speaker-content > span {
        display: inline-block;
        padding-bottom: 20px;
    }

    .sh-speaker-content time {
        color: #858585;
        display: block;
        padding: 0 0 23px;
    }

.sh-speaker-images {
    overflow: hidden;
}

    .sh-speaker-images a {
        display: block;
        overflow: hidden;
        text-align: center;
    }
/**
 * 4.16 - About-Page
 * -----------------------------------------------------------------------------
 */
.sh-about-image {
    position: relative;
}

    .sh-about-image:after {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
    }

    .sh-about-image > img {
        overflow: hidden;
        width: 100%;
    }

    .sh-about-image a {
        display: inline-block;
        left: 50%;
        position: absolute;
        top: 50%;
        z-index: 9;
        margin: -95px 0 0 -58px;
    }

.sh-about-content {
    padding: 30px 0 40px;
    text-align: center;
}

    .sh-about-content h3 {
        margin: 0;
        padding: 12px 0 28px;
    }

        .sh-about-content h3 a {
            color: #454345;
            font-family: Raleway;
            font-size: 24px;
            font-weight: 400;
            line-height: 28.8px;
        }

    .sh-about-content p {
        color: #454345;
        line-height: 25.2px;
        margin: 0;
        padding: 12px 11px;
        font-size: 16px;
    }

        .sh-about-content p:nth-child(4) {
            padding-bottom: 53px;
        }

    .sh-about-content span {
        display: inline-block;
        border: 1px solid #202d48;
        margin: 0 0 30px;
    }

        .sh-about-content span a {
            display: inline-block;
            padding: 10px 15px;
            color: #202d48;
            line-height: 25.2px;
        }

            .sh-about-content span a:hover {
                color: #850d0e;
                background: #efedef;
            }

            .sh-about-content span a i {
                padding-right: 15px;
            }

body .sh-about-intruction h4 {
    padding-top: 20px;
}

body .sh-about-english {
    padding: 55px 0 55px;
}

body .sh-about-leader {
    padding: 7px 0 110px;
}
/**
 * 4.17 - Contact-Page
 * -----------------------------------------------------------------------------
 */
.sh-contact-title {
    background: #f6f6f6;
    padding: 65px 0 75px;
    text-align: center;
}

    .sh-contact-title h1 {
        margin: 4px 0 0;
    }

        .sh-contact-title h1 a {
            color: #202d48;
            font-family: 'Open Sans', sans-serif;
            font-size: 30px;
            font-weight: 400;
            line-height: 36px;
        }

    .sh-contact-title span {
        color: #aaaaaa;
        font-size: 13px;
        line-height: 23.4px;
    }

.shWrap {
    text-align: center;
}

.sh-map-information:after {
    display: block;
    clear: both;
    content: '';
}

.sh-map-information > p {
    width: 1170px;
    height: 1px;
    background: #eeeeee;
    content: '';
    clear: both;
    margin: 0 15px;
}

.sh-map {
    width: 100%;
    height: 450px;
}

.sh-map-address {
    padding: 75px 0;
}

    .sh-map-address a {
        display: inline-block;
        width: 75px;
        height: 75px;
        margin: 0 0 10px;
        border-radius: 50%;
    }

        .sh-map-address a i {
            color: #f6f6f6;
            font-size: 25px;
            padding: 25px 0;
            -webkit-transition: all linear 0.3s 0s;
            -moz-transition: all linear 0.3s 0s;
            -ms-transition: all linear 0.3s 0s;
            -o-transition: all linear 0.3s 0s;
            transition: all linear 0.3s 0s;
        }

        .sh-map-address a:hover i {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
        }

    .sh-map-address span {
        display: block;
    }

    .sh-map-address p {
        line-height: 25.2px;
        margin: 0;
        padding: 23px 0 0;
    }

.sh-map-us {
    padding: 37px 0 0;
    margin: 0 15px;
}

    .sh-map-us h3 {
        padding: 20px 0 28px;
        margin: 0;
    }

        .sh-map-us h3 a {
            font-size: 24px;
            font-weight: 400;
            line-height: 28.8px;
            font-family: 'Open Sans', sans-serif;
            color: #202d48;
        }

    .sh-map-us p {
        color: #9a989a;
        line-height: 25.2px;
        margin: 0;
        padding: 0 0 100px;
    }

.sh-map-form:after {
    clear: both;
    content: "";
    display: block;
}

.sh-map-form {
    text-align: left;
    margin: 0 -15px;
}

    .sh-map-form label {
        font-size: 14px;
        color: #202d48;
        line-height: 42px;
        font-weight: 400;
    }

        .sh-map-form label span {
            padding: 0 0 0 10px;
            font-size: 13px;
            color: #bbbbbb;
        }

.gfield_checkbox {
    margin-top: -20px;
}

    .gfield_checkbox label {
        color: #000;
        padding-left: 5px;
    }

span.gfield_required {
    margin-left: -6px;
}

body .sh-map-form input {
    background: #eeeeee;
    border: none;
    border-radius: 2px;
    display: inline-block;
    margin: 0 0 14px;
}

.sh-map-form textarea {
    background: #eeeeee;
    border: none;
    padding: 9px 12px;
    border-radius: 2px;
    padding: 23px 12px;
}

.sh-comment-post {
    text-align: center;
    margin: 50px 0;
}

body .sh-comment-post button {
    border: none;
    background: #202d48;
    color: #ffffff;
    display: inline-block;
    padding: 12px 38px 12px 0;
    margin: 0 0 55px;
}

#request-info {
    padding-top: 26px;
    margin-top: -26px;
}

.validation_message {
    font-size: 17px;
    color: #202d48;
    border-bottom: 1px solid #202d48;
    padding: 0px 0 2px 0;
    margin: 0 0 11px 0;
}

.validation_error {
    font-size: 17px;
    color: #202d48;
    border-bottom: 1px solid #202d48;
    padding: 0 0 7px 0;
}

.gform_wrapper .top_label input.medium,
.gform_wrapper .top_label select.medium {
    width: 100% !important;
    height: 40px;
    border-radius: 2px;
    padding: 0 0 0 19px !important;
    font-size: 15px;
}

.gform_footer input[type=submit] {
    border: 1px solid #202d48;
    background: #202d48;
    color: #ffffff;
    display: inline-block;
    padding: 12px 38px 12px;
    margin: 0 0 55px;
    border-radius: 2px;
    -webkit-transition: all linear 0.3s 0s;
    -moz-transition: all linear 0.3s 0s;
    -ms-transition: all linear 0.3s 0s;
    -o-transition: all linear 0.3s 0s;
    transition: all linear 0.3s 0s;
}

    .gform_footer input[type=submit]:hover,
    .gform_footer input[type=submit]:active,
    .gform_footer input[type=submit]:focus {
        background: none;
        color: #202d48;
    }

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 0px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border-radius: 2px;
}

label {
    color: #9a989a;
}

input[type=text] {
    padding: 22px !important;
    -webkit-appearance: none;
    outline: none;
    border: 1px solid #efedef;
}

.textarea {
    padding: 22px 0 22px 5px !important;
}

.sh-comment-post button i {
    color: #ffffff;
    padding: 0 20px 0 20px;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.sh-comment-post button:hover i {
    -webkit-animation: rotate-icon 2s infinite linear, scale-icon 0.3s 1 linear;
    -moz-animation: rotate-icon 2s infinite linear, scale-icon 0.3s 1 linear;
    -ms-animation: rotate-icon 2s infinite linear, scale-icon 0.3s 1 linear;
    -o-animation: rotate-icon 2s infinite linear, scale-icon 0.3s 1 linear;
    animation: rotate-icon 2s infinite linear, scale-icon 0.3s 1 linear;
}
/**
 * 4.18 - Feature-Page
 * -----------------------------------------------------------------------------
 */
/*------------------- Feature-RTLLayout --------------------*/
.sh-shortcode-title {
    background: #f6f6f6;
    padding: 65px 0 75px;
    text-align: center;
}

    .sh-shortcode-title h1 {
        margin: 4px 0 0;
    }

        .sh-shortcode-title h1 a {
            color: #202d48;
            font-family: 'Open Sans', sans-serif;
            font-size: 30px;
            font-weight: 400;
            line-height: 36px;
        }

    .sh-shortcode-title span {
        color: #aaaaaa;
        font-size: 13px;
        line-height: 23.4px;
    }

body.home-rtl .sh-header-home-1 .sh-search {
    left: 0;
}

body.home-rtl .sh-header-home-1 .sh-menu > li:last-child .sub-menu {
    right: 0 !important;
    left: auto;
}

body.home-rtl .sh-header-home-1 .sh-header-content .sh-logo-scroll {
    margin-right: 0;
    margin-left: 20px;
}

.home-rtl .sh-introduce-content {
    text-align: right;
}

.home-rtl .sh-article-content {
    text-align: right;
    padding: 0 20px 0;
}

    .home-rtl .sh-article-content h4 {
        padding-right: 20px;
    }

    .home-rtl .sh-article-content p {
        padding-right: 20px;
    }

.home-rtl .sh-portfolio-content h4,
.home-rtl .sh-portfolio-content p,
.home-rtl .sh-portfolio-content > span {
    text-align: right;
    padding-right: 20px;
}

.home-rtl .sh-article-content h4,
.home-rtl .sh-article-content p {
    text-align: right;
    padding-left: 0;
}
/*------------------- Feature-SortCode --------------------*/
.sh-cources-shortcode {
    text-align: center;
    background: #f6f6f6;
    padding: 0 0 55px;
}

.sh-feature-code {
    padding: 68px 0;
}

    .sh-feature-code .sh-features {
        margin: 0;
        padding: 0;
    }

        .sh-feature-code .sh-features li {
            padding: 90px 0;
        }

body .sh-cource-option li div {
    background: #ffffff;
}

body .sh-course-option li div:hover {
    background: #eeeeee;
}

.sh-feature-services {
    padding: 40px 0;
    text-align: center;
}

    .sh-feature-services img {
        display: inline-block;
        padding: 20px 0 15px;
    }

    .sh-feature-services h3 {
        margin: 0;
        padding: 0 0 20px;
    }

        .sh-feature-services h3 a {
            font-family: 'Open Sans', sans-serif;
            line-height: 24px;
            font-weight: 400;
            color: #202d48;
            font-size: 20px;
        }

.sh-feature-project {
    padding: 50px 0 35px;
}

    .sh-feature-project:after {
        clear: both;
        content: '';
        display: block;
    }

.sh-button {
    padding: 72px 0;
}

.sh-title-button {
    text-align: center;
}

    .sh-title-button h3 {
        margin: 0;
        padding: 11px 0 68px;
    }

        .sh-title-button h3 a {
            font-size: 20px;
            line-height: 24px;
            color: #202d48;
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
        }

.sh-btn-default {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    color: #ffffff;
    background: #454345;
}

    .sh-btn-default:hover {
        color: #ffffff;
    }

.sh-button-small a {
    font-size: 13px;
    line-height: 23.4px;
    padding: 5px 15px;
    margin: 5px;
}

a.sh-button-normal {
    color: #a4bece;
}

.sh-button-normal a {
    font-size: 14px;
    margin: 5px 5px 5px 0px;
    border: 1px solid #f04237;
    color: #f04237;
    display: inline-block;
    padding: 10px 25px;
    border-radius: 2px;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

    .sh-button-normal a:hover,
    .sh-button-normal a:focus,
    .sh-button-normal a:active {
        color: #9b1012;
        background-color: #efedef;
        border-color: #ffffff;
    }

.course-mega div.sh-button-normal {
    padding: 9px 0 0 0;
}

.course-mega .sh-button-normal a {
    font-size: 13px;
    margin: 5px 5px 5px 0px;
    border: 1px solid #f04237;
    color: #f04237;
    display: inline-block;
    padding: 2px 7px;
    border-radius: 2px;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

    .course-mega .sh-button-normal a:hover,
    .course-mega .sh-button-normal a:focus,
    .course-mega .sh-button-normal a:active {
        color: #9b1012;
        background-color: #efedef;
        border-color: #ffffff;
    }

.sh-button-normal a i {
    padding: 0 10px 0 0;
}

.sh-button-large a {
    font-size: 14px;
    line-height: 25.2px;
    padding: 15px 55px;
    margin: 5px;
}

    .sh-button-large a i {
        padding: 0 10px 0 0;
    }

.sh-button-color-1 {
    background: #333313 /*@red*/;
}

.sh-button-color-2 {
    background: #efedef;
}

.sh-button-color-3 {
    background: #333333 /*#287e7a*/;
}

.sh-button-color-4 {
    background: #666616 /*#8c6900*/;
}

.sh-button-color-5 {
    background: #777777 /*#0085b2*/;
}
/*------------------- Feature-Typography --------------------*/
.sh-typo-title {
    padding: 70px 0 77px;
    text-align: center;
}

    .sh-typo-title h1 {
        margin: -5px 0 -10px;
        padding: 0;
    }

        .sh-typo-title h1 a {
            color: #454345;
            font-size: 30px;
            line-height: 36px;
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
        }

    .sh-typo-title span {
        color: #bdbdbd;
    }

.sh-typo {
    margin: 55px 15px 135px;
}

    .sh-typo h1 {
        color: #454345;
        display: block;
        font-family: 'Open Sans', sans-serif;
        font-size: 30px;
        font-weight: 400;
        line-height: 54px;
        margin: 0;
        padding: 0;
        text-decoration: none;
    }

    .sh-typo h2 {
        color: #454345;
        display: block;
        font-family: 'Open Sans', sans-serif;
        font-size: 26px;
        font-weight: 400;
        line-height: 46.8px;
        margin: 0;
        padding: 0;
        text-decoration: none;
    }

    .sh-typo h3 {
        color: #454345;
        display: block;
        font-family: 'Open Sans', sans-serif;
        font-size: 22px;
        font-weight: 400;
        line-height: 39.6px;
        margin: 0;
        padding: 0;
        text-decoration: none;
    }

    .sh-typo h4 {
        color: #454345;
        display: block;
        font-family: 'Open Sans', sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 32.4px;
        margin: 0;
        padding: 0;
        text-decoration: none;
    }

    .sh-typo h5 {
        color: #454345;
        display: block;
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 30.4px;
        margin: 0;
        padding: 0;
        text-decoration: none;
    }

    .sh-typo h6 {
        color: #454345;
        display: block;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 25.2px;
        margin: 0;
        padding: 0;
        text-decoration: none;
    }

    .sh-typo p {
        color: #454345;
        font-family: 'Merriweather', serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 25px;
        margin: 0;
        padding: 10px 0;
        text-decoration: none;
    }
/*------------------- Feature-Forum --------------------*/
.sh-forum {
    background: #ffffff;
}

.sh-breadcrumb {
    padding: 72px 0 0;
}

    .sh-breadcrumb a,
    .sh-breadcrumb span {
        padding: 0;
        margin: 0;
        color: #454345;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 25.2px;
        text-decoration: none !important;
    }

    .sh-breadcrumb i {
        font-size: 10px;
        margin: 0 10px;
        color: #202d48;
    }

.shkunena-login {
    background: #f6f6f6;
    margin-top: 29px;
    padding: 22px;
    margin-bottom: 40px;
}

    .shkunena-login span {
        padding: 0;
        margin: 0;
        color: #9d9d9d;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 25.2px;
        text-decoration: none !important;
    }

    .shkunena-login form {
        margin: 12px 0 0 0;
    }

    .shkunena-login .input input {
        height: 42px;
        background: #ffffff;
        border: 0;
        width: 25%;
        margin: 0 15px 0 20px;
        padding: 10px;
        color: #000;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 25.2px;
        text-decoration: none !important;
    }

        .shkunena-login .input input.sh-submit {
            width: 90px;
            display: inline-block;
            margin: 0;
            padding: 8px 0 12px;
            background: #202d48;
            color: #ffffff;
        }

.klink-block {
    margin: 14px 0 0 0;
}

    .klink-block span {
        padding: 0;
        margin: 0 55px 0 0;
        color: #cfcfcf;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 25.2px;
        text-decoration: none !important;
    }

        .klink-block span a {
            color: #9d9d9d;
        }

body .last-title {
    margin: 30px 0 27px;
}

.shkunena-form-title {
    background: #f6f6f6;
    padding: 9px 24px 10px;
    margin: 30px 0 40px;
    color: #202d48;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 25.2px;
}

    .shkunena-form-title i {
        font-size: 18px;
        line-height: 21.6px;
        color: #000000;
        padding-right: 30px;
    }

.kblock {
    margin-bottom: 30px;
}

    .kblock.kwhoisonline {
        margin-bottom: 10px;
    }

.kheader {
    background: #202d48;
    position: relative;
    padding: 6px 34px 11px;
}

    .kheader h2 {
        padding: 0;
        margin: 0;
        line-height: 1.2em;
    }

        .kheader h2 a {
            text-decoration: none !important;
            padding: 0;
            margin: 0;
            color: #fff;
            font-family: 'Open Sans', sans-serif;
            font-size: 16px;
            font-weight: 400;
            line-height: 25.6px;
        }

        .kheader h2 span {
            text-decoration: none !important;
            padding: 0;
            margin: 0;
            color: #fff;
            font-family: 'Open Sans', sans-serif;
            font-size: 16px;
            font-weight: 400;
            line-height: 25.6px;
        }

.ktitle-desc {
    padding: 3px 0 6px;
    margin: 0;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 12.4px;
}

body .ktoggler {
    color: #fff;
    display: block;
    opacity: 1;
    padding: 15px 20px;
    position: absolute;
    right: 11px;
    text-align: center;
    text-shadow: none;
    top: 8px;
}

    body .ktoggler:hover {
        opacity: 1;
    }

    body .ktoggler i {
        font-size: 14px;
        line-height: 16.8px;
        color: #fff;
    }

.kbody {
    background: #f6f6f6;
}

.kcontainer {
    background: #fff;
    margin: 8px 0;
}

.kblocktable td {
    padding: 3px 20px;
}

.kblocktable tr:first-child {
    border-top: 0;
}

.kblocktable tr {
    border-top: 9px solid #ffffff;
}

.kcol-category-icon {
    width: 7%;
    background: #e6e6e6;
    padding: 10px 32px !important;
}

    .kcol-category-icon a {
        display: block;
        text-align: center;
    }

        .kcol-category-icon a .kicon {
            background-color: transparent;
            background-image: url("demos/Feature/kicon.png");
            background-position: center center;
            background-repeat: no-repeat;
            display: inline-block;
            height: 27px;
            width: 22px;
        }

.kthead-title {
    padding: 16px 0 0;
}

    .kthead-title a {
        text-decoration: none !important;
        padding: 0;
        margin: 0;
        color: #202d48;
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 25.6px;
    }

.kthead-desc {
    padding: 0 0 18px;
    margin: 0;
    color: #9a989a;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
}

.kcol-kcattopics {
    border-right: 1px solid #f1f1f1;
}

.kcol-kcattopics,
.kcol-kcatreplies {
    width: 7%;
    background: #e6e6e6;
    text-align: center;
}

    .kcol-kcattopics span,
    .kcol-kcatreplies span {
        display: block;
        text-align: center;
        padding: 0;
        margin: 0;
        color: #9a989a;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 19.6px;
    }

.klatest-subject {
    display: block;
    padding: 0;
    margin: 0;
    color: #9a989a;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
}

.kcol-kcatlastpost {
    display: block;
    padding: 0;
    margin: 0;
    color: #9a989a;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    width: 30%;
}

.klatest-subject a {
    color: #202d48;
    text-decoration: none !important;
}

.klatest-subject-by a {
    color: #000000;
}

.nowrap {
    color: #9a989a;
}

.kwhoicon {
    display: block;
    width: 46px;
    height: 40px;
    background-image: url('demos/Feature/icon-1-forum.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
}

body .kwhoisonline .kcol-mid {
    padding: 23px 16px 25px;
}

.kwhoonline,
.kcol-mid {
    padding: 0;
    margin: 0;
    color: #9a989a;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    background: #f6f6f6;
}

.kwholegend.ks span {
    color: #202d48;
}

.kwhoonline strong {
    font-weight: 400;
}

.kstatsicon {
    display: block;
    width: 46px;
    height: 40px;
    background-image: url('demos/Feature/icon-2-forum.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
}

#kstatslistright {
    float: right;
    list-style: none;
    padding: 0;
    margin: 0;
}

#kstatslistleft {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
}

    #kstatslistleft li {
        padding: 0;
        margin: 0;
        color: #656565;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 19.6px;
    }

body .kfrontstats .kcol-mid {
    width: 93%;
    padding: 24px 20px 32px;
}

#kstatslistright li {
    padding: 0 30px;
    margin: 0;
    color: #656565;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    text-align: right;
}

    #kstatslistright li a {
        color: #202d48;
    }

.kcopyright {
    text-align: center;
}

    .kcopyright p {
        padding: 0;
    }

.kcopyright {
    padding: 0 0 115px;
    margin: 0;
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
}

    .kcopyright a {
        color: #656565;
        text-decoration: none !important;
    }

li.current-menu-item > a {
    color: #5e848f;
}

li.current-menu-parent > a {
    color: #5e848f;
}

.sub-menu .current-menu-item a {
    color: #ffffff !important;
}
/**
 * 4.19 - Courses-Page
 * -----------------------------------------------------------------------------
 */
/*------------- Courses-Single --------------*/
.sh-courses-single {
    padding: 80px 0 47px;
}

body .sh-form-courses button {
    margin-bottom: 34px;
}
/*------------- Courses-ListClass--------------*/
.sh-courses-wrapper {
    padding: 75px 0 107px;
}

.sh-cources-span {
    margin-top: 3px;
    display: inline-block;
}
/*------------- Courses-Grid--------------*/
.sh-courses-grid {
    padding: 60px 0 82px;
}

.sh-courses-title {
    background: #f6f6f6;
    padding: 65px 0 78px;
    text-align: center;
}

    .sh-courses-title h1 {
        margin: 0;
    }

        .sh-courses-title h1 a {
            color: #202d48;
            font-family: 'Open Sans', sans-serif;
            font-size: 30px;
            font-weight: 400;
            line-height: 36px;
        }

    .sh-courses-title span {
        font-family: 'Merriweather', serif;
        color: #aaaaaa;
        font-size: 13px;
        line-height: 23.4px;
    }
/*------------- Courses-ListInTable--------------*/
.sh-course-table {
    padding: 75px 0 0;
}
/*------------- Courses-Register--------------*/
.sh-register {
    padding: 80px 0;
}

.sh-register-content {
    padding: 0;
}

.sh-register .sh-bog-search {
    padding-top: 0;
}

.sh-register-content p {
    font-size: 14px;
    color: #202d48;
    line-height: 16.8px;
    margin: 0;
    padding: 30px;
    background: #f6f6f6;
}

    .sh-register-content p img {
        padding: 0 15px 0 0;
    }

    .sh-register-content p a {
        color: #202d48;
    }

.sh-register-content ul {
    margin: 40px 0;
}

.sh-register-content li {
    background: url("demos/check-icon.png") no-repeat scroll 25px 30px #f6f6f6;
    display: inline-block;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

    .sh-register-content li:hover {
        background: url("demos/check-icon.png") no-repeat scroll 25px -105px #202d48;
    }

        .sh-register-content li:hover a {
            color: #ffffff;
        }

    .sh-register-content li a {
        font-size: 15px;
        color: #202d48;
        line-height: 18px;
        display: inline-block;
        padding: 27px 50px;
    }

.form-register .details-title {
    font-size: 16px;
    line-height: 19.2px;
    color: #202d48;
    font-weight: 400;
    margin: 0;
    padding: 0 0 25px;
}

.form-register label {
    font-size: 14px;
    color: #9a989a;
    line-height: 49px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    display: inline;
}

.form-register input {
    background: #f6f6f6;
    border: medium none;
    margin: 10px 0 0 -25px;
    padding: 5px 10px;
    width: 270px;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}

.form-register .form-ds {
    font-size: 14px;
    line-height: 25.2px;
    color: #9a989a;
}

    .form-register .form-ds input {
        margin: 50px 0 0;
        width: 0;
    }

.form-register .upload-avatar {
    background: rgba(0, 0, 0, 0);
    color: #9a989a;
    font-size: 14px;
    margin: 10px 0 0;
    padding: 0;
}

.form-register .controls {
    text-align: right;
}

    .form-register .controls button {
        border: 1px solid #202d48;
        display: inline-block;
        background: rgba(0, 0, 0, 0);
        color: #202d48;
        font-size: 14px;
        line-height: 25.2px;
        margin: 30px 25px 0;
        padding: 10px 20px 10px 15px;
        width: 140px;
    }

        .form-register .controls button:hover {
            background: #202d48;
            color: #ffffff;
            border-color: #202d48;
        }

    .form-register .controls:hover {
        color: #ffffff;
        border-color: #202d48;
    }

    .form-register .controls i {
        padding: 0 15px 0 0;
    }
/**
* Cource Clusters
* --------------------
*/
.sh-typo > div {
    margin-bottom: 24px;
}

.container.courses {
    padding-bottom: 30px;
}

.course-cluster h2 {
    padding: 0 0 30px 0;
}

@media (min-width: 768px) {
    .course,
    sh-typo > div {
        height: 869px;
    }
}

@media (min-width: 992px) {
    .course,
    sh-typo > div {
        height: 740px;
    }
}

@media (min-width: 1200px) {
    .course,
    sh-typo > div {
        height: 693px;
    }
}

.course {
    border: 1px solid #aba9ab;
    padding: 50px;
    margin: 0 0 24px 4%;
}

    .course h2 {
        text-align: center;
        padding: 28px 0 0 0;
    }

.course-mega {
    border: 1px solid #aba9ab;
    padding: 50px;
}

    .course-mega strong {
        font-size: 19px;
    }

    .course-mega ul {
        margin-left: 16px;
    }

        .course-mega ul li {
            list-style: circle;
            font-family: 'Merriweather', serif;
            font-size: 16px;
            line-height: 24px;
        }

    .course-mega p {
        font-size: 16px;
        line-height: 24px;
    }

    .course-mega h2 {
        padding: 59px 0 0 0;
        color: #454345;
        text-align: center;
    }

@media (min-width: 768px) {
    .course-mega h2 {
        color: #fff;
        text-align: left;
        font-size: 34px;
    }
}

.course-mega .content {
    padding-top: 38px;
}

.course-mega .metric {
    font-family: 'Open Sans', sans-serif;
    font-size: 28px;
}

    .course-mega .metric span {
        font-size: 49px;
    }

        .course-mega .metric span:first-child {
            width: 186px;
            display: inline-block;
        }

    .course-mega .metric small {
        font-family: 'Merriweather', serif;
        font-size: 10px;
        display: block;
        margin-top: 17px;
        line-height: 1.5em;
        font-style: italic;
    }

@media (max-width: 768px) {
    .course-mega .metric {
        padding-top: 39px;
    }
}

.course-mega .course-metric-box {
    background-color: #efedef;
    padding: 30px;
}

.course-box {
    height: 203px;
    width: 100%;
    text-align: center;
    padding: 5px 0 0 0;
    font-size: 36px;
    color: white;
    margin: 0 0 19px 0;
}
/**
 * 4.20 - JoomlaBase-Page
 * -----------------------------------------------------------------------------
 */
.sh-joom-title {
    background: #f6f6f6;
    padding: 65px 0 75px;
    text-align: center;
}

    .sh-joom-title h1 {
        margin: 4px 0 0;
    }

        .sh-joom-title h1 a {
            color: #202d48;
            font-family: 'Open Sans', sans-serif;
            font-size: 30px;
            font-weight: 400;
            line-height: 36px;
        }

    .sh-joom-title span {
        color: #aaaaaa;
        font-size: 13px;
        line-height: 23.4px;
    }
/*------------- 404-Page --------------*/
.page-404 {
    background-image: url('demos/JoomlaBase/404-Page.jpg');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent;
    position: relative;
}

    .page-404:after {
        background: rgba(0, 0, 0, 0.5);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

.content-404 {
    padding: 15% 0;
    text-align: center;
}

.content-404-style {
    position: relative;
    z-index: 99;
}

.icon-404 {
    font-size: 100px;
    line-height: 120px;
    color: #fff;
    -webkit-transition: all 1s linear 0s;
    -moz-transition: all 1s linear 0s;
    -ms-transition: all 1s linear 0s;
    -o-transition: all 1s linear 0s;
    transition: all 1s linear 0s;
}

    .icon-404:hover {
        cursor: pointer;
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }

.title-404 {
    padding: 25px 0 13px;
    margin: 0;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size: 66px;
    font-weight: 700;
    line-height: 79.2px;
}

.content-404-style p {
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 25.2px;
    margin: 0;
    padding: 0 28%;
}

.content-404-style form {
    position: relative;
    text-align: center;
    width: 65%;
    margin: 54px auto 24px;
}

    .content-404-style form input {
        background: transparent;
        border: 1px solid rgba(255, 255, 255, 0.4);
        padding: 15px 20px;
        position: relative;
        width: 100%;
        z-index: 9999;
        color: #ffffff;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        font-weight: 400;
        line-height: 15.6px;
    }

.shicon-search {
    position: absolute;
    right: 20px;
    top: 16px;
    color: #ffffff;
    font-size: 14px;
    z-index: 99991;
}

    .shicon-search:hover {
        cursor: pointer;
    }

.entry-404-meta {
    text-align: center;
}

    .entry-404-meta span:first-child {
        margin-right: 92px;
    }

    .entry-404-meta span {
        color: #ffffff;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 25.2px;
        margin: 0;
        padding: 0;
    }

        .entry-404-meta span i {
            font-size: 19px;
            padding-right: 10px;
        }
/*------------- NewLink --------------*/
.joom-newlink {
    background: #ffffff;
    margin: 0 0 125px;
    padding: 67px 0 0;
}

h4.joom-title {
    padding: 0 0 5px 0;
    margin: 0;
    color: #202d48;
    font-family: 'Open Sans', sans-serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 45px;
    text-decoration: none !important;
    text-transform: uppercase;
}

    h4.joom-title img {
        padding-right: 15px;
    }

.sh-link-widget {
    padding: 69px 0 0;
}

.joom-newlink ul {
    list-style: decimal;
    padding: 0;
    margin: 47px 0 56px;
}

    .joom-newlink ul li:first-child {
        border-top: 1px solid #eeeeee;
    }

    .joom-newlink ul li {
        border-bottom: 1px solid #eeeeee;
        padding: 24px 0 12px;
    }

        .joom-newlink ul li:after {
            display: block;
            clear: both;
            content: '';
        }

        .joom-newlink ul li div {
            margin-right: 30px;
        }

        .joom-newlink ul li h6 {
            padding: 0;
            margin: 0;
        }

            .joom-newlink ul li h6 a,
            .joom-newlink small a {
                color: #202d48;
                font-family: 'Open Sans', sans-serif;
                font-size: 14px;
                font-weight: 400;
                line-height: 25.2px;
                margin: 0;
                padding: 0 0 0 10px;
                text-decoration: none !important;
            }

.joom-newlink small i {
    padding-right: 30px;
}

.joom-newlink ul li p {
    padding-bottom: 0;
    padding-left: 10px;
    padding-top: 0;
}

.joom-newlink h5 {
    color: #202d48;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.2px;
    margin: 0;
    padding: 0 0 28px;
    text-decoration: none !important;
}
/*------------- New Feed --------------*/
.joom-newfeed {
    margin: 0 0 102px;
    padding: 67px 0 0;
}

    .joom-newfeed ul.last {
        border: 0;
    }

    .joom-newfeed ul {
        list-style: none;
        margin: 0;
        padding: 30px 0 36px;
        border-bottom: 1px solid #eeeeee;
    }

        .joom-newfeed ul li {
            padding: 5px 0;
        }

            .joom-newfeed ul li i {
                font-size: 14px;
                padding-right: 26px;
                line-height: 25.2px;
            }

            .joom-newfeed ul li a {
                color: #202d48;
                font-family: 'Open Sans', sans-serif;
                font-size: 14px;
                font-weight: 400;
                line-height: 25.2px;
                margin: 0;
                padding: 0;
                text-decoration: none !important;
            }

    .joom-newfeed .joom-title-mr {
        margin: 41px 0 0;
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        line-height: 19.2px;
        font-weight: 400;
        color: #1f1f1f;
    }

        .joom-newfeed .joom-title-mr img {
            padding-right: 25px;
        }

.last .sh-video-new-feed {
    height: 240px;
    margin: 50px 0 0;
    padding: 105px 0;
    width: 400px;
}

    .last .sh-video-new-feed:after {
        display: none;
    }

    .last .sh-video-new-feed button {
        background: rgba(0, 0, 0, 0);
        height: auto;
        left: 50%;
        margin: -5px 0 0 -5px;
        position: absolute;
        top: 50%;
        width: auto;
        border-radius: 0 !important;
    }

.last .bg-video-new-feed {
    background: url('demos/JoomlaBase/new-feed.jpg') no-repeat center center / cover transparent !important;
}

.last .sh-video-new-feed button i {
    font-size: 30px;
    line-height: 26px;
}

.last .sh-video-new-feed button:hover i {
    animation: none;
}
/*------------- User Page LogIn --------------*/
.joom-login {
    padding: 66px 0 220px;
}

.joom-form-login label {
    color: #9a989a;
    display: inline;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 49px;
}

.joom-form-login {
    padding: 45px 0;
}

    .joom-form-login input {
        background: #f6f6f6;
        border: medium none;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        margin: 10px 0 0;
        padding: 5px 10px;
        width: 400px;
    }

    .joom-form-login .controls {
        text-align: right;
    }

        .joom-form-login .controls button {
            border: 1px solid #202d48;
            color: #202d48;
            display: inline-block;
            font-size: 14px;
            line-height: 25.2px;
            margin: 32px 75px 0;
            padding: 10px 5px 10px 0;
            width: 135px;
            background: none;
        }

            .joom-form-login .controls button:hover {
                background: #202d48;
                color: #ffffff;
                border-color: #202d48;
            }

        .joom-form-login .controls i {
            padding: 0 10px 0 0;
        }

.joom-form-meta {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

    .joom-form-meta li a {
        color: #9a989a;
        display: block;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 30.8px;
        margin: 0;
        padding: 0;
        text-decoration: none;
    }

        .joom-form-meta li a:hover {
            color: #202d48;
        }
/*------------- User Page Register --------------*/
.joom-register {
    padding: 66px 0 220px;
}

body .sh-joomla-register {
    padding: 75px 0 6px;
}
/*------------- User Page Reset --------------*/
body .joom-reset {
    padding: 66px 0 188px;
}

    body .joom-reset .joom-form-login {
        padding: 20px 0;
    }

    body .joom-reset .controls {
        text-align: left;
    }

        body .joom-reset .controls span {
            margin: 37px 0 0;
        }

.joom-reset .controls button {
    margin-left: 0;
}

    .joom-reset .controls button:hover {
        border-color: #202d48;
    }
/*------------- User Page Remind UserName --------------*/
.joom-remind {
    padding: 66px 0 164px;
}

.controls-remind-username span {
    border: 1px solid #202d48;
    display: inline-block;
    margin: 32px 15px 0 0;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

    .controls-remind-username span:hover {
        background: #202d48;
        border-color: #202d48;
    }

        .controls-remind-username span:hover i,
        .controls-remind-username span:hover input {
            color: #ffffff;
        }

.controls-remind-username input {
    background: rgba(0, 0, 0, 0);
    color: #202d48;
    font-size: 14px;
    line-height: 25.2px;
    margin: 0;
    padding: 10px 15px;
    width: 100px;
}
/*------------- User Page Profile User --------------*/
.sh-joom-profile {
    padding: 66px 0 77px;
}

.sh-profile-title {
    margin: 0 0 40px;
}

body .sh-profile-title a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 19.2px;
    font-size: 16px;
    color: #202d48;
}

.sh-profile-title img {
    padding: 0 15px 0 0;
}

.sh-profile-me {
    padding: 50px 0 25px;
    border-bottom: 1px solid #f6f6f6;
}

    .sh-profile-me p {
        line-height: 25.2px;
        color: #999;
        margin: 0;
        padding: 0 0 26px;
    }

.entry-meta {
    display: inline-block;
    padding: 52px 0 0;
}

body .entry-meta a {
    font-family: 'Open Sans', sans-serif;
    line-height: 15.6px;
    color: #bbb;
    text-decoration: underline;
    font-style: italic;
    font-size: 13px;
}

.sh-profile-user {
    background: #f6f6f6;
    margin: 150px 0 35px;
    padding: 0 20px 40px;
}

.sh-user-thumbnail {
    position: relative;
    overflow: hidden;
    height: 285px;
}

    .sh-user-thumbnail img:first-child {
        z-index: 99;
    }

    .sh-user-thumbnail:hover img:first-child {
        -webkit-transform: scale(3);
        -moz-transform: scale(3);
        -o-transform: scale(3);
        -ms-transfrom: scale(0);
        transform: scale(3);
        -webkit-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        -ms-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
    }

    .sh-user-thumbnail img {
        display: inline-block;
        padding: 20px 0 35px;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

.entry-meta i {
    padding: 0 5px 0 0;
}

.sh-profile-courses {
    padding: 40px 0;
    border-bottom: 1px solid #eeeeee;
}

    .sh-profile-courses div {
        margin: 0 0 -25px;
    }

    .sh-profile-courses h3 {
        margin: 0 0 -5px;
        padding: 10px 0 0;
    }

        .sh-profile-courses h3 a {
            color: #202d48;
            font-size: 22px;
            line-height: 39.6px;
            font-family: 'Open Sans', sans-serif;
        }

        .sh-profile-courses h3 i {
            font-size: 14px;
            padding: 0 20px 0 0;
        }

    .sh-profile-courses span {
        font-size: 14px;
        line-height: 25.2px;
        color: #202d48;
        display: block;
    }

        .sh-profile-courses span a {
            font-family: 'Open Sans', sans-serif;
            color: #999;
            font-size: 14px;
            line-height: 25.2px;
        }

.sh-profile-image ul {
    margin: -10px 0 0;
}

.sh-profile-event {
    padding: 47px 0 42px;
    border-bottom: 1px solid #eeeeee;
}

    .sh-profile-event ul {
        margin: 0 0 -38px;
        padding: 17px 0;
    }

    .sh-profile-event a {
        font-family: 'Open Sans', sans-serif;
        line-height: 25.2px;
        color: #202d48;
        font-size: 14px;
    }

.sh-profile-user h5 {
    margin: 0;
    padding: 25px 0 30px;
}

    .sh-profile-user h5 img {
        padding: 0 20px 0 0;
    }

    .sh-profile-user h5 a {
        font-family: 'Open Sans', sans-serif;
        line-height: 19.2px;
        color: #202d48;
        font-size: 16px;
    }

.sh-profile-user p {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    line-height: 25.2px;
}

.sh-share-public {
    display: block;
    margin: 28px 0;
    text-align: center;
}

    .sh-share-public a {
        border: 1px solid #202d48;
        display: inline-block;
        margin: 0 5px 0 0;
        padding: 20px;
        position: relative;
        -webkit-transition: all 0.3s linear 0.1s;
        -moz-transition: all 0.3s linear 0.1s;
        -ms-transition: all 0.3s linear 0.1s;
        -o-transition: all 0.3s linear 0.1s;
        transition: all 0.3s linear 0.1s;
    }

        .sh-share-public a i:first-child {
            top: -50%;
            left: 30%;
            -webkit-transition: all 0.3s linear 0s;
            -moz-transition: all 0.3s linear 0s;
            -ms-transition: all 0.3s linear 0s;
            -o-transition: all 0.3s linear 0s;
            transition: all 0.3s linear 0s;
        }

        .sh-share-public a:hover:nth-child(1) {
            background: #3B5998;
            border-radius: 50%;
            border-color: #3B5998;
        }

            .sh-share-public a:hover:nth-child(1) i:first-child {
                opacity: 1;
                top: 30%;
                color: #ffffff;
            }

        .sh-share-public a:hover:nth-child(2) {
            background: #00ACEE;
            border-radius: 50%;
            border-color: #00ACEE;
        }

            .sh-share-public a:hover:nth-child(2) i:nth-child(1) {
                opacity: 1;
                top: 30%;
                color: #ffffff;
            }

        .sh-share-public a:hover:nth-child(3) {
            background: #DD4B39;
            border-radius: 50%;
            border-color: #DD4B39;
        }

            .sh-share-public a:hover:nth-child(3) i:nth-child(1) {
                opacity: 1;
                top: 30%;
                color: #ffffff;
            }

        .sh-share-public a i {
            color: #202d48;
            font-size: 16px;
            line-height: 19.2px;
            position: absolute;
            left: 30%;
            top: 30%;
            -webkit-transition: all 0.3s linear 0s;
            -moz-transition: all 0.3s linear 0s;
            -ms-transition: all 0.3s linear 0s;
            -o-transition: all 0.3s linear 0s;
            transition: all 0.3s linear 0s;
        }

        .sh-share-public a:hover i {
            top: -50%;
        }

.sh-profile-image li {
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 2px;
}
/**
 * 4.21 - Social
 * -----------------------------------------------------------------------------
 */
/*-------------- Social-Activity -------------*/
.sh-banner-social {
    position: relative;
}

.sh-banner-images {
    position: relative;
}

    .sh-banner-images img {
        overflow: hidden;
        width: 100%;
    }

    .sh-banner-images:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
        content: '';
    }

.sh-social-comunity {
    position: absolute;
    top: 24%;
    left: 40%;
    z-index: 999;
    text-align: center;
}

    .sh-social-comunity h1 {
        margin: 0;
    }

        .sh-social-comunity h1 a {
            font-size: 30px;
            line-height: 36px;
            color: #ffffff;
            font-family: 'Open Sans', sans-serif;
        }

    .sh-social-comunity span {
        font-size: 13px;
        line-height: 23.4px;
        color: #aaaaaa;
    }

.sh-activity-wrapper {
    padding: 100px 0;
}

.sh-social-login {
    background: #f6f6f6;
    padding: 0 0 0 20px;
}

    .sh-social-login h3 {
        margin: 0;
        font-size: 14px;
        color: #202d48;
        line-height: 25.2px;
        padding: 22px 0 0;
    }

    .sh-social-login form {
        padding: 11px 0 0;
    }

    .sh-social-login label {
        font-size: 14px;
        color: #9d9d9d;
        line-height: 25.2px;
        font-weight: 400;
        padding: 0 20px 0 0;
    }

    .sh-social-login .sh-input-name,
    .sh-social-login .sh-input-pass {
        padding: 8px 20px;
        border: none;
        margin: 0 10px 0 0;
    }

    .sh-social-login .sh-input-name {
        width: 180px;
    }

    .sh-social-login .sh-input-pass {
        width: 280px;
    }

    .sh-social-login span {
        display: inline-block;
        padding: 15px 0 22px;
    }

        .sh-social-login span a {
            color: #9d9d9d;
            display: inline-block;
            padding: 0 100px 0 0;
        }

.sh-link-people {
    border-bottom: 1px solid #eeeeee;
    padding: 22px 0 0;
}

.sh-connect-people {
    margin: 0;
    text-align: center;
}

    .sh-connect-people li {
        position: relative;
    }

    .sh-connect-people .sh-connect-images {
        position: relative;
    }

        .sh-connect-people .sh-connect-images:after {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: rgba(0, 0, 0, 0.3);
        }

        .sh-connect-people .sh-connect-images img {
            overflow: hidden;
            width: 100%;
        }

    .sh-connect-people .sh-connect-content {
        position: absolute;
        top: 50%;
        left: 30%;
        margin-top: -52px;
    }

.sh-connect-content h3 {
    margin: 5px 0 2px;
}

    .sh-connect-content h3 a {
        color: #ffffff;
        font-size: 22px;
        line-height: 26.4px;
    }

.sh-connect-content p {
    font-size: 14px;
    color: #ffffff;
    line-height: 22.4px;
}

.sh-connect-people .owl-controls {
    bottom: 0%;
    left: 40%;
    position: absolute;
}

.sh-connect-people .owl-pagination .owl-page span {
    width: 8px;
    height: 8px;
}

.sh-connect-people .owl-page.active span {
    background: #ffffff;
}

.sh-profile-social {
    border-top: 1px solid #eeeeee;
    margin-top: 35px;
    padding: 35px 0 0;
}

.sh-list-people {
    margin: 0;
}

    .sh-list-people > li {
        border-bottom: 1px solid #eeeeee;
    }

        .sh-list-people > li:last-child {
            border: 0;
        }

    .sh-list-people li:after {
        display: block;
        clear: both;
        content: '';
    }

    .sh-list-people .sh-avatar {
        float: left;
        width: 11.5%;
    }

        .sh-list-people .sh-avatar img {
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -ms-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }

            .sh-list-people .sh-avatar img:hover {
                border-radius: 50%;
            }

    .sh-list-people .sh-content {
        float: left;
        width: 88.5%;
    }

sh-list-people .sh-content header {
    font-size: 15px;
    color: #444;
    line-height: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    padding: 8px 0 7px;
}

.sh-list-people .sh-content header a {
    color: #202d48;
    padding: 0 5px 0 0;
}

.sh-list-people .sh-content p {
    margin: 0;
    padding: 28px 0 47px;
}

    .sh-list-people .sh-content p img {
        width: 100%;
    }

.sh-list-people .sh-content small {
    color: #9a989a;
    display: inline-block;
    font-size: 13px;
    line-height: 15.6px;
    padding-top: 12px;
}

.sh-add-friend {
    padding: 50px 0 64px;
}

    .sh-add-friend .sh-avatar {
        margin: 0;
        padding-left: 40px;
    }

    .sh-add-friend .sh-content a {
        color: #202d48;
    }

.sh-add-event {
    padding: 32px 0 45px;
}

    .sh-add-event .sh-content p {
        padding: 17px 0 0px;
    }

    .sh-add-event .sh-content ul li {
        padding-top: 10px;
    }

.sh-notice {
    background: #f6f6f6;
    margin: 38px 0 18px;
}

    .sh-notice:after {
        clear: both;
        content: '';
        display: block;
    }

    .sh-notice aside {
        float: left;
    }

        .sh-notice aside i {
            font-size: 30px;
            padding: 25px 35px 0;
        }

    .sh-notice article {
        float: left;
    }

        .sh-notice article h3 {
            margin: 0;
        }

        .sh-notice article a {
            font-size: 17px;
            line-height: 20.4px;
            display: inline-block;
            color: #202d48;
            padding: 35px 0 0;
        }

        .sh-notice article p {
            margin: 0;
            font-size: 14px;
            line-height: 16.8px;
            padding: 16px 0;
        }

        .sh-notice article ul {
            margin-bottom: 22px;
        }

            .sh-notice article ul li {
                font-size: 13px;
                color: #9a989a;
            }

                .sh-notice article ul li i {
                    margin: 0 10px 0 0;
                    color: #202d48;
                }

.sh-likes,
.sh-comment {
    background: #eeeeee;
    margin: 0 0 5px 0;
    padding: 7px 0;
}

    .sh-likes i,
    .sh-comment i {
        margin: 0 15px 0 25px;
    }

    .sh-likes a,
    .sh-comment a {
        font-size: 13px;
        color: #202d48;
    }

.sh-update-status {
    padding: 30px 0 50px;
}

    .sh-update-status .sh-content p {
        margin: 0;
        font-size: 17px;
        line-height: 19.6px;
        padding: 32px 0 25px;
    }

    .sh-update-status p a {
        color: #202d48;
    }

    .sh-update-status .sh-comment-content {
        background: #f6f6f6;
        margin: 7px 0 0;
    }

        .sh-update-status .sh-comment-content:after {
            display: block;
            clear: both;
            content: '';
        }

        .sh-update-status .sh-comment-content .sh-comment-avatar {
            float: left;
            margin: 20px;
        }

        .sh-update-status .sh-comment-content div span {
            color: #202d48;
            display: inline-block;
            font-size: 14px;
            line-height: 16.8px;
            margin: 18px 0 0;
        }

            .sh-update-status .sh-comment-content div span a {
                color: #202d48;
            }

        .sh-update-status .sh-comment-content div p {
            font-size: 13px;
            color: #9a989a;
            line-height: 15.6px;
            margin: 0;
            padding: 5px 0 34px;
        }

.sh-share-images {
    padding: 35px 0 43px;
}

    .sh-share-images .sh-photo {
        padding: 10px 0;
    }

        .sh-share-images .sh-photo .sh-photo-hero {
            padding: 30px 0 0;
        }

            .sh-share-images .sh-photo .sh-photo-hero a {
                display: inline-block;
            }

                .sh-share-images .sh-photo .sh-photo-hero a img {
                    width: 100%;
                }

    .sh-share-images .sh-multil-photo {
        margin: 2px 0 0;
    }

        .sh-share-images .sh-multil-photo:after {
            clear: both;
            content: '';
            display: block;
        }

        .sh-share-images .sh-multil-photo a {
            float: left;
            margin-left: 1px;
        }

            .sh-share-images .sh-multil-photo a:first-child {
                margin-left: 0;
            }

    .sh-share-images .sh-comment-quote {
        border-left: 3px solid #eeeeee;
        color: #aaaaaa;
        margin: 32px 0 13px;
        padding: 5px 0 5px 20px;
    }

.sh-join-group {
    padding: 50px 0 63px;
}

    .sh-join-group .sh-avatar {
        padding: 0 40px;
        margin: 0;
    }

.sh-share-video {
    padding: 35px 0;
}

    .sh-share-video .bg-video-social {
        background: url("demos/Social/images-video-Social-1.jpg") !important;
    }

    .sh-share-video .sh-video {
        margin: 40px 0 34px;
        padding: 134px 0;
    }

        .sh-share-video .sh-video:after {
            display: none;
        }

.load-more {
    background: #eeeeee;
    margin: -7px 0 5px;
    padding: 37px 0;
    text-align: center;
}

    .load-more a {
        font-size: 14px;
        color: #777777;
        line-height: 25.2px;
    }

        .load-more a i {
            padding: 0 20px 0 0;
        }

body .widget-general .sh-activity-group li {
    padding-right: 0;
    padding-top: 16px;
}

.sh-activity-group li span {
    display: inline-block;
    float: none !important;
}

    .sh-activity-group li span a {
        margin: 0 10px 0 0;
        display: inline-block;
        float: none !important;
    }

.sh-activity-group li p {
    color: #9a989a;
    margin: 0;
    padding: 26px 0 4px;
    text-align: center;
}
/*-------------- Social-Members -------------*/
.sh-members {
    padding: 98px 0;
}

.sh-all-member {
    padding: 0 0 50px;
}

.sh-members-title {
    background: #f6f6f6;
    margin: 0 0 5px;
    padding: 28px 0 25px 30px;
}

    .sh-members-title a {
        font-family: 'Open Sans', sans-serif;
        color: #202d48;
        font-size: 22px;
        font-weight: 400;
        line-height: 26.4px;
    }

.sh-filter-member {
    background: #f6f6f6;
    padding: 15px 0 15px 30px;
}

    .sh-filter-member ul {
        margin: 0;
    }

        .sh-filter-member ul li {
            display: inline;
        }

    .sh-filter-member .sh-option li a {
        font-size: 12px;
        line-height: 14.4px;
        color: #777777;
        padding-right: 10px;
    }

        .sh-filter-member .sh-option li a:hover {
            color: #202d48;
        }

    .sh-filter-member .sh-character {
        margin-right: 10px;
    }

        .sh-filter-member .sh-character li a {
            font-size: 12px;
            line-height: 14.4px;
            color: #777777;
            padding-right: 10px;
        }

            .sh-filter-member .sh-character li a:hover {
                color: #202d48;
            }

.sh-all-member ul {
    margin-bottom: 0;
}

.sh-members-wrapper {
    padding: 37px 0 30px;
    border-bottom: 1px solid #eeeeee;
    margin: 0;
}

    .sh-members-wrapper:after {
        display: block;
        clear: both;
        content: '';
    }

.sh-detail-member .sh-avatar a {
    display: inline-block;
    height: 70px;
    width: 70px;
    overflow: hidden;
}

.sh-detail-member .sh-info {
    margin: 0 0 0 35px;
}

    .sh-detail-member .sh-info h5 {
        margin: 0 0 8px;
    }

        .sh-detail-member .sh-info h5 a {
            color: #202d48;
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
            line-height: 18px;
            font-size: 16px;
        }

    .sh-detail-member .sh-info p {
        font-size: 13px;
        color: #888888;
        line-height: 15.6px;
        margin: 0;
        padding: 0 0 9px;
    }

.sh-detail-member .sh-friend {
    display: inline-block;
}

    .sh-detail-member .sh-friend a {
        color: #333333;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        line-height: 15.6px;
        font-size: 13px;
    }
/*-------------- Social-Login -------------*/
.sh-customer {
    padding: 100px 0;
}

.sh-customer-login {
    padding: 0;
}

    .sh-customer-login h4 {
        background: #f6f6f6;
        color: #202d48;
        font-family: 'Open Sans', sans-serif;
        font-size: 22px;
        font-weight: 400;
        line-height: 26.4px;
        margin: 0 0 5px;
        padding: 25px 0 28px 30px;
    }

    .sh-customer-login form p {
        margin: 0 0 55px;
    }

    .sh-customer-login form {
        background: #f6f6f6;
        padding-left: 30px;
    }

    .sh-customer-login input {
        background: #ffffff;
    }

    .sh-customer-login .controls button {
        margin-right: 5px;
    }
/*-------------- Social-Single Member -------------*/
.sh-member-header {
    background-image: url("demos/Social/images-2-Social-1.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 265px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

    .sh-member-header:after {
        position: absolute;
        content: '';
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.3);
        left: 0;
        top: 0;
    }

.sh-member-join {
    bottom: 15px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 99;
}

    .sh-member-join .sh-author-name {
        font-family: 'Open Sans', sans-serif;
        line-height: 36px;
        margin: 0 0 0 -20px;
        font-size: 30px;
        color: #ffffff;
        font-weight: 400;
    }

    .sh-member-join .sh-user-name {
        font-family: 'Open Sans', sans-serif;
        line-height: 36px;
        margin: 0 0 0 -20px;
        font-size: 30px;
        color: #ffffff;
        font-weight: 400;
    }

    .sh-member-join .sh-send-messages {
        margin: 10px 10px 0;
        text-align: right;
    }

        .sh-member-join .sh-send-messages a {
            color: #ffffff;
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
            line-height: 14.4px;
            font-size: 12px;
            margin: 0 5px 0 0;
        }

            .sh-member-join .sh-send-messages a i {
                padding: 0 5px 0;
            }

.sh-member-link {
    background: #eeeeee;
    padding: 5px 0;
}

    .sh-member-link .sh-images-member {
        border: 8px solid #ffffff;
        margin: -107px 20px 6px 40px;
        position: relative;
    }

        .sh-member-link .sh-images-member a {
            display: inline-block;
        }

    .sh-member-link .sh-about-me {
        margin: 0;
    }

        .sh-member-link .sh-about-me li {
            display: inline;
        }

            .sh-member-link .sh-about-me li a {
                font-size: 13px;
                color: #aaaaaa;
                line-height: 28.8px;
                padding: 0 5px 0 0;
                font-family: 'Open Sans', sans-serif;
                font-weight: 400;
            }

                .sh-member-link .sh-about-me li a.sh-active {
                    color: #666666;
                }

    .sh-member-link .sh-member-action span {
        display: inline-block;
        margin: 0 20px 0 0;
    }

        .sh-member-link .sh-member-action span a {
            font-size: 13px;
            color: #666666;
            line-height: 20.8px;
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
            margin-right: 10px;
        }

            .sh-member-link .sh-member-action span a i {
                padding: 0 10px 0 0;
            }
/*-------------- Social-Groups -------------*/
.sh-groups {
    padding: 98px 0 140px;
}

.sh-all-groups {
    padding: 0 0 70px;
}

.sh-groups-wraper {
    border-bottom: 1px solid #eeeeee;
    margin: 0 0 -8px;
    padding: 37px 0 20px;
}

.sh-detail-member .sh-info-groups {
    margin: 0 0 0px 100px;
}

    .sh-detail-member .sh-info-groups h5 {
        margin: 0 0 5px 0;
    }

    .sh-detail-member .sh-info-groups small {
        display: inline-block;
        font-size: 13px;
        line-height: 15.6px;
        color: #555555;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        margin: 0 0 7px 0;
    }

    .sh-detail-member .sh-info-groups p {
        color: #888888;
        line-height: 19.5px;
        padding: 0 0 14px;
    }

    .sh-detail-member .sh-info-groups .sh-friend {
        margin: 0 0 -20px 0;
    }

        .sh-detail-member .sh-info-groups .sh-friend a {
            color: #202d48;
            padding: 0 10px 0;
        }

            .sh-detail-member .sh-info-groups .sh-friend a:first-child {
                padding-left: 0;
            }

            .sh-detail-member .sh-info-groups .sh-friend a i {
                color: #202d48;
                padding: 0 10px 0 0;
            }
/*-------------- Social-Single Group -------------*/
.sh-single-social {
    padding-top: 38px;
}

.sh-social-group {
    padding: 100px 0 110px;
}

.sh-groups-join {
    background-image: url("demos/Social/images-1-Social-2.jpg");
}

.sh-filter-group {
    margin: 12px 0 0;
    padding: 14px 0 14px 30px;
}

.sh-list-group > li:first-child {
    border-top: none;
    padding-top: 21px;
}

.sh-list-group > li:last-child {
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 36px;
}
/**
 * 4.22 - Style for Google Chrome
 * -----------------------------------------------------------------------------
 */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    body .sh-logo {
        padding: 22px 61px 12px 57px;
        height: 72px;
    }

    .sh-menu > li a {
        padding: 20px 21px;
    }

    body .sh-header-home-1 {
        margin-top: -56px;
    }

        body .sh-header-home-1 button {
            margin-top: 1px !important;
        }

    .sh-introduce-map ul {
        padding: 15px 0 24px;
    }

    .sh-portfolio-content > a {
        margin-top: 65px;
    }

    .sh-item-portfolio h4 {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

    .last .sh-video-new-feed button {
        background: rgba(0, 0, 0, 0);
        left: 50%;
        margin: -5px 0 0 -5px;
        position: absolute;
        top: 50%;
        border-radius: 0 !important;
    }

    .sh-map-form textarea {
        padding: 7px 12px;
        width: 100%;
        height: 142px;
    }
}

.tableCenter {
    display: table;
    /* Allow the centering to work */
    margin: 0 auto;
    width: inherit;
}
/**
 * 5.0 - Footer
 * -----------------------------------------------------------------------------
 */
.sh-footer {
    text-align: center;
}

.sh-footer-content {
    background: #202D48;
    padding: 12px 0 20px;
    text-align: center;
    font-size: .9em;
}

    .sh-footer-content .container img {
        display: inline-block;
        margin: 0 0 -10px;
    }

    .sh-footer-content .sh-footer-part {
        margin: 0;
        padding: 30px 0 40px;
        border-bottom: 1px solid #ffffff; /*444*/
        text-transform: uppercase;
    }

        .sh-footer-content .sh-footer-part:after {
            display: block;
            clear: both;
            content: '';
        }

        .sh-footer-content .sh-footer-part ul {
            padding: 8px 0 5px;
        }

        .sh-footer-content .sh-footer-part li {
            width: 14%;
            list-style: none;
        }

        .sh-footer-content .sh-footer-part a {
            color: #ffffff;
            text-decoration: none !important;
            margin: 0;
            padding: 15px 0 20px;
            margin: -4px 0;
            font-weight: bold;
        }

            .sh-footer-content .sh-footer-part a:hover {
                color: #5e848f;
            }

        .sh-footer-content .sh-footer-part > li {
            float: left;
            width: 14%;
            list-style: none;
        }

    .sh-footer-content .sh-footer-content-main img {
        margin: 5px 0;
    }

    .sh-footer-content .sh-footer-content-main h4 a {
        color: #ffffff;
        font-size: 16px;
        line-height: 19.2px;
        margin: 0;
        padding: 15px 0 20px;
        margin: -4px 0;
    }

        .sh-footer-content .sh-footer-content-main h4 a:hover {
            color: #e6e6e6;
        }

.sh-footer-content-main > ul {
    margin: 0;
    padding: 0 30px;
}

    .sh-footer-content-main > ul li a {
        color: #FFCFCF;
        font-size: 15px;
        line-height: 26px;
    }

        .sh-footer-content-main > ul li a:hover {
            color: #ff6666;
        }

.sh-footer-address-site {
    padding: 20px 0 65px;
    background: #202D48;
}

    .sh-footer-address-site .fb-logo {
        text-align: center;
    }

    .sh-footer-address-site address {
        color: #777;
        font-size: .85em;
        margin: 40px 0 30px 0;
    }

@media (min-width: 550px) {
}

.sh-footer-address-site a {
    color: #ffffff;
    text-decoration: underline;
}

.sh-footer-address-site p {
    color: #ffffff;
}

.sh-footer-address-site a:hover {
    color: #5e848f;
}

.sh-footer-address-site .legal-links {
    margin: 20px auto 0;
}

    .sh-footer-address-site .legal-links ul {
        margin: auto;
        min-width: 30%;
    }

        .sh-footer-address-site .legal-links ul li {
            float: left;
            display: inline-block;
            padding: 0 21px 0;
            text-align: center;
            font-size: .9em;
        }

            .sh-footer-address-site .legal-links ul li a {
                text-decoration: none;
            }

                .sh-footer-address-site .legal-links ul li a:hover {
                    color: #e6e6e6;
                }

.sh-footer-address-site .legal-icons {
    margin: 18px auto;
}

    .sh-footer-address-site .legal-icons ul {
        margin: 0 auto 50px;
        min-width: 137px;
    }

    .sh-footer-address-site .legal-icons li {
        float: left;
        display: inline;
        text-indent: -999em;
    }

        .sh-footer-address-site .legal-icons li a.equal-housing {
            background: url('../MBC1_files/foot-equal-housing-white.png') no-repeat;
            width: 45px;
            height: 45px;
            margin-right: 30px;
            display: block;
        }

        .sh-footer-address-site .legal-icons li a.fdic {
            background: url('../MBC1_files/foot-fdic-white.png') no-repeat;
            width: 62px;
            height: 45px;
            display: block;
        }

.sh-footer-address-site .sh-logo {
    font-size: 13px;
    color: #777;
}

@media (max-width: 550px) {
    .sh-footer-address-site .sh-logo {
        padding: 15px 30px 0;
        font-size: 12px;
    }
}

@media (min-width: 550px) {
    .sh-footer-address-site .sh-logo {
        padding: 0;
    }
}

.sh-footer-address-site svg {
    width: 167px;
}

    .sh-footer-address-site svg:hover {
        opacity: 0.7;
    }

div#top-of-page {
    position: fixed;
    bottom: 0px;
    right: 20px;
    z-index: 99999999;
    width: 40px;
    height: 50px;
    color: #9a989a;
    /* margin: auto; */
    font-size: 32px;
    text-align: center;
    display: none;
    cursor: pointer;
}

    div#top-of-page:hover,
    div#top-of-page:active,
    div#top-of-page:focus {
        opacity: .7;
    }

footer#footer:before {
    display: block;
    content: " ";
    margin-top: -50px;
    height: 50px;
    visibility: hidden;
}

.sh-footer-content-2 .sh-footer-content-main ul li a {
    color: #ffffff;
}

.sh-footer-content-6 .sh-footer-content-main h4,
.sh-footer-content-6 .sh-footer-content-main ul li a {
    color: #333333;
}
/**
* 6.0 - Responsive
* -----------------------------------------------------------------------------
*/
/**
* 6.1 Extra small devices (phones, less than 768px)
* -----------------------------------------------------------------------------
*/
@media (max-width: 480px) {
    #decision-tree h1 {
        font-size: 2.3em;
    }

    .page-heading h1 {
        font-size: 2.4em;
    }

    .img-responsive {
        margin: auto;
        display: block;
    }

    .cta-slim p {
        padding: 21px 12px;
        margin-bottom: 0;
    }

    .cta-slim a {
        display: block;
    }

    .ul-btn a.btn.btn-primary {
        font-size: .7em;
    }

    .sub-menu .current-menu-item a {
        color: #ffffff !important;
    }

    body .sh-content-search {
        height: 350px;
    }

    body .sh-search-input {
        font-size: 1.7em;
        height: initial;
    }

    #purpose .col-md-4.f9 {
        margin: 0 0 26px 0;
    }

    .sh-footer-content .sh-footer-part {
        border-bottom: 0;
        padding: 20px 0;
    }

        .sh-footer-content .sh-footer-part li {
            padding: 0;
        }

    .sh-footer-address-site .legal-links ul li {
        padding: 0;
        width: 50%;
    }

    .sh-footer-address-site .legal-icons {
        margin: 30px auto 4px;
    }
    /*----------------Header 02 ------------------*/
    body .sh-sign-in {
        padding: 11px 0 0 11px;
        text-align: center;
    }

    body .sh-header-2 .sh-sign-in p {
        text-align: center;
        font-size: 12px;
        float: none;
    }

    body .sh-sign-in i {
        padding-left: 5px;
        padding-right: 18px;
    }

    body .sh-header-2 .sh-logo {
        padding: 0 0 0;
        display: flex;
        align-items: center;
    }

    .sh-header-2 .sh-logo a img {
        width: 210px;
    }

    body .sh-header-2 .sh-search {
        margin: 5px 25px 15px;
        padding: 0;
        float: none;
        margin-right: 0;
    }

    body .sh-header-2 button.sh-button-toggle {
        margin: 25px 10px 0 5px;
        padding: 0;
    }
    /*---------------- Home 02 ------------------*/
    body .sh-items .sh-banner-content small {
        display: none;
    }

    body .sh-items .sh-banner-content h4 {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 5px;
    }

    body .sh-items span.sh-under-line,
    body .sh-items span.sh-under-line:after,
    body .sh-items span.sh-under-line:before {
        display: none;
    }

    body .sh-items .sh-banner-content h6 {
        font-size: 18px;
        line-height: 24px;
        margin: 0;
        padding-bottom: 0;
    }

    body .sh-banner-content .sh-item-more-details {
        display: none;
    }

    body .sh-introduce-content {
        padding: 30px 20px;
    }

        body .sh-introduce-content h4 {
            font-size: 16px;
            padding: 20px 0;
        }

        body .sh-introduce-content p {
            font-size: 12px;
        }

    body .sh-item-more-details-style-2 {
        margin-top: 10px;
    }

        body .sh-item-more-details-style-2 span {
            padding: 10px 15px;
        }

            body .sh-item-more-details-style-2 span i {
                padding-right: 15px;
            }

    body .sh-item-portfolio .sh-image-portfolio {
        height: 300px;
    }

    body .sh-item-portfolio h4 {
        margin: 20px 0 0;
        line-height: 21.6px;
    }

    body .sh-item-portfolio h6 {
        margin: 5px 0 0;
        line-height: 21.6px;
    }

    body .sh-item-portfolio:hover div span {
        bottom: 30px;
    }

    body .sh-item-portfolio .sh-portfolio-content-style-2 {
        padding-left: 10px;
    }

    body .sh-item-portfolio span a {
        padding: 5px 15px 5px 10px;
    }

    body .sh-cources {
        margin-top: 0;
        padding-bottom: 40px;
    }

    body .sh-title-find {
        padding-bottom: 15px;
        margin-top: 5px;
        font-size: 16px;
    }

    body .sh-cources-content-left {
        margin: 0;
    }

        body .sh-cources-content-left a {
            padding: 10px 20px;
        }

            body .sh-cources-content-left a i {
                left: 17px;
                top: 17px;
                font-size: 12px;
            }

    body .sh-tab-slider img {
        height: auto;
    }

    body .sh-tab-slider-img .sh-cources-prev {
        height: 30px;
        margin-top: -15px;
        top: 50%;
        width: 30px;
        z-index: 2;
    }

    body .sh-tab-slider-img .sh-cources-next {
        height: 30px;
        margin-top: -15px;
        top: 50%;
        width: 30px;
        z-index: 2;
    }

    body .sh-tab-description span {
        padding: 30px 0 10px;
    }

        body .sh-tab-description span a {
            display: inline-block;
            margin: 0 5px 10px;
            padding: 5px 10px;
        }

    body .sh-video {
        padding: 50px 0;
    }

    body .sh-video-content h3 {
        font-size: 30px;
        line-height: 40px;
    }

    body .sh-event-content h6 {
        font-size: 14px;
        padding-bottom: 5px;
    }

    body .sh-event-content strong {
        font-size: 14px;
        padding-bottom: 30px;
    }

    body .sh-contact-wapper {
        padding: 30px 0 0;
    }
    /*---------------- Home 03 ------------------*/
    body .sh-banner-style3 .sh-slider-banner .sh-items .sh-banner-content,
    body .sh-banner-style3 .sh-slider-banner .sh-items button {
        display: none;
    }

    body .sh-introduce-content-style-3 {
        margin-top: 0;
    }

    body .sh-images-school:after {
        width: 100%;
    }

    body .sh-images-school img {
        width: 100%;
    }

    body div.sh-event-content-style-3 {
        margin: 0;
    }

    body .sh-images-school a {
        margin-left: -45px;
    }

    body .sh-introduce-style-3 {
        padding: 0;
    }

        body .sh-introduce-style-3 .sh-introduce-map {
            margin-top: 30px;
        }

    body .sh-introduce-map > img {
        width: 100%;
    }

    body .sh-features-styele-3 {
        margin: 0 0 0 15px;
    }

    body .sh-portfolio-style-3 {
        padding: 0 0 40px;
    }

    body .sh-portfolio-wapper-style-3 {
        position: relative;
    }

    body .sh-portfolio-content-style-3 {
        background: rgba(0, 0, 0, 0.2);
        position: absolute;
        z-index: 999;
        width: 100%;
        height: 100%;
    }

        body .sh-portfolio-content-style-3 h4 {
            padding-top: 28px;
            color: #ffffff;
        }

        body .sh-portfolio-content-style-3 p {
            color: #ffffff;
        }

        body .sh-portfolio-content-style-3 > span {
            bottom: 0;
            left: 0;
            position: absolute;
            width: 100%;
            text-align: center;
        }

            body .sh-portfolio-content-style-3 > span a {
                background: #F2A633;
                color: #ffffff;
            }

    body .sh-log-in {
        padding-left: 0;
        margin: 0;
    }

        body .sh-log-in span {
            text-align: center;
            padding-bottom: 20px;
        }

    body .sh-form-log-in small {
        padding-left: 15px;
        text-align: left;
    }

    body .sh-form-log-in input {
        margin-left: 15px;
        width: 100%;
    }

    body .sh-button-login {
        left: 50%;
        margin: 0 0 0 -35px;
        padding: 5px 10px;
        position: relative;
        top: 10px;
    }

        body .sh-button-login i {
            padding-right: 10px;
        }

    body .sh-log-in-wrapper {
        padding: 30px 0;
    }

    body .sh-form-log-in {
        padding: 0 30px 35px 0;
    }

    body .sh-about-school {
        padding-bottom: 20px;
    }

        body .sh-about-school p {
            padding: 0 20px;
        }
    /*---------------- Home 04 ------------------*/
    body .sh-contact-content .sh-contact-form {
        position: static;
    }

    body .sh-cources-4 {
        padding: 0 0 55px 0;
    }

    body .sh-contact-wapper-style-4 {
        padding: 0;
    }

        body .sh-contact-wapper-style-4 li input {
            width: 90%;
        }

        body .sh-contact-wapper-style-4 .sh-contact-message {
            width: 90%;
        }

        body .sh-contact-wapper-style-4 > li:first-child {
            margin-top: 30px;
            padding-top: 10px;
        }

        body .sh-contact-wapper-style-4 span {
            display: block;
            margin: 5px 14px 15px;
            padding: 13px;
            width: auto;
        }

    body .sh-address-style-4 {
        margin-top: 30px;
    }

        body .sh-address-style-4 > span {
            overflow: hidden;
        }

    body .sh-phone-fax {
        background: rgba(242, 110, 79, 0.6);
        width: 100%;
        right: 0;
        top: 0;
    }

    body .sh-introduce-content-style-4 {
        padding: 0 20px 30px;
    }

        body .sh-introduce-content-style-4 p {
            padding-bottom: 15px;
        }

    body .sh-lastest-event-style-4 {
        padding-bottom: 30px;
    }

    body .sh-event-title {
        font-size: 16px;
        padding-bottom: 20px;
    }

    body .sh-life-content {
        padding: 35px 0;
    }

    body .sh-instruction h4 {
        font-size: 20px;
        line-height: 30.6px;
    }

    body .sh-item-portfolio-style-4 .sh-portfolio-content-style-2 {
        padding-left: 25px;
    }

    body .sh-item-portfolio-style-4 h4 {
        line-height: 24.6px;
        margin: 25px 0 10px;
    }

    body .sh-item-portfolio-style-4 h6 {
        margin: 0;
    }

    body .sh-item-portfolio-style-4 p {
        margin-top: 10px;
    }

    body .sh-services-wrapper {
        padding: 30px 0;
    }

        body .sh-services-wrapper h3 {
            font-size: 18px;
            margin: 0;
        }

        body .sh-services-wrapper p {
            padding: 0 20px;
        }

        body .sh-services-wrapper .sh-features {
            margin: 0;
            padding: 40px 0;
        }

        body .sh-services-wrapper ul.sh-features li {
            width: 100%;
        }

    body .sh-features li.sh-col-4 div {
        margin-bottom: 30px;
        display: inline-block;
    }

    body .sh-features li.sh-col-4:last-child div {
        margin: 0;
    }

    body .sh-services-wrapper .sh-item-more-details span {
        padding: 10px 15px;
    }

        body .sh-services-wrapper .sh-item-more-details span i {
            padding-right: 15px;
        }
    /*---------------- Home 05 ------------------*/
    body .sh-slider-banner-5 .sh-banner-content,
    body .sh-slider-banner-5 .sh-items button {
        display: none;
    }

    body .sh-institution span {
        display: block;
        padding: 20px;
        text-align: center;
    }

    body .sh-institution a {
        display: block;
        font-size: 18px;
        padding: 20px 10px 10px;
        text-align: center;
    }

    body .sh-institution strong {
        display: block;
        padding: 0 0 20px;
        text-align: center;
    }

    body .sh-introduce-style-5 {
        padding-top: 30px;
    }

    body .sh-introduce-image-logo {
        margin-right: 0;
        width: auto;
    }

    body .sh-introduce-style-5 .sh-introduce-image-logo {
        margin-bottom: 30px;
        width: 100%;
    }

    body .sh-introduce-image-logo.pull-left img {
        width: 100%;
    }

    body .sh-introduce-content-style-5 {
        text-align: center;
        width: auto;
    }

        body .sh-introduce-content-style-5 ul {
            border-top: 1px solid rgba(255, 255, 255, 0.6);
        }

            body .sh-introduce-content-style-5 ul li {
                border-right: 1px solid rgba(255, 255, 255, 0.6);
            }

                body .sh-introduce-content-style-5 ul li p {
                    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
                    border-top: 1px solid rgba(255, 255, 255, 0.6);
                    padding: 5px;
                }

    body .sh-portfolio-wapper-style-5 {
        padding-bottom: 30px;
    }

    body .portfolio-style-5 {
        height: auto;
    }

    body .sh-portfolio-titlte {
        padding-bottom: 40px;
    }

    body .sh-portfolio-content-style-5 {
        background: rgba(0, 0, 0, 0.3);
        height: 100%;
        left: 0;
        position: absolute;
        text-align: center;
        top: 0;
        z-index: 999;
    }

        body .sh-portfolio-content-style-5 h4,
        .sh-portfolio-image-style-5 h4 {
            padding: 20px;
            margin-top: 30px;
            color: #ffffff;
        }

        body .sh-portfolio-content-style-5 p,
        body .sh-portfolio-image-style-5 p {
            padding: 0 20px;
            color: #ffffff;
        }

    body .sh-portfolio-image-style-5 {
        left: 0;
    }

    body .sh-pathways-english {
        padding-bottom: 40px;
    }

    body .sh-pathways-one {
        margin-bottom: 30px;
        margin-right: 0;
        padding: 0 0 35px;
    }

        body .sh-pathways-one p {
            margin: 0;
        }
    /*---------------- Home 06 ------------------*/
    body .sh-services-wrapper-style-6 {
        padding-top: 30px;
    }

    body .sh-services-style-6 {
        padding: 0;
        text-align: center;
        margin-bottom: 30px;
    }

        body .sh-services-style-6 .sh-services-description img {
            margin-top: 30px;
            padding: 0;
        }

        body .sh-services-style-6 .sh-services-description h3 {
            padding: 30px 0 0;
        }

            body .sh-services-style-6 .sh-services-description h3 a {
                font-size: 20px;
                line-height: 22.8px;
            }

        body .sh-services-style-6 .sh-services-description p {
            padding: 20px;
        }

        body .sh-services-style-6 .sh-services-description a span {
            margin: 10px 0 0;
            padding: 5px 10px;
        }

            body .sh-services-style-6 .sh-services-description a span i {
                padding-right: 10px;
            }

    body .sh-services-project {
        padding: 20px 0;
    }

        body .sh-services-project ul {
            padding: 0;
        }

            body .sh-services-project ul li {
                display: inline-block;
                float: none;
                margin: 15px;
            }

    body .sh-tab-description p {
        padding: 0 20px;
    }
    /*---------------- Home 07 ------------------*/
    body .sh-information {
        padding: 30px 0 10px;
    }

    body .sh-introduce-content-style-7 h4 {
        padding: 0 0 15px;
    }

    body .sh-features-style-7 {
        margin: 25px 0 40px;
    }

        body .sh-features-style-7 ul {
            overflow: hidden;
        }

    body .sh-information-content {
        margin: 0 0px 20px;
    }

        body .sh-information-content p {
            padding-top: 15px;
        }

    body .sh-information-image {
        overflow: hidden;
    }

        body .sh-information-image img {
            width: 100%;
        }

    body .sh-information-content li {
        padding-left: 30px;
    }

    body .sh-training-images {
        margin-bottom: 20px;
    }

        body .sh-training-images > img {
            width: 100%;
        }
    /*-------------- Blog-RightSideBar ---------------*/
    body .sh-blog-wrapper {
        padding-top: 30px;
    }

    body .sh-blog-item:first-child {
        padding-bottom: 30px;
    }

    body .sh-blog-wrapper .widget:last-child {
        padding-bottom: 30px;
    }

    body .sh-blog-more {
        margin-top: 30px;
    }

    body .sh-blog-description {
        margin-top: 30px;
    }

    body .widget:first-child {
        margin-top: 40px;
    }

    body .widget.widget-general ul li {
        padding: 10px 15px;
    }

    body .shPagination {
        padding: 40px 0;
    }

    body .widget-responsive-right {
        margin-top: 0 !important;
    }
    /*-------------- Blog-Left SideBar ---------------*/
    body .sh-blog-wrapper .widget-responsive-left {
        margin-top: 0;
    }
    /*-------------- Blog 1 column ---------------*/
    body .sh-blog-title {
        padding: 20px 0 35px;
    }

    body .sh-blog-wrapper-style-1 {
        padding: 30px 0 40px;
    }

    body .sh-blog-item-style-1 {
        padding-bottom: 30px;
    }

    body .sh-blog-description h3 {
        margin: 0 0 10px;
    }

        body .sh-blog-description h3 a {
            line-height: 20.4px;
        }

    body .sh-blog-description p {
        padding: 0 20px 0 0;
    }

    body .sh-blog-item-style-1 .sh-blog-description {
        margin-bottom: 0;
        padding: 0;
    }

    body .sh-blog-description p {
        padding: 0;
    }

    body .sh-blog-more span a {
        padding: 10px 10px 10px 5px;
    }

        body .sh-blog-more span a i {
            padding: 0 10px;
        }

    body .sh-blog-more span {
        margin-bottom: 20px;
    }

    body .shPagination-style-1 {
        margin: 0;
    }

    body .wp-pagenavi a,
    body .wp-pagenavi span {
        padding: 10px 18px;
    }
    /*-------------- Blog 2 column ---------------*/
    body .sh-blog-wrapper-style-2 {
        padding-top: 0;
    }

    body .sh-blog-item-style-2 .sh-blog-description {
        margin: 26px 0 0;
    }

    body .sh-blog-item-style-2 .sh-blog-more {
        margin: 30px 0 0;
    }

    body .shPagination-style-2 {
        margin: 0;
        padding: 40px 0;
    }
    /*-------------- Blog 3 column ---------------*/
    body .sh-blog-wrapper-style-3 {
        padding-top: 0;
    }

    body .sh-blog-item-style-3 .sh-blog-description {
        margin-left: 0;
    }

    body .sh-blog-item-style-3 .sh-blog-more {
        margin-top: 30px;
    }

    body .shPagination-style-3 {
        padding: 40px 0;
    }
    /*-------------- Blog 4 column ---------------*/
    body .sh-blog-wrapper-style-4 {
        padding: 0;
    }

    body .sh-blog-item-style-4 .sh-blog-more {
        padding-top: 30px;
    }

    body .shPagination-style-4 {
        padding: 40px 0;
    }

    body .sh-blog-item-style-4 .sh-blog-more span a {
        padding: 10px 15px;
    }
    /*-------------- Blog Single Post Page ---------------*/
    body .sh-single-description h3 a {
        line-height: 26px;
        font-size: 20px;
    }

    body .shsingle_post {
        padding-top: 40px;
    }

    body .sh-sing-post-comment {
        padding: 30px 0 15px;
    }

    body .sh-single-share {
        padding: 10px 0 30px;
    }

        body .sh-single-share ul {
            margin: 0 0 20px;
            float: none;
            width: 100%;
        }

    body .form-comment {
        padding: 20px 0;
    }

    body .form-comment-item {
        padding: 0 0 15px;
    }

    body .comment-post {
        padding: 10px 20px;
    }
    /*---------- Blog Time Line ----------*/
    body .sh-timeline {
        margin-top: 30px;
    }

        body .sh-timeline li {
            width: 100%;
        }

        body .sh-timeline .sh-timeline-inverted {
            margin-bottom: 0;
        }

    body .sh-timeline-panel-left .sh-blog-item {
        padding-bottom: 0;
        margin-bottom: 30px;
    }

    body .sh-timeline-panel-right .sh-blog-item {
        margin-top: 0;
        padding-bottom: 0;
    }

    body .sh-timeline-panel-left .sh-blog-more {
        margin: 30px 0;
    }

    .sh-timeline-panel-right .sh-blog-more {
        margin: 30px 0;
    }

    body .sh-timeline .sh-blog-more span a {
        font-size: 12px;
    }

    body .sh-tldate-left,
    body .sh-tldate-right {
        display: none;
    }

    body .sh-more-post {
        padding: 30px 0;
    }
    /*-------------- About ---------------*/
    body .sh-about-image a {
        margin-left: -50px;
    }

        body .sh-about-image a img {
            -moz-transform: scale(0.4);
            -webkit-transform: scale(0.4);
            -ms-transform: scale(0.4);
            -o-transform: scale(0.4);
            transform: scale(0.4);
        }

    body .sh-about-content {
        padding: 30px 0;
    }

        body .sh-about-content h3 {
            padding: 12px 0;
        }

    body .sh-about-english {
        padding-top: 30px;
    }

    body .sh-about-leader {
        padding: 10px 0 30px;
    }
    /*---------------- Courses Grid ------------------*/
    body .sh-courses-title {
        padding: 40px 0;
    }

        body .sh-courses-title h1 a {
            font-size: 26px;
            line-height: 30px;
        }

    body .sh-courses-grid {
        padding: 10px 0 30px;
    }
    /*---------------- Courses List Class ------------------*/
    body .sh-courses-wrapper {
        padding: 30px 0;
    }
    /*---------------- Courses ListIn Table ------------------*/
    body .sh-course-table {
        padding: 30px 0 0;
    }
    /*---------------- Courses Register------------------*/
    body .sh-courses-title {
        padding: 10px 0 30px;
    }

    body .sh-register {
        padding: 40px 0;
    }

    body .sh-register-content p {
        line-height: 20.8px;
        padding: 15px 25px;
    }

    body .sh-register-content ul {
        margin: 20px 0;
    }

    body .sh-register-content li {
        margin-bottom: 10px;
        width: 100%;
    }

        body .sh-register-content li a {
            display: block;
        }

    body .form-register .details-title {
        padding: 0 0 5px;
    }

    body .form-register input {
        margin: 0;
        padding: 5px 10px;
        width: 100%;
    }

    body .form-register .controls {
        margin: 0;
        text-align: center;
    }

        body .form-register .controls button {
            margin: 30px 0 0;
        }

    body .sh-bog-search label {
        right: 20px;
    }
    /*------------ Courses Single ----------*/
    body .sh-events-wrapper {
        padding: 40px 0;
    }

    body .sh-single-ticket > img {
        width: 100%;
    }

    body .sh-day-open {
        margin-top: 30px;
    }

        body .sh-day-open h3 {
            font-size: 18px;
        }

    body .sh-form-ticket button {
        margin-left: 0;
    }

    body .sh-speaker-images img {
        width: 100%;
    }
    /*------------------ Contact---------------------*/
    body .sh-contact-title {
        padding: 30px 0;
    }

    body .sh-map-address {
        padding: 30px 0 0;
        margin-bottom: 30px;
    }

    body .sh-map-us p {
        padding-bottom: 40px;
    }

    body .sh-map-information > p {
        width: auto;
    }

    body .sh-comment-post {
        margin: 20px 0;
    }

        body .sh-comment-post button {
            margin: 10px 0 10px;
        }
    /*------------------ Event-Grid ---------------------*/
    body .sh-events-title {
        padding: 30px 0;
    }

    body .sh-pagination-events {
        padding: 5px 0 10px;
    }
    /*------------------ Event-List ---------------------*/
    body .sh-event-list li {
        margin: 0 0 30px;
        padding: 0 0 25px;
    }

    body .sh-event-list span {
        margin: 25px 0 0;
    }

    body .sh-pagination-style-2 {
        padding-bottom: 40px;
    }
    /*---------------- Event-Single-Page ----------------*/
    body .sh-form-ticket p {
        padding: 0 0 20px;
    }

    body .sh-gallary h3 {
        margin: 0;
    }

    body .sh-speaker-title {
        padding-bottom: 30px;
    }

        body .sh-speaker-title img {
            padding-top: 30px;
        }
    /*---------------- Feature Color-2 ------------------*/
    body.sh-theme-02 .sh-header-home-1 {
        background: #efedef;
    }

        body.sh-theme-02 .sh-header-home-1 button:hover i {
            color: #202d48;
        }

    body.sh-theme-02 .sh-introduce-content > a {
        margin: 30px 0;
    }
    /*---------------- Feature Color-3 ------------------*/
    body.sh-theme-03 .sh-header-home-1 {
        background: #287e7a;
    }

        body.sh-theme-03 .sh-header-home-1 button:hover i {
            color: #202d48;
        }

    body.sh-theme-03 .sh-introduce-content > a {
        margin: 30px 0;
    }
    /*---------------- Feature Color-4 ------------------*/
    body.sh-theme-04 .sh-header-home-1 {
        background: #8c6900;
    }

        body.sh-theme-04 .sh-header-home-1 button:hover i {
            color: #202d48;
        }

    body.sh-theme-04 .sh-introduce-content > a {
        margin: 30px 0;
    }
    /*---------------- Feature Color-5 ------------------*/
    body.sh-theme-05 .sh-header-home-1 {
        background: #0085b2;
    }

        body.sh-theme-05 .sh-header-home-1 button:hover i {
            color: #202d48;
        }

    body.sh-theme-05 .sh-introduce-content > a {
        margin: 30px 0;
    }
    /*---------------- Feature RTLLayout ------------------*/
    body.home-rtl .sh-element-content {
        text-align: right;
    }

    body.home-rtl .sh-portfolio-content > span {
        margin-right: 20px;
        padding-right: 0;
        padding-left: 0;
    }
    /*-------------- Feature SortCode ------------*/
    body .sh-shortcode-title {
        padding: 30px 0;
    }

    body .sh-feature-services {
        padding: 10px 0;
    }

    body .sh-button {
        padding: 30px 0;
    }

    body .sh-title-button h3 {
        padding-bottom: 30px;
    }
    /*-------------- Feature-Forum ------------*/
    body .sh-typo-title {
        padding: 40px 0;
    }

    body sh-breadcrumb {
        padding-top: 30px;
    }

    body .sh-breadcrumb {
        padding-top: 30px;
    }

    body .shkunena-login .input input {
        width: 100%;
        margin: 10px 0;
    }

    body .kblocktable td {
        display: block !important;
        width: 100%;
    }

    body .kcol-category-icon a {
        text-align: left;
    }

    body #kstatslistleft {
        padding: 20px 0;
    }

    body .kwhoisonline .kcol-mid {
        padding-top: 0;
    }

    body .kcol-kcattopics span,
    body .kcol-kcatreplies span {
        text-align: left;
    }

    body #kstatslistright li {
        text-align: left;
        padding: 0;
    }

    body .klink-block span {
        margin: 0 45px 0 0;
    }

    body .shkunena-login .input input.sh-submit {
        margin-top: 10px;
    }

    body .kheader {
        padding: 5px 20px 10px;
    }

    body .ktoggler {
        right: -5px;
        top: 0;
    }

    body .ktitle-desc {
        line-height: 20px;
    }

    body .kwhoonline,
    body .kcol-mid {
        margin: 10px 0;
    }

    body .kcopyright {
        padding-bottom: 60px;
    }
    /*-------------- JoomLaBase-404 Page ------------*/
    body .sh-joom-title {
        padding: 40px 0;
    }

    body .icon-404 {
        font-size: 60px;
    }

    body .title-404 {
        padding: 0;
        font-size: 44px;
    }

    body .content-404-style p {
        padding: 0 8%;
    }

    .entry-404-meta span:first-child {
        margin-right: 0px;
        display: block;
    }

    body .sh-joom-title {
        padding: 30px 0;
    }

    body .sh-link-widget {
        padding: 0;
    }

    body .content-404-style form {
        width: 100%;
    }
    /*-------------- JoomLaBase-New Feed ------------*/
    body .joom-newfeed {
        margin: 0 0 20px;
        padding: 10px 0 0;
    }

    body .last .sh-video-new-feed {
        width: auto;
        margin-top: 30px;
    }
    /*-------------- JoomLaBase-New Link ------------*/
    .joom-newlink {
        margin: 0 0 60px;
        padding: 30px 0 0;
    }
    /*-------------- JoomLaBase-New Link ------------*/
    body .joom-login {
        padding: 30px 0;
    }

    body .joom-form-login {
        padding: 15px 0;
    }

        body .joom-form-login input {
            width: 100%;
            margin: 0;
        }

    .joom-form-login .controls {
        text-align: center;
    }

    body .joom-form-login .controls button {
        margin-bottom: 30px;
    }

    body .joom-form-meta {
        text-align: center;
    }
    /*-------------- JoomlaBase-Page-Profile-User ------------*/
    body .sh-joom-profile {
        padding: 30px 0;
    }

    body .sh-profile-me {
        padding-top: 10px;
    }

        body .sh-profile-me .sh-profile-title {
            margin: 0 0 10px;
        }

        body .sh-profile-me p {
            padding-bottom: 0;
        }

    body .sh-profile-courses {
        padding: 30px 0;
    }

        body .sh-profile-courses .sh-profile-title {
            margin: 0;
        }

    body .sh-profile-event .sh-profile-title {
        margin-bottom: 0;
    }

    body .sh-profile-user {
        margin-top: 20px;
        padding-top: 30px;
        text-align: center;
    }

        body .sh-profile-user .sh-user-thumbnail img {
            height: 230px;
            width: 230px;
            padding: 0;
            position: static;
        }

            body .sh-profile-user .sh-user-thumbnail img:first-child {
                display: none;
            }

        body .sh-profile-user .entry-meta {
            padding-top: 0;
        }

    body .sh-profile-image {
        margin-bottom: 30px;
    }
    /*------------ JoomlaBase-Page-Remind-UserName -----------*/
    body .joom-remind {
        padding: 30px 0 40px;
    }
    /*------------ JoomlaBase-Page-Reset-Pass -----------*/
    body .joom-reset {
        padding: 30px 0 0;
    }
    /*------------ JoomlaBase-Page-Resgister -----------*/
    body .joom-register {
        padding: 60px 0 80px;
    }
    /*----------------- Social-Login -----------------*/
    body .sh-banner-social {
        display: none;
    }

    body .sh-customer {
        padding: 40px 0;
    }

    body .sh-customer-login h4 {
        padding-left: 20px;
    }

    body .sh-customer-login .joom-form-login {
        padding: 15px 0;
    }

    body .sh-customer-login p {
        margin: 0;
        padding: 0 20px;
    }

    body .sh-customer-login .joom-form-login label {
        padding: 0 20px;
    }

    body .sh-customer-login .joom-form-login input {
        margin: 0 0 0 20px;
        width: 90%;
    }

    body .sh-customer-login .joom-form-login .controls button {
        margin: 40px 0 20px;
    }
    /*---------------- Social-Activity ------------------*/
    body .sh-activity-wrapper {
        padding: 30px 0;
    }

    body .sh-social-login .sh-input-name {
        width: 90%;
    }

    body .sh-social-login .sh-input-pass {
        width: 90%;
    }

    body .sh-connect-people .sh-connect-content {
        left: 0;
    }

    body .sh-connect-content h3 a {
        font-size: 16px;
    }

    body .sh-connect-content > img {
        display: none;
    }

    body .sh-connect-content p {
        font-size: 14px;
        line-height: 17.4px;
        padding: 0 10px;
    }

    body .sh-connect-people .owl-controls {
        left: 20%;
    }

    body .sh-list-people .sh-join-group .sh-avatar {
        width: auto;
    }

    body .sh-list-people .sh-content {
        padding-left: 20px;
    }

        body .sh-list-people .sh-content p {
            padding: 30px 0;
        }

            body .sh-list-people .sh-content p img {
                width: 100%;
            }

    body .sh-add-friend {
        padding: 30px 0;
    }

    body .sh-notice article a {
        padding: 30px 15px 0;
    }

    body .sh-list-people .sh-notice article p {
        padding: 20px;
    }

    body .sh-list-people .sh-notice article ul li {
        padding: 0 20px;
    }

    body .sh-update-status .sh-comment-content div span {
        padding: 0 20px;
    }

    body .sh-update-status .sh-comment-content div p {
        padding: 30px 20px;
    }

    body .sh-share-images .sh-multil-photo a {
        overflow: hidden;
        width: 50%;
        margin: 0;
    }

    body .sh-multil-photo img {
        width: 100%;
    }

    body .sh-join-group {
        padding: 20px 0 30px;
    }

    body .sh-list-people .sh-join-group .sh-content {
        margin-top: 20px;
    }

    body .sh-list-people .sh-share-video .sh-avatar {
        float: none;
    }

    body .sh-list-people .sh-share-video {
        padding-bottom: 10px;
    }

        body .sh-list-people .sh-share-video .sh-content {
            width: 100%;
        }

    body .sh-share-video .sh-video {
        padding: 50px 0;
    }

    body .load-more {
        margin: 0;
        padding: 20px 0;
    }
    /*---------------- Social-Groups ------------------*/
    body .sh-groups {
        padding: 40px 0;
    }

    body .sh-all-groups {
        padding-bottom: 40px;
    }

    body .sh-filter-member {
        padding: 15px 30px;
    }

        body .sh-filter-member ul {
            float: left !important;
        }

    body .sh-avatar-groups {
        float: none !important;
        margin-bottom: 20px;
    }

    body .sh-detail-member .sh-info-groups {
        margin-left: 0;
    }

        body .sh-detail-member .sh-info-groups .sh-friend {
            margin: 0;
        }

            body .sh-detail-member .sh-info-groups .sh-friend a {
                display: block;
                padding: 10px;
            }

                body .sh-detail-member .sh-info-groups .sh-friend a:first-child {
                    padding-left: 10px;
                }
    /*---------------- Social-Members ------------------*/
    body .sh-members {
        padding: 40px 0;
    }

    body .sh-detail-member .sh-info {
        margin: 30px 0;
    }

    body .sh-all-member {
        padding: 0 0 40px;
    }

    body .sh-members-wrapper {
        padding: 30px 0 0;
    }

    body .sh-detail-member .sh-avatar,
    body .sh-detail-member .sh-info {
        float: none !important;
    }
    /*---------------- Social-Single Group ------------------*/
    body .sh-social-group {
        padding: 40px 0;
    }

    body .sh-member-link .sh-images-member {
        margin: -90px -20px 10px;
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
        -o-transform: scale(0.6);
        transform: scale(0.6);
    }

    body .sh-member-join .sh-author-name {
        font-size: 18px;
        line-height: 24px;
        margin: 0;
    }

    body .sh-member-join .sh-send-messages {
        margin: 0 10px;
    }

        body .sh-member-join .sh-send-messages a {
            font-size: 12px;
            line-height: 14.4px;
            margin: 0;
        }

    body .sh-member-link .sh-about-me.pull-left {
        float: none !important;
    }

    body .sh-member-action {
        float: none !important;
    }

    body .sh-member-link .sh-about-me li {
        display: inline-block;
        padding: 0 10px;
    }

    body .sh-member-link .sh-member-action span a {
        display: inline-block;
        margin: 20px 15px;
    }
    /*---------------- Social-SingleMember ------------------*/
    body .sh-member-join .sh-user-name {
        font-size: 22px;
        line-height: 26px;
        margin: 0 10px;
        text-align: right;
    }
    /*-------------- Footer -------------*/
    .sh-footer-content .sh-footer-part > li {
        width: 100%;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    /*----------------Header 01 ------------------*/
    body .sh-header-content {
        padding: 10px 0;
        border: 0;
    }

    .sh-menu > li a {
        border-right: 0;
    }

    .sh-logo {
        border-left: 0 none;
        border-right: 0 none;
        margin: 0;
        padding: 0 0 0 30px;
    }

        .sh-logo a {
            display: inline-block;
        }

    body .sh-search {
        margin-right: 30px;
        padding: 5px 0 0;
    }

        body .sh-search i {
            font-size: 16px;
        }

        body .sh-search:hover {
            background: none;
        }

            body .sh-search:hover i {
                color: #ffffff;
            }

    body .sh-button-toggle {
        padding: 5px 15px 0 0;
        border: 0;
        border-left: 0 !important;
        display: block;
    }

    .sh-button-toggle:hover {
        background: none;
    }

    .sh-button-toggle i {
        font-size: 18px;
    }

    .sh-button-toggle:hover i {
        color: #ffffff;
    }
    /*----------------Header 02 ------------------*/
    body .sh-header-2 {
        padding: 0;
    }

        body .sh-header-2 .sh-sign-in p {
            text-align: center;
            font-size: 12px;
        }

            body .sh-header-2 .sh-sign-in p i {
                padding: 0 15px 0 0;
            }

        body .sh-header-2 .sh-logo {
            border: medium none;
            padding: 15px 0 0;
            width: 280px;
        }

    .sh-header-2 .sh-logo a img {
        height: 40px;
        width: auto;
    }

    body .sh-header-2 button.sh-button-toggle {
        margin: 0;
        padding: 18px 20px 0 0;
    }

    body .sh-header-2 .sh-search {
        margin: -5px 0 0;
        padding: 0px 20px 0 0;
    }
    /*------------ Home 01 ----------------*/
    body .sh-liner-logo {
        display: none;
    }

    body .sh-liner-logo {
        display: none;
    }

    body .sh-header-home-1 .sh-header-content {
        padding: 0;
    }

    body .sh-banner-style1 .sh-banner-content {
        top: 10% !important;
    }

        body .sh-banner-style1 .sh-banner-content small {
            font-size: 14px;
            line-height: 18px;
            margin-bottom: 5px;
        }

        body .sh-banner-style1 .sh-banner-content .sh-item-more-details span {
            padding: 5px 10px;
            font-size: 12px;
        }

        body .sh-banner-style1 .sh-banner-content h6 {
            padding-bottom: 30px;
        }

        body .sh-banner-style1 .sh-banner-content h4 {
            color: #ffffff;
            font-size: 30px;
            font-weight: 400;
            line-height: 50px;
            margin: 0;
        }

    body .sh-banner-style1 .sh-under-line,
    body .sh-banner-style1 .sh-under-line:after,
    body .sh-banner-style1 .sh-under-line:before {
        display: none;
    }

    body .sh-items .sh-button-left {
        width: 30px;
        height: 30px;
        margin-top: -15px;
    }

    body .sh-items .sh-button-right {
        width: 30px;
        height: 30px;
        margin-top: -15px;
    }

    body .sh-header-home-1 {
        margin-top: 0;
        background: #202d48;
    }

    body .sh-introduce {
        padding: 20px 0;
    }

    body .sh-introduce-images img {
        width: 100%;
    }

    body .sh-introduce-content-style-2 {
        text-align: center;
    }

        body .sh-introduce-content-style-2 h3 a {
            font-size: 18px;
        }

        body .sh-introduce-content-style-2 > a {
            margin: 10px 0;
        }

        body .sh-introduce-content-style-2 span {
            font-size: 12px;
            padding: 5px 10px;
        }

    body .sh-features li div {
        padding: 25px 0;
    }

    body .sh-more-details {
        margin: 30px 0 0;
        float: none;
    }

        body .sh-more-details span {
            padding: 5px 10px;
            font-size: 12px;
        }

            body .sh-more-details span i {
                padding-right: 15px;
            }

    body .sh-parallax-image img {
        margin: 10px 0;
        width: 100%;
    }

    .sh-features {
        text-align: center;
    }

    body .sh-parallax-image {
        position: static;
    }

    body .sh-event-content-style-1 {
        padding: 0;
    }

    body div.sh-event-content-style-1 > span {
        padding-top: 0;
    }

    body .sh-event-content h4 {
        padding-bottom: 0;
        font-size: 16px;
    }

    body .sh-event-content p {
        font-size: 13px;
    }

    body .sh-images-check {
        padding: 10px 0 0;
    }

    body .sh-portfolio-title {
        padding: 0 0 25px;
    }

    body .sh-image-item {
        width: 100%;
    }

        body .sh-image-item > img {
            width: 100%;
        }

    body .sh-portfolio-content {
        height: 100%;
        left: 0;
        padding: 0;
        position: absolute;
        text-align: center;
        top: 0;
        width: 100%;
        display: none;
        background: rgba(255, 255, 255, 0.6);
        z-index: 1;
    }

    body .sh-element-content:hover .sh-portfolio-content {
        display: block;
    }

    body .sh-portfolio-content h4 {
        padding: 20% 0 0;
    }

        body .sh-portfolio-content h4 a {
            line-height: 18.8px;
            position: relative;
            z-index: 999;
        }

    body .sh-portfolio-content p {
        font-size: 14px;
        line-height: 24px;
        padding: 20px 60px;
        position: relative;
        z-index: 999;
    }

    body .sh-portfolio-content span {
        padding-top: 15%;
        padding-left: 0;
    }

    body .sh-portfolio-content > a {
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100%;
        margin: 0;
        z-index: 999;
    }

        body .sh-portfolio-content > a span {
            padding: 30px 20px;
        }

    body .sh-portfolio-project a {
        padding: 20px;
    }

    body .sh-title-leader {
        padding-bottom: 20px;
        font-size: 16px;
    }

    body .sh-our-leader-image img {
        max-width: 100%;
        width: auto;
    }

    body .sh-leader-content:hover {
        background: none;
    }

    body .sh-title-event {
        padding: 0 0 25px;
        font-size: 16px;
    }

    body .sh-article-content h4 {
        font-size: 14px;
        line-height: 18.8px;
        top: 35px;
    }

    body .sh-article-content p {
        font-size: 12px;
        line-height: 18.4px;
        top: 90px;
    }

    body .sh-article-content span {
        margin-left: -62px;
        top: 150px;
    }

    body .sh-article-content a {
        margin-top: 35px;
        font-size: 13px;
        padding: 5px 10px;
    }

        body .sh-article-content a i {
            padding-right: 10px;
        }

    .sh-contact-form {
        text-align: center;
    }

    body .sh-contact-wapper span {
        margin: 0 0 20px 0;
        display: inline-block;
        font-size: 12px;
    }

    body .sh-contact-wapper-style-1 {
        padding: 10px 0 0;
        margin: 0;
    }

    body .sh-contact-wapper li {
        padding-left: 0;
        float: none;
    }

        body .sh-contact-wapper li input {
            padding: 5px 10px;
            margin: 0 0 10px 0;
            width: 80%;
        }

        body .sh-contact-wapper li textarea {
            width: 80%;
            height: 150px;
            padding-left: 10px;
        }

    body .sh-contact-wapper button {
        margin: 30px 0;
        padding: 5px 20px;
    }

    body .sh-header-home-1 {
        margin-top: 0;
        background: #202d48;
    }

        body .sh-header-home-1 button {
            padding: 15px;
            position: static !important;
        }

            body .sh-header-home-1 button:hover {
                background: none;
            }

        body .sh-header-home-1 .sh-button-toggle {
            display: block;
            margin-right: 5px;
        }
    /*----------------Home 02 ------------------*/
    body .sh-items .sh-banner-content small {
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        margin: 0 0 15px;
    }

    body .sh-items .sh-banner-content h4 {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 5px;
    }

    body .sh-items span.sh-under-line,
    body .sh-items span.sh-under-line:after,
    body .sh-items span.sh-under-line:before {
        display: none;
    }

    body .sh-items .sh-banner-content h6 {
        font-size: 20px;
        line-height: 24px;
        margin: 0;
        padding-bottom: 0;
    }

    body .sh-banner-content .sh-item-more-details {
        display: none;
    }

    body .sh-features-style-2 li {
        width: 50%;
    }

    body .sh-cources-content-left {
        margin: 0;
    }

        body .sh-cources-content-left a {
            padding: 10px 20px;
        }

            body .sh-cources-content-left a i {
                display: block;
                top: 16px;
                left: 16px;
            }

    body .sh-introduce-content {
        padding: 30px 20px;
    }

        body .sh-introduce-content h4 {
            font-size: 16px;
            padding: 20px 0;
        }

    body .sh-item-more-details-style-2 {
        margin-top: 10px;
    }

        body .sh-item-more-details-style-2 span {
            padding: 10px 15px;
        }

    body .sh-video {
        padding: 40px 0;
    }

    body .sh-video-content h3 {
        font-size: 30px;
        line-height: 40px;
    }

    body .sh-item-portfolio h4 {
        margin: 100px 0 0px;
    }

    body .sh-item-portfolio h6 {
        margin: 10px 0 0px;
    }

    body .sh-item-portfolio:hover .sh-portfolio-content-style-2 span {
        bottom: 60px;
    }

    body .sh-item-portfolio .sh-portfolio-content-style-2 {
        padding-left: 10px;
    }

    body .sh-item-portfolio span a {
        padding: 5px 15px 5px 10px;
    }

    body .sh-contact-wapper {
        padding: 30px 0 10px;
    }
    /*---------------- Home 03 ------------------*/
    body .sh-banner-style3 .sh-slider-banner .sh-items button {
        top: 60%;
    }

    body .sh-introduce-content-style-3 {
        margin-top: -20px;
    }

    body .sh-images-school:after {
        width: 100%;
    }

    body .sh-images-school img {
        width: 100%;
    }

    body div.sh-event-content-style-3 {
        margin: 0;
    }

    body .sh-images-school a {
        margin-left: -45px;
    }

    body .sh-introduce-map > img {
        width: 100%;
    }

    body .sh-portfolio-wapper-style-3 {
        position: relative;
    }

    body .sh-portfolio-content-style-3 {
        background: rgba(247, 247, 247, 0.2);
        position: absolute;
        z-index: 999;
        width: 100%;
        height: 100%;
    }

        body .sh-portfolio-content-style-3 h4 {
            padding-top: 60px;
            color: #ffffff;
        }

        body .sh-portfolio-content-style-3 p {
            color: #ffffff;
        }

        body .sh-portfolio-content-style-3 > span {
            bottom: 0;
            left: 0;
            position: absolute;
            width: 100%;
            text-align: center;
        }

            body .sh-portfolio-content-style-3 > span a {
                background: #F2A633;
                color: #ffffff;
            }

    body .sh-log-in {
        padding-left: 0;
        margin: 0;
    }

        body .sh-log-in span {
            text-align: center;
            padding-bottom: 20px;
        }

    body .sh-form-log-in small {
        padding-left: 0;
        text-align: center;
    }

    body .sh-form-log-in input {
        margin-left: 15px;
        width: 100%;
    }

    body .sh-button-login {
        left: 50%;
        margin: 0 0 0 -47px;
        position: relative;
        top: 10px;
        padding: 5px 10px;
    }

        body .sh-button-login i {
            padding-right: 10px;
        }

    body .sh-log-in-wrapper {
        padding: 30px 0;
    }

    body .sh-form-log-in {
        padding: 0 30px 35px 0;
    }

    body .sh-about-school {
        padding-bottom: 20px;
    }

        body .sh-about-school p {
            padding: 0 20px;
        }
    /*---------------- Home 04 ------------------*/
    body .sh-contact-content .sh-contact-form {
        position: static;
    }

    body .sh-contact-wapper-style-4 {
        padding: 0;
    }

        body .sh-contact-wapper-style-4 span {
            margin: 0 0 20px;
        }

    body .sh-address-style-4 {
        margin-top: 30px;
    }

        body .sh-address-style-4 > span {
            overflow: hidden;
        }

    body .sh-phone-fax {
        background: rgba(242, 110, 79, 0.6);
        width: 100%;
        right: 0;
        top: 0;
    }

    body .sh-contact-wapper-style-4 > li:first-child {
        margin-top: 30px;
        padding-top: 10px;
    }

    body .sh-contact-wapper-style-4 span {
        display: block;
        margin: 5px 20px 15px;
        padding: 13px;
        width: auto;
    }

    body .sh-contact-wapper-style-4 li textarea {
        width: 90%;
    }

    body .sh-contact-wapper-style-4 li input {
        width: 90%;
    }

    body .sh-introduce-content-style-4 {
        padding: 0 20px 30px;
    }

        body .sh-introduce-content-style-4 p {
            padding-bottom: 15px;
        }

    body .sh-lastest-event-style-4 {
        padding-bottom: 30px;
    }

    body .sh-event-title {
        font-size: 16px;
        padding-bottom: 20px;
    }

    body .sh-life-content {
        padding: 35px 0;
    }

    body .sh-instruction h4 {
        font-size: 20px;
        line-height: 30.6px;
    }

    body .sh-item-portfolio-style-4 .sh-portfolio-content-style-2 {
        padding-left: 25px;
    }

    body .sh-item-portfolio-style-4 h4 {
        line-height: 24.6px;
        margin: 25px 0 10px;
    }

    body .sh-item-portfolio-style-4 h6 {
        margin: 0;
    }

    body .sh-item-portfolio-style-4 p {
        margin-top: 10px;
    }

    body .sh-services-wrapper {
        padding: 30px 0;
    }

        body .sh-services-wrapper h3 {
            font-size: 18px;
            margin: 0;
        }

        body .sh-services-wrapper p {
            padding: 0 20px;
        }

        body .sh-services-wrapper .sh-features {
            margin: 0;
            padding: 40px 0;
        }

        body .sh-services-wrapper ul.sh-features li {
            width: 50%;
        }

    body .sh-features li.sh-col-4 div {
        margin-bottom: 30px;
        display: inline-block;
    }

    body .sh-features li.sh-col-4:last-child div {
        margin: 0;
    }

    body .sh-services-wrapper .sh-item-more-details span {
        padding: 10px 15px;
    }

        body .sh-services-wrapper .sh-item-more-details span i {
            padding-right: 15px;
        }
    /*---------------- Home 05 ------------------*/
    body .sh-institution span {
        display: block;
        padding: 20px;
        text-align: center;
    }

    body .sh-institution a {
        display: block;
        font-size: 20px;
        padding: 20px 10px 10px;
        text-align: center;
    }

    body .sh-institution strong {
        display: block;
        padding-bottom: 20px;
        text-align: center;
    }

    body .sh-introduce-style-5 {
        padding-top: 30px;
    }

        body .sh-introduce-style-5 .sh-introduce-image-logo {
            margin-right: 0;
            width: 100%;
            text-align: center;
            margin-bottom: 30px;
        }

    body .sh-introduce-image-logo.pull-left img {
        max-width: 100%;
    }

    body .sh-introduce-content-style-5 {
        text-align: center;
        width: auto;
    }

    body .sh-portfolio-wapper-style-5 {
        padding-bottom: 30px;
    }

    body .portfolio-style-5 {
        height: auto;
    }

    body .sh-portfolio-titlte {
        padding-bottom: 40px;
    }

    body .sh-portfolio-content-style-5 {
        background: rgba(0, 0, 0, 0);
        left: 0;
        position: absolute;
        text-align: center;
        top: 0;
        z-index: 999;
    }

        body .sh-portfolio-content-style-5 h4,
        .sh-portfolio-image-style-5 h4 {
            padding: 20px;
            margin-top: 50px;
        }

        body .sh-portfolio-content-style-5 p,
        body .sh-portfolio-image-style-5 p {
            padding-left: 0;
        }

    body .sh-portfolio-image-style-5 {
        left: 0;
    }

    body .sh-pathways-english {
        padding-bottom: 40px;
    }

    body .sh-pathways-one {
        margin-bottom: 30px;
        margin-right: 0;
        padding: 0 0 35px;
    }

        body .sh-pathways-one p {
            margin: 0;
        }
    /*---------------- Home 06 ------------------*/
    body .sh-services-wrapper-style-6 {
        padding-top: 30px;
    }

    body .sh-services-style-6 {
        padding: 0;
        text-align: center;
        margin-bottom: 30px;
    }

        body .sh-services-style-6 .sh-services-description img {
            margin: 30px 0 0;
            padding: 0;
        }

        body .sh-services-style-6 .sh-services-description h3 {
            padding: 30px 0 0;
        }

            body .sh-services-style-6 .sh-services-description h3 a {
                font-size: 20px;
                line-height: 22.8px;
            }

        body .sh-services-style-6 .sh-services-description p {
            padding: 20px;
        }

        body .sh-services-style-6 .sh-services-description a span {
            margin: 10px 0 0 0;
            padding: 5px 10px;
        }

            body .sh-services-style-6 .sh-services-description a span i {
                padding-right: 10px;
            }

    body .sh-services-project ul {
        padding: 0;
    }

        body .sh-services-project ul li {
            display: inline-block;
            float: none;
            margin: 15px;
        }
    /*---------------- Home 07 ------------------*/
    body .sh-information {
        padding: 30px 0 10px;
    }

    body .sh-introduce-content-style-7 .sh-features li div {
        margin-bottom: 10px;
    }

    body .sh-introduce-content-style-7 h4 {
        padding: 10px 0 30px;
    }

    body .sh-features-style-7 {
        margin: 25px 0 30px;
    }

        body .sh-features-style-7 ul {
            overflow: hidden;
        }

    body div.sh-features-style-7 li {
        width: 100%;
    }

    body .sh-information-content {
        margin: 0 0px 20px;
    }

    body .sh-information-image {
        overflow: hidden;
    }

        body .sh-information-image img {
            width: 100%;
        }

    body .sh-information-content li {
        padding-left: 30px;
    }

    body .sh-training-images > img {
        width: 100%;
    }
    /*-------------- Blog-RightSideBar ---------------*/
    body .sh-blog-title {
        padding: 40px 0;
    }

    body .sh-blog-wrapper {
        padding: 30px 0;
    }

    body .sh-blog-item:first-child {
        padding-bottom: 30px;
    }

    body .sh-blog-wrapper .widget:last-child {
        padding-bottom: 30px;
    }

    body .sh-blog-more {
        margin: 0;
    }

    body .sh-blog-description {
        margin-top: 30px;
    }

    body .widget:first-child {
        margin-top: 40px;
    }

    body .widget.widget-general ul li {
        padding: 10px 15px;
    }
    /*-------------- Blog-Left SideBar ---------------*/
    body .sh-blog-wrapper .widget-responsive-left {
        margin-top: 0;
    }

    body .sh-blog-item:first-child {
        padding-top: 30px;
    }
    /*--------------Blog 01 Column-----------------*/
    body .sh-blog-item-style-1 .sh-blog-description {
        margin: 25px 15px 0;
        padding-right: 0;
    }

    body .sh-blog-item-style-1 .sh-blog-more {
        margin: 0;
    }

        body .sh-blog-item-style-1 .sh-blog-more span a {
            padding: 10px 15px 10px 0;
        }
    /*-------------- Blog 4 column ---------------*/
    body .sh-blog-wrapper-style-4 {
        padding: 0;
    }

    body .sh-blog-item-style-4 .sh-blog-more {
        padding-top: 0;
    }

    body .shPagination-style-4 {
        padding: 40px 0;
    }

    body .sh-blog-item-style-4 .sh-blog-more span a {
        padding: 10px 15px;
    }
    /*-------------- Blog Post Page ---------------*/
    body .comment-post {
        padding: 10px 20px;
    }
    /*---------- Blog Time Line ----------*/
    body .sh-timeline {
        margin-top: 30px;
    }

        body .sh-timeline li {
            width: 100%;
        }

        body .sh-timeline .sh-timeline-inverted {
            margin-bottom: 0;
        }

    body .sh-timeline-panel-left .sh-blog-item {
        padding-bottom: 0;
        margin-bottom: 0;
        padding-top: 0;
    }

    body .sh-timeline-panel-right .sh-blog-item {
        margin-top: 0;
        padding-bottom: 0;
    }

    body .sh-timeline-panel-left .sh-blog-more {
        margin: 0 0 30px;
    }

    body .sh-timeline-panel-right .sh-blog-more {
        margin: 0 0 30px;
    }

    body .sh-timeline .sh-blog-more span a {
        font-size: 12px;
    }

    body .sh-tldate-left,
    body .sh-tldate-right {
        display: none;
    }

    body .sh-more-post {
        padding: 30px 0;
    }
    /*------------------ About ------------------*/
    body .sh-about-image a img {
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        -moz-transform: scale(0.6);
        -o-transform: scale(0.6);
        transform: scale(0.6);
    }

    body .sh-about-content {
        padding: 30px 0 40px;
    }

        body .sh-about-content h3 {
            padding: 12px 0;
        }

    body .sh-instruction h4 {
        padding: 0 10px;
    }
    /*---------------- Courses Grid ------------------*/
    body .sh-courses-title {
        padding: 40px 0;
    }

        body .sh-courses-title h1 a {
            font-size: 26px;
            line-height: 30px;
        }

    body .sh-courses-grid {
        padding: 10px 0 30px;
    }
    /*---------------- Courses List Class ------------------*/
    body .sh-courses-wrapper {
        padding: 30px 0;
    }
    /*---------------- Courses ListIn Table ------------------*/
    body .sh-course-table {
        padding: 30px 0 0;
    }
    /*---------------- Courses Register------------------*/
    body .sh-courses-title {
        padding: 10px 0 30px;
    }

    body .sh-register {
        padding: 40px 0;
    }

    body .sh-register-content p {
        line-height: 20.8px;
        padding: 15px 25px;
    }

    body .sh-register-content ul {
        margin: 20px 0;
    }

    body .sh-register-content li {
        margin-bottom: 10px;
        width: 100%;
    }

        body .sh-register-content li a {
            display: block;
        }

    body .form-register .details-title {
        padding: 0 0 5px;
    }

    body .form-register input {
        margin: 0;
        padding: 5px 10px;
        width: 450px;
    }

    body .form-register .controls {
        margin: 0;
        text-align: center;
    }

        body .form-register .controls button {
            margin: 30px 0 0;
        }

    body .sh-bog-search label {
        right: 20px;
    }
    /*---------------- Courses Single Courses------------------*/
    body .sh-form-ticket button {
        margin: 0;
    }
    /*---------------- Courses Single Courses------------------*/
    body .sh-events-wrapper {
        padding: 40px 0;
    }

    body .sh-single-ticket > img {
        width: 100%;
    }

    body .sh-day-open {
        margin-top: 30px;
    }

        body .sh-day-open h3 {
            font-size: 18px;
        }

    body .sh-form-ticket p {
        padding: 0 0 25px;
    }

    body .sh-form-ticket button {
        margin-left: 0;
        margin-bottom: 30px;
    }

    body .sh-speaker-images img {
        width: 100%;
    }
    /*------------------ Contact---------------------*/
    body .sh-contact-title {
        padding: 30px 0;
    }

    body .sh-map-address {
        padding: 30px 0 0;
        margin-bottom: 30px;
    }

    body .sh-map-us p {
        padding-bottom: 40px;
    }

    body .sh-map-information > p {
        width: auto;
    }

    body .sh-comment-post {
        margin: 20px 0;
    }

        body .sh-comment-post button {
            margin: 10px 0 10px;
        }
    /*------------------ Event-Grid ---------------------*/
    body .sh-events-title {
        padding: 30px 0;
    }

    body .sh-pagination-events {
        padding: 5px 0 10px;
    }
    /*------------------ Event-List ---------------------*/
    body .sh-event-list li {
        margin: 0 0 30px;
        padding: 0 0 25px;
    }

    body .sh-event-list span {
        margin: 25px 0 0;
    }

    body .sh-pagination-style-2 {
        padding-bottom: 10px;
    }
    /*---------------- Event-Single-Page ----------------*/
    body .sh-form-ticket p {
        padding: 0 0 20px;
    }

    body .sh-gallary h3 {
        margin: 0;
    }

    body .sh-speaker-title {
        padding-bottom: 30px;
    }

        body .sh-speaker-title img {
            padding-top: 30px;
        }
    /*---------------- Feature Color-2 ------------------*/
    body.sh-theme-02 .sh-header-home-1 {
        background: #efedef;
    }

        body.sh-theme-02 .sh-header-home-1 button:hover i {
            color: #202d48;
        }

    body.sh-theme-02 .sh-introduce-content > a {
        margin: 30px 0 0;
    }
    /*---------------- Feature Color-3 ------------------*/
    body.sh-theme-03 .sh-header-home-1 {
        background: #287e7a;
    }

        body.sh-theme-03 .sh-header-home-1 button:hover i {
            color: #202d48;
        }

    body.sh-theme-03 .sh-introduce-content > a {
        margin: 30px 0;
    }
    /*---------------- Feature Color-4 ------------------*/
    body.sh-theme-04 .sh-header-home-1 {
        background: #8c6900;
    }

        body.sh-theme-04 .sh-header-home-1 button:hover i {
            color: #202d48;
        }

    body.sh-theme-04 .sh-introduce-content > a {
        margin: 30px 0;
    }
    /*---------------- Feature Color-5 ------------------*/
    body.sh-theme-05 .sh-header-home-1 {
        background: #0085b2;
    }

        body.sh-theme-05 .sh-header-home-1 button:hover i {
            color: #202d48;
        }

    body.sh-theme-05 .sh-introduce-content > a {
        margin: 30px 0;
    }
    /*---------------- Feature RTLLayout ------------------*/
    body.home-rtl .sh-element-content {
        text-align: right;
    }

    body.home-rtl .sh-portfolio-content > span {
        padding-right: 0;
    }
    /*---------------- Feature SortCode ------------------*/
    body .sh-shortcode-title {
        padding: 30px 0;
    }

    body .sh-feature-services {
        padding: 10px 0;
    }

    body .sh-button {
        padding: 30px 0;
    }

    body .sh-title-button h3 {
        padding-bottom: 30px;
    }
    /*-------------- Feature-Forum ------------*/
    body .sh-typo-title {
        padding: 40px 0;
    }

    body sh-breadcrumb {
        padding-top: 30px;
    }

    body .sh-breadcrumb {
        padding-top: 30px;
    }

    body .shkunena-login .input input {
        width: 100%;
        margin: 10px 0;
    }
    /*-------------- JoomLaBase-404 Page ------------*/
    body .sh-joom-title {
        padding: 30px 0;
    }

    body .icon-404 {
        font-size: 60px;
    }

    body .title-404 {
        padding: 0;
        font-size: 44px;
    }

    body .content-404-style p {
        padding: 0 8%;
    }
    /*-------------- JoomLaBase-New Feed ------------*/
    body .sh-link-widget {
        padding: 0;
    }

    body .joom-newfeed {
        margin: 0 0 20px;
        padding: 10px 0 0;
    }

    body .last .sh-video-new-feed {
        width: auto;
        margin-top: 30px;
    }
    /*-------------- JoomLaBase-New Link ------------*/
    .joom-newlink {
        margin: 0 0 60px;
        padding: 30px 0 0;
    }
    /*-------------- JoomLaBase-New Link ------------*/
    body .joom-login {
        padding: 30px 0;
    }

    body .joom-form-login {
        padding: 15px 0;
    }

        body .joom-form-login input {
            width: 100%;
            margin: 0;
        }

    .joom-form-login .controls {
        text-align: center;
    }

    body .joom-form-login .controls button {
        margin-bottom: 30px;
    }

    body .joom-form-meta {
        text-align: center;
    }
    /*-------------- JoomlaBase-Page-Profile-User ------------*/
    body .sh-joom-profile {
        padding: 30px 0;
    }

    body .sh-profile-me {
        padding-top: 10px;
    }

        body .sh-profile-me .sh-profile-title {
            margin: 0 0 10px;
        }

        body .sh-profile-me p {
            padding-bottom: 0;
        }

    body .sh-profile-courses {
        padding: 30px 0;
    }

        body .sh-profile-courses .sh-profile-title {
            margin: 0;
        }

    body .sh-profile-event .sh-profile-title {
        margin-bottom: 0;
    }

    body .sh-profile-user {
        margin-top: 20px;
        padding-top: 30px;
        text-align: center;
    }

        body .sh-profile-user .sh-user-thumbnail img {
            height: 230px;
            width: 230px;
            padding: 0;
            position: static;
        }

            body .sh-profile-user .sh-user-thumbnail img:first-child {
                display: none;
            }

        body .sh-profile-user .entry-meta {
            padding-top: 0;
        }

    body .sh-profile-image {
        margin-bottom: 30px;
    }
    /*------------ JoomlaBase-Page-Remind-UserName -----------*/
    body .joom-remind {
        padding: 30px 0 40px;
    }
    /*------------ JoomlaBase-Page-Reset-Pass -----------*/
    body .joom-reset {
        padding: 30px 0 0;
    }
    /*------------ JoomlaBase-Page-Resgister -----------*/
    body .joom-register {
        padding: 60px 0 80px;
    }
    /*----------------- Social-Login -----------------*/
    body .sh-banner-social {
        display: none;
    }

    body .sh-customer {
        padding: 40px 0;
    }

    body .sh-customer-login h4 {
        padding-left: 20px;
    }

    body .sh-customer-login .joom-form-login {
        padding: 15px 0;
    }

    body .sh-customer-login p {
        margin: 0;
        padding: 0 20px;
    }

    body .sh-customer-login .joom-form-login label {
        padding: 0 20px;
    }

    body .sh-customer-login .joom-form-login input {
        margin: 0 0 0 20px;
        width: 90%;
    }

    body .sh-customer-login .joom-form-login .controls button {
        margin: 40px 0 20px;
    }
    /*---------------- Social-Activity ------------------*/
    body .sh-activity-wrapper {
        padding: 30px 0;
    }

    body .sh-social-login .sh-input-name {
        width: 90%;
    }

    body .sh-social-login .sh-input-pass {
        width: 90%;
    }

    body .sh-connect-people .sh-connect-content {
        left: 20%;
    }

    body .sh-connect-people .owl-controls {
        left: 35%;
    }

    body .sh-connect-content h3 a {
        font-size: 16px;
    }

    body .sh-list-people .sh-add-images .sh-avatar {
        float: none;
        margin-bottom: 30px;
        width: auto;
    }

    body .sh-list-people .sh-add-friend .sh-content {
        margin: 0 0 0 30px;
    }

    body .sh-list-people .sh-content {
        width: 100%;
    }

        body .sh-list-people .sh-content p {
            padding: 30px 0;
        }

            body .sh-list-people .sh-content p img {
                width: 100%;
            }

    body .sh-add-friend {
        padding: 30px 0;
    }

    body .sh-list-people .sh-add-event .sh-avatar {
        float: none;
        margin-bottom: 30px;
        width: auto;
    }

    body .sh-list-people .sh-update-status .sh-avatar {
        float: none;
        margin-bottom: 30px;
        width: auto;
    }

    body .sh-notice article a {
        padding: 30px 15px 0;
    }

    body .sh-list-people .sh-notice article p {
        padding: 20px;
    }

    body .sh-list-people .sh-notice article ul li {
        padding: 0 20px;
    }

    body .sh-update-status .sh-comment-content div span {
        padding: 0 20px;
    }

    body .sh-update-status .sh-comment-content div p {
        padding: 30px 20px;
    }

    body .sh-list-people .sh-share-images .sh-avatar {
        float: none;
        margin-bottom: 30px;
        width: auto;
    }

    body .sh-share-images .sh-multil-photo a {
        overflow: hidden;
        width: 50%;
        margin: 0;
    }

    body .sh-multil-photo img {
        width: 100%;
    }

    body .sh-join-group {
        padding: 20px 0 30px;
    }

    body .sh-list-people .sh-join-group .sh-content {
        margin-top: 20px;
    }

    body .sh-list-people .sh-share-video .sh-avatar {
        float: none;
        margin-bottom: 30px;
        width: auto;
    }

    body .sh-list-people .sh-share-video {
        padding-bottom: 10px;
    }

        body .sh-list-people .sh-share-video .sh-content {
            width: 100%;
        }

    body .load-more {
        margin: 0;
        padding: 20px 0;
    }
    /*---------------- Social-Groups ------------------*/
    body .sh-groups {
        padding: 40px 0;
    }

    body .sh-all-groups {
        padding-bottom: 40px;
    }
    /*---------------- Social-Members ------------------*/
    body .sh-members {
        padding: 40px 0;
    }

    body .sh-detail-member .sh-info {
        margin: 30px 0;
    }

    body .sh-all-member {
        padding: 0 0 40px;
    }

    body .sh-members-wrapper {
        padding: 30px 0 0;
    }

    body .sh-detail-member .sh-avatar,
    body .sh-detail-member .sh-info {
        float: none !important;
    }
    /*---------------- Social-Single Group ------------------*/
    body .sh-social-group {
        padding: 40px 0;
    }

    body .sh-member-link .sh-images-member {
        margin: -80px 25px 10px;
    }

    body .sh-member-join .sh-author-name {
        font-size: 18px;
        line-height: 24px;
        margin: 0;
    }

    body .sh-member-join .sh-send-messages {
        margin: 0 10px;
        text-align: center;
    }

        body .sh-member-join .sh-send-messages a {
            font-size: 12px;
            line-height: 14.4px;
            margin: 0;
        }

    body .sh-member-link .sh-about-me.pull-left {
        float: none !important;
    }

    body .sh-member-action {
        float: none !important;
    }

    body .sh-member-link .sh-about-me li {
        display: inline-block;
        padding: 0 10px;
    }

    body .sh-member-link .sh-member-action span a {
        display: inline-block;
        margin: 20px 15px;
    }
    /*---------------- Social-SingleMember ------------------*/
    body .sh-member-join .sh-user-name {
        font-size: 22px;
        line-height: 26px;
        margin: 0;
        text-align: center;
    }
    /*-------------- Footer -------------*/
    .sh-footer-content .sh-footer-part > li {
        width: 100%;
        padding-bottom: 10px;
    }
}
/**
* 6.2 Small devices (tablets, 768px and 991px)
* -----------------------------------------------------------------------------
*/
@media (min-width: 768px) and (max-width: 991px) {
    /*----------------Header 01 ------------------*/
    body .sh-header {
        padding: 0;
    }

    .sh-header-content {
        padding: 10px 0;
        border: 0;
    }

    .sh-menu > li a {
        border-right: 0;
    }

    .sh-logo {
        border-left: 0 none;
        border-right: 0 none;
        margin: 0;
        padding: 0;
    }

        .sh-logo a {
            display: inline-block;
        }

    body .sh-search {
        padding: 5px 5% 0 0;
    }

        body .sh-search i {
            font-size: 16px;
        }

        body .sh-search:hover {
            background: none;
        }

            body .sh-search:hover i {
                color: #ffffff;
            }

    body .sh-button-toggle {
        padding: 5px 0 0;
        border-width: 0;
        border-left: 0 !important;
        display: block;
    }

    .sh-button-toggle:hover {
        background: none;
    }

    .sh-button-toggle i {
        font-size: 18px;
    }

    .sh-button-toggle:hover i {
        color: #ffffff;
    }
    /*------------------- Header 02 -----------------------*/
    body .sh-header-2 .sh-sign-in {
        text-align: center;
    }

    body .sh-header-2 .sh-logo {
        padding: 0;
        width: 280px;
        padding-top: 15px;
    }

        body .sh-header-2 .sh-logo img {
            height: auto;
            width: 280px;
        }

    body .sh-header-2 button.sh-button-toggle {
        margin: 0;
        padding: 18px 20px 0 0;
    }

    body .sh-header-2 .sh-search {
        margin: -5px 0 0;
        padding: 0 20px 0 0;
    }
    /*-----------------Header 03 ------------------*/
    body .sh-header-3 .sh-header-3-content {
        padding: 0;
    }

    body .sh-header-3 .sh-logo a img {
        width: 60%;
    }

    body .sh-header-3.sh-header-3-eff .sh-logo a img {
        width: 80px;
    }

    body .sh-header-3 .sh-search {
        padding-right: 20px;
    }

    body .sh-header-3 .sh-button-toggle {
        border: medium none;
        margin: 30px 0 0 10px;
        padding-right: 5px;
        display: block;
    }

    body .sh-header-3.sh-header-3-eff .sh-search {
        margin-top: 30px;
    }

    .sh-header-3 .sh-logo {
        margin-bottom: 0;
    }
    /*---------------Header 04----------------------*/
    body .sh-image-logo-style-4 img {
        left: 50%;
        margin-left: -60px;
        max-width: 120px;
        min-width: 120px;
        position: absolute;
        top: 0px;
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
    }

    body .sh-header-4-eff .sh-image-logo-style-4 img {
        margin-left: -45px;
        max-width: 80px;
        min-width: 80px;
        top: 0px;
    }

    body .sh-menu-left .sh-button-toggle {
        border: medium none;
        float: left;
        margin: 30px 40px 30px 0;
        padding: 0;
    }

    body .sh-menu-right .sh-canvas-customer-right {
        margin-top: 25px;
    }

    body .sh-header-4-eff .sh-menu-right .sh-canvas-customer-right {
        margin-top: 16px;
    }

    body .sh-menu-right .sh-search {
        margin: 0 50px;
        padding: 0;
        position: relative;
        right: 0;
        top: 30px;
    }

    body .sh-header-4-eff .sh-menu-right .sh-search {
        padding-top: 0;
        top: 20px;
    }
    /*---------------Header 05----------------------*/
    .sh-header-5 .sh-header-content {
        padding: 0;
    }

        .sh-header-5 .sh-header-content .sh-logo {
            margin-left: 0;
        }

    .sh-header-5 .sh-logo {
        padding: 10px;
        margin-left: 30px;
    }

    .sh-header-5 .sh-button-toggle {
        margin: 16px 45px 0 0;
    }

    .sh-header-5 .sh-search {
        border-right: 0;
        margin: 5px 30px;
        padding: 15px 0;
    }

    .sh-header-5.sh-header-5-eff .sh-search {
        margin-top: 5px;
    }
    /*---------------Header 06----------------------*/
    .sh-header-6 .sh-header-content {
        padding: 0;
    }

    .sh-header-6.sh-header-6-eff .sh-logo {
        position: static;
        margin-top: 0;
    }

    .sh-header-6 .sh-search {
        margin: 22px 20px 0 35px;
        padding: 15px 0;
        border: 0;
    }

    .sh-header-6 .sh-button-toggle {
        border-left: 0 none;
        border-right: 0 none;
        margin: 22px 0 0;
        padding: 16px 10px;
    }

        .sh-header-6 .sh-button-toggle:hover i {
            color: #202d48;
        }
    /*---------------Header 07----------------------*/
    .sh-header-7 .sh-logo {
        border: medium none;
        padding: 0 0 0 30px;
    }

    .sh-header-7 .sh-search {
        border: medium none;
        margin: 15px 30px 0 0;
        padding: 0;
    }

    .sh-header-7 .sh-button-toggle {
        border: medium none;
        margin: 15px 30px 0 0;
        padding: 0;
    }

        .sh-header-7 .sh-search:hover,
        .sh-header-7 .sh-button-toggle:hover {
            background: none;
        }
    /*------------ Home 01 ----------------*/
    body .sh-liner-logo {
        display: none;
    }

    body .sh-header-home-1 {
        margin-top: 0;
        background: #202d48;
    }

        body .sh-header-home-1 .sh-header-content {
            padding: 0;
        }

    body .sh-banner-style1 .sh-banner-content {
        top: 25% !important;
    }

        body .sh-banner-style1 .sh-banner-content small {
            font-size: 16px;
            line-height: 20px;
            margin-bottom: 5px;
        }

        body .sh-banner-style1 .sh-banner-content .sh-item-more-details span {
            padding: 5px 10px;
            font-size: 13px;
        }

        body .sh-banner-style1 .sh-banner-content h6 {
            padding-bottom: 30px;
        }

        body .sh-banner-style1 .sh-banner-content h4 {
            color: #ffffff;
            font-size: 34px;
            font-weight: 400;
            line-height: 50px;
            margin: 0;
        }

    body .sh-banner-style1 .sh-under-line,
    body .sh-banner-style1 .sh-under-line:after,
    body .sh-banner-style1 .sh-under-line:before {
        display: none;
    }

    body .sh-items .sh-button-left {
        width: 40px;
        height: 40px;
        margin-top: -20px;
        top: 40%;
    }

    body .sh-items .sh-button-right {
        width: 40px;
        height: 40px;
        margin-top: -20px;
        top: 40%;
    }

    body .sh-header-home-1 .sh-button-toggle {
        display: block;
        margin: 0;
    }

    body .sh-header-home-1 .sh-search {
        margin: 0;
    }

    body .sh-introduce {
        padding: 50px 0;
    }

    body .sh-introduce-images img {
        width: 100%;
    }

    body .sh-introduce-content {
        padding: 30px;
    }

        body .sh-introduce-content h3 a {
            font-size: 18px;
        }

        body .sh-introduce-content > a {
            margin: 10px 0;
        }

        body .sh-introduce-content span {
            font-size: 12px;
            padding: 5px 10px;
        }

    body .sh-features li div {
        padding: 25px 0;
    }

    body .sh-more-details {
        margin: 38px 0 0;
    }

        body .sh-more-details span {
            padding: 5px 10px;
            font-size: 12px;
        }

            body .sh-more-details span i {
                padding-right: 15px;
            }

    body .sh-parallax-image {
        position: static;
    }

        body .sh-parallax-image img {
            height: auto;
            margin: 10px 0;
            width: 100%;
        }

    .sh-features {
        text-align: center;
    }

    body div.sh-event-content-style-1 > span {
        padding-top: 10px;
    }

    body .sh-event-content h4 {
        padding-bottom: 20px;
    }

    body .sh-images-check {
        padding: 20px 0 0;
    }

    .sh-portfolio-content {
        padding: 0 0 0 10px;
        width: 100%;
    }

    body .sh-portfolio-title {
        padding: 0 0 25px;
    }

        body .sh-portfolio-title a {
            font-size: 16px;
        }

    body .sh-image-item {
        width: 100%;
    }

    body .sh-portfolio-content {
        height: 100%;
        left: 0;
        padding: 0;
        position: absolute;
        text-align: center;
        top: 0;
        width: 100%;
    }

    body .sh-element-content:hover .sh-portfolio-content {
        background: rgba(255, 255, 255, 0.6);
    }

    body .sh-portfolio-content h4 {
        padding-top: 15px;
        display: none;
    }

        body .sh-portfolio-content h4 a {
            line-height: 18.8px;
            padding: 0 20px;
        }

    body .sh-element-content:hover .sh-portfolio-content h4 {
        display: block;
    }

    body .sh-element-content .sh-portfolio-content p {
        display: none;
    }

    body .sh-element-content:hover .sh-portfolio-content p {
        display: block;
    }

    body .sh-element-content .sh-portfolio-content > span {
        padding-top: 15%;
        display: none;
    }

    body .sh-element-content:hover .sh-portfolio-content span {
        display: block;
    }

    body .sh-portfolio-content > a {
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100%;
        margin: 0;
    }

        body .sh-portfolio-content > a span {
            padding: 20px 30px;
        }

    body .sh-portfolio-project a {
        padding: 20px;
    }

    body .sh-our-leader {
        padding: 0 0 20px;
    }

    body .sh-title-leader {
        padding-bottom: 25px;
    }

    body .sh-leader-content {
        margin-bottom: 15px;
        padding-bottom: 0;
    }

    body .sh-our-leader-image img {
        width: 100%;
    }

    body .sh-leader-content h6 {
        margin: 0;
        padding: 5px 0 0;
    }

    body .sh-leader-content small {
        margin: 0;
        padding: 0 0 10px;
        display: inline-block;
    }

    body .sh-title-event {
        padding: 0 0 30px;
        font-size: 16px;
    }

    body .sh-article-content h4 {
        font-size: 14px;
        line-height: 18.8px;
        padding: 0 20px;
    }

    body .sh-article-content p {
        font-size: 13px;
        line-height: 18.4px;
        padding: 0 20px;
        top: 100px;
    }

    body .sh-article-content span {
        margin-left: -78px;
        bottom: 40px;
    }

    body .sh-article-content a {
        font-size: 13px;
        padding: 5px 15px;
    }

        body .sh-article-content a i {
            padding-right: 10px;
        }

    body ul.sh-contact-wapper-style-1 {
        margin: 20px 0 0;
        padding: 0;
    }

    .sh-contact-form {
        text-align: center;
    }

    body .sh-contact-wapper span {
        margin: 0 0 20px 0;
        display: inline-block;
        font-size: 12px;
    }

    body .sh-contact-wapper li {
        padding-left: 0;
    }

        body .sh-contact-wapper li input {
            padding: 5px 10px;
            margin: 0 0 10px 0;
            width: 100%;
        }

        body .sh-contact-wapper li textarea {
            display: block;
            height: 120px;
            width: 100%;
            padding-left: 10px;
        }

    body .sh-contact-wapper button {
        margin: 30px 0;
        padding: 5px 20px;
    }

    body .sh-contact-wapper li {
        float: none;
    }

    body .sh-header-home-1 {
        margin-top: 0;
        background: #202d48;
    }

        body .sh-header-home-1 button {
            padding: 15px;
            position: static !important;
        }

            body .sh-header-home-1 button:hover {
                background: none;
            }

    body .sh-footer-content {
        padding: 20px 0 10px 0;
    }

        body .sh-footer-content li {
            float: none;
            width: 100%;
        }

    body .sh-footer-address-site {
        padding: 30px 0;
    }
    /*------------ Home 02 ----------------*/
    body .sh-items .sh-banner-content small {
        font-size: 20px;
        font-weight: 400;
        line-height: 20px;
        margin: 0 0 15px;
    }

    body .sh-items .sh-banner-content h4 {
        font-size: 24px;
        font-weight: 400;
        line-height: 24px;
        margin: 0 0 20px;
    }

    body .sh-items .sh-banner-content .sh-under-line,
    body .sh-items .sh-banner-content .sh-under-line:after,
    body .sh-items .sh-banner-content .sh-under-line:before {
        display: none;
    }

    body .sh-banner-content .sh-item-more-details span {
        padding: 5px 10px;
    }

    body .sh-features-style-2 li {
        width: 50%;
    }

    body .sh-introduce-content-style-2 {
        padding: 0;
    }

    body .sh-introduce-content h4 {
        padding: 20px 0;
        font-size: 20px;
    }

    body .sh-title-find {
        padding-bottom: 20px;
        font-size: 16px;
    }

    body .sh-cources-content-left a strong {
        padding-left: 15px;
    }

    body .sh-cources-content-left li:hover a i {
        display: none;
    }

    body .sh-cources-content-left li:hover a img {
        opacity: 1;
    }

    body .sh-tab-slider img {
        height: 219px;
    }

    body .sh-tab-slider-img .sh-cources-prev,
    body .sh-tab-slider-img .sh-cources-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
    }

    body .sh-item-more-details-style-2 {
        margin-top: 30px;
    }

    body .sh-cources-content-left a {
        padding: 10px 20px;
    }

    body .sh-video {
        padding: 40px 0;
    }

    body .sh-video-content h3 {
        font-size: 30px;
        line-height: 40px;
    }

    body .sh-item-portfolio h4,
    body .sh-item-portfolio h6 {
        margin-top: 20px;
        line-height: 21.6px;
    }

    body .sh-item-portfolio:hover .sh-portfolio-content-style-2 span {
        bottom: 30px;
    }

    body .sh-tab-description {
        padding: 13px 0;
    }

        body .sh-tab-description p {
            padding: 8px 20px 0;
        }

    body .sh-event-content strong {
        padding-bottom: 25px;
    }

    body .sh-last-event-next,
    body .sh-last-event-prev {
        display: none;
    }

    body .sh-contact-wapper {
        padding: 20px 0 0;
    }
    /*------------ Home 03 ----------------*/
    body .sh-items .sh-banner-content h6 {
        padding-bottom: 20px;
    }

    body .sh-introduce-content-style-3 {
        margin-top: 0px;
    }

        body .sh-introduce-content-style-3 .sh-introduce-logo {
            margin-top: 0px;
        }

    body .sh-introduce-style-3 {
        padding: 0;
    }

    body .sh-introduce-content-style-3 h4 {
        padding: 30px 0 10px;
        font-size: 16px;
    }

    body .sh-introduce-content-style-3 p {
        font-size: 13px;
    }

    body .sh-event-style-3 .sh-images-school {
        width: 100%;
        text-align: center;
    }

        body .sh-event-style-3 .sh-images-school img {
            max-width: 100%;
        }

        body .sh-event-style-3 .sh-images-school a {
            margin-left: -47px;
            margin-top: -60px;
        }

        body .sh-event-style-3 .sh-images-school:after {
            display: none;
        }

    body .sh-event-content-style-3 {
        margin: 25px 0 0;
        padding: 43px 0 32px;
    }

    body .sh-introduce-map {
        margin: 25px 0 0;
    }

    body .sh-event-style-3 .sh-introduce-map > img {
        width: 100%;
    }

    body .sh-portfolio-images {
        width: 45%;
    }

    body .sh-portfolio-content-style-3 {
        width: 55%;
    }

        body .sh-portfolio-content-style-3 span a {
            text-align: center;
        }

    body .sh-form-log-in {
        padding-bottom: 35px;
    }

    body .sh-log-in span {
        text-align: center;
    }

    body .sh-form-log-in input {
        padding: 10px 20px;
        width: 300px;
    }

    body .sh-button-login {
        margin: 35px 0 0 80px;
        padding: 5px 10px;
    }

        body .sh-button-login i {
            padding-right: 10px;
        }

    body .sh-about-school {
        padding-bottom: 52px;
    }

        body .sh-about-school h4 {
            margin: 0 15px;
            padding: 10px 0;
        }
    /*------------ Home 04 ----------------*/
    body .sh-contact-content .sh-contact-form {
        position: static;
    }

    body .sh-contact-wapper-style-4 > li:first-child {
        margin-top: 30px;
        padding-top: 10px;
    }

    body .sh-contact-wapper-style-4 span {
        display: block;
        margin: 5px 20px 15px;
        padding: 13px;
        width: auto;
    }

    body .sh-contact-wapper-style-4 li textarea {
        display: block;
        margin: 0 30px 0 35px;
        padding-left: 10px;
        width: 90%;
        margin-top: 0;
    }

    body .sh-contact-wapper-style-4 li input {
        width: 90%;
    }

    body .sh-address-style-4 {
        margin-top: 30px;
    }

        body .sh-address-style-4 > span {
            overflow: hidden;
        }

    body .sh-introduce-content-style-4 h4 {
        padding: 0 0 20px;
    }

    body .sh-introduce-content-style-4 p {
        padding-bottom: 20px;
    }

    body .sh-cources-content-left {
        margin: 0;
    }

    body .sh-tab-description span {
        padding: 20px 0 16px;
    }

        body .sh-tab-description span a {
            font-size: 13px;
            margin-left: 5px;
            padding: 5px;
        }

    body .sh-item-portfolio-style-4 h4 {
        line-height: 24.6px;
        margin: 25px 0 10px;
    }

    body .sh-item-portfolio-style-4 h6 {
        margin: 0;
    }

    body .sh-item-portfolio p {
        margin-top: 20px;
    }

    body .sh-services-wrapper {
        padding: 30px 0;
    }

        body .sh-services-wrapper .sh-features {
            margin: 0 0 10px;
            padding: 20px 0 0;
        }

        body .sh-services-wrapper ul.sh-features li {
            width: 50%;
            margin: 0 0 20px;
        }

    body .sh-features li.sh-col-4 div {
        display: inline-block;
    }
    /*------------ Home 05 ----------------*/
    body .sh-slider-banner-5 .sh-banner-content {
        top: 30% !important;
    }

    body .sh-slider-banner-5 .sh-items .sh-banner-content small {
        display: none;
    }

    body .sh-institution {
        text-align: center;
    }

        body .sh-institution span {
            display: block;
            margin: 20px 0 0;
            padding: 20px 10px;
        }

        body .sh-institution img {
            margin-top: 0;
        }

        body .sh-institution a {
            font-size: 18px;
            padding: 20px 30px 10px;
            display: inline-block;
        }

        body .sh-institution strong {
            padding-bottom: 30px;
            display: inline-block;
            padding-left: 0;
        }

    body .sh-introduce-style-5 {
        padding-top: 30px;
        width: 100%;
    }

        body .sh-introduce-style-5 .sh-introduce-image-logo {
            margin-right: 0;
            width: 100%;
            margin-bottom: 30px;
            text-align: center;
        }

            body .sh-introduce-style-5 .sh-introduce-image-logo img {
                max-width: 100%;
            }

    body .sh-introduce-content-style-5 {
        width: auto;
    }

    body .sh-portfolio-image-style-5 {
        left: 0;
    }

    body .portfolio-style-5 .sh-item-element {
        z-index: 99;
        width: 100%;
    }

    body .portfolio-style-5 .sh-portfolio-content-style-5 {
        width: 100%;
        z-index: 98;
        position: absolute;
    }

    body .portfolio-style-5:hover .sh-portfolio-content-style-5 {
        z-index: 100;
        background: rgba(247, 247, 247, 0.4);
    }
    /*------------ Home 06 ----------------*/
    body .sh-services-wrapper-style-6 {
        padding: 30px 0 0;
    }

    body .sh-services-style-6 {
        margin-bottom: 30px;
        padding: 0 0 15px 0;
    }

        body .sh-services-style-6 .sh-services-description {
            text-align: center;
        }

            body .sh-services-style-6 .sh-services-description img {
                margin-top: 30px;
                padding-left: 0;
            }

            body .sh-services-style-6 .sh-services-description h3 {
                padding-top: 30px;
                padding-left: 0;
            }

                body .sh-services-style-6 .sh-services-description h3 a {
                    font-size: 20px;
                    line-height: 21.8px;
                }

            body .sh-services-style-6 .sh-services-description p {
                padding: 30px;
                margin: 0;
            }

            body .sh-services-style-6 .sh-services-description a span {
                margin: 10px 0 0 0;
                padding: 5px 10px;
            }

                body .sh-services-style-6 .sh-services-description a span i {
                    padding-right: 10px;
                }

        body .sh-services-style-6 .sh-services-project ul {
            padding: 0;
            text-align: center;
        }

            body .sh-services-style-6 .sh-services-project ul li {
                display: inline-block;
                float: none;
                margin: 15px;
            }
    /*------------ Home 07 ----------------*/
    body .sh-features-style-7 {
        margin: 25px 0;
    }

    body .sh-features ul {
        margin: 0;
        overflow: hidden;
    }

    body div.sh-features-style-7 li {
        float: left;
        margin: 0;
        width: 50%;
    }

    body .sh-information {
        padding: 30px 0 10px;
    }

    body .sh-information-image > img {
        width: 100%;
    }

    body .sh-training {
        padding: 30px 0 0;
    }

    body .sh-training-images > img {
        width: 100%;
    }
    /*-------------- Blog-RightSideBar ---------------*/
    body .sh-blog-wrapper .widget:last-child {
        padding-bottom: 30px;
    }

    body .sh-blog-description {
        margin-top: 30px;
    }

    body .sh-blog-more {
        margin: 0;
    }

    body .sh-blog-item {
        padding-bottom: 30px;
    }

    body .shPagination {
        padding-bottom: 40px;
    }
    /*-------------- Blog-Left SideBar ---------------*/
    body .sh-blog-wrapper .widget-responsive-left {
        margin-top: 0;
    }

    body .sh-blog-item:first-child {
        padding-top: 30px;
    }
    /*--------------Blog 01 Column-----------------*/
    body .sh-blog-title {
        padding: 20px 0 35px;
    }

    body .sh-blog-wrapper {
        padding: 30px 0 40px;
    }

    body .sh-blog-wrapper-style-1 {
        padding: 40px 0 0;
    }

    body .sh-blog-item-style-1 .sh-blog-more {
        margin: 0 0 20px;
    }
    /*--------------Blog 02 Column-----------------*/
    body .sh-blog-item-style-2 .sh-blog-more {
        margin: 0;
    }

    body .shPagination-style-2 {
        padding: 40px 0;
    }
    /*--------------Blog 03 Column-----------------*/
    body .sh-blog-wrapper-style-3 {
        padding-top: 0;
    }

        body .sh-blog-wrapper-style-3 .sh-blog-more span a {
            padding: 10px 20px 10px 10px;
        }

    body .shPagination-style-3 {
        padding: 40px 0;
    }
    /*--------------Blog 04 Column-----------------*/
    body .sh-blog-item-style-4 .sh-blog-more span a i {
        padding: 0 10px;
    }

    body .shPagination-style-4 {
        padding: 40px 0;
    }
    /*-------------- Blog Post Page ---------------*/
    body .comment-post {
        padding: 10px 20px;
    }
    /*---------------- Blog Time Line --------------*/
    body .sh-blog-item:first-child {
        padding-top: 0;
    }

    body .sh-tldate-left {
        left: 107%;
        width: 100px;
    }

    body .sh-tldate-right {
        left: -123px;
        padding: 10px 0;
        top: 96px;
        width: 100px;
    }

    .sh-timeline .sh-timeline-inverted:last-child:after {
        height: 605px;
        top: 95px;
    }

    body .sh-timeline .sh-timeline-inverted:after {
        background: #eeeeee;
        content: "";
        height: 495px;
        left: -75px;
        position: absolute;
        top: 143px;
        width: 1px;
    }

    body .sh-timeline .sh-blog-more span a {
        padding: 10px 10px 10px 0;
        font-size: 13px;
    }

        body .sh-timeline .sh-blog-more span a i {
            margin-left: 10px;
            padding: 0 10px;
        }

    body .sh-timeline .sh-blog-more span:first-child a i {
        margin: 0;
    }
    /*-------------------- About -------------------*/
    body .sh-about-content {
        padding: 30px 0 40px;
    }

        body .sh-about-content h3 {
            padding: 12px 0;
        }

    .sh-about-content p:nth-child(4) {
        padding-bottom: 30px;
    }

    body .sh-pathways-one p {
        margin: 0;
    }

    body .sh-about-leader {
        padding: 10px 0 40px;
    }
    /*---------------- Courses Grid ------------------*/
    body .sh-courses-title {
        padding: 50px 0;
    }
    /*---------------- Courses List Class ------------------*/
    body .sh-courses-wrapper {
        padding: 50px 0;
    }
    /*---------------- Courses ListIn Table ------------------*/
    body .sh-course-table {
        padding: 40px 0 0;
    }
    /*---------------- Courses Register------------------*/
    body .form-register .controls {
        text-align: center;
    }

        body .form-register .controls button {
            margin: 20px 0;
        }
    /*---------------- Courses Single Courses------------------*/
    body .sh-events-wrapper {
        padding: 40px 0;
    }

    body .sh-single-ticket > img {
        width: 100%;
    }

    body .sh-day-open {
        margin-top: 30px;
    }

        body .sh-day-open h3 {
            font-size: 18px;
        }

    body .sh-form-ticket p {
        padding: 0 0 25px;
    }

    body .sh-form-ticket button {
        margin-left: 0;
        margin-bottom: 30px;
    }

    body .sh-speaker-images img {
        max-width: 100%;
    }
    /*------------------ Contact---------------------*/
    body .sh-contact-title {
        padding: 30px 0;
    }

    body .sh-map-address {
        padding: 30px 0 0;
        margin-bottom: 30px;
    }

    body .sh-map-us p {
        padding-bottom: 40px;
    }

    body .sh-map-information > p {
        width: auto;
    }

    body .sh-comment-post {
        margin: 20px 0;
    }

        body .sh-comment-post button {
            margin: 10px 0 10px;
        }

    body .sh-map-form input {
        margin-bottom: 5px;
    }
    /*------------------ Event-Grid ---------------------*/
    body .sh-events-title {
        padding: 30px 0;
    }

    body .sh-pagination-events {
        padding: 5px 0 40px;
    }
    /*---------------- Feature Color-2 ------------------*/
    body.sh-theme-02 .sh-header-home-1 {
        background: #efedef;
    }

        body.sh-theme-02 .sh-header-home-1 button:hover i {
            color: #202d48;
        }

    body.sh-theme-02 .sh-introduce-content > a {
        margin: 30px 0;
    }
    /*---------------- Feature Color-3 ------------------*/
    body.sh-theme-03 .sh-header-home-1 {
        background: #287e7a;
    }

        body.sh-theme-03 .sh-header-home-1 button:hover i {
            color: #202d48;
        }

    body.sh-theme-03 .sh-introduce-content > a {
        margin: 30px 0;
    }
    /*---------------- Feature Color-4 ------------------*/
    body.sh-theme-04 .sh-header-home-1 {
        background: #8c6900;
    }

        body.sh-theme-04 .sh-header-home-1 button:hover i {
            color: #202d48;
        }

    body.sh-theme-04 .sh-introduce-content > a {
        margin: 30px 0;
    }
    /*---------------- Feature Color-5 ------------------*/
    body.sh-theme-05 .sh-header-home-1 {
        background: #0085b2;
    }

        body.sh-theme-05 .sh-header-home-1 button:hover i {
            color: #202d48;
        }

    body.sh-theme-05 .sh-introduce-content > a {
        margin: 30px 0;
    }
    /*---------------- Feature RTLLayout ------------------*/
    body.home-rtl .sh-element-content {
        text-align: right;
    }

    body.home-rtl .sh-portfolio-content > span {
        margin-right: 10px;
        padding-right: 0;
        padding-left: 0;
    }
    /*---------------- Feature SortCode ------------------*/
    body .sh-shortcode-title {
        padding: 30px 0;
    }

    body .sh-feature-services {
        padding: 10px 0;
    }

    body .sh-button {
        padding: 30px 0;
    }

    body .sh-title-button h3 {
        padding-bottom: 30px;
    }
    /*-------------- JoomLaBase-404 Page ------------*/
    body .sh-joom-title {
        padding: 40px 0;
    }

    body .icon-404 {
        font-size: 80px;
    }

    body .title-404 {
        padding: 0;
        font-size: 44px;
    }

    body .content-404-style p {
        padding: 0 15%;
    }

    .entry-404-meta span:first-child {
        margin: 0 0 20px;
        display: block;
    }
    /*-------------- JoomLaBase-New Feed ------------*/
    body .joom-newfeed {
        margin: 0 0 20px;
        padding: 10px 0 0;
    }

    body .last .sh-video-new-feed {
        width: auto;
        margin-top: 30px;
    }
    /*-------------- JoomLaBase-New Link ------------*/
    body .joom-login {
        padding: 60px 0 20px;
    }

    body .joom-form-login {
        padding: 20px 0;
    }

        body .joom-form-login input {
            width: 100%;
            margin: 0;
        }

    .joom-form-login .controls {
        text-align: center;
    }

    body .joom-form-login .controls button {
        margin-bottom: 40px;
    }
    /*-------------- JoomlaBase-Page-Profile-User ------------*/
    body .sh-joom-profile {
        padding: 30px 0;
    }

    body .sh-profile-me {
        padding-top: 10px;
    }

        body .sh-profile-me .sh-profile-title {
            margin: 0 0 10px;
        }

        body .sh-profile-me p {
            padding-bottom: 0;
        }

    body .sh-profile-courses {
        padding: 30px 0;
    }

        body .sh-profile-courses .sh-profile-title {
            margin: 0;
        }

    body .sh-profile-event .sh-profile-title {
        margin-bottom: 0;
    }

    body .sh-profile-user {
        margin-top: 20px;
        padding-top: 30px;
        text-align: center;
    }

        body .sh-profile-user .sh-user-thumbnail img {
            height: 230px;
            width: 230px;
            padding: 0;
            position: static;
        }

            body .sh-profile-user .sh-user-thumbnail img:first-child {
                display: none;
            }

        body .sh-profile-user .entry-meta {
            padding-top: 0;
        }

    body .sh-profile-image {
        margin-bottom: 30px;
    }
    /*------------ JoomlaBase-Page-Reset-Pass -----------*/
    body .joom-reset {
        padding: 60px 0 30px;
    }
    /*------------ JoomlaBase-Page-Resgister -----------*/
    body .joom-register {
        padding: 60px 0 30px;
    }

    body .sh-joomla-register {
        padding: 40px 0;
    }

    body .form-register input {
        margin-left: 0;
    }

    body .form-register .upload-avatar {
        margin: 10px 0 8px;
    }

    body .sh-joomla-register .controls button {
        margin-top: 50px;
    }
    /*----------------- Social-Login -----------------*/
    body .sh-banner-social {
        display: none;
    }

    body .sh-customer {
        padding: 40px 0;
    }

    body .sh-customer-login h4 {
        padding-left: 20px;
    }

    body .sh-customer-login .joom-form-login {
        padding: 15px 0;
    }

    body .sh-customer-login p {
        margin: 0;
        padding: 0 20px;
    }

    body .sh-customer-login .joom-form-login label {
        padding: 0 20px;
    }

    body .sh-customer-login .joom-form-login input {
        margin: 0 0 0 20px;
        width: 90%;
    }

    body .sh-customer-login .joom-form-login .controls button {
        margin: 40px 0 20px;
    }

    body .sh-customer-login .joom-form-meta {
        text-align: center;
    }

    body .sh-social-search {
        margin: 30px 0 0;
    }
    /*---------------- Social-Activity ------------------*/
    body .sh-activity-wrapper {
        padding: 50px 0;
    }
    /*---------------- Social-Groups ------------------*/
    body .sh-groups {
        padding: 50px 0;
    }

    body .sh-all-groups {
        padding-bottom: 50px;
    }
    /*---------------- Social-SingleGroup ------------------*/
    body .sh-member-link .sh-images-member {
        margin: -110px 20px 6px 25px;
    }

    body .sh-member-join .sh-author-name {
        font-size: 24px;
        line-height: 28px;
        margin: 0;
    }

    body .sh-member-link .sh-about-me.pull-left {
        float: none !important;
    }

    body .sh-member-action {
        float: none !important;
    }

    body .sh-member-link .sh-about-me li {
        display: inline-block;
        padding: 0 10px;
    }

    body .sh-member-link .sh-member-action span a {
        display: inline-block;
        margin: 20px 15px;
    }
    /*---------------- Social-SingleMember ------------------*/
    body .sh-member-join .sh-user-name {
        font-size: 24px;
        line-height: 28px;
        margin: 0 30px 0;
    }

    body .sh-member-join .sh-send-messages {
        margin: 0 10px;
    }
    /*-------------- Footer -------------*/
    .sh-footer-content .sh-footer-part > li {
        padding-bottom: 15px;
        width: 30%;
    }
}
/**
* 6.3 Medium devices (desktops, 992px and 1199px)
* -----------------------------------------------------------------------------
*/
@media (min-width: 992px) and (max-width: 1199px) {
    /*----------------Header 01 ------------------*/
    body .sh-header .container {
        padding: 0 15px;
    }

    body .sh-logo {
        border-width: 0;
        padding: 10px 0;
    }

    .sh-header-home-1 .sh-header-content .sh-logo-scroll {
        display: none;
        margin: 0 5px 0 0;
    }

    .sh-logo a {
        display: inline-block;
    }

    .sh-menu {
        border-left: 2px solid #ffffff;
    }

        .sh-menu > li a {
            padding: 19px 17px 20px;
        }

    .sub-menu-style-2 {
        -webkit-transform: translateX(-40%);
        -o-transform: translateX(-40%);
        -moz-transform: translateX(-40%);
        -ms-transform: translateX(-40%);
        transform: translate(-40%);
    }
    /*---------------- Header 02 ------------------------*/
    body .sh-header-2 .sh-sign-in {
        text-align: center;
    }

    body .sh-header-2 .sh-menu li a {
        padding: 10px 17px;
        margin: 7px 0;
    }

    body .sh-header-2 .sh-menu {
        border: none;
    }
    /*------------ Home 01 ----------------*/
    .sh-banner-style1 .sh-liner-logo img {
        width: 100px;
        margin-left: -50px;
    }

    body .sh-banner-style1 .sh-banner-content {
        top: 35% !important;
    }

        body .sh-banner-style1 .sh-banner-content small {
            font-size: 24px;
            line-height: 20px;
            margin-bottom: 5px;
        }

        body .sh-banner-style1 .sh-banner-content .sh-item-more-details span {
            padding: 5px 10px;
            font-size: 13px;
        }

        body .sh-banner-style1 .sh-banner-content h6 {
            padding-bottom: 30px;
        }

        body .sh-banner-style1 .sh-banner-content h4 {
            color: #ffffff;
            font-size: 34px;
            font-weight: 400;
            line-height: 50px;
            margin: 0;
        }

    body .sh-banner-style1 .sh-under-line,
    body .sh-banner-style1 .sh-under-line:after,
    body .sh-banner-style1 .sh-under-line:before {
        display: none;
    }

    body .sh-items .sh-button-left {
        width: 50px;
        height: 50px;
        margin-top: -25px;
    }

    body .sh-items .sh-button-right {
        width: 50px;
        height: 50px;
        margin-top: -25px;
    }

    .sh-introduce-content-style-2 > a {
        margin-top: 55px;
    }

    .sh-header-home-1 .sh-menu {
        border: 0;
        margin-left: 0;
    }

    .sh-introduce-images img {
        width: 100%;
    }

    .sh-features li div {
        padding: 48px 0;
    }

    body .sh-more-details {
        float: right;
        margin: 48px 0 0;
    }

    body .sh-parallax-image {
        width: 50%;
    }

    body .sh-title-event {
        padding: 0 0 25px;
    }

    body .sh-article-content a {
        margin-top: 20px;
    }

    body .sh-parallax-image img {
        height: auto;
        padding-top: 134px;
        width: 100%;
    }

    body .sh-images-check {
        padding: 15px 0 0;
    }

    .sh-portfolio-title {
        padding: 0 0 15px;
    }

    body .sh-portfolio-content h4 {
        padding-top: 15px;
    }

        body .sh-portfolio-content h4 a {
            line-height: 20.8px;
        }

    body .sh-portfolio-content > a {
        margin-top: 85px;
    }

    body .sh-portfolio-content span a {
        padding: 5px;
    }

    .element:first-child .sh-element-content .sh-portfolio-content a {
        margin-top: 43px;
    }

    body .sh-portfolio-content a span {
        padding: 10px 15px;
    }

    body .sh-title-leader {
        padding-bottom: 20px;
    }

    body .sh-article-content h4 {
        font-size: 16px;
        line-height: 18.8px;
        padding: 0 20px;
        top: 35px;
    }

    body .sh-article-content p {
        font-size: 13px;
        line-height: 18.4px;
        padding: 0 20px;
        top: 80px;
    }

    body .sh-article-content span {
        margin-left: -78px;
        bottom: 40px;
    }

    body .sh-article-content a {
        font-size: 13px;
        padding: 5px 15px;
    }

        body .sh-article-content a i {
            padding-right: 10px;
        }

    body .sh-contact-wapper span {
        margin-right: 5px;
    }

    body .sh-contact-wapper li input {
        padding: 5px 10px;
        width: 170px;
    }

    body .sh-contact-wapper li textarea {
        padding: 5px 10px 5px 20px;
        width: 230px;
        height: 38px;
    }

    body .sh-contact-wapper button {
        margin: 0;
        padding: 5px 10px;
    }
    /*------------ Home 02 ----------------*/
    body .sh-item-more-details-style-2 {
        margin-top: 10px;
    }

        body .sh-item-more-details-style-2 span {
            padding: 5px 15px;
        }

    body .sh-tab-slider img {
        height: 393px;
    }

    body .sh-video {
        padding: 50px 0;
    }

    body .sh-video-content h3 {
        font-size: 40px;
        line-height: 50px;
    }

    body .sh-item-portfolio .sh-image-portfolio {
        height: 250px;
    }

    body .sh-item-portfolio .sh-portfolio-content-style-2 {
        padding-left: 0;
    }

    body .sh-item-portfolio h4,
    body .sh-item-portfolio h6 {
        margin-top: 20px;
        line-height: 21.6px;
        padding-left: 20px;
    }

    body .sh-item-portfolio p {
        display: none;
    }

    body .sh-item-portfolio:hover .sh-portfolio-content-style-2 span {
        bottom: 30px;
    }

    body .sh-event-content strong {
        padding-bottom: 30px;
    }

    body .sh-contact-wapper {
        padding: 40px 0;
    }
    /*-------------- Blog-RightSideBar ---------------*/
    body .sh-blog-wrapper-style-1 {
        padding: 40px 0 0;
    }

    body .sh-blog-title {
        padding: 50px 0;
    }

    body .sh-blog-more {
        margin: 0;
    }

    body .sh-blog-item {
        padding-bottom: 30px;
    }

    body .sh-blog-more span a {
        padding: 10px 15px;
    }

        body .sh-blog-more span a i {
            padding: 0 10px;
        }

    body .shPagination {
        padding: 30px 0;
        margin: 0;
    }
    /*-------------- Blog 1 Column ---------------*/
    body .sh-blog-item-style-1 .sh-blog-more {
        margin: 0 0 20px;
    }
    /*-------------- Blog 3 Column ---------------*/
    body .sh-blog-wrapper-style-3 .sh-blog-more span a {
        padding: 10px;
    }
    /*--------------Blog 04 Column-----------------*/
    body .sh-blog-item-style-4 .sh-blog-more span a i {
        padding: 0 10px;
    }
    /*---------------- Blog Time Line --------------*/
    body .sh-tldate-left {
        left: 107%;
    }

    body .sh-tldate-right {
        left: -162px;
    }

    body .sh-timeline .sh-timeline-inverted:after {
        height: 506px;
        left: -94px;
    }

    body .sh-timeline .sh-timeline-inverted:last-child:after {
        height: 614px;
        top: 95px;
    }
    /*----------------- About -------------------*/
    body .sh-about-content {
        padding: 30px 0 40px;
    }

        body .sh-about-content h3 {
            padding: 12px 0;
        }

    body .sh-pathways-english {
        padding-top: 30px;
    }

    body .sh-about-leader {
        padding: 10px 0 40px;
    }

    body .sh-courses-wrapper {
        padding: 60px 0;
    }
    /*---------------- Feature RTLLayout ------------------*/
    body.home-rtl .sh-element-content {
        text-align: right;
    }

    body.home-rtl .sh-portfolio-content > span {
        margin-right: 10px;
        padding-right: 0;
        padding-left: 0;
    }
    /*---------------- Courses ListIn Table ------------------*/
    body .sh-course-table {
        padding: 50px 0 0;
    }

        body .sh-course-table .sh-tab-slider img {
            height: 393px;
        }
    /*---------------- Courses Register------------------*/
    body .sh-register-content li {
        margin-right: 10px;
    }

    body .form-register input {
        width: 250px;
    }
    /*---------------- Courses Single Courses------------------*/
    body .sh-single-ticket {
        overflow: hidden;
    }

    body .sh-input-ticket {
        width: 180px;
    }

    body .sh-form-ticket button {
        margin: 0 0 30px;
        padding: 10px;
    }
    /*------------------ Contact---------------------*/
    body .sh-contact-title {
        padding: 30px 0;
    }

    body .sh-map-address {
        padding: 30px 0 0;
        margin-bottom: 30px;
    }

    body .sh-map-us p {
        padding-bottom: 40px;
    }

    body .sh-map-information > p {
        width: auto;
    }

    body .sh-comment-post {
        margin: 30px 0;
    }

        body .sh-comment-post button {
            margin: 10px 0 10px;
        }

    body .sh-map-form input {
        margin-bottom: 5px;
    }
    /*------------------ Event-Grid ---------------------*/
    body .sh-events-title {
        padding: 50px 0;
    }

    body .sh-pagination-events {
        padding: 5px 0 40px;
    }
    /*----------------- Social-Login -----------------*/
    body .sh-customer-login input {
        width: 100%;
    }
    /*---------------- Social-Members ------------------*/
    body .sh-members {
        padding: 40px 0;
    }

    body .sh-detail-member .sh-info {
        margin: 30px 0;
    }

    body .sh-all-member {
        padding: 0 0 40px;
    }

    body .sh-members-wrapper {
        padding: 30px 0 0;
    }

    body .sh-detail-member .sh-avatar,
    body .sh-detail-member .sh-info {
        float: none !important;
    }

    body .sh-detail-member .sh-info {
        margin: 30px 0;
    }
    /*---------------- Social-Activity ------------------*/
    body .sh-activity-wrapper {
        padding: 50px 0;
    }
    /*---------------- Social-Groups ------------------*/
    body .sh-groups {
        padding: 50px 0;
    }

    body .sh-all-groups {
        padding-bottom: 50px;
    }
    /*---------------- Social-SingleGroup ------------------*/
    body .sh-member-link .sh-images-member {
        margin: -110px 20px 6px 25px;
    }

    body .sh-member-join .sh-author-name {
        font-size: 24px;
        line-height: 28px;
        margin: 0;
    }

    body .sh-member-link .sh-about-me.pull-left {
        float: none !important;
    }

    body .sh-member-action {
        float: none !important;
    }

    body .sh-member-link .sh-about-me li {
        display: inline-block;
    }

    body .sh-member-link .sh-member-action span a {
        display: inline-block;
    }
    /*---------------- Social-SingleMember ------------------*/
    body .sh-member-join .sh-user-name {
        margin: 0;
    }
}
/**
* 6.4 Large devices (desktops, Greater 1200px)
* -----------------------------------------------------------------------------
*/
@media (min-width: 1200px) and (max-width: 1299px) {
    /*----------------Header 01 ------------------*/
    body .sh-header .container {
        padding: 0 15px;
    }

    body .sh-logo {
        border-width: 0;
        padding: 10px 0;
    }

        body .sh-logo a {
            display: inline-block;
        }

    body .sh-menu > li a {
        padding: 19px 30px 20px;
    }
    /*---------------- Header 02 ------------------------*/
    body .sh-header-2 .sh-sign-in {
        text-align: center;
    }

    body .sh-header-2 .sh-menu li a {
        padding: 18px 30px;
    }

    body .sh-header-2 .sh-menu > li a.nav-one-line {
        padding: 28px 21px;
    }

    body .sh-header-2 .sh-menu {
        border: none;
    }
    /*---------------- Header 03 ------------------------*/
    body .sh-header-3 .sh-button-toggle {
        margin: 30px 0 0;
        padding: 15px 30px;
    }

    body .sh-header-3 .sh-menu {
        margin-top: 0;
        padding: 0;
    }

        body .sh-header-3 .sh-menu li a {
            border: medium none;
            padding: 18px 30px;
        }

    .sh-header-3 .sub-menu-style-2 {
        transform: translateX(-40%);
    }
    /*---------------Header 04----------------------*/
    body .sh-header-4 .sh-menu {
        border: 0;
    }

    body .sh-menu-right .sh-search {
        margin: 0 30px;
        padding: 30px 0 0;
    }

    body .sh-menu-left .sh-button-toggle {
        border: medium none;
        float: left;
        margin: 30px 30px 0;
        padding: 0;
    }

    .sh-header-4 ul li > a {
        padding: 34px 26px;
    }

    .sh-header-4 .sh-menu-right ul li .sub-menu {
        right: 0;
        left: auto;
    }
    /*---------------Header 05----------------------*/
    .sh-header-5 .sh-logo {
        padding: 27px 44px 28px;
    }

    .sh-header-5 .sh-menu {
        margin-top: 0;
        padding: 0;
        border-left: 0;
    }

        .sh-header-5 .sh-menu li a {
            border-right: 1px solid rgba(255, 255, 255, 0.1);
            padding: 16px 32px;
        }

    .sh-header-5 .sh-search {
        margin: 20px 0 0;
        padding: 15px 30px 9px;
    }

    .sh-header-5 .sh-button-toggle {
        margin: 25px 10px 0;
    }

        .sh-header-5 .sh-button-toggle:hover i {
            color: #ffffff;
        }

    .sh-header-5 ul li .mega-menu-style4 {
        border-width: 0;
    }

        .sh-header-5 ul li .mega-menu-style4 .menu-title {
            color: #202d48;
        }
    /*---------------Header 07----------------------*/
    .sh-header-7 .sh-logo {
        padding: 16px 40px;
    }

    .sh-header-7 .sh-menu li a {
        border: medium none;
        padding: 37px 30px;
    }

    body .sh-article-content h4 {
        font-size: 14px;
        line-height: 18.8px;
        padding: 0 20px;
        top: 20px;
    }

    body .sh-article-content p {
        font-size: 13px;
        line-height: 18.4px;
        padding: 0 20px;
        top: 70px;
    }

    body .sh-article-content span {
        margin-left: -78px;
        bottom: 40px;
    }

    body .sh-article-content a {
        font-size: 13px;
        padding: 5px 15px;
    }

        body .sh-article-content a i {
            padding-right: 10px;
        }

    body .sh-parallax-image img {
        width: 90%;
    }
    /*----------------Home 01 ------------------*/
    body .sh-contact-wapper li input {
        width: 220px;
    }

    body .sh-contact-wapper li textarea {
        width: 270px;
    }
    /*----------------Home 02 ------------------*/
    body .sh-item-portfolio h4,
    body .sh-item-portfolio h6 {
        margin: 30px 0 0px;
        line-height: 21.6px;
    }

    body .sh-item-portfolio:hover div span {
        bottom: 30px;
    }

    body .sh-item-portfolio span a {
        padding: 5px 15px 5px 10px;
    }

    body .sh-event-content strong {
        padding-bottom: 25px;
    }

    body .sh-contact-wapper span {
        margin-right: 35px;
    }
    /*----------------Home 03 ------------------*/
    body .sh-images-school:after {
        width: 111%;
    }

    body .sh-title-leader {
        padding-bottom: 50px;
    }
    /*----------------Home 04 ------------------*/
    body .sh-contact-wapper-style-4 span {
        margin-right: 15px;
    }

    body .sh-contact-wapper-style-4 a {
        margin: 15px 10px 0 0;
    }

    body .sh-address-style-4 {
        overflow: hidden;
    }

    body .sh-services-wrapper {
        padding: 40px 0;
    }

        body .sh-services-wrapper .sh-features {
            padding: 0;
            margin-left: 5px;
        }

    body .sh-item-portfolio-style-4 h4 {
        line-height: 21.6px;
        margin: 20px 0 0;
    }

    body .sh-item-portfolio-style-4 h6 {
        margin: 0;
    }

    body .sh-item-portfolio-style-4 p {
        margin-top: 0;
    }
    /*------------ Home 05 ----------------*/
    body .sh-institution a {
        padding-left: 20px;
    }

    body .sh-introduce-content-style-5 {
        width: 720px;
    }
    /*------------ Home 07 ----------------*/
    body div.sh-features-style-7 li {
        width: 32.2%;
    }

    body .sh-information-image > img {
        width: 100%;
    }

    body .sh-information-content ul {
        padding-top: 17px;
    }

    body .sh-training-images > img {
        width: 100%;
    }
    /*---------------- Blog Time Line --------------*/
    body .sh-timeline .sh-timeline-inverted:after {
        height: 568px;
        left: -115px;
    }

    body .sh-timeline .sh-timeline-inverted:last-child:after {
        height: 676px;
        top: 95px;
    }
    /*------------------ Contact---------------------*/
    body .sh-map-form input {
        margin: 0 0 6px;
    }
}

@media (min-width: 1200px) and (max-width: 1499px) {
    .sh-item-portfolio .sh-image-portfolio {
        height: 330px;
    }
    /*------------------ Contact---------------------*/
    body .sh-map-form input {
        margin: 0 0 6px;
    }
    /*------------------ Home 01 ---------------------*/
    .sh-banner-style1 .sh-liner-logo img {
        margin-left: -70px;
        width: 140px;
    }

    body .sh-banner-style1 .sh-banner-content {
        top: 37% !important;
    }

        body .sh-banner-style1 .sh-banner-content small {
            font-size: 24px;
            line-height: 20px;
            margin-bottom: 5px;
        }

        body .sh-banner-style1 .sh-banner-content .sh-item-more-details span {
            padding: 10px 20px;
            font-size: 14px;
        }

        body .sh-banner-style1 .sh-banner-content h6 {
            padding-bottom: 30px;
        }

        body .sh-banner-style1 .sh-banner-content h4 {
            color: #ffffff;
            font-size: 36px;
            font-weight: 400;
            line-height: 50px;
            margin: 0;
        }

    .sh-banner-style1 .sh-under-line:after,
    .sh-banner-style1 .sh-under-line:before {
        width: 250px;
    }

    body .sh-items .sh-button-left {
        width: 60px;
        height: 60px;
        margin-top: -30px;
    }

    body .sh-items .sh-button-right {
        width: 60px;
        height: 60px;
        margin-top: -30px;
    }
    /*------------------ Home 02 ---------------------*/
    /*------------------ Home 03 ---------------------*/
    body .sh-banner-style3 .sh-items .sh-banner-content {
        top: 40% !important;
    }

        body .sh-banner-style3 .sh-items .sh-banner-content small {
            font-size: 18px;
            line-height: 22px;
        }

        body .sh-banner-style3 .sh-items .sh-banner-content h6 {
            font-size: 22px;
            line-height: 26px;
            padding-bottom: 25px;
        }

        body .sh-banner-style3 .sh-items .sh-banner-content h4 {
            font-size: 26px;
            line-height: 24px;
        }

    body .sh-banner-style3 .sh-banner-content .sh-item-more-details span {
        padding: 5px 10px;
    }

    body .sh-banner-style3 .sh-items button {
        top: 60% !important;
    }
    /*------------------ Home 05 ---------------------*/
    body .sh-slider-banner-5 .sh-banner-content {
        top: 30% !important;
    }

        body .sh-slider-banner-5 .sh-banner-content small {
            font-size: 34px;
            line-height: 34px;
        }

        body .sh-slider-banner-5 .sh-banner-content h4 {
            font-size: 45px;
            line-height: 45px;
        }

        body .sh-slider-banner-5 .sh-banner-content h6 {
            padding-bottom: 30px;
        }

    body .sh-banner-content .sh-item-more-details span {
        padding: 10px 25px;
    }
}
/**
* 7.0 - Pre-loading
* -----------------------------------------------------------------------------
*/
@keyframes blink {
    0% {
        opacity: 1;
    }

    13% {
        opacity: .75;
    }

    25% {
        opacity: .5;
    }

    37% {
        opacity: .25;
    }

    50% {
        opacity: .1;
    }

    62% {
        opacity: .25;
    }

    75% {
        opacity: .5;
    }

    87% {
        opacity: .75;
    }

    100% {
        opacity: 1;
    }
}

.loading-page,
.splash {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 999999999;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .loading-page svg {
        /*position: absolute;
  left: 50%;
  top: 50%;
  margin-top: 0;
  margin-left: -100px;*/
        z-index: 999999999;
        /*animation: blink 1.1s;
  animation-iteration-count: infinite;*/
        width: 50%;
        height: auto;
    }

    .splash img {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -19px;
        margin-left: -16px;
        z-index: 999999999;
    }

@media (max-width: 767px) {
    .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .sh-typo {
        margin: 55px -16px 135px;
    }

    .course {
        padding: 54px 19px;
        margin: 0;
    }

    .homepage-header .sh-instruction small {
        font-size: 1.6em;
    }

    .homepage-header .sh-instruction h4 {
        font-size: 41px;
        line-height: 30.6px;
        padding: 8px 0 21px;
    }

    .homepage-header .sh-instruction h6 {
        font-size: 17px;
        padding: 0 0 15px 0;
        margin: 5px 0 12px 0;
    }

    .homepage-header .sh-instruction .sh-item-more-details {
        border: 1px solid #ffffff;
        display: inline-block;
        position: relative;
        overflow: hidden;
        -webkit-transition: all 1s linear 0.3s;
        -moz-transition: all 1s linear 0.3;
        -ms-transition: all 1s linear 0.3s;
        -o-transition: all 1s linear 0.3s;
        transition: all 1s linear 0.3s;
    }

    .homepage-header .sh-instruction .sh-item-more-details {
        -webkit-transform: translateY(0px) scale(1);
        -moz-transform: translateY(0px) scale(1);
        -o-transform: translateY(0px) scale(1);
        -ms-transform: translateY(0px) scale(1);
        transform: translateY(0px) scale(1);
    }

        .homepage-header .sh-instruction .sh-item-more-details:after {
            border-radius: 2px;
            position: absolute;
            width: 100%;
            height: 100%;
            content: '';
            top: 0;
            left: 0;
            background: rgba(255, 255, 255, 0);
            -webkit-transition: all 0.3s linear 0s;
            -moz-transition: all 0.3s linear 0s;
            -ms-transition: all 0.3s linear 0s;
            -o-transition: all 0.3s linear 0s;
            transition: all 0.3s linear 0s;
            -moz-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .homepage-header .sh-instruction .sh-item-more-details:hover:after {
            -webkit-transform: scale(8);
            -moz-transform: scale(8);
            -ms-transform: scale(8);
            -o-transform: scale(8);
            transform: scale(8);
            background: #ffffff;
        }

        .homepage-header .sh-instruction .sh-item-more-details span {
            color: #ffffff;
            display: inline-block;
            line-height: 25.2px;
            padding: 11px 30px;
            position: relative;
            z-index: 9999;
        }

        .homepage-header .sh-instruction .sh-item-more-details:hover span {
            color: #202d48;
        }

        .homepage-header .sh-instruction .sh-item-more-details span i {
            padding-right: 10px;
        }

    body .sh-cources-4 .sh-title-find {
        margin-top: -36px;
    }

    .course-mega {
        padding: 10px;
        margin: 0 0 14px 0;
    }

        .course-mega .course-metric-box {
            padding: 21px;
            margin: 45px 0 14px 0;
        }

        .course-mega svg {
            margin-top: 39px;
        }

        .course-mega .metric {
            padding-top: 0;
        }

            .course-mega .metric span {
                line-height: 61px;
            }

    .sh-introduce-images {
        padding-top: 0px;
    }
}
/*-----------------FBank Content Styles------------------*/
section .table {
    margin-bottom: 30px;
}

    section .table th {
        text-align: center;
    }

        section .table th em {
            font-size: .8em;
        }

    section .table td {
        text-align: center;
    }

        section .table td:first-of-type {
            text-align: left;
        }

section i.fa.fa-star {
    font-size: .75em;
}

section ul li {
    list-style: disc;
    list-style-position: outside;
    margin-left: 20px;
}

    section ul li ul li {
        margin-left: 40px;
        list-style-type: square;
    }

section ul.ul-btn li {
    margin-left: 0;
    list-style-type: none;
    margin-bottom: 20px;
}

section p + ul {
    margin-top: -10px;
}

section ul + h3,
section p + h3,
section ul + p {
    margin-top: 50px;
}

section dd {
    margin-bottom: 30px;
}

section h2 {
    text-align: center;
    font-weight: bold;
}

    section h2 + p {
        margin-bottom: 20px;
    }

section h3 {
    font-weight: bold;
    margin-bottom: 40px;
}

section.space {
    margin-top: 40px;
}

    section.space .col-md-6.first {
        margin-bottom: 40px;
    }

    section.space .col-md-6 h2 {
        text-align: center;
    }

    section.space ul {
        margin-bottom: 40px;
    }

    section.space .testimonial h3 {
        margin-bottom: 70px;
    }

section.space-btm {
    padding-bottom: 40px;
}

section.sh-resources ul li {
    list-style-type: none;
    margin-bottom: 20px;
}

    section.sh-resources ul li a {
        width: 100%;
    }

.widget ul li {
    margin: 0;
}

.widget-link ul li:hover:after {
    background: #202d48;
    width: 100%;
}

.widget-link ul li:hover a {
    color: #fff;
}

.bg-grey {
    background: #efedef;
    padding: 40px 0;
}

    .bg-grey.bg-last {
        padding-bottom: 60px;
    }

.bg-white {
    padding: 40px 0;
}

    .bg-white.bg-last {
        padding-bottom: 60px;
    }

.bg-brick {
    background: url(/wp-content/themes/foundation-bank/images/columns.png);
    padding: 80px 0;
    position: relative;
    background-size: cover;
}

    .bg-brick:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: '';
        background: rgba(0, 0, 0, 0.01);
        z-index: 1;
    }

    .bg-brick h2 {
        color: #fff;
        position: relative;
        z-index: 2;
    }

.container h2 {
    text-align: center;
    font-weight: bold;
    margin-bottom: 40px;
    line-height: 1.5em;
}

.container .col-md-6 h2 {
    text-align: left;
}

.suck-it-in {
    margin: -58px 0 0 0;
}

p.wp-caption-text {
    margin: 13px 0 22px;
    padding: 0 12px 0;
}
/* home */
.home h2 {
    font-weight: bold;
    margin-bottom: 40px;
}

.space .unique ul {
    margin-top: 30px;
}

    .space .unique ul li {
        border-top: 1px solid #efedef;
        border-bottom: none;
        font-size: 1.1em;
        padding: 20px 20px 10px;
        list-style-type: none;
        text-align: center;
    }

section.bg-feature {
    padding: 30px;
    background-image: url("http://www.foundationbanktemp.com.php56-16.dfw3-1.websitetestlink.com/wp-content/uploads/2016/03/s_old-foundation-bank-building.jpg");
    background-size: cover;
    min-height: 300px;
}

    section.bg-feature h2 {
        color: #fff;
    }
/* contact */
.locations {
    border-top: 1px solid #dddddd;
    padding-top: 50px;
}

.location p {
    font-size: .9em;
    margin-bottom: 20px;
    line-height: 1.6em;
}

.location h3 {
    margin: 20px 0;
}

.location h4 {
    font-family: 'Merriweather', serif;
    font-size: 1.25em;
    margin-top: 20px;
    margin-bottom: 5px;
}

.location img {
    border-radius: 5px;
}

.atms .eql .box {
    border-top: 1px solid #ddd;
    margin-top: 20px;
    padding-top: 20px;
}

.atms h4 {
    font-size: .9em;
    font-weight: bold;
    line-height: 1em;
}

.atms p {
    font-size: .9em;
    line-height: 1.5em;
}
/* solutions */
.subnav-box {
    display: block;
    text-align: center;
}

    .subnav-box a {
        display: block;
        font-family: 'Open Sans', sans-serif;
        text-transform: uppercase;
        color: #fff;
        font-size: .9em;
        position: relative;
        height: 200px;
        background: #9a989a;
        border-radius: 5px;
    }

        .subnav-box a:hover {
            background: #dddddd;
        }

        .subnav-box a:before {
            height: 200px;
            background: #9a989a;
        }

    .subnav-box em {
        color: #fff;
        font-style: normal;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 10px;
        border: 2px solid #fff;
        width: 200px;
    }
/* accounts */
.nav-anchors .btn {
    margin: 0 4px 4px 0;
}

.accounts .col-md-6 {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #ddd;
}
/* telebanking */
.telebanking .row {
    margin-top: 40px;
}

    .telebanking .row .box {
        padding: 10px 30px;
        margin-bottom: 30px;
        background: #fff;
        border-radius: 5px;
    }

        .telebanking .row .box ul {
            margin-top: 20px;
            border-top: 1px solid #dddddd;
            padding-top: 20px;
        }
/* resources */
#calculators ul li {
    list-style-type: none;
    margin-bottom: 20px;
}

#calculators a.btn {
    width: 100%;
}
/* story */
/* staff aka personnel */
#personnel .text-center h3 {
    margin-bottom: 50px;
}

.staff-nav {
    padding: 50px 0;
    text-align: center;
}

    .staff-nav .btn {
        margin: 0 0 4px 0;
    }

.staff {
    padding-bottom: 35px;
    margin-bottom: 20px;
}

    .staff h3 {
        font-family: 'Open Sans', sans-serif;
        text-transform: uppercase;
        font-weight: normal;
        font-style: 1.25em !important;
        margin-bottom: 10px;
    }

    .staff .staff-top {
        height: 110px;
        margin-bottom: 25px;
        border-bottom: 1px solid #dddddd;
    }

    .staff img {
        border-radius: 5px;
    }

    .staff a {
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-word;
        /* Adds a hyphen where the word breaks, if supported (No Blink) */
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

    .staff p {
        margin: 0;
        color: #9a989a;
    }

        .staff p.location,
        .staff p.email,
        .staff p.phone,
        .staff p.years,
        .staff p.other {
            font-size: .9em;
        }

        .staff p.date {
            font-size: 14px;
            color: #9a989a;
            margin-top: -7px;
        }

        .staff p.title {
            font-size: 17px;
            margin-bottom: 5px;
        }

        .staff p.team {
            margin-bottom: 20px;
            border-bottom: 1px solid #efedef;
            padding-bottom: 20px;
        }
/* history */
.history .box {
    text-align: center;
    height: 300px;
    background: #aba9ab;
    padding: 0px 10% 30px;
    margin-bottom: 20px;
    border-radius: 5px;
    color: #fff;
    background-size: cover;
}

    .history .box.date-34 {
        background: -webkit-linear-gradient(top left, rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75)), url("/wp-content/uploads/2016/04/MBC-1934.jpg") top center no-repeat;
        background: -o-linear-gradient(top left, rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75)), url("/wp-content/uploads/2016/04/MBC-1934.jpg") top center no-repeat;
        background: linear-gradient(to bottom right, rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75)), url("/wp-content/uploads/2016/04/MBC-1934.jpg") top center no-repeat;
        background-size: cover;
    }

    .history .box.date-85 {
        background: -webkit-linear-gradient(top left, rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75)), url("/wp-content/uploads/2016/04/s_MCB-Main.jpg") top center no-repeat;
        background: -o-linear-gradient(top left, rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75)), url("/wp-content/uploads/2016/04/s_MCB-Main.jpg") top center no-repeat;
        background: linear-gradient(to bottom right, rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75)), url("/wp-content/uploads/2016/04/s_MCB-Main.jpg") top center no-repeat;
        background-size: cover;
    }

    .history .box.date-today {
        background: -webkit-linear-gradient(top left, rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75)), url("/wp-content/uploads/2016/04/s_Paris-Building.jpg") top center no-repeat;
        background: -o-linear-gradient(top left, rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75)), url("/wp-content/uploads/2016/04/s_Paris-Building.jpg") top center no-repeat;
        background: linear-gradient(to bottom right, rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75)), url("/wp-content/uploads/2016/04/s_Paris-Building.jpg") top center no-repeat;
        background-size: cover;
    }

    .history .box.date-tomorrow {
        background: -webkit-linear-gradient(top left, rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75)), url("/wp-content/uploads/2016/05/s_Branch-Future1.jpg") top center no-repeat;
        background: -o-linear-gradient(top left, rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75)), url("/wp-content/uploads/2016/05/s_Branch-Future1.jpg") top center no-repeat;
        background: linear-gradient(to bottom right, rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75), rgba(122, 143, 153, 0.75)), url("/wp-content/uploads/2016/05/s_Branch-Future1.jpg") top center no-repeat;
        background-size: cover;
    }

.history h4 {
    font-size: 2em;
    padding: 40px 0 20px;
    font-family: 'Merriweather', serif;
    color: #fff;
}

#unique li {
    font-size: 1.25em;
    margin: 10px 10px;
    padding: 20px;
    text-align: center;
    border-bottom: 1px solid #efedef;
    list-style-type: none;
}

.f9 .box {
    background: #efedef;
    padding: 10px 30px 20px;
    border-radius: 5px;
}

.bg-grey .f9 .box {
    background: #fff;
}

.modal {
    z-index: 9999999;
    margin: 3% 0 0 0;
}

.BankrateFCC_calc-blue {
    width: 100% !important;
}

.BankrateFCC_calc-dkblue {
    width: 100% !important;
}

.calc.modal input[type=text] {
    padding: 0 !important;
}

.BankrateFCC_button-small div,
.BankrateFCC_button-small div a,
.BankrateFCC_button-small div a:visited {
    line-height: 14px;
}

.sh-footer-address-site .sh-footer-part {
    /* display: none; */
}

    .sh-footer-address-site .sh-footer-part > li {
        display: inline-block;
    }

        .sh-footer-address-site .sh-footer-part > li > a .fa-external-link:before {
            content: "";
        }

#menu-item-1921 a,
#menu-item-1922 a {
    margin: 0 5px;
    font-size: 30px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    padding-left: 15px;
    text-decoration: none;
}

#menu-item-1922 a {
    background-color: #3C5A99;
}

#menu-item-1921 a {
    background-color: #38A1F3;
}

#menu-item-1921 i {
    margin-left: -2px;
    margin-right: -2px;
}