@import url(https://fonts.googleapis.com/css2?family=Exo:wght@300;400;500;600;700;800&display=swap);



body {

    font-family: Exo, sans-serif;

    font-weight: 400;

    font-style: normal;

    color: #151515

}



* {

    margin: 0;

    padding: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



img {

    max-width: 100%

}



a:focus, button:focus, input:focus, textarea:focus {

    text-decoration: none;

    outline: 0

}



a:focus, a:hover {

    text-decoration: none

}



a, i, span {

    display: inline-block

}



audio, canvas, iframe, img, svg, video {

    vertical-align: middle

}



h1, h2, h3, h4, h5, h6 {

    font-family: Exo, sans-serif;

    font-weight: 700;

    color: #07294d;

    margin: 0

}



h1 {

    font-size: 48px

}



h2 {

    font-size: 36px

}



h3 {

    font-size: 28px

}



h4 {

    font-size: 22px

}



h5 {

    font-size: 18px

}



h6 {

    font-size: 16px

}



ol, ul {

    margin: 0;

    padding: 0;

    list-style-type: none

}



p {

    font-size: 16px;

    font-weight: 400;

    text-align: justify;

    color: #151515;

    margin: 0

}



.bg_cover {

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    width: 100%;

    height: 100%

}



.main-btn {

    display: inline-block;

    font-weight: 500;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    border: 0;

    padding: 0 30px;

    font-size: 16px;

    height: 60px;

    line-height: 60px;

    color: #fff;

    cursor: pointer;

    z-index: 5;

    -webkit-transition: all .4s linear;

    -moz-transition: all .4s linear;

    -ms-transition: all .4s linear;

    -o-transition: all .4s linear;

    transition: all .4s linear;

    background-color: #07294d

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .main-btn {

        padding: 0 25px;

        height: 50px;

        line-height: 50px;

        font-size: 16px

    }

}



@media (max-width: 767px) {

    .main-btn {

        padding: 0 20px;

        height: 45px;

        line-height: 45px;

        font-size: 14px

    }

}



.main-btn:hover {

    background-color: #0c8b51;

    color: #fff

}



.main-btn.main-btn-2 {

    background-color: #0c8b51;

    color: #fff

}



.main-btn.main-btn-2:hover {

    background-color: #07294d

}



.slick-slide {

    outline: 0

}



.section-title {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    -moz-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



@media (max-width: 767px) {

    .section-title {

        display: block

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .section-title {

        display: -webkit-flex;

        display: -moz-flex;

        display: -ms-flex;

        display: -o-flex;

        display: flex

    }

}



.section-title .title {

    font-size: 47px;

    line-height: 54px;

    position: relative;

    padding-right: 60px;

    display: inline-block

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .section-title .title {

        font-size: 34px;

        line-height: 40px;

        padding-right: 50px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .section-title .title {

        font-size: 36px;

        line-height: 45px

    }

}



@media (max-width: 767px) {

    .section-title .title {

        font-size: 30px;

        line-height: 35px;

        padding-bottom: 20px;

        padding-right: 0

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .section-title .title {

        font-size: 24px;

        line-height: 30px;

        padding-bottom: 0;

        padding-right: 30px

    }

}



.section-title .title::before {

    position: absolute;

    content: '';

    width: 2px;

    height: 65%;

    background-color: #07294d;

    top: 50%;

    right: 0;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%)

}



@media (max-width: 767px) {

    .section-title .title::before {

        height: 2px;

        left: 0;

        right: auto;

        top: auto;

        bottom: 0;

        width: 100px;

        -webkit-transform: translateY(0);

        -moz-transform: translateY(0);

        -ms-transform: translateY(0);

        -o-transform: translateY(0);

        transform: translateY(0)

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .section-title .title::before {

        width: 2px;

        height: 75%;

        left: auto;

        top: 50%;

        right: 0;

        bottom: auto;

        -webkit-transform: translateY(-50%);

        -moz-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        -o-transform: translateY(-50%);

        transform: translateY(-50%)

    }

}



.section-title p {

    font-weight: 500;

    font-size: 18px;

    line-height: 30px;

    color: #07294d;

    padding-left: 60px;

    -webkit-flex: 1;

    -moz-flex: 1;

    -ms-flex: 1;

    flex: 1

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .section-title p {

        font-size: 16px;

        padding-left: 50px;

        line-height: 28px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .section-title p {

        font-size: 16px;

        line-height: 28px

    }

}



@media (max-width: 767px) {

    .section-title p {

        padding-left: 0;

        font-size: 16px;

        line-height: 28px;

        margin-top: 25px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .section-title p {

        padding-left: 30px;

        font-size: 16px;

        line-height: 28px;

        margin-top: 0

    }

}



.section-title-2 .title {

    font-size: 47px;

    line-height: 54px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .section-title-2 .title {

        font-size: 38px;

        line-height: 45px

    }

}



@media (max-width: 767px) {

    .section-title-2 .title {

        font-size: 30px;

        line-height: 30px

    }

}



.section-title-2 .line {

    width: 150px;

    background: 0 0;

    border: 1px solid #07294d;

    margin-top: 25px

}



.section-title-2 p {

    font-weight: 500;

    font-size: 18px;

    line-height: 30px;

    color: #07294d;

    margin-top: 25px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .section-title-2 p {

        font-size: 16px;

        line-height: 28px

    }

}



@media (max-width: 767px) {

    .section-title-2 p {

        padding-left: 0;

        font-size: 16px;

        line-height: 28px

    }

}



.pagination-items {

    padding-top: 60px

}



.pagination-items li {

    display: inline-block;

    margin: 0 10px

}



@media (max-width: 767px) {

    .pagination-items li {

        margin: 0 5px

    }

}



.pagination-items li a {

    font-weight: 500;

    font-size: 18px;

    color: #a2a2a2

}



@media (max-width: 767px) {

    .pagination-items li a {

        font-size: 14px

    }

}



.pagination-items li a.active {

    color: #151515;

    padding-right: 90px;

    position: relative

}



@media (max-width: 767px) {

    .pagination-items li a.active {

        padding-right: 50px

    }

}



.pagination-items li a.active::before {

    position: absolute;

    content: '';

    width: 75px;

    height: 1px;

    background-color: #151515;

    top: 50%;

    right: 0;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%)

}



@media (max-width: 767px) {

    .pagination-items li a.active::before {

        width: 40px

    }

}



.form-radio input[type=radio] {

    display: none

}



.form-radio input[type=radio] + label {

    font-weight: 500;

    font-size: 14px;

    color: #303030;

    margin-bottom: 0;

    position: relative;

    padding-left: 20px;

    cursor: pointer;

    display: block

}



.form-radio input[type=radio] + label span {

    width: 14px;

    height: 14px;

    border: 1px solid #707070;

    border-radius: 50%;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    left: 0;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



.form-radio input[type=radio] + label span::before {

    position: absolute;

    content: '';

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background-color: #07294d;

    border-radius: 50%;

    -webkit-transform: scale(.7);

    -moz-transform: scale(.7);

    -ms-transform: scale(.7);

    -o-transform: scale(.7);

    transform: scale(.7);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



.form-radio input[type=radio]:checked + label span {

    border-color: #07294d

}



.form-radio input[type=radio]:checked + label span::before {

    opacity: 1;

    visibility: visible

}



.checkbox input[type=checkbox] {

    display: none

}



.checkbox input[type=checkbox] + label {

    position: relative;

    margin-bottom: 0;

    font-size: 16px;

    font-weight: 400;

    color: #151515

}



@media (max-width: 767px) {

    .checkbox input[type=checkbox] + label {

        font-size: 14px

    }

}



.checkbox input[type=checkbox] + label span {

    width: 16px;

    height: 16px;

    border: 1px solid #151515;

    position: relative;

    border-radius: 3px;

    top: 5px;

    margin-right: 5px;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



@media (max-width: 767px) {

    .checkbox input[type=checkbox] + label span {

        width: 14px;

        height: 14px

    }

}



.checkbox input[type=checkbox] + label span::before {

    content: '\f00c';

    font-family: "Font Awesome 5 Pro";

    font-weight: 400;

    font-size: 12px;

    color: #222;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear;

    position: relative;

    top: -6px;

    left: 1px;

    opacity: 0;

    visibility: hidden

}



@media (max-width: 767px) {

    .checkbox input[type=checkbox] + label span::before {

        top: -5px;

        left: 0

    }

}



.checkbox input[type=checkbox]:checked + label span {

    background-color: #07294d;

    border-color: #07294d

}



.checkbox input[type=checkbox]:checked + label span::before {

    color: #fff;

    opacity: 1;

    visibility: visible

}



.single-form {

    margin-top: 30px

}



.single-form input, .single-form textarea {

    width: 100%;

    height: 50px;

    padding: 0 20px;

    border: 1px solid #dbdbdb;

    font-weight: 500;

    font-size: 16px;

    color: #303030;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



.single-form input:focus, .single-form textarea:focus {

    border-color: #0c8b51

}



@media (max-width: 767px) {

    .single-form input, .single-form textarea {

        height: 45px

    }

}



.single-form textarea {

    height: 230px;

    padding-top: 15px;

    resize: none

}



.single-form .main-btn {

    height: 36px;

    line-height: 36px;

    padding: 0 22px;

    font-size: 14px

}



.s-hidden {

    visibility: hidden;

    padding-right: 10px

}



.select {

    cursor: pointer;

    display: inline-block;

    position: relative;

    font-size: 14px;

    letter-spacing: .02em;

    color: #9c9c9c;

    height: 35px;

    border: 0;

    border-bottom: 1px solid #9c9c9c;

    width: 100%

}



.styledSelect {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-color: #fff;

    padding: 0

}



.styledSelect::after {

    content: "";

    width: 8px;

    height: 8px;

    border-bottom: 1px solid #07294d;

    border-right: 1px solid #07294d;

    position: absolute;

    top: 50%;

    right: 6px;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

    -webkit-transform-origin: 66% 66%;

    -ms-transform-origin: 66% 66%;

    transform-origin: 66% 66%;

    margin-top: -9px

}



.styledSelect.active::after {

    -webkit-transform: rotate(-135deg);

    -moz-transform: rotate(-135deg);

    -ms-transform: rotate(-135deg);

    -o-transform: rotate(-135deg);

    transform: rotate(-135deg)

}



.options {

    display: none;

    position: absolute;

    top: 100%;

    right: 0;

    left: 0;

    z-index: 999;

    margin: 0 0;

    padding: 0 0;

    list-style: none;

    border: 1px solid #dbdbdb;

    background-color: #fff

}



.options li {

    padding: 6px 10px;

    margin: 0;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear;

    font-size: 14px;

    font-weight: 500;

    color: #151515

}



.options li:hover {

    background-color: #07294d;

    color: #fff

}



.tab-pane.active {

    -webkit-animation: tabUp .5s;

    -moz-animation: tabUp .5s;

    -o-animation: tabUp .5s;

    animation: tabUp .5s

}



@-webkit-keyframes tabUp {

    from {

        transform: translate3d(0, 30px, 0);

        -webkit-transform: translate3d(0, 30px, 0);

        -moz-transform: translate3d(0, 30px, 0);

        -ms-transform: translate3d(0, 30px, 0);

        -o-transform: translate3d(0, 30px, 0)

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        -moz-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

        -o-transform: translate3d(0, 0, 0)

    }

}



@keyframes tabUp {

    from {

        transform: translate3d(0, 30px, 0);

        -webkit-transform: translate3d(0, 30px, 0);

        -moz-transform: translate3d(0, 30px, 0);

        -ms-transform: translate3d(0, 30px, 0);

        -o-transform: translate3d(0, 30px, 0)

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        -moz-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

        -o-transform: translate3d(0, 0, 0)

    }

}



.header-area {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 99;

    background-color: #fff

}



.header-top {

    background: #07294d;

    padding-bottom: 15px

}



@media (max-width: 767px) {

    .header-top-wrapper .header-top-left {

        width: 100%;

        text-align: center

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .header-top-wrapper .header-top-left {

        width: auto

    }

}



.header-top-wrapper .header-top-left .header-meta li a {

    font-family: Exo;

    font-weight: 400;

    font-size: 13px;

    color: #fff;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



.header-top-wrapper .header-top-left .header-meta li a:hover {

    color: #8d8d8d

}



@media (max-width: 767px) {

    .header-top-wrapper .header-top-right {

        width: 100%;

        text-align: center

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .header-top-wrapper .header-top-right {

        width: auto

    }

}



.header-top-wrapper .header-top-right .header-link a {

    font-family: Exo;

    font-weight: 400;

    font-size: 13px;

    color: #8d8d8d;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear;

    position: relative

}



.header-top-wrapper .header-top-right .header-link a + a {

    margin-left: 45px

}



.header-top-wrapper .header-top-right .header-link a:hover {

    color: #fff

}



.header-top-wrapper .header-top-right .header-link a.register::before {

    position: absolute;

    content: '';

    width: 1px;

    height: 70%;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    left: -22px;

    background-color: #8d8d8d

}



.navigation {

    position: relative;
   
    padding: .3vh;
}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .navigation {

       padding: .3vh;

    }

}



@media (max-width: 767px) {

    .navigation {

        padding: .3vh;
            
    }

}

/*.navigation .nav-menus-wrapper {
     
    height: 100%;
    
}*/


@media only screen and (min-width: 768px) and (max-width: 991px) {

    .navigation .nav-menus-wrapper {

        width: 320px;

        height: 100%;

        top: 0;

        left: -400px;

        position: fixed;

        background-color: #07294d;

        z-index: 9999;

        overflow-y: auto;

        -webkit-overflow-scrolling: touch;

        transition-duration: .8s;

        transition-timing-function: ease

    }

}



@media (max-width: 767px) {

    .navigation .nav-menus-wrapper {

        width: 280px;

        height: 100%;

        top: 0;

        left: -400px;

        position: fixed;

        background-color: #07294d;

        z-index: 9999;

        overflow-y: auto;

        -webkit-overflow-scrolling: touch;

        transition-duration: .8s;

        transition-timing-function: ease

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .navigation .nav-menus-wrapper.nav-menus-wrapper-open {

        left: 0

    }

}



@media (max-width: 767px) {

    .navigation .nav-menus-wrapper.nav-menus-wrapper-open {

        left: 0

    }

}



.navigation .nav-menus-wrapper .nav-menu {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .navigation .nav-menus-wrapper .nav-menu {

        display: block;

        padding-top: 80px

    }

}



@media (max-width: 767px) {

    .navigation .nav-menus-wrapper .nav-menu {

        display: block;

        padding-top: 80px

    }

}



.navigation .nav-menus-wrapper .nav-menu li {

    position: relative;
    
    border-bottom: 1px solid rgba(219, 219, 219, .5)

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .navigation .nav-menus-wrapper .nav-menu li {

        border-top: 1px solid rgba(219, 219, 219, .15)

    }

}



@media (max-width: 767px) {

    .navigation .nav-menus-wrapper .nav-menu li {

        border-top: 1px solid rgba(219, 219, 219, .15)

    }

}

.navigation .nav-menus-wrapper .nav-menu li:last-child {

        border-bottom: 1px solid rgba(219, 219, 219, .5)

    }

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .navigation .nav-menus-wrapper .nav-menu li:last-child {

        border-bottom: 1px solid rgba(219, 219, 219, .15)

    }

}



@media (max-width: 767px) {

    .navigation .nav-menus-wrapper .nav-menu li:last-child {

        border-bottom: 1px solid rgba(219, 219, 219, .15)

    }

}



.navigation .nav-menus-wrapper .nav-menu li + li {

    margin-left: 2px;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .navigation .nav-menus-wrapper .nav-menu li + li {

        margin-left: 2px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .navigation .nav-menus-wrapper .nav-menu li + li {

        margin-left: 0

    }

}



@media (max-width: 767px) {

    .navigation .nav-menus-wrapper .nav-menu li + li {

        margin-left: 0

    }

}



.navigation .nav-menus-wrapper .nav-menu li a {

    font-weight: 500;

    font-size: 15px;

    padding: 10px 12px;
    background-color: #07294d;

    /*color: #07294d; */
    color: #fff;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear;

    display: block;

    position: relative

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .navigation .nav-menus-wrapper .nav-menu li a {

        font-size: 15px;

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .navigation .nav-menus-wrapper .nav-menu li a {

        color: #fff;

        padding: 14px 15px 12px 26px;

        font-size: 14px

    }

}



@media (max-width: 767px) {

    .navigation .nav-menus-wrapper .nav-menu li a {

        color: #fff;

        padding: 12px 15px 12px 26px;

        font-size: 14px

    }

}



.navigation .nav-menus-wrapper .nav-menu li a.active {

    color: #0c8b51

}



.navigation .nav-menus-wrapper .nav-menu li:hover > a {

    color: #0c8b51

}



.navigation .nav-menus-wrapper .nav-menu li .nav-submenu {

    position: absolute;

    width: 215px;

    background-color: #07294d;

    border-top: 2px solid #fff; 

    padding: 10px 0 2px;

    -webkit-box-shadow: 2px 2px 20px rgba(7, 41, 77, .1);

    -moz-box-shadow: 2px 2px 20px rgba(7, 41, 77, .1);

    box-shadow: 2px 2px 20px rgba(7, 41, 77, .1);

    top: 100%;

    left: 0;

    z-index: 99;

    display: none

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .navigation .nav-menus-wrapper .nav-menu li .nav-submenu {

        position: relative;

        width: 100%;
        
        border-top: 2px solid #07294d;

        background-color: transparent;

        padding: 0

    }

}



@media (max-width: 767px) {

    .navigation .nav-menus-wrapper .nav-menu li .nav-submenu {

        position: relative;

        width: 100%;
        
        border-top: 2px solid #07294d;

        background-color: transparent;

        padding: 0

    }

}



.navigation .nav-menus-wrapper .nav-menu li .nav-submenu li {

    margin-left: 0

}



.navigation .nav-menus-wrapper .nav-menu li .nav-submenu li a {

    line-height: 1;

    padding: 15px 20px;

    font-size: 14px;
        
    

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .navigation .nav-menus-wrapper .nav-menu li .nav-submenu li a {

        padding: 12px 35px;
        
        

    }

}



@media (max-width: 767px) {

    .navigation .nav-menus-wrapper .nav-menu li .nav-submenu li a {

        padding: 12px 35px

    }

}



.navigation .nav-menus-wrapper .nav-menu li .nav-submenu li a i {

    display: block;

    font-size: 13px;

    float: right

}



.navigation .nav-menus-wrapper .nav-menu li .nav-submenu li:hover > a {

    padding-left: 25px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .navigation .nav-menus-wrapper .nav-menu li .nav-submenu li:hover > a {

        padding: 12px 35px

    }

}



@media (max-width: 767px) {

    .navigation .nav-menus-wrapper .nav-menu li .nav-submenu li:hover > a {

        padding: 12px 35px

    }

}



.navigation .nav-menus-wrapper .nav-menu li .nav-submenu li .nav-submenu {

    top: -12px;

    left: 100%

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .navigation .nav-menus-wrapper .nav-menu li .nav-submenu li .nav-submenu {

        top: 0;

        left: 0

    }

}



@media (max-width: 767px) {

    .navigation .nav-menus-wrapper .nav-menu li .nav-submenu li .nav-submenu {

        top: 0;

        left: 0

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .navigation .nav-menus-wrapper .nav-menu li .nav-submenu li .nav-submenu li a {

        padding-left: 45px

    }

}



@media (max-width: 767px) {

    .navigation .nav-menus-wrapper .nav-menu li .nav-submenu li .nav-submenu li a {

        padding-left: 45px

    }

}



.navigation .nav-menus-wrapper .submenu-indicator {

    margin-left: 8px;

    margin-top: 8px;

    float: right;

    transition: all .3s

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .navigation .nav-menus-wrapper .submenu-indicator {

        margin: 0

    }

}



@media (max-width: 767px) {

    .navigation .nav-menus-wrapper .submenu-indicator {

        margin: 0

    }

}



.navigation .nav-menus-wrapper .submenu-indicator .submenu-indicator-chevron {

    height: 6px;

    width: 6px;

    display: block;

    border-style: solid;

    border-width: 0 1px 1px 0;
    
    border-color: transparent #dbdbdb #dbdbdb transparent;

    /*border-color: transparent #07294d #07294d transparent;*/

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .navigation .nav-menus-wrapper .submenu-indicator .submenu-indicator-chevron {

        border-color: transparent #dbdbdb #dbdbdb transparent;

        margin: 0

    }

}



@media (max-width: 767px) {

    .navigation .nav-menus-wrapper .submenu-indicator .submenu-indicator-chevron {

        border-color: transparent #dbdbdb #dbdbdb transparent;

        margin: 0

    }

}



.navigation .nav-menus-wrapper .nav-dropdown .submenu-indicator {

    right: 15px;

    top: 16px;

    position: absolute;

    margin: 0

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .navigation .nav-menus-wrapper .nav-dropdown .submenu-indicator {

        right: 0;

        top: 0

    }

}



@media (max-width: 767px) {

    .navigation .nav-menus-wrapper .nav-dropdown .submenu-indicator {

        right: 0;

        top: 0

    }

}



.navigation .nav-menus-wrapper .nav-dropdown .submenu-indicator .submenu-indicator-chevron {

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg)

}



.navigation .nav-toggle {

    width: 30px;

    height: 30px;

    padding: 6px 2px 0 ;

    position: absolute;

    top: 50%;

    margin-top: -14px;

    right: 15px;

    cursor: pointer;
    

}



.navigation .nav-toggle::before {

    content: "";

    position: absolute;

    width: 24px;

    height: 2px;

    background-color: #07294d;

    border-radius: 10px;

    box-shadow: 0 .5em 0 0 #07294d, 0 1em 0 0 #07294d

}



.navigation .nav-menus-wrapper-close-button {

    width: 30px;

    height: 40px;

    margin: 10px 7px;

    display: none;

    float: right;

    color: #dbdbdb;

    font-size: 26px;

    cursor: pointer

}



.navigation .header-search {

    position: relative

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .navigation .header-search {

        position: absolute;

        top: 50%;

        right: 70px;

        -webkit-transform: translateY(-50%);

        -moz-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        -o-transform: translateY(-50%);

        transform: translateY(-50%);

        z-index: 99

    }

}



@media (max-width: 767px) {

    .navigation .header-search {

        position: absolute;

        top: 50%;

        right: 70px;

        -webkit-transform: translateY(-50%);

        -moz-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        -o-transform: translateY(-50%);

        transform: translateY(-50%);

        z-index: 99;

        display: none

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .navigation .header-search {

        display: block

    }

}



.navigation .header-search input {

    width: 100%;

    border: 0;

    border-bottom: 1px solid #07294d;

    font-size: 13px;

    letter-spacing: .08em;

    color: #8d8d8d;

    height: 30px

}



.navigation .header-search input::placeholder {

    opacity: 1;

    color: #8d8d8d

}



.navigation .header-search input::-moz-placeholder {

    opacity: 1;

    color: #8d8d8d

}



.navigation .header-search input::-moz-placeholder {

    opacity: 1;

    color: #8d8d8d

}



.navigation .header-search input::-webkit-input-placeholder {

    opacity: 1;

    color: #8d8d8d

}



.navigation .header-search button {

    padding: 0;

    background: 0 0;

    border: 0;

    width: 30px;

    height: 30px;

    position: absolute;

    right: 0;

    bottom: 0;

    font-size: 14px

}



.navigation.sticky {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 999;

    -webkit-animation: sticky 1s;

    -moz-animation: sticky 1s;

    -o-animation: sticky 1s;

    animation: sticky 1s;

    -webkit-box-shadow: 2px 2px 20px rgba(34, 34, 34, .15);

    -moz-box-shadow: 2px 2px 20px rgba(34, 34, 34, .15);

    box-shadow: 2px 2px 20px rgba(34, 34, 34, .15);

    background-color: #fff

}



.navigation-portrait .nav-menus-wrapper-close-button {

    display: block

}



.navigation-portrait .submenu-indicator {

    width: 45px;

    height: 45px;

    position: absolute;

    text-align: center;

    z-index: 20000;

    top: 0;

    right: 0

}



.navigation-portrait .submenu-indicator .submenu-indicator-chevron {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%) rotate(45deg) !important;

    -moz-transform: translate(-50%, -50%) rotate(45deg) !important;

    -ms-transform: translate(-50%, -50%) rotate(45deg) !important;

    -o-transform: translate(-50%, -50%) rotate(45deg) !important;

    transform: translate(-50%, -50%) rotate(45deg) !important

}



.navigation-portrait .nav-submenu-open > a .submenu-indicator .submenu-indicator-chevron {

    -webkit-transform: translate(-50%, -50%) rotate(225deg) !important;

    -moz-transform: translate(-50%, -50%) rotate(225deg) !important;

    -ms-transform: translate(-50%, -50%) rotate(225deg) !important;

    -o-transform: translate(-50%, -50%) rotate(225deg) !important;

    transform: translate(-50%, -50%) rotate(225deg) !important

}



.nav-overlay-panel {

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    position: fixed;

    display: none;

    z-index: 999

}



@-webkit-keyframes sticky {

    0% {

        -webkit-transform: translateY(-100%);

        transform: translateY(-100%)

    }

    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

}



@keyframes sticky {

    0% {

        -webkit-transform: translateY(-100%);

        transform: translateY(-100%)

    }

    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

}



.slider-area {

    

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .slider-area {

       /*padding-top: 20px*/

    }

}



@media (max-width: 767px) {

    .slider-area {

        /*padding-top: 20px*/

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .slider-area {

        /*padding-top: 20px*/

    }

}



.single-slider {

   height: 60vh;
    overflow: hidden;

}


@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-slider {

        height: 50vh;

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .single-slider {

        height: 40vh;

    }

}



@media (max-width: 767px) {

    .single-slider {

        height: auto

    }

}



.slider-content {

    max-width: 590px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .slider-content {

        max-width: 520px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .slider-content {

        max-width: 420px

    }

}



@media (max-width: 767px) {

    .slider-content {

        padding-top: 70px;

        padding-bottom: 70px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .slider-content {

        padding-top: 100px;

        padding-bottom: 100px

    }

}





.slider-content .title {

    font-size: 76px;

    font-weight: 700;

    color: #fff

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .slider-content .title {

        font-size: 60px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .slider-content .title {

        font-size: 42px

    }

}



@media (max-width: 767px) {

    .slider-content .title {

        font-size: 28px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .slider-content .title {

        font-size: 36px

    }

}



.slider-content .slider-btn {

    padding-top: 40px

}



.slider-content .slider-btn li {

    display: inline-block;

    margin-top: 10px;

    margin-right: 18px

}



.slider-content .slider-btn li .main-btn {

    width: 165px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .slider-content .slider-btn li .main-btn {

        width: 145px

    }

}



.slider-active .slick-arrow {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 45px;

    height: 45px;

    line-height: 45px;

    text-align: center;

    background-color: rgba(7, 41, 77, .7);

    color: #fff;

    font-size: 20px;

    z-index: 9;

    cursor: pointer

}



.slider-active .slick-arrow.next {

    /*left: 45px*/
    left: 50px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .slider-02 .single-slider {

        height: 450px

    }

}



@media (max-width: 767px) {

    .slider-02 .single-slider {

        background-position: center right

    }

}



.slider-content-2 {

    margin-left: auto;

    max-width: 480px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .slider-content-2 {

        max-width: 360px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .slider-03 .single-slider {

        height: 450px

    }

}



@media (max-width: 767px) {

    .slider-03 .single-slider {

        background-position: center center

    }

}



.slider-content-3 {

    margin: 0 auto;

    max-width: 835px

}



@media (max-width: 767px) {

    .slider-content-3 {

        padding-top: 100px;

        padding-bottom: 100px

    }

}



.features-area {

    padding-top: 150px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .features-area {

        padding-top: 95px

    }

}



@media (max-width: 767px) {

    .features-area {

        padding-top: 75px

    }

}



.features-wrapper {

    position: relative;

    z-index: 9

}



.features-title {

    font-weight: 700;

    font-size: 46px;

    line-height: 54px;

    text-align: center;

    color: #07294d

}



@media (max-width: 767px) {

    .features-title {

        font-size: 22px;

        line-height: 28px

    }

}



.features-title span {

    color: #0c8b51;

    display: contents

}



.features-image {

    margin-top: 50px

}



.features-mask {

    max-width: 346px;

    height: 378px;

    background: #1f343f;

    position: relative;

    border-radius: 5px;

    overflow: hidden;

    position: absolute;

    width: 100%;

    top: 0;

    left: 0;

    z-index: -1

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .features-mask {

        max-width: 306px;

        height: 348px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .features-mask {

        position: relative;

        margin: 50px auto 0

    }

}



@media (max-width: 767px) {

    .features-mask {

        position: relative;

        margin: 50px auto 0

    }

}



.features-mask::before {

    position: absolute;

    content: '';

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background-color: rgba(7, 41, 77, .95)

}



.features-mask::after {

    position: absolute;

    content: '';

    bottom: 0;

    right: 0;

    width: 0;

    height: 0;

    border-bottom: 100px solid #fff;

    border-left: 345px solid transparent

}



.features-mask .features-mask-content {

    position: absolute;

    top: 0;

    width: 100%;

    left: 0;

    padding: 35px

}



.features-mask .features-mask-content p {

    font-weight: 600;

    font-size: 28px;

    line-height: 50px;

    color: #fff;

    position: relative;

    padding-left: 25px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .features-mask .features-mask-content p {

        font-size: 20px

    }

}



@media (max-width: 767px) {

    .features-mask .features-mask-content p {

        font-size: 20px

    }

}



.features-mask .features-mask-content p::before {

    position: absolute;

    content: '';

    top: 50%;

    left: 0;

    width: 15px;

    height: 1px;

    background-color: #fff;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%)

}



.features-area-2 {

    padding-top: 160px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .features-area-2 {

        padding-top: 95px

    }

}



@media (max-width: 767px) {

    .features-area-2 {

        padding-top: 75px

    }

}



.features-image-2 {

    position: relative;

    z-index: 5;

    max-width: 342px;

    width: 100%

}



.features-image-2 img {

    width: 100%

}



.features-image-2::before {

    position: absolute;

    content: '';

    background-color: #07294d;

    width: 80%;

    height: 70%;

    bottom: 0;

    left: 0;

    z-index: -1

}



.features-image-2::after {

    position: absolute;

    content: '';

    background-color: #f1f1f1;

    width: 80%;

    height: 70%;

    bottom: 60px;

    right: 0;

    z-index: -1

}



.features-items {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -webkit-box-pack: space-around;

    -ms-flex-pack: space-around;

    justify-content: space-around

}



.features-items .features-items-wrapper .single-features-item {

    max-width: 245px;

    padding: 50px 0;

    width: 100%

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .features-items .features-items-wrapper .single-features-item {

        padding: 35px 0

    }

}



@media (max-width: 767px) {

    .features-items .features-items-wrapper .single-features-item {

        padding: 35px 0

    }

}



.features-items .features-items-wrapper .single-features-item + .single-features-item {

    border-top: 1px solid #dbdbdb

}



@media (max-width: 767px) {

    .features-items .features-items-wrapper .single-features-item .item-icon img {

        height: 35px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .features-items .features-items-wrapper .single-features-item .item-icon img {

        height: 50px

    }

}



.features-items .features-items-wrapper .single-features-item .item-content {

    padding-left: 15px

}



@media (max-width: 767px) {

    .features-items .features-items-wrapper .single-features-item .item-content {

        padding-left: 10px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .features-items .features-items-wrapper .single-features-item .item-content {

        padding-left: 15px

    }

}



.features-items .features-items-wrapper .single-features-item .item-content p {

    color: #07294d;

    font-weight: 600;

    font-size: 24px;

    line-height: 32px

}



@media (max-width: 767px) {

    .features-items .features-items-wrapper .single-features-item .item-content p {

        font-size: 14px;

        line-height: 22px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .features-items .features-items-wrapper .single-features-item .item-content p {

        font-size: 18px;

        line-height: 26px

    }

}



.top-courses-area {

    padding-top: 60px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .top-courses-area {

        padding-top: 35px

    }

}



@media (max-width: 767px) {

    .top-courses-area {

        padding-top: 15px

    }

}



.courses-wrapper {

    padding-top: 40px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .courses-wrapper {

        padding-top: 20px

    }

}



@media (max-width: 767px) {

    .courses-wrapper {

        padding-top: 20px

    }

}



.courses-wrapper.wrapper-2 {

    padding-top: 10px

}



.courses-wrapper .courses-col:nth-child(8n+1) .single-courses, .courses-wrapper .courses-col:nth-child(8n+1) .single-courses-2 {

    background-color: #07294d

}



.courses-wrapper .courses-col:nth-child(8n+1) .single-courses .courses-content .duration-rating, .courses-wrapper .courses-col:nth-child(8n+1) .single-courses-2 .courses-content .duration-rating {

    background-color: #07294d

}



.courses-wrapper .courses-col:nth-child(8n+2) .single-courses, .courses-wrapper .courses-col:nth-child(8n+2) .single-courses-2 {

    background-color: #0c8b51

}



.courses-wrapper .courses-col:nth-child(8n+2) .single-courses .courses-content .duration-rating, .courses-wrapper .courses-col:nth-child(8n+2) .single-courses-2 .courses-content .duration-rating {

    background-color: #0c8b51

}



.courses-wrapper .courses-col:nth-child(8n+3) .single-courses, .courses-wrapper .courses-col:nth-child(8n+3) .single-courses-2 {

    background-color: #2f7ad5

}



.courses-wrapper .courses-col:nth-child(8n+3) .single-courses .courses-content .duration-rating, .courses-wrapper .courses-col:nth-child(8n+3) .single-courses-2 .courses-content .duration-rating {

    background-color: #2f7ad5

}



.courses-wrapper .courses-col:nth-child(8n+4) .single-courses, .courses-wrapper .courses-col:nth-child(8n+4) .single-courses-2 {

    background-color: #27b8a7

}



.courses-wrapper .courses-col:nth-child(8n+4) .single-courses .courses-content .duration-rating, .courses-wrapper .courses-col:nth-child(8n+4) .single-courses-2 .courses-content .duration-rating {

    background-color: #27b8a7

}



.courses-wrapper .courses-col:nth-child(8n+5) .single-courses, .courses-wrapper .courses-col:nth-child(8n+5) .single-courses-2 {

    background-color: #1ec1d9

}



.courses-wrapper .courses-col:nth-child(8n+5) .single-courses .courses-content .duration-rating, .courses-wrapper .courses-col:nth-child(8n+5) .single-courses-2 .courses-content .duration-rating {

    background-color: #1ec1d9

}



.courses-wrapper .courses-col:nth-child(8n+6) .single-courses, .courses-wrapper .courses-col:nth-child(8n+6) .single-courses-2 {

    background-color: #d94da6

}



.courses-wrapper .courses-col:nth-child(8n+6) .single-courses .courses-content .duration-rating, .courses-wrapper .courses-col:nth-child(8n+6) .single-courses-2 .courses-content .duration-rating {

    background-color: #d94da6

}



.courses-wrapper .courses-col:nth-child(8n+7) .single-courses, .courses-wrapper .courses-col:nth-child(8n+7) .single-courses-2 {

    background-color: #eab830

}



.courses-wrapper .courses-col:nth-child(8n+7) .single-courses .courses-content .duration-rating, .courses-wrapper .courses-col:nth-child(8n+7) .single-courses-2 .courses-content .duration-rating {

    background-color: #eab830

}



.courses-wrapper .courses-col:nth-child(8n+8) .single-courses, .courses-wrapper .courses-col:nth-child(8n+8) .single-courses-2 {

    background-color: #753b76

}



.courses-wrapper .courses-col:nth-child(8n+8) .single-courses .courses-content .duration-rating, .courses-wrapper .courses-col:nth-child(8n+8) .single-courses-2 .courses-content .duration-rating {

    background-color: #753b76

}



.single-courses {

    padding: 28px 25px 35px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-courses {

        padding: 18px 15px 25px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .single-courses {

        padding: 50px 40px

    }

}



.single-courses .category {

    font-weight: 400;

    font-size: 14px;

    letter-spacing: .05em;

    line-height: 32px;

    color: #fff

}



.single-courses .courses-title a {

    font-family: Exo;

    font-weight: 500;

    font-size: 22px;

    line-height: 32px;

    color: #fff

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-courses .courses-title a {

        font-size: 18px;

        line-height: 28px

    }

}



@media (max-width: 767px) {

    .single-courses .courses-title a {

        font-size: 20px;

        line-height: 28px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .single-courses .courses-title a {

        font-size: 18px;

        line-height: 28px

    }

}



.single-courses .duration-fee {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    padding-top: 5px

}



.single-courses .duration-fee .duration {

    font-weight: 500;

    font-size: 14px;

    letter-spacing: .03em;

    line-height: 24px;

    color: #fff;

    margin-top: 10px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-courses .duration-fee .duration {

        font-size: 12px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .single-courses .duration-fee .duration {

        font-size: 12px

    }

}



.single-courses .duration-fee .fee {

    font-weight: 500;

    font-size: 14px;

    letter-spacing: .03em;

    line-height: 24px;

    color: #fff;

    padding-left: 26px;

    position: relative;

    margin-top: 10px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-courses .duration-fee .fee {

        font-size: 12px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .single-courses .duration-fee .fee {

        font-size: 12px

    }

}



.single-courses .duration-fee .fee::before {

    position: absolute;

    content: '';

    width: 2px;

    height: 80%;

    left: 13px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    background-color: #fff

}



.single-courses .rating {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex

}



.single-courses .rating span {

    font-weight: 500;

    font-size: 14px;

    letter-spacing: .03em;

    line-height: 24px;

    color: #fff

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-courses .rating span {

        font-size: 12px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .single-courses .rating span {

        font-size: 12px

    }

}



.single-courses .rating .star {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -webkit-flex: 1;

    -moz-flex: 1;

    -ms-flex: 1;

    flex: 1;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.single-courses .rating .star li {

    font-size: 10px;

    color: #fff;

    margin-left: 5px

}



.single-courses .courses-link {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -webkit-box-pack: space-between;

    -ms-flex-pack: space-between;

    justify-content: space-between;

    border-top: 1px solid #fff;

    margin-top: 15px

}



.single-courses .courses-link .apply {

    font-weight: 500;

    font-size: 14px;

    letter-spacing: .05em;

    line-height: 24px;

    color: #fff;

    margin-top: 8px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-courses .courses-link .apply {

        font-size: 12px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .single-courses .courses-link .apply {

        font-size: 12px

    }

}



.single-courses .courses-link .more {

    font-weight: 500;

    font-size: 14px;

    letter-spacing: .05em;

    line-height: 24px;

    color: #fff;

    margin-top: 8px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-courses .courses-link .more {

        font-size: 12px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .single-courses .courses-link .more {

        font-size: 12px

    }

}



.single-courses-2 .courses-image {

    overflow: hidden

}



.single-courses-2 .courses-image a {

    display: block

}



.single-courses-2 .courses-image img {

    width: 100%;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



.single-courses-2 .courses-content {

    padding: 25px 25px;

    position: relative

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-courses-2 .courses-content {

        padding: 15px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .single-courses-2 .courses-content {

        padding: 30px 40px

    }

}



.single-courses-2 .courses-content .category {

    font-weight: 400;

    font-size: 14px;

    letter-spacing: .05em;

    line-height: 32px;

    color: #fff

}



.single-courses-2 .courses-content .courses-title a {

    font-family: Exo;

    font-weight: 500;

    font-size: 22px;

    line-height: 32px;

    color: #fff

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-courses-2 .courses-content .courses-title a {

        font-size: 18px;

        line-height: 28px

    }

}



@media (max-width: 767px) {

    .single-courses-2 .courses-content .courses-title a {

        font-size: 20px;

        line-height: 28px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .single-courses-2 .courses-content .courses-title a {

        font-size: 18px;

        line-height: 28px

    }

}



.single-courses-2 .courses-content .duration-rating {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    padding: 0 25px 25px;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-courses-2 .courses-content .duration-rating {

        padding: 0 15px 15px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .single-courses-2 .courses-content .duration-rating {

        padding: 0 40px 30px

    }

}



.single-courses-2 .courses-content .duration-rating .duration-fee {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex

}



.single-courses-2 .courses-content .duration-rating .duration-fee .duration {

    font-weight: 500;

    font-size: 14px;

    letter-spacing: .03em;

    line-height: 24px;

    color: #fff;

    margin-top: 10px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-courses-2 .courses-content .duration-rating .duration-fee .duration {

        font-size: 12px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .single-courses-2 .courses-content .duration-rating .duration-fee .duration {

        font-size: 12px

    }

}



.single-courses-2 .courses-content .duration-rating .duration-fee .fee {

    font-weight: 500;

    font-size: 14px;

    letter-spacing: .03em;

    line-height: 24px;

    color: #fff;

    padding-left: 26px;

    position: relative;

    margin-top: 10px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-courses-2 .courses-content .duration-rating .duration-fee .fee {

        font-size: 12px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .single-courses-2 .courses-content .duration-rating .duration-fee .fee {

        font-size: 12px

    }

}



.single-courses-2 .courses-content .duration-rating .duration-fee .fee::before {

    position: absolute;

    content: '';

    width: 2px;

    height: 80%;

    left: 13px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    background-color: #fff

}



.single-courses-2 .courses-content .duration-rating .duration-fee .credit {

    font-weight: 500;

    font-size: 14px;

    letter-spacing: .03em;

    line-height: 24px;

    color: #fff;

    padding-left: 26px;

    position: relative;

    margin-top: 10px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-courses-2 .courses-content .duration-rating .duration-fee .credit {

        font-size: 12px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .single-courses-2 .courses-content .duration-rating .duration-fee .credit {

        font-size: 12px

    }

}



.single-courses-2 .courses-content .duration-rating .duration-fee .credit::before {

    position: absolute;

    content: '';

    width: 2px;

    height: 80%;

    left: 13px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    background-color: #fff

}



.single-courses-2 .courses-content .duration-rating .rating {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex

}



.single-courses-2 .courses-content .duration-rating .rating span {

    font-weight: 500;

    font-size: 14px;

    letter-spacing: .03em;

    line-height: 24px;

    color: #fff

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-courses-2 .courses-content .duration-rating .rating span {

        font-size: 12px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .single-courses-2 .courses-content .duration-rating .rating span {

        font-size: 12px

    }

}



.single-courses-2 .courses-content .duration-rating .rating .star {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -webkit-flex: 1;

    -moz-flex: 1;

    -ms-flex: 1;

    flex: 1;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.single-courses-2 .courses-content .duration-rating .rating .star li {

    font-size: 10px;

    color: #fff;

    margin-left: 5px

}



.single-courses-2 .courses-content .courses-link {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -webkit-box-pack: space-between;

    -ms-flex-pack: space-between;

    justify-content: space-between;

    border-top: 1px solid #fff;

    margin-top: 15px;

    padding-bottom: 5px;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear;

    opacity: 1;

    visibility: visible

}



.single-courses-2 .courses-content .courses-link .apply {

    font-weight: 500;

    font-size: 14px;

    letter-spacing: .05em;

    line-height: 24px;

    color: #fff;

    margin-top: 10px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-courses-2 .courses-content .courses-link .apply {

        font-size: 12px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .single-courses-2 .courses-content .courses-link .apply {

        font-size: 12px

    }

}



.single-courses-2 .courses-content .courses-link .more {

    font-weight: 500;

    font-size: 14px;

    letter-spacing: .05em;

    line-height: 24px;

    color: #fff;

    margin-top: 10px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-courses-2 .courses-content .courses-link .more {

        font-size: 12px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .single-courses-2 .courses-content .courses-link .more {

        font-size: 12px

    }

}



.single-courses-2:hover .courses-image img {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1)

}



.single-courses-2:hover .courses-content .duration-rating {

    opacity: 1;

    visibility: visible

}



.single-courses-2:hover .courses-link {

    opacity: 1;

    visibility: hidden

}



.courses-menu .menu-items li {

    display: inline-block;

    width: 125px;

    height: 45px;

    line-height: 43px;

    text-align: center;

    font-weight: 600;

    font-size: 18px;

    color: #07294d;

    border: 1px solid #dbdbdb;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear;

    cursor: pointer;

    margin-top: 10px

}



.courses-menu .menu-items li + li {

    margin-left: 23px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .courses-menu .menu-items li + li {

        margin-left: 10px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .courses-menu .menu-items li + li {

        margin-left: 10px

    }

}



@media (max-width: 767px) {

    .courses-menu .menu-items li + li {

        margin-left: 5px

    }

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .courses-menu .menu-items li {

        width: 110px;

        font-size: 16px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .courses-menu .menu-items li {

        width: 100px;

        font-size: 16px

    }

}



@media (max-width: 767px) {

    .courses-menu .menu-items li {

        width: auto;

        font-size: 14px;

        padding: 0 15px;

        height: 40px;

        line-height: 38px

    }

}



.courses-menu .menu-items li.active, .courses-menu .menu-items li:hover {

    background-color: #0c8b51;

    color: #fff;

    border-color: #0c8b51

}



.courses-list {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



@media (max-width: 767px) {

    .courses-list {

        display: block

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .courses-list {

        display: -webkit-flex;

        display: -moz-flex;

        display: -ms-flex;

        display: -o-flex;

        display: flex

    }

}



.courses-list .courses-image {

    overflow: hidden

}



.courses-list .courses-image a {

    display: block

}



.courses-list .courses-image img {

    width: 320px;

    height: 300px;

    object-fit: cover;

    object-position: center;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



@media (max-width: 767px) {

    .courses-list .courses-image img {

        width: 100%;

        height: auto

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .courses-list .courses-image img {

        width: 260px;

        height: 250px

    }

}



.courses-list .courses-content {

    padding: 25px 50px;

    position: relative;

    -webkit-flex: 1;

    -moz-flex: 1;

    -ms-flex: 1;

    flex: 1

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .courses-list .courses-content {

        padding: 30px 40px

    }

}



@media (max-width: 767px) {

    .courses-list .courses-content {

        padding: 20px 25px

    }

}



.courses-list .courses-content .courses-fee {

    font-weight: 500;

    font-size: 16px;

    color: #fff;

    position: absolute;

    top: 30px;

    right: 50px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .courses-list .courses-content .courses-fee {

        position: relative;

        top: 0;

        right: 0;

        margin-bottom: 10px

    }

}



@media (max-width: 767px) {

    .courses-list .courses-content .courses-fee {

        position: relative;

        top: 0;

        right: 0;

        margin-bottom: 10px

    }

}



.courses-list .courses-content .courses-content-wrapper {

    max-width: 300px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .courses-list .courses-content .courses-content-wrapper {

        max-width: 270px

    }

}



.courses-list .courses-content .duration-rating {

    position: relative;

    padding: 0;

    opacity: 1;

    visibility: visible;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .courses-list .courses-content .duration-rating {

        padding: 0

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .courses-list .courses-content .duration-rating {

        padding: 0

    }

}



.courses-list:hover .courses-content .courses-link {

    opacity: 1;

    visibility: visible

}



.courses-bar {

    padding-top: 20px

}



.courses-tab {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-top: 30px

}



.courses-tab .nav {

    padding-right: 30px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .courses-tab .nav {

        padding-right: 20px

    }

}



@media (max-width: 767px) {

    .courses-tab .nav {

        padding-right: 20px

    }

}



.courses-tab .nav li {

    margin-right: 10px

}



.courses-tab .nav li a {

    font-size: 20px;

    color: #dfdfdf

}



.courses-tab .nav li a.active {

    color: #07294d

}



.courses-tab p {

    font-size: 14px;

    letter-spacing: .02em;

    color: #9c9c9c;

    -webkit-flex: 1;

    -moz-flex: 1;

    -ms-flex: 1;

    flex: 1

}



.courses-bar-form {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -webkit-box-pack: space-between;

    -ms-flex-pack: space-between;

    justify-content: space-between

}



@media (max-width: 767px) {

    .courses-bar-form {

        display: block

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .courses-bar-form {

        display: -webkit-flex;

        display: -moz-flex;

        display: -ms-flex;

        display: -o-flex;

        display: flex

    }

}



.courses-select {

    width: 210px;

    position: relative;

    margin-top: 30px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .courses-select {

        width: 160px

    }

}



@media (max-width: 767px) {

    .courses-select {

        width: 100%

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .courses-select {

        width: 210px

    }

}



.courses-select i {

    position: absolute;

    top: 50%;

    right: 0;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    font-size: 14px

}



.courses-select select {

    font-size: 14px;

    letter-spacing: .02em;

    color: #9c9c9c;

    height: 35px;

    border: 0;

    border-bottom: 1px solid #9c9c9c;

    width: 100%;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none

}



.courses-search {

    width: 270px;

    position: relative;

    margin-top: 30px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .courses-search {

        width: 200px

    }

}



@media (max-width: 767px) {

    .courses-search {

        width: 100%

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .courses-search {

        width: 210px

    }

}



.courses-search input {

    font-size: 14px;

    letter-spacing: .02em;

    color: #9c9c9c;

    height: 35px;

    border: 0;

    border-bottom: 1px solid #9c9c9c;

    width: 100%

}



.courses-search input::placeholder {

    opacity: 1;

    color: #9c9c9c

}



.courses-search input::-moz-placeholder {

    opacity: 1;

    color: #9c9c9c

}



.courses-search input::-moz-placeholder {

    opacity: 1;

    color: #9c9c9c

}



.courses-search input::-webkit-input-placeholder {

    opacity: 1;

    color: #9c9c9c

}



.courses-search i {

    position: absolute;

    top: 50%;

    right: 5px;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    font-size: 14px

}



.specialty-area {

    padding-top: 30px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .specialty-area {

        padding-top: 70px

    }

}



@media (max-width: 767px) {

    .specialty-area {

        padding-top: 50px

    }

}



.single-specialty::before {

    position: absolute;

    content: '';

    width: 1px;

    height: 80%

}



.single-specialty .specialty-box {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    max-width: 290px;

    margin: 0 auto;

    background: #fff;

    padding: 15px 30px;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .single-specialty .specialty-box {

        padding: 15px 20px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .single-specialty .specialty-box {

        padding: 15px 10px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .single-specialty .specialty-box .box-icon img {

        width: 45px

    }

}



@media (max-width: 767px) {

    .single-specialty .specialty-box .box-icon img {

        width: 45px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .single-specialty .specialty-box .box-icon img {

        width: 35px

    }

}



.single-specialty .specialty-box .box-content {

    -webkit-flex: 1;

    -moz-flex: 1;

    -ms-flex: 1;

    flex: 1;

    padding-left: 15px

}



.single-specialty .specialty-box .box-content p {

    font-weight: 600;

    font-size: 20px;

    line-height: 32px;

    color: #07294d

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .single-specialty .specialty-box .box-content p {

        font-size: 18px;

        line-height: 28px

    }

}



@media (max-width: 767px) {

    .single-specialty .specialty-box .box-content p {

        font-size: 18px;

        line-height: 28px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .single-specialty .specialty-box .box-content p {

        font-size: 14px;

        line-height: 20px

    }

}



.single-specialty.active .specialty-box {

    -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, .16);

    -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, .16);

    box-shadow: 0 3px 4px rgba(0, 0, 0, .16)

}



.campus-visit-area {

    padding-top: 10px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .campus-visit-area {

        padding-top: 100px

    }

}



@media (max-width: 767px) {

    .campus-visit-area {

        padding-top: 80px

    }

}



.campus-visit-wrapper {

    position: relative;

    z-index: 9;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    -moz-flex-wrap: wrap;

    flex-wrap: wrap

}



.campus-visit-wrapper::before {

    position: absolute;

    content: '';

    width: 40%;

    height: 100%;

    background-color: #07294d;

    top: 0;

    left: 0;

    z-index: -1

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .campus-visit-wrapper::before {

        display: none

    }

}



@media (max-width: 767px) {

    .campus-visit-wrapper::before {

        display: none

    }

}



.campus-visit-wrapper::after {

    position: absolute;

    content: '';

    width: 60%;

    height: 100%;

    background-color: #f1f1f1;

    top: 0;

    right: 0;

    z-index: -1

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .campus-visit-wrapper::after {

        display: none

    }

}



@media (max-width: 767px) {

    .campus-visit-wrapper::after {

        display: none

    }

}



.campus-visit-wrapper .campus-image-col {

    width: 50%;

    padding-top: 90px;

    padding-bottom: 85px;

    padding-left: 70px;

    padding-right: 0

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .campus-visit-wrapper .campus-image-col {

        background-color: #07294d;

        width: 100%;

        padding: 80px

    }

}



@media (max-width: 767px) {

    .campus-visit-wrapper .campus-image-col {

        background-color: #07294d;

        width: 100%;

        padding: 20px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .campus-visit-wrapper .campus-image-col {

        padding: 50px

    }

}



.campus-visit-wrapper .campus-content-col {

    width: 50%;

    padding-top: 90px;

    padding-bottom: 85px;

    padding-right: 50px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .campus-visit-wrapper .campus-content-col {

        background-color: #f1f1f1;

        width: 100%;

        padding: 80px;

        padding-top: 70px

    }

}



@media (max-width: 767px) {

    .campus-visit-wrapper .campus-content-col {

        background-color: #f1f1f1;

        width: 100%;

        padding: 20px 20px 10px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .campus-visit-wrapper .campus-content-col {

        padding: 50px;

        padding-top: 45px

    }

}



.campus-image {

    width: 100%;

    height: 100%;

    position: relative;

    padding-bottom: 35px

}



.campus-image img {

    width: 100%

}



.campus-image .slick-arrow {

    font-size: 16px;

    color: #fff;

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: 99;

    text-transform: capitalize;

    cursor: pointer

}



.campus-image .slick-arrow i {

    font-size: 13px;

    margin-right: 5px

}



.campus-image .slick-arrow.next {

    left: 70px;

    margin-left: 5px;

    margin-right: auto

}



.campus-image .slick-arrow.next::before {

    position: absolute;

    content: '/';

    font-size: 16px;

    color: #fff;

    left: -17px;

    top: 0

}



.campus-content {

    max-width: 480px;

    margin-left: auto;

    padding: 0 30px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .campus-content {

        margin-left: 0;

        padding: 0

    }

}



@media (max-width: 767px) {

    .campus-content {

        padding: 0

    }

}



.campus-content .campus-title {

    font-weight: 700;

    font-size: 46px;

    line-height: 54px;

    color: #07294d

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .campus-content .campus-title {

        font-size: 34px;

        line-height: 42px

    }

}



@media (max-width: 767px) {

    .campus-content .campus-title {

        font-size: 24px;

        line-height: 30px

    }

}



.campus-content .line {

    width: 150px;

    background: 0 0;

    border: 1px solid #07294d;

    margin-top: 30px

}



@media (max-width: 767px) {

    .campus-content .line {

        margin-top: 15px

    }

}



.campus-content p {

    font-weight: 500;

    font-size: 18px;

    line-height: 30px;

    color: #07294d;

    margin-top: 25px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .campus-content p {

        font-size: 16px;

        line-height: 26px

    }

}



@media (max-width: 767px) {

    .campus-content p {

        font-size: 16px;

        line-height: 26px;

        margin-top: 10px

    }

}



.campus-content .video-title {

    font-weight: 700;

    font-size: 46px;

    line-height: 54px;

    color: #07294d;

    margin-top: 35px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .campus-content .video-title {

        font-size: 34px;

        line-height: 42px

    }

}



@media (max-width: 767px) {

    .campus-content .video-title {

        font-size: 24px;

        line-height: 30px;

        margin-top: 20px

    }

}



.campus-content .play {

    font-weight: 600;

    font-size: 24px;

    line-height: 54px;

    color: #07294d;

    margin-top: 15px;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .campus-content .play {

        font-size: 20px;

        line-height: 48px

    }

}



@media (max-width: 767px) {

    .campus-content .play {

        font-size: 20px;

        line-height: 30px

    }

}



.campus-content .play i {

    margin-right: 8px

}



.campus-content .play:hover {

    color: #0c8b51

}



.campus-visit-area-2 {

    padding-top: 110px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .campus-visit-area-2 {

        padding-top: 35px

    }

}



@media (max-width: 767px) {

    .campus-visit-area-2 {

        padding-top: 15px

    }

}



.campus-content-2 {

    margin-left: 0

}



.campus-image-2 {

    position: relative;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    -moz-flex-wrap: wrap;

    flex-wrap: wrap

}



.campus-image-2 img {

    width: 100%

}



.campus-image-2 .campus-title-2 {

    font-weight: 700;

    font-size: 28px;

    letter-spacing: .15em;

    line-height: 24px;

    text-align: left;

    color: #d5d5d5;

    opacity: .45;

    text-transform: uppercase;

    -webkit-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    transform: rotate(-90deg);

    position: absolute;

    top: 130px;

    left: -15%

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .campus-image-2 .campus-title-2 {

        font-size: 24px;

        top: 100px;

        left: -17%

    }

}



@media (max-width: 767px) {

    .campus-image-2 .campus-title-2 {

        font-size: 14px;

        top: 53px;

        left: -19%

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .campus-image-2 .campus-title-2 {

        font-size: 22px;

        top: 100px;

        left: -17%

    }

}



.campus-image-2 .image-1 {

    width: 90%;

    margin-left: auto

}



.campus-image-2 .image-2 {

    width: 38%

}



.campus-image-2 .image-3 {

    width: 62%

}



.campus-image-2 .more {

    position: absolute;

    bottom: 10px;

    right: 65%;

    font-weight: 500;

    font-size: 16px;

    letter-spacing: .03em;

    color: #151515;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



.campus-image-2 .more i {

    margin-left: 8px

}



@media (max-width: 767px) {

    .campus-image-2 .more i {

        margin-left: 4px

    }

}



@media (max-width: 767px) {

    .campus-image-2 .more {

        font-size: 14px;

        bottom: 0

    }

}



.campus-image-2 .more:hover {

    color: #0c8b51

}



.campus-visit-area-3 {

    padding-top: 60px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .campus-visit-area-3 {

        padding-top: 100px

    }

}



@media (max-width: 767px) {

    .campus-visit-area-3 {

        padding-top: 80px

    }

}



.campus-visit-area-3 .campus-visit-wrapper::before {

    left: auto;

    right: 0

}



.campus-visit-area-3 .campus-visit-wrapper::after {

    right: auto;

    left: 0;

    display: none

}



.campus-visit-area-3 .campus-visit-wrapper .campus-image-col {

    padding-left: 0;

    padding-right: 70px;

    background-image: url(../images/dot.png);

    background-repeat: repeat;

    background-position: 3px -6px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .campus-visit-area-3 .campus-visit-wrapper .campus-image-col {

        padding: 80px

    }

}



@media (max-width: 767px) {

    .campus-visit-area-3 .campus-visit-wrapper .campus-image-col {

        padding: 20px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .campus-visit-area-3 .campus-visit-wrapper .campus-image-col {

        padding: 50px

    }

}



.campus-visit-area-3 .campus-visit-wrapper .campus-content-col {

    padding-right: 0

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .campus-visit-area-3 .campus-visit-wrapper .campus-content-col {

        padding: 80px;

        padding-top: 70px

    }

}



@media (max-width: 767px) {

    .campus-visit-area-3 .campus-visit-wrapper .campus-content-col {

        padding: 20px;

        padding-top: 15px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .campus-visit-area-3 .campus-visit-wrapper .campus-content-col {

        padding: 50px;

        padding-top: 45px

    }

}



.campus-visit-area-3 .campus-content {

    margin-left: 0;

    padding: 0;

    max-width: 450px

}



.campus-visit-area-3 .campus-image {

    padding-bottom: 0;

    position: relative;

    height: auto

}



.campus-visit-area-3 .campus-image::before {

    position: absolute;

    content: '';

    bottom: 2px;

    right: 2px;

    background-color: #07294d;

    width: 150px;

    height: 40px;

    z-index: 5

}



.campus-visit-area-3 .campus-image .slick-arrow {

    left: auto;

    right: 90px;

    bottom: 10px

}



.campus-visit-area-3 .campus-image .slick-arrow.next {

    left: auto;

    right: 15px

}



.event-area {

    padding-top: 110px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .event-area {

        padding-top: 55px

    }

}



@media (max-width: 767px) {

    .event-area {

        padding-top: 35px

    }

}



.event-title-tab-menu {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



@media (max-width: 767px) {

    .event-title-tab-menu {

        display: block

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .event-title-tab-menu {

        display: -webkit-flex;

        display: -moz-flex;

        display: -ms-flex;

        display: -o-flex;

        display: flex

    }

}



.event-title-tab-menu .event-title {

    display: inline-block

}



.event-title-tab-menu .event-title .title {

    font-size: 47px;

    line-height: 54px;

    position: relative;

    padding-right: 60px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .event-title-tab-menu .event-title .title {

        font-size: 34px;

        line-height: 40px;

        padding-right: 50px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .event-title-tab-menu .event-title .title {

        font-size: 36px;

        line-height: 45px;

        padding-right: 30px

    }

}



@media (max-width: 767px) {

    .event-title-tab-menu .event-title .title {

        font-size: 30px;

        line-height: 30px;

        padding-bottom: 20px;

        padding-right: 0

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .event-title-tab-menu .event-title .title {

        font-size: 24px;

        line-height: 30px;

        padding-bottom: 0;

        padding-right: 30px

    }

}



.event-title-tab-menu .event-title .title::before {

    position: absolute;

    content: '';

    width: 2px;

    height: 65%;

    background-color: #07294d;

    top: 50%;

    right: 0;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%)

}



@media (max-width: 767px) {

    .event-title-tab-menu .event-title .title::before {

        height: 2px;

        left: 0;

        right: auto;

        top: auto;

        bottom: 0;

        width: 100px;

        -webkit-transform: translateY(0);

        -moz-transform: translateY(0);

        -ms-transform: translateY(0);

        -o-transform: translateY(0);

        transform: translateY(0)

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .event-title-tab-menu .event-title .title::before {

        width: 2px;

        height: 75%;

        left: auto;

        top: 50%;

        right: 0;

        bottom: auto;

        -webkit-transform: translateY(-50%);

        -moz-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        -o-transform: translateY(-50%);

        transform: translateY(-50%)

    }

}



.event-tab-menu {

    -webkit-flex: 1;

    -moz-flex: 1;

    -ms-flex: 1;

    flex: 1

}



.event-tab-menu .nav {

    padding-left: 60px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .event-tab-menu .nav {

        padding-left: 50px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .event-tab-menu .nav {

        padding-left: 30px

    }

}



@media (max-width: 767px) {

    .event-tab-menu .nav {

        padding-left: 0

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .event-tab-menu .nav {

        padding-left: 30px

    }

}



.event-tab-menu .nav li + li {

    margin-left: 25px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .event-tab-menu .nav li + li {

        margin-left: 10px

    }

}



@media (max-width: 767px) {

    .event-tab-menu .nav li + li {

        margin-left: 10px

    }

}



.event-tab-menu .nav li a {

    font-weight: 600;

    font-size: 18px;

    text-align: left;

    color: #07294d;

    border: 1px solid #dbdbdb;

    padding: 0 30px;

    height: 45px;

    line-height: 43px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .event-tab-menu .nav li a {

        font-size: 16px;

        padding: 0 20px;

        height: 40px;

        line-height: 38px

    }

}



@media (max-width: 767px) {

    .event-tab-menu .nav li a {

        font-size: 14px;

        padding: 0 10px;

        height: 40px;

        line-height: 38px

    }

}



.event-tab-menu .nav li a.active {

    background-color: #0c8b51;

    border-color: #0c8b51;

    color: #fff;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



.event-tab-items {

    padding-top: 40px;

    position: relative

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .event-tab-items {

        padding-top: 20px

    }

}



@media (max-width: 767px) {

    .event-tab-items {

        padding-top: 20px

    }

}



.event-tab-items .view-btn {

    position: absolute;

    top: 25px;

    right: 0

}



@media (max-width: 767px) {

    .event-tab-items .view-btn {

        position: relative

    }

}



.event-tab-items .view-btn .view-more {

    font-weight: 500;

    font-size: 14px;

    letter-spacing: .05em;

    color: grey;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



.event-tab-items .view-btn .view-more:hover {

    color: #07294d

}



.single-event {

    background-color: #f1f1f1;

    padding: 50px 25px;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-event {

        padding: 20px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .single-event {

        padding: 30px 25px

    }

}



.single-event .time {

    font-weight: 500;

    font-size: 12px;

    line-height: 32px;

    display: block;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-event .time {

        font-size: 14px;

        line-height: 24px

    }

}



@media (max-width: 767px) {

    .single-event .time {

        font-size: 14px

    }

}



.single-event .date {

    font-weight: 700;

    font-size: 14px;

    letter-spacing: .05em;

    line-height: 32px;

    color: #0c8b51;

    display: block;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-event .date {

        font-size: 16px;

        line-height: 25px

    }

}



@media (max-width: 767px) {

    .single-event .date {

        font-size: 18px;

        line-height: 30px

    }

}



.single-event .event-title a {

    font-weight: 600;

    font-size: 24px;

    letter-spacing: .02em;

    line-height: 30px;

    color: #07294d;

    margin-top: 11px;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-event .event-title a {

        font-size: 18px;

        line-height: 25px

    }

}



@media (max-width: 767px) {

    .single-event .event-title a {

        font-size: 18px;

        line-height: 25px

    }

}



.single-event .place {

    font-weight: 500;

    font-size: 12px;

    margin-top: 11px;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-event .place {

        font-size: 14px

    }

}



@media (max-width: 767px) {

    .single-event .place {

        font-size: 14px

    }

}



.single-event .more {

    font-weight: 500;

    font-size: 14px;

    letter-spacing: .05em;

    margin-top: 15px;

    color: #151515;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-event .more {

        font-size: 13px

    }

}



@media (max-width: 767px) {

    .single-event .more {

        font-size: 13px

    }

}



.single-event .more i {

    font-size: 11px;

    margin-left: 3px

}



.single-event:hover {

    background-color: #07294d

}



.single-event:hover .time {

    color: #fff

}



.single-event:hover .event-title a {

    color: #fff

}



.single-event:hover .place {

    color: #fff

}



.single-event:hover .more {

    color: #fff

}



.event-image img {

    width: 100%

}



.event-title {

    max-width: 490px;

    margin-left: auto

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .event-title {

        margin-left: 0

    }

}



@media (max-width: 767px) {

    .event-title {

        margin-left: 0

    }

}



.event-wrapper-2 {

    max-width: 490px

}



.single-event-2 {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-top: 60px

}



.single-event-2 .event-date {

    width: 125px;

    height: 125px;

    background-color: #f1f1f1;

    text-align: center;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



@media (max-width: 767px) {

    .single-event-2 .event-date {

        width: 80px;

        height: 80px

    }

}



.single-event-2 .event-date .date {

    font-weight: 700;

    font-size: 24px;

    letter-spacing: .05em;

    line-height: 32px;

    color: #07294d;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-event-2 .event-date .date {

        font-size: 20px

    }

}



@media (max-width: 767px) {

    .single-event-2 .event-date .date {

        font-size: 16px;

        line-height: 26px

    }

}



.single-event-2 .event-content {

    padding-left: 30px;

    -webkit-flex: 1;

    -moz-flex: 1;

    -ms-flex: 1;

    flex: 1

}



@media (max-width: 767px) {

    .single-event-2 .event-content {

        padding-left: 15px

    }

}



.single-event-2 .event-content .event-title-2 a {

    font-weight: 600;

    font-size: 24px;

    letter-spacing: .02em;

    line-height: 30px;

    color: #07294d;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-event-2 .event-content .event-title-2 a {

        font-size: 22px

    }

}



@media (max-width: 767px) {

    .single-event-2 .event-content .event-title-2 a {

        font-size: 16px;

        line-height: 26px

    }

}



.single-event-2 .event-content .event-title-2 a:hover {

    color: #0c8b51

}



.single-event-2 .event-content .place {

    font-weight: 500;

    font-size: 16px;

    line-height: 32px

}



@media (max-width: 767px) {

    .single-event-2 .event-content .place {

        font-size: 13px;

        line-height: 24px

    }

}



.single-event-2 .event-content .time {

    font-weight: 500;

    font-size: 16px;

    line-height: 32px;

    display: block

}



@media (max-width: 767px) {

    .single-event-2 .event-content .time {

        font-size: 13px;

        line-height: 24px

    }

}



.single-event-2 .event-content .more {

    font-weight: 500;

    font-size: 14px;

    letter-spacing: .05em;

    line-height: 24px;

    color: #151515;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



@media (max-width: 767px) {

    .single-event-2 .event-content .more {

        font-size: 12px;

        line-height: 22px

    }

}



.single-event-2 .event-content .more:hover {

    color: #0c8b51

}



.single-event-2:hover .event-date {

    background-color: #0c8b51

}



.single-event-2:hover .event-date .date {

    color: #fff

}



.event-page {

    padding-top: 130px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .event-page {

        padding-top: 70px

    }

}



@media (max-width: 767px) {

    .event-page {

        padding-top: 50px

    }

}



.event-menu .menu-items li {

    display: inline-block;

    width: 125px;

    height: 45px;

    line-height: 43px;

    text-align: center;

    font-weight: 600;

    font-size: 18px;

    color: #07294d;

    border: 1px solid #dbdbdb;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear;

    cursor: pointer;

    margin-top: 10px

}



.event-menu .menu-items li + li {

    margin-left: 23px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .event-menu .menu-items li + li {

        margin-left: 10px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .event-menu .menu-items li + li {

        margin-left: 10px

    }

}



@media (max-width: 767px) {

    .event-menu .menu-items li + li {

        margin-left: 5px

    }

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .event-menu .menu-items li {

        width: 110px;

        font-size: 16px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .event-menu .menu-items li {

        width: 100px;

        font-size: 16px

    }

}



@media (max-width: 767px) {

    .event-menu .menu-items li {

        width: auto;

        font-size: 14px;

        padding: 0 15px;

        height: 40px;

        line-height: 38px

    }

}



.event-menu .menu-items li.active, .event-menu .menu-items li:hover {

    background-color: #0c8b51;

    color: #fff;

    border-color: #0c8b51

}



.event-wrapper {

    padding-top: 40px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .event-wrapper {

        padding-top: 20px

    }

}



@media (max-width: 767px) {

    .event-wrapper {

        padding-top: 20px

    }

}



.testimonials-area {

    overflow: hidden;

    padding-top: 110px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .testimonials-area {

        padding-top: 55px

    }

}



@media (max-width: 767px) {

    .testimonials-area {

        padding-top: 35px

    }

}



.testimonials-title {

    padding-top: 40px

}



.testimonials-title .title {

    font-weight: 700;

    font-size: 46px;

    line-height: 54px;

    color: #07294d

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .testimonials-title .title {

        font-size: 38px;

        line-height: 45px

    }

}



@media (max-width: 767px) {

    .testimonials-title .title {

        font-size: 30px;

        line-height: 30px

    }

}



.testimonials-title .line {

    width: 150px;

    background: 0 0;

    border: 1px solid #07294d;

    margin-top: 25px

}



.testimonials-title p {

    font-weight: 500;

    font-size: 18px;

    line-height: 30px;

    color: #07294d;

    margin-top: 25px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .testimonials-title p {

        font-size: 16px;

        line-height: 28px

    }

}



@media (max-width: 767px) {

    .testimonials-title p {

        padding-left: 0;

        font-size: 16px;

        line-height: 28px

    }

}



.testimonials-wrapper {

    position: relative

}



.testimonials-wrapper .testimonials-shape {

    position: absolute;

    background-color: #f2f2f2;

    border-radius: 50%

}



.testimonials-wrapper .testimonials-shape.shape-1 {

    width: 185px;

    height: 185px;

    left: 0;

    top: 100px

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .testimonials-wrapper .testimonials-shape.shape-1 {

        left: 70px

    }

}



.testimonials-wrapper .testimonials-shape.shape-2 {

    width: 133px;

    height: 133px;

    bottom: -10px;

    left: 0

}



@media (max-width: 767px) {

    .testimonials-wrapper .testimonials-shape.shape-2 {

        bottom: 290px

    }

}



@media (max-width: 767px) {

    .testimonials-wrapper .testimonials-shape.shape-2 {

        bottom: 210px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .testimonials-wrapper .testimonials-shape.shape-2 {

        left: 35px;

        bottom: 190px

    }

}



.testimonials-wrapper .testimonials-shape.shape-3 {

    width: 45px;

    height: 45px;

    bottom: -5px;

    left: 310px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .testimonials-wrapper .testimonials-shape.shape-3 {

        left: 265px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .testimonials-wrapper .testimonials-shape.shape-3 {

        left: 255px

    }

}



@media (max-width: 767px) {

    .testimonials-wrapper .testimonials-shape.shape-3 {

        bottom: 215px;

        left: 235px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .testimonials-wrapper .testimonials-shape.shape-3 {

        left: 375px;

        bottom: 190px

    }

}



.testimonials-image {

    margin-top: 50px

}



.testimonials-image .single-testimonial-image {

    text-align: center

}



.testimonials-image .single-testimonial-image img {

    display: inline-block

}



.testimonials-image .slick-arrow {

    position: absolute;

    bottom: 100px;

    left: -400px;

    font-weight: 500;

    font-size: 16px;

    letter-spacing: .03em;

    line-height: 24px;

    cursor: pointer;

    z-index: 9

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .testimonials-image .slick-arrow {

        left: -320px;

        bottom: 80px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .testimonials-image .slick-arrow {

        left: auto;

        right: -57px;

        bottom: auto;

        top: 0

    }

}



@media (max-width: 767px) {

    .testimonials-image .slick-arrow {

        left: 0;

        bottom: auto;

        top: -30px

    }

}



.testimonials-image .slick-arrow i {

    margin-left: 3px

}



.testimonials-content {

    margin-top: 100px

}



@media (max-width: 767px) {

    .testimonials-content {

        margin-top: 0

    }

}



.single-testimonial-content {

    padding: 45px 35px;

    background-color: #f1f1f1;

    border-top: 3px solid #0c8b51

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-testimonial-content {

        padding: 30px 25px

    }

}



@media (max-width: 767px) {

    .single-testimonial-content {

        padding: 30px 25px

    }

}



.single-testimonial-content .content-text {

    padding-left: 50px;

    position: relative;

    z-index: 3

}



@media (max-width: 767px) {

    .single-testimonial-content .content-text {

        padding-left: 0

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .single-testimonial-content .content-text {

        padding-left: 50px

    }

}



.single-testimonial-content .content-text i {

    position: absolute;

    top: 4px;

    left: 0;

    color: #0c8b51;

    font-size: 30px;

    line-height: 30px

}



@media (max-width: 767px) {

    .single-testimonial-content .content-text i {

        opacity: .3;

        z-index: -1

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .single-testimonial-content .content-text i {

        opacity: 1;

        z-index: auto

    }

}



.single-testimonial-content .content-text p {

    font-weight: 500;

    font-size: 16px;

    line-height: 28px

}



@media (max-width: 767px) {

    .single-testimonial-content .content-text p {

        font-size: 14px;

        line-height: 26px

    }

}



.single-testimonial-content .content-meta {

    margin-top: 20px

}



.single-testimonial-content .content-meta .designation, .single-testimonial-content .content-meta .name {

    font-weight: 600;

    font-size: 16px;

    line-height: 32px;

    color: #07294d;

    position: relative;

    display: inline-block;

    margin-right: 13px;

    margin-top: 10px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-testimonial-content .content-meta .designation, .single-testimonial-content .content-meta .name {

        font-size: 14px

    }

}



@media (max-width: 767px) {

    .single-testimonial-content .content-meta .designation, .single-testimonial-content .content-meta .name {

        font-size: 13px;

        line-height: 22px

    }

}



.single-testimonial-content .content-meta .designation {

    padding-left: 15px;

    margin-right: 0

}



.single-testimonial-content .content-meta .designation::before {

    position: absolute;

    content: '';

    width: 1px;

    height: 70%;

    left: 0;

    background-color: #707070;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%)

}



.testimonials-area-2 {

    padding-top: 100px

}



.testimonial-wrapper-2 {

    position: relative

}



.testimonial-wrapper-2 .testimonials-shape {

    position: absolute;

    background-color: #f2f2f2;

    border-radius: 50%

}



.testimonial-wrapper-2 .testimonials-shape.shape-1 {

    width: 185px;

    height: 185px;

    right: 210px;

    top: 50px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .testimonial-wrapper-2 .testimonials-shape.shape-1 {

        left: 120px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .testimonial-wrapper-2 .testimonials-shape.shape-1 {

        left: 180px

    }

}



@media (max-width: 767px) {

    .testimonial-wrapper-2 .testimonials-shape.shape-1 {

        left: 100px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .testimonial-wrapper-2 .testimonials-shape.shape-1 {

        left: 220px

    }

}



.testimonial-wrapper-2 .testimonials-shape.shape-2 {

    width: 133px;

    height: 133px;

    bottom: 110px;

    right: 230px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .testimonial-wrapper-2 .testimonials-shape.shape-2 {

        left: 165px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .testimonial-wrapper-2 .testimonials-shape.shape-2 {

        left: 180px

    }

}



@media (max-width: 767px) {

    .testimonial-wrapper-2 .testimonials-shape.shape-2 {

        bottom: 70px;

        left: 155px

    }

}



@media (max-width: 767px) {

    .testimonial-wrapper-2 .testimonials-shape.shape-2 {

        left: 275px

    }

}



.testimonial-wrapper-2 .testimonials-content {

    margin-top: 70px;

    padding-left: 90px

}



@media (max-width: 767px) {

    .testimonial-wrapper-2 .testimonials-content {

        padding-left: 0;

        margin-top: 50px

    }

}



.testimonial-wrapper-2 .testimonials-content .single-testimonial-content {

    padding: 45px 30px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .testimonial-wrapper-2 .testimonials-content .single-testimonial-content {

        padding: 30px 25px

    }

}



@media (max-width: 767px) {

    .testimonial-wrapper-2 .testimonials-content .single-testimonial-content {

        padding: 30px 25px

    }

}



.testimonial-wrapper-2 .testimonials-image {

    margin-top: 50px;

    position: relative;

    margin-left: -190px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .testimonial-wrapper-2 .testimonials-image {

        margin-left: -180px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .testimonial-wrapper-2 .testimonials-image {

        margin-left: 0

    }

}



@media (max-width: 767px) {

    .testimonial-wrapper-2 .testimonials-image {

        margin-left: 0

    }

}



.testimonial-wrapper-2 .testimonials-image .single-testimonial-image {

    text-align: center

}



.testimonial-wrapper-2 .testimonials-image .single-testimonial-image img {

    display: inline-block

}



.testimonial-wrapper-2 .testimonials-image .single-testimonial-image .content-meta {

    background-color: rgba(255, 255, 255, .82);

    padding: 0 30px 6px;

    position: absolute;

    left: 0;

    bottom: 85px

}



.testimonial-wrapper-2 .testimonials-image .single-testimonial-image .content-meta .designation, .testimonial-wrapper-2 .testimonials-image .single-testimonial-image .content-meta .name {

    font-weight: 600;

    font-size: 16px;

    line-height: 32px;

    color: #07294d;

    position: relative;

    display: inline-block;

    margin-right: 13px;

    margin-top: 6px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .testimonial-wrapper-2 .testimonials-image .single-testimonial-image .content-meta .designation, .testimonial-wrapper-2 .testimonials-image .single-testimonial-image .content-meta .name {

        font-size: 14px

    }

}



@media (max-width: 767px) {

    .testimonial-wrapper-2 .testimonials-image .single-testimonial-image .content-meta .designation, .testimonial-wrapper-2 .testimonials-image .single-testimonial-image .content-meta .name {

        font-size: 13px;

        line-height: 22px

    }

}



.testimonial-wrapper-2 .testimonials-image .single-testimonial-image .content-meta .designation {

    padding-left: 15px;

    margin-right: 0

}



.testimonial-wrapper-2 .testimonials-image .single-testimonial-image .content-meta .designation::before {

    position: absolute;

    content: '';

    width: 1px;

    height: 70%;

    left: 0;

    background-color: #707070;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%)

}



.testimonial-wrapper-2 .testimonials-image .slick-arrow {

    bottom: auto;

    top: 70%;

    left: auto;

    right: 87px;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%)

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .testimonial-wrapper-2 .testimonials-image .slick-arrow {

        left: auto;

        bottom: 80px;

        right: 67px

    }

}



@media (max-width: 767px) {

    .testimonial-wrapper-2 .testimonials-image .slick-arrow {

        left: auto;

        right: 20px;

        top: 0;

        -webkit-transform: translateY(0);

        -moz-transform: translateY(0);

        -ms-transform: translateY(0);

        -o-transform: translateY(0);

        transform: translateY(0)

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .testimonial-wrapper-2 .testimonials-image .slick-arrow {

        left: auto;

        right: 20px;

        top: 70%;

        -webkit-transform: translateY(-50%);

        -moz-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        -o-transform: translateY(-50%);

        transform: translateY(-50%)

    }

}



.testimonial-wrapper-2 .testimonials-image .slick-arrow i {

    margin-left: 3px

}



@media (max-width: 767px) {

    .counter-area {

        padding-top: 75px

    }

}



.counter-wrapper {

    position: relative;

    z-index: 5;

    padding: 45px 70px 75px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .counter-wrapper {

        padding: 10px 40px 40px

    }

}



@media (max-width: 767px) {

    .counter-wrapper {

        padding: 1px 0 30px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .counter-wrapper {

        padding: 1px 15px 30px

    }

}



.counter-wrapper::before {

    position: absolute;

    content: '';

    background-color: rgba(7, 41, 77, .9);

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1

}



.counter-wrapper .counter-col {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.counter-wrapper .counter-col:first-child {

    -webkit-box-pack: flex-start;

    -ms-flex-pack: flex-start;

    justify-content: flex-start

}



.counter-wrapper .counter-col:last-child {

    -webkit-box-pack: flex-end;

    -ms-flex-pack: flex-end;

    justify-content: flex-end

}



@media (max-width: 767px) {

    .counter-wrapper .counter-col:nth-child(2n+1) {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .counter-wrapper .counter-col:nth-child(2n+1) {

        -webkit-box-pack: flex-start;

        -ms-flex-pack: flex-start;

        justify-content: flex-start

    }

}



@media (max-width: 767px) {

    .counter-wrapper .counter-col:nth-child(2n+2) {

        -webkit-box-pack: flex-start;

        -ms-flex-pack: flex-start;

        justify-content: flex-start

    }

}



.single-counter .counter-count {

    font-weight: 700;

    font-size: 40px;

    letter-spacing: .05em;

    line-height: 36px;

    color: #fff

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .single-counter .counter-count {

        font-size: 32px

    }

}



@media (max-width: 767px) {

    .single-counter .counter-count {

        font-size: 24px

    }

}



.single-counter p {

    font-weight: 400;

    font-size: 20px;

    letter-spacing: .02em;

    line-height: 33px;

    color: #fff

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .single-counter p {

        font-size: 18px

    }

}



@media (max-width: 767px) {

    .single-counter p {

        font-size: 16px

    }

}



.counter-area-2 {

    padding-top: 160px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .counter-area-2 {

        padding-top: 95px

    }

}



@media (max-width: 767px) {

    .counter-area-2 {

        padding-top: 75px

    }

}



.counter-wrapper-2 {

    position: relative;

    z-index: 5;

    padding: 55px 60px 85px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .counter-wrapper-2 {

        padding: 10px 40px 40px

    }

}



@media (max-width: 767px) {

    .counter-wrapper-2 {

        padding: 1px 15px 30px

    }

}



.counter-wrapper-2::before {

    position: absolute;

    content: '';

    background-color: rgba(7, 41, 77, .9);

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1

}



.counter-wrapper-2 .counter-col {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: relative

}



@media (max-width: 767px) {

    .counter-wrapper-2 .counter-col {

        display: block;

        text-align: center

    }

}



.counter-wrapper-2 .counter-col::before {

    position: absolute;

    content: '';

    width: 1px;

    height: 70%;

    background-color: #dbdbdb;

    bottom: 0;

    left: 0;

    opacity: .65

}



.counter-wrapper-2 .counter-col:first-child {

    -webkit-box-pack: flex-start;

    -ms-flex-pack: flex-start;

    justify-content: flex-start

}



.counter-wrapper-2 .counter-col:first-child::before {

    opacity: 0

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .counter-wrapper-2 .counter-col:first-child::before {

        opacity: 0 !important

    }

}



.counter-wrapper-2 .counter-col:last-child {

    -webkit-box-pack: flex-end;

    -ms-flex-pack: flex-end;

    justify-content: flex-end

}



@media (max-width: 767px) {

    .counter-wrapper-2 .counter-col:nth-child(2n+1)::before {

        opacity: 0

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .counter-wrapper-2 .counter-col:nth-child(2n+1)::before {

        opacity: .65

    }

}



.blog-area {

    padding-top: 150px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .blog-area {

        padding-top: 90px

    }

}



@media (max-width: 767px) {

    .blog-area {

        padding-top: 70px

    }

}



.blog-area-2 {

    position: relative;

    padding-top: 112px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .blog-area-2 {

        padding-top: 90px

    }

}



@media (max-width: 767px) {

    .blog-area-2 {

        padding-top: 70px

    }

}



.blog-area-2::before {

    position: absolute;

    content: '';

    max-width: 1300px;

    width: 100%;

    height: 60%;

    background-color: #f1f1f1;

    top: 0;

    left: 150px

}



@media only screen and (min-width: 1200px) and (max-width: 1399px) {

    .blog-area-2::before {

        left: 0

    }

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .blog-area-2::before {

        left: 0

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .blog-area-2::before {

        left: 0

    }

}



@media (max-width: 767px) {

    .blog-area-2::before {

        left: 0

    }

}



.blog-area-2 .trending-title {

    font-weight: 700;

    font-size: 46px;

    letter-spacing: .1em;

    line-height: 24px;

    color: #d5d5d5;

    opacity: .46;

    text-transform: uppercase;

    -webkit-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    transform: rotate(-90deg);

    display: inline-block;

    position: absolute;

    top: 283px;

    left: 35px

}



@media only screen and (min-width: 1200px) and (max-width: 1399px) {

    .blog-area-2 .trending-title {

        top: 30px;

        left: 15px;

        -webkit-transform: rotate(0);

        -moz-transform: rotate(0);

        -ms-transform: rotate(0);

        -o-transform: rotate(0);

        transform: rotate(0)

    }

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .blog-area-2 .trending-title {

        top: 30px;

        left: 15px;

        -webkit-transform: rotate(0);

        -moz-transform: rotate(0);

        -ms-transform: rotate(0);

        -o-transform: rotate(0);

        transform: rotate(0)

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .blog-area-2 .trending-title {

        display: none

    }

}



@media (max-width: 767px) {

    .blog-area-2 .trending-title {

        display: none

    }

}



.blog-wrapper {

    padding-top: 35px;

    position: relative

}



.blog-wrapper .more-post {

    position: absolute;

    top: -35px;

    right: 170px;

    font-weight: 600;

    font-size: 18px;

    color: #07294d;

    border-bottom: 1px solid #707070

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .blog-wrapper .more-post {

        right: 0

    }

}



@media (max-width: 767px) {

    .blog-wrapper .more-post {

        right: 0

    }

}



@media (max-width: 767px) {

    .blog-wrapper .more-post {

        position: relative;

        top: 0;

        right: 0;

        margin-top: 30px;

        text-align: center

    }

}



.single-blog {

    background-color: #f1f1f1

}



.single-blog .blog-image {

    overflow: hidden

}



.single-blog .blog-image a {

    display: block

}



.single-blog .blog-image img {

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear;

    width: 100%

}



.single-blog .blog-content {

    padding: 25px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-blog .blog-content {

        padding: 15px

    }

}



@media (max-width: 767px) {

    .single-blog .blog-content {

        padding: 15px

    }

}



.single-blog .blog-content .meta li {

    display: inline-block;

    position: relative

}



.single-blog .blog-content .meta li + li {

    margin-left: 30px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-blog .blog-content .meta li + li {

        margin-left: 20px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .single-blog .blog-content .meta li + li {

        margin-left: 20px

    }

}



@media (max-width: 767px) {

    .single-blog .blog-content .meta li + li {

        margin-left: 20px

    }

}



.single-blog .blog-content .meta li + li::before {

    position: absolute;

    content: '-';

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    left: -18px;

    font-size: 16px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-blog .blog-content .meta li + li::before {

        left: -13px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .single-blog .blog-content .meta li + li::before {

        left: -13px

    }

}



@media (max-width: 767px) {

    .single-blog .blog-content .meta li + li::before {

        left: -13px

    }

}



.single-blog .blog-content .meta li a {

    font-weight: 500;

    font-size: 14px;

    line-height: 16px;

    color: #151515;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-blog .blog-content .meta li a {

        font-size: 12px

    }

}



@media (max-width: 767px) {

    .single-blog .blog-content .meta li a {

        font-size: 12px

    }

}



.single-blog .blog-content .meta li a:hover {

    color: #0c8b51

}



.single-blog .blog-content .blog-title a {

    font-weight: 600;

    font-size: 24px;

    line-height: 32px;

    text-align: left;

    color: #07294d;

    margin-top: 10px;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-blog .blog-content .blog-title a {

        font-size: 18px;

        line-height: 28px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .single-blog .blog-content .blog-title a {

        font-size: 20px;

        line-height: 28px

    }

}



@media (max-width: 767px) {

    .single-blog .blog-content .blog-title a {

        font-size: 18px;

        line-height: 28px

    }

}



.single-blog .blog-content .blog-title a:hover {

    color: #0c8b51

}



.single-blog .blog-content .more {

    font-weight: 500;

    font-size: 16px;

    letter-spacing: .02em;

    line-height: 24px;

    color: #151515;

    margin-top: 15px;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-blog .blog-content .more {

        font-size: 13px

    }

}



@media (max-width: 767px) {

    .single-blog .blog-content .more {

        font-size: 14px

    }

}



.single-blog .blog-content .more i {

    margin-left: 3px;

    font-size: 12px

}



.single-blog .blog-content .more:hover {

    color: #0c8b51

}



.single-blog:hover .blog-image {

    overflow: hidden

}



.single-blog:hover .blog-image img {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1)

}



.blog-page {

    padding-top: 130px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .blog-page {

        padding-top: 70px

    }

}



@media (max-width: 767px) {

    .blog-page {

        padding-top: 50px

    }

}



.newsletter-area {

    padding-top: 160px;

    position: relative;

    z-index: 8;

    margin-bottom: -150px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .newsletter-area {

        padding-top: 100px

    }

}



@media (max-width: 767px) {

    .newsletter-area {

        padding-top: 80px

    }

}



.newsletter-area .section-title-2 {

    max-width: 355px

}



.newsletter-area-2 {

    padding-top: 160px;

    padding-bottom: 160px;

    position: relative;

    z-index: 8

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .newsletter-area-2 {

        padding-top: 100px;

        padding-bottom: 100px

    }

}



@media (max-width: 767px) {

    .newsletter-area-2 {

        padding-top: 80px;

        padding-bottom: 80px

    }

}



.newsletter-area-2 .section-title-2 {

    max-width: 355px

}



.newsletter-area-3 {

    padding-bottom: 160px;

    position: relative;

    z-index: 8

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .newsletter-area-3 {

        padding-bottom: 100px

    }

}



@media (max-width: 767px) {

    .newsletter-area-3 {

        padding-bottom: 80px

    }

}



.newsletter-area-3 .section-title-2 {

    max-width: 355px

}



.newsletter-wrapper {

    padding: 20px 70px 45px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .newsletter-wrapper {

        padding: 20px 50px 45px

    }

}



@media (max-width: 767px) {

    .newsletter-wrapper {

        padding: 5px 30px 30px

    }

}



.newsletter-wrapper .section-title-2 {

    max-width: 355px

}



.newsletter-form {

    position: relative

}



.newsletter-form input {

    width: 100%;

    height: 70px;

    padding: 0 30px;

    padding-right: 173px;

    border: 0;

    background-color: #e2e2e2

}



@media (max-width: 767px) {

    .newsletter-form input {

        padding: 0 15px;

        height: 50px

    }

}



.newsletter-form .main-btn {

    position: absolute;

    top: 0;

    right: 0;

    height: 70px;

    line-height: 70px

}



@media (max-width: 767px) {

    .newsletter-form .main-btn {

        height: 50px;

        line-height: 50px;

        position: relative;

        margin-top: 10px;

        width: 100%

    }

}



.footer-area {

    position: relative;

    z-index: 5;

}



.footer-area::before {

    position: absolute;

    content: '';

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background-color: rgba(7, 41, 77, .95);

    z-index: -1

}



.footer-area.footer-02 {

    padding-top: 0

}



.footer-widget {



    padding-bottom: 50px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .footer-widget {

        padding-bottom: 95px;

        padding-top: 50px

    }

}



@media (max-width: 767px) {

    .footer-widget {

        padding-bottom: 75px;

        padding-top: 30px

    }

}



.footer-widget .footer-title {

    font-weight: 600;

    font-size: 24px;

    line-height: 32px;

    color: #fff

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .footer-widget .footer-title {

        font-size: 20px

    }

}



@media (max-width: 767px) {

    .footer-widget .footer-title {

        font-size: 20px

    }

}



.footer-link .link-list {

    padding-top: 10px

}



.footer-link .link-list li {

    margin-top: 25px

}



.footer-link .link-list li p {

    font-weight: 400;

    font-size: 16px;

    letter-spacing: .02em;

    line-height: 24px;

    color: #fff

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .footer-link .link-list li p {

        font-size: 14px

    }

}



.footer-link .link-list li a {

    font-weight: 400;

    font-size: 16px;

    letter-spacing: .02em;

    line-height: 24px;

    color: #fff;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .footer-link .link-list li a {

        font-size: 14px

    }

}



.footer-link .link-list li a:hover {

    color: #0c8b51

}



.footer-widget-wrapper {

    border-top: 1px solid #fff;

    padding-top: 0;

    margin-top: 30px;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    -moz-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: space-between;

    -ms-flex-pack: space-between;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.footer-widget-wrapper .footer-social {

    padding-top: 20px

}



@media (max-width: 767px) {

    .footer-widget-wrapper .footer-social {

        text-align: center;

        width: 100%

    }

}



.footer-widget-wrapper .footer-social li {

    display: inline-block

}



.footer-widget-wrapper .footer-social li + li {

    margin-left: 20px

}



.footer-widget-wrapper .footer-social li a {

    width: 35px;

    height: 35px;

    line-height: 33px;

    text-align: center;

    border: 1px solid #fff;

    border-radius: 50%;

    color: #fff;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



.footer-widget-wrapper .footer-social li a:hover {

    background-color: #fff;

    color: #0c8b51

}



.footer-widget-wrapper .footer-menu {

    padding-top: 20px

}



@media (max-width: 767px) {

    .footer-widget-wrapper .footer-menu {

        text-align: center;

        width: 100%

    }

}



.footer-widget-wrapper .footer-menu .menu li {

    display: inline-block

}



.footer-widget-wrapper .footer-menu .menu li + li {

    margin-left: 25px

}



.footer-widget-wrapper .footer-menu .menu li a {

    font-weight: 400;

    font-size: 14px;

    color: #fff;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



.footer-widget-wrapper .footer-menu .menu li a:hover {

    color: #0c8b51

}



.footer-copyright {

    background-color: #fff;

    position: relative;

    z-index: 1

}



.footer-copyright .copyright {

    padding: 13px 0

}



.footer-copyright .copyright p {

    font-weight: 500;

    font-size: 18px;

    line-height: 30px

}



@media (max-width: 767px) {

    .footer-copyright .copyright p {

        font-size: 14px

    }

}



.footer-copyright .copyright p a {

    color: #151515;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



.footer-copyright .copyright p a:hover {

    color: #07294d

}



.back-to-top {

    position: fixed;

    bottom: 20px;

    right: 20px;

    font-size: 18px;

    width: 40px;

    height: 40px;

    line-height: 40px;

    border-radius: 50%;

    z-index: 99;

    text-align: center;

    display: none;

    -webkit-box-shadow: 0 0 30px 0 rgba(156, 156, 156, .25);

    -moz-box-shadow: 0 0 30px 0 rgba(156, 156, 156, .25);

    box-shadow: 0 0 30px 0 rgba(156, 156, 156, .25);

    -webkit-transition: all .4s linear;

    -moz-transition: all .4s linear;

    -ms-transition: all .4s linear;

    -o-transition: all .4s linear;

    transition: all .4s linear;

    color: #fff;

    background-color: #07294d

}



.back-to-top:hover {

    color: #fff;

    background-color: #0c8b51

}



.about-area {

    padding-top: 30px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .about-area {

        padding-top: 35px

    }

}



@media (max-width: 767px) {

    .about-area {

        padding-top: 15px

    }

}



.about-content {

    /*max-width: 380px*/

}



.about-content .about-title {

    font-weight: 700;

    font-size: 46px;

    line-height: 54px;

    color: #07294d

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .about-content .about-title {

        font-size: 38px;

        line-height: 45px

    }

}



@media (max-width: 767px) {

    .about-content .about-title {

        font-size: 30px;

        line-height: 30px

    }

}



.about-content .about-title span {

    color: #0c8b51

}



.about-content .line {

    width: 150px;

    background: 0 0;

    border: 1px solid #07294d;

    margin-top: 25px

}



.about-content p {

    font-weight: 500;

    font-size: 18px;

    line-height: 30px;

    color: #07294d;

    margin-top: 25px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .about-content p {

        font-size: 16px;

        line-height: 28px

    }

}



@media (max-width: 767px) {

    .about-content p {

        padding-left: 0;

        font-size: 16px;

        line-height: 28px

    }

}



.about-content .main-btn {

    width: 160px;

    margin-top: 45px

}



.about-image {

    position: relative;

    max-width: 665px;

    height: 635px;

    margin-left: auto

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .about-image {

        height: 450px

    }

}



@media (max-width: 767px) {

    .about-image {

        height: auto

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .about-image {

        height: 550px

    }

}



.about-image .single-image {

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

    position: absolute;

    z-index: 1

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .about-image .single-image {

        -webkit-transform: rotate(45deg) scale(.6);

        -moz-transform: rotate(45deg) scale(.6);

        -ms-transform: rotate(45deg) scale(.6);

        -o-transform: rotate(45deg) scale(.6);

        transform: rotate(45deg) scale(.6)

    }

}



@media (max-width: 767px) {

    .about-image .single-image {

        position: relative;

        -webkit-transform: rotate(45deg) scale(.6);

        -moz-transform: rotate(45deg) scale(.6);

        -ms-transform: rotate(45deg) scale(.6);

        -o-transform: rotate(45deg) scale(.6);

        transform: rotate(45deg) scale(.6)

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .about-image .single-image {

        position: absolute;

        -webkit-transform: rotate(45deg) scale(.8);

        -moz-transform: rotate(45deg) scale(.8);

        -ms-transform: rotate(45deg) scale(.8);

        -o-transform: rotate(45deg) scale(.8);

        transform: rotate(45deg) scale(.8)

    }

}



.about-image .single-image img {

    border-radius: 30px

}



@media (max-width: 767px) {

    .about-image .single-image img {

        width: 100%

    }

}



.about-image .single-image::before {

    position: absolute;

    content: '';

    width: 100%;

    height: 100%;

    border-radius: 30px;

    z-index: -1

}



.about-image .single-image.image-1 {

    top: 72px;

    right: 63px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .about-image .single-image.image-1 {

        top: 45px

    }

}



@media (max-width: 767px) {

    .about-image .single-image.image-1 {

        top: 0;

        right: 0;

        margin: 30px 0

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .about-image .single-image.image-1 {

        top: 10px;

        right: 26px;

        margin: 0

    }

}



.about-image .single-image.image-1::before {

    right: -14px;

    top: -14px;

    background-color: #07294d

}



.about-image .single-image.image-2 {

    top: 56%;

    left: 29%

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .about-image .single-image.image-2 {

        top: 53%;

        left: 23%

    }

}



@media (max-width: 767px) {

    .about-image .single-image.image-2 {

        top: 0;

        left: 0

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .about-image .single-image.image-2 {

        top: 54%;

        left: 29%

    }

}



.about-image .single-image.image-2::before {

    right: -12px;

    bottom: -12px;

    background-color: #27b8a7

}



.about-image .single-image.image-3 {

    top: 31%;

    left: 49px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .about-image .single-image.image-3 {

        top: 32%

    }

}



@media (max-width: 767px) {

    .about-image .single-image.image-3 {

        top: 34%;

        left: -14px;

        position: absolute

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .about-image .single-image.image-3 {

        top: 31%;

        left: 49px

    }

}



.about-image .single-image.image-3::before {

    bottom: -10px;

    left: -10px;

    background-color: #0c8b51

}



.about-image .single-image.image-4 {

    top: 38px;

    left: 24%

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .about-image .single-image.image-4 {

        top: 47px;

        left: 22%

    }

}



@media (max-width: 767px) {

    .about-image .single-image.image-4 {

        top: 34%;

        left: auto;

        right: -14px;

        position: absolute

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .about-image .single-image.image-4 {

        top: 15px;

        left: 14%;

        right: auto

    }

}



.about-image .single-image.image-4::before {

    top: -10px;

    left: -10px;

    background-color: #2f7ad5

}



.about-image .about-icon {

    position: absolute

}



.about-image .about-icon.icon-1 {

    left: 75px;

    top: 105px

}



@media (max-width: 767px) {

    .about-image .about-icon.icon-1 {

        left: 30px;

        top: 25px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .about-image .about-icon.icon-1 {

        left: 40px;

        top: 115px

    }

}



.about-image .about-icon.icon-2 {

    top: 18px;

    left: 53%;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%)

}



@media (max-width: 767px) {

    .about-image .about-icon.icon-2 {

        top: 25px;

        left: 80%

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .about-image .about-icon.icon-2 {

        left: 47%;

        top: 18px

    }

}



.about-image .about-icon.icon-3 {

    left: 50px;

    bottom: 28%

}



@media (max-width: 767px) {

    .about-image .about-icon.icon-3 {

        left: 0;

        bottom: 32%

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .about-image .about-icon.icon-3 {

        left: 50px;

        bottom: 28%

    }

}



.about-image .about-icon.icon-4 {

    right: 140px;

    bottom: 25%

}



@media (max-width: 767px) {

    .about-image .about-icon.icon-4 {

        right: 25px;

        bottom: 33%

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .about-image .about-icon.icon-4 {

        right: 100px

    }

}



.online-library-area {

    padding-top: 150px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .online-library-area {

        padding-top: 90px

    }

}



@media (max-width: 767px) {

    .online-library-area {

        padding-top: 70px

    }

}



.online-library-wrapper {

    padding-top: 40px

}



.single-library {

    background-color: #f1f1f1

}



.single-library .library-image {

    position: relative

}



.single-library .library-image a {

    display: block

}



.single-library .library-image img {

    width: 100%

}



.single-library .library-image .discount {

    font-weight: 500;

    font-size: 14px;

    color: #151515;

    position: absolute;

    top: 28px;

    left: 28px

}



.single-library .library-content {

    padding: 15px

}



.single-library .library-content .library-title a {

    font-weight: 600;

    font-size: 18px;

    color: #07294d;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



.single-library .library-content .library-title a:hover {

    color: #0c8b51

}



.single-library .library-content .price {

    font-weight: 500;

    font-size: 14px;

    color: #151515;

    margin-top: 10px

}



.shop-area {

    padding-top: 110px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .shop-area {

        padding-top: 35px

    }

}



@media (max-width: 767px) {

    .shop-area {

        padding-top: 15px

    }

}



.shop-bar {

    padding-top: 20px

}



.shop-showing {

    margin-top: 30px

}



.shop-showing p {

    font-size: 14px;

    letter-spacing: .02em;

    color: #9c9c9c

}



.shop-bar-form {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -webkit-box-pack: flex-end;

    -ms-flex-pack: flex-end;

    justify-content: flex-end

}



@media (max-width: 767px) {

    .shop-bar-form {

        display: block

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .shop-bar-form {

        display: -webkit-flex;

        display: -moz-flex;

        display: -ms-flex;

        display: -o-flex;

        display: flex

    }

}



.shop-search {

    width: 270px;

    position: relative;

    margin-top: 30px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .shop-search {

        width: 200px

    }

}



@media (max-width: 767px) {

    .shop-search {

        width: 100%

    }

}



.shop-search input {

    font-size: 14px;

    letter-spacing: .02em;

    color: #9c9c9c;

    height: 35px;

    border: 0;

    border-bottom: 1px solid #9c9c9c;

    width: 100%

}



.shop-search input::placeholder {

    opacity: 1;

    color: #9c9c9c

}



.shop-search input::-moz-placeholder {

    opacity: 1;

    color: #9c9c9c

}



.shop-search input::-moz-placeholder {

    opacity: 1;

    color: #9c9c9c

}



.shop-search input::-webkit-input-placeholder {

    opacity: 1;

    color: #9c9c9c

}



.shop-search i {

    position: absolute;

    top: 50%;

    right: 5px;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    font-size: 14px

}



.shop-wrapper {

    padding-top: 10px

}



.page-banner {

    padding-top: 5px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .page-banner {

        padding-top: 155px

    }

}



@media (max-width: 767px) {

    .page-banner {

        padding-top: 190px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .page-banner {

        padding-top: 155px

    }

}



.banner-content {

    padding-top: 30px;

    padding-bottom: 30px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .banner-content {

        padding-top: 90px;

        padding-bottom: 90px

    }

}



@media (max-width: 767px) {

    .banner-content {

        padding-top: 75px;

        padding-bottom: 75px

    }

}



.banner-content .title {

    color: #fff;

    font-weight: 700;

    font-size: 36px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .banner-content .title {

        font-size: 50px

    }

}



@media (max-width: 767px) {

    .banner-content .title {

        font-size: 32px

    }

}



.teachers-area {

    padding-top: 110px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .teachers-area {

        padding-top: 35px

    }

}



@media (max-width: 767px) {

    .teachers-area {

        padding-top: 15px

    }

}



@media only screen and (min-width: 1400px) {

    .teachers-row {

        margin-left: -40px;

        margin-right: -40px

    }

}



@media only screen and (min-width: 1200px) and (max-width: 1399px) {

    .teachers-row {

        margin-left: -40px;

        margin-right: -40px

    }

}



@media only screen and (min-width: 1400px) {

    .teachers-row .teachers-col {

        padding-left: 40px;

        padding-right: 40px

    }

}



@media only screen and (min-width: 1200px) and (max-width: 1399px) {

    .teachers-row .teachers-col {

        padding-left: 40px;

        padding-right: 40px

    }

}



.teachers-wrapper {

    padding-top: 35px;

    position: relative

}



.single-teacher {

    position: relative;

    z-index: 5;

    padding-left: 70px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .single-teacher {

        padding-left: 40px

    }

}



.single-teacher::before {

    position: absolute;

    content: '';

    width: 60%;

    height: 85%;

    background-color: #f1f1f1;

    left: 0;

    bottom: 0;

    z-index: -1

}



.single-teacher .teacher-social {

    position: absolute;

    top: 50%;

    left: 20px;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%)

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .single-teacher .teacher-social {

        left: 10px

    }

}



.single-teacher .teacher-social .social li + li {

    margin-top: 25px

}



.single-teacher .teacher-social .social li a {

    width: 35px;

    height: 35px;

    line-height: 33px;

    text-align: center;

    border: 1px solid #dbdbdb;

    border-radius: 50%;

    color: #151515;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .single-teacher .teacher-social .social li a {

        width: 25px;

        height: 25px;

        line-height: 25px;

        font-size: 12px

    }

}



.single-teacher .teacher-social .social li a:hover {

    background-color: #0c8b51;

    border-color: #0c8b51;

    color: #fff

}



.single-teacher .teacher-image a {

    display: block

}



.single-teacher .teacher-image img {

    width: 100%

}



.single-teacher .teacher-content {

    padding: 20px 15px

}



.single-teacher .teacher-content .name a {

    font-size: 18px;

    font-weight: 600;

    color: #07294d;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .single-teacher .teacher-content .name a {

        font-size: 16px

    }

}



.single-teacher .teacher-content .name a:hover {

    color: #0c8b51

}



.single-teacher .teacher-content .designation {

    font-size: 14px;

    color: #151515;

    font-weight: 500

}



.teachers-page {

    padding-top: 80px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .teachers-page {

        padding-top: 20px

    }

}



@media (max-width: 767px) {

    .teachers-page {

        padding-top: 0

    }

}



.courses-sidebar .sidebar-title .title {

    font-weight: 500;

    font-size: 24px;

    color: #07294d

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .courses-sidebar .sidebar-title .title {

        font-size: 20px

    }

}



@media (max-width: 767px) {

    .courses-sidebar .sidebar-title .title {

        font-size: 20px

    }

}



.courses-sidebar ul {

    padding-top: 15px

}



.courses-sidebar ul li {

    padding: 14px 0;

    border-bottom: 1px solid #dbdbdb;

    font-weight: 500;

    font-size: 14px;

    color: #303030

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .courses-sidebar ul li {

        font-size: 12px

    }

}



.courses-sidebar ul li:last-child {

    border-bottom: 0

}



.courses-sidebar ul li strong {

    display: block;

    float: right;

    font-weight: 500

}



.courses-sidebar-category {

    background-color: #f1f1f1;

    padding: 30px 25px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .courses-sidebar-category {

        padding: 25px 20px

    }

}



.courses-sidebar-category .category-items {

    padding-top: 15px

}



.courses-sidebar-fee {

    background-color: #f1f1f1;

    padding: 30px 25px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .courses-sidebar-fee {

        padding: 25px 20px

    }

}



.courses-sidebar-fee .category-items {

    padding-top: 15px

}



.courses-sidebar-banner a {

    display: block

}



.courses-sidebar-banner a img {

    width: 100%

}



.courses-sidebar-type {

    background-color: #f1f1f1;

    padding: 30px 25px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .courses-sidebar-type {

        padding: 25px 20px

    }

}



.courses-sidebar-type .category-items {

    padding-top: 15px

}



.courses-features {

    background-color: #f1f1f1;

    padding: 30px 25px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .courses-features {

        padding: 25px 20px

    }

}



.courses-features .sidebar-btn {

    margin-top: 20px

}



.courses-features .sidebar-btn .main-btn {

    height: 36px;

    line-height: 36px;

    padding: 0 22px;

    font-size: 14px

}



.courses-details {



}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .courses-details {

        padding-top: 35px

    }

}



@media (max-width: 767px) {

    .courses-details {

        padding-top: 15px

    }

}



.courses-details-content .title {

    font-weight: 700;

    font-size: 46px;

    color: #07294d;

    margin-top: 30px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .courses-details-content .title {

        font-size: 36px

    }

}



@media (max-width: 767px) {

    .courses-details-content .title {

        font-size: 24px

    }

}



.courses-details-content p {

    margin-top: 20px;

    font-weight: 500;

    font-size: 18px;

    line-height: 36px;

    color: #303030

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .courses-details-content p {

        font-size: 16px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .courses-details-content p {

        font-size: 16px

    }

}



@media (max-width: 767px) {

    .courses-details-content p {

        font-size: 14px;

        line-height: 24px

    }

}



.courses-details-content .sub-title {

    font-weight: 700;

    font-size: 24px;

    color: #07294d;

    position: relative;

    padding-bottom: 10px;

    margin-top: 40px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .courses-details-content .sub-title {

        font-size: 20px

    }

}



@media (max-width: 767px) {

    .courses-details-content .sub-title {

        font-size: 18px

    }

}



.courses-details-content .sub-title::before {

    position: absolute;

    content: '';

    width: 150px;

    height: 2px;

    background-color: #07294d;

    left: 0;

    bottom: 0

}



.courses-details-content .courses-details-list li {

    position: relative;

    padding-left: 40px;

    margin-top: 10px

}



.courses-details-content .courses-details-list li i {

    color: #151515;

    font-size: 24px;

    position: absolute;

    left: 0;

    top: 10px

}



.courses-details-content .courses-details-list li p {

    margin-top: 0

}



.courses-details-tab {

    margin-top: 10px

}



.courses-details-tab .nav li {

    border-left: 1px solid #dbdbdb

}



@media (max-width: 767px) {

    .courses-details-tab .nav li {

        width: 50%;

        -ms-flex-preferred-size: auto;

        flex-basis: auto

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .courses-details-tab .nav li {

        width: 100%;

        -ms-flex-preferred-size: 0;

        flex-basis: 0

    }

}



.courses-details-tab .nav li a {

    display: block;

    background-color: #07294d;

    color: #fff;

    text-align: center;

    height: 70px;

    line-height: 70px;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear;

    font-size: 18px;

    font-weight: 600

}



@media (max-width: 767px) {

    .courses-details-tab .nav li a {

        font-size: 14px;

        height: 45px;

        line-height: 45px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .courses-details-tab .nav li a {

        height: 55px;

        line-height: 55px

    }

}



.courses-details-tab .nav li a.active {

    color: yellow;

}



.courses-details-tab .benefit-content {

    padding-top: 20px

}



.courses-details-tab .benefit-content p {

    margin-top: 20px;

    font-weight: 500;

    font-size: 18px;

    line-height: 36px;

    color: #303030

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .courses-details-tab .benefit-content p {

        font-size: 16px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .courses-details-tab .benefit-content p {

        font-size: 16px

    }

}



@media (max-width: 767px) {

    .courses-details-tab .benefit-content p {

        font-size: 14px;

        line-height: 24px

    }

}



.courses-details-tab .benefit-content .courses-details-list li {

    position: relative;

    padding-left: 40px;

    margin-top: 40px

}



.courses-details-tab .benefit-content .courses-details-list li i {

    color: #151515;

    font-size: 24px;

    position: absolute;

    left: 0;

    top: 10px

}



.courses-details-tab .benefit-content .courses-details-list li p {

    margin-top: 0

}



.courses-details-tab .curriculum-content .single-curriculum {

    padding-top: 45px

}



.courses-details-tab .curriculum-content .single-curriculum .title {

    font-weight: 700;

    font-size: 18px;

    letter-spacing: .05em;

    color: #07294d

}



.courses-details-tab .curriculum-content .single-curriculum .curriculum-list {

    padding-left: 10px

}



.courses-details-tab .curriculum-content .single-curriculum .curriculum-list li {

    margin-top: 20px

}



.courses-details-tab .curriculum-content .single-curriculum .curriculum-list li a {

    font-weight: 500;

    font-size: 16px;

    color: #151515;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .courses-details-tab .curriculum-content .single-curriculum .curriculum-list li a {

        font-size: 14px

    }

}



@media (max-width: 767px) {

    .courses-details-tab .curriculum-content .single-curriculum .curriculum-list li a {

        font-size: 14px

    }

}



.courses-details-tab .curriculum-content .single-curriculum .curriculum-list li a i {

    color: #686868;

    margin-right: 5px

}



.courses-details-tab .curriculum-content .single-curriculum .curriculum-list li a:hover {

    color: #0c8b51

}



.courses-details-tab .courses-teachers {

    padding-top: 20px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .courses-details-tab .courses-teachers .single-teacher {

        padding-left: 40px

    }

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .courses-details-tab .courses-teachers .single-teacher .teacher-social {

        left: 10px

    }

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .courses-details-tab .courses-teachers .single-teacher .teacher-social .social li a {

        width: 25px;

        height: 25px;

        line-height: 25px;

        font-size: 12px

    }

}



.courses-details-tab .courses-teachers .single-teacher .teacher-social .social li a:hover {

    background-color: #0c8b51;

    border-color: #0c8b51;

    color: #fff

}



.courses-details-tab .courses-reviews .review-wrapper {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: space-between;

    -ms-flex-pack: space-between;

    justify-content: space-between;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    -moz-flex-wrap: wrap;

    flex-wrap: wrap;

    max-width: 540px;

    margin: 0 auto

}



@media (max-width: 767px) {

    .courses-details-tab .courses-reviews .review-wrapper {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

}



.courses-details-tab .courses-reviews .review-wrapper .review-star {

    padding-top: 30px

}



.courses-details-tab .courses-reviews .review-wrapper .review-star .single-review {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-top: 10px

}



.courses-details-tab .courses-reviews .review-wrapper .review-star .single-review .label {

    font-weight: 500;

    font-size: 18px;

    color: #151515;

    width: 85px

}



@media (max-width: 767px) {

    .courses-details-tab .courses-reviews .review-wrapper .review-star .single-review .label {

        font-size: 14px;

        width: 60px

    }

}



.courses-details-tab .courses-reviews .review-wrapper .review-star .single-review .review-bar {

    width: 170px;

    height: 14px;

    background-color: #f1f1f1;

    position: relative

}



@media (max-width: 767px) {

    .courses-details-tab .courses-reviews .review-wrapper .review-star .single-review .review-bar {

        width: 140px;

        height: 10px

    }

}



.courses-details-tab .courses-reviews .review-wrapper .review-star .single-review .review-bar .bar-inner {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    height: 100%;

    background-color: #0c8b51

}



.courses-details-tab .courses-reviews .review-wrapper .review-star .single-review .value {

    font-weight: 500;

    font-size: 18px;

    color: #151515;

    width: 50px;

    text-align: right

}



@media (max-width: 767px) {

    .courses-details-tab .courses-reviews .review-wrapper .review-star .single-review .value {

        font-size: 14px;

        width: 40px

    }

}



.courses-details-tab .courses-reviews .review-wrapper .review-point {

    padding-top: 30px

}



@media (max-width: 767px) {

    .courses-details-tab .courses-reviews .review-wrapper .review-point {

        margin: 0 50px

    }

}



.courses-details-tab .courses-reviews .review-wrapper .review-point span {

    font-weight: 700;

    font-size: 70px;

    line-height: 80px;

    color: #07294d

}



.courses-details-tab .courses-reviews .review-form {

    margin-top: 50px

}



.courses-details-tab .courses-reviews .review-form .review-rating .title {

    font-weight: 700;

    font-size: 18px;

    color: #07294d

}



.courses-details-tab .courses-reviews .review-form .review-rating ul {

    margin-top: 20px

}



.courses-details-tab .courses-reviews .review-form .review-rating ul li {

    display: inline-block;

    color: #e1e1e1;

    cursor: pointer

}



.courses-details-tab .courses-reviews .review-form .review-rating ul li.hover, .courses-details-tab .courses-reviews .review-form .review-rating ul li.selected {

    color: #eab830

}



.event-details {

    padding-top: 110px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .event-details {

        padding-top: 50px

    }

}



@media (max-width: 767px) {

    .event-details {

        padding-top: 30px

    }

}



.event-details-content .title {

    font-weight: 700;

    font-size: 46px;

    color: #07294d;

    margin-top: 30px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .event-details-content .title {

        font-size: 36px

    }

}



@media (max-width: 767px) {

    .event-details-content .title {

        font-size: 24px

    }

}



.event-details-content p {

    margin-top: 20px;

    font-weight: 500;

    font-size: 18px;

    line-height: 36px;

    color: #303030

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .event-details-content p {

        font-size: 16px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .event-details-content p {

        font-size: 16px

    }

}



@media (max-width: 767px) {

    .event-details-content p {

        font-size: 14px;

        line-height: 24px

    }

}



.event-details-content .sub-title {

    font-weight: 700;

    font-size: 24px;

    color: #07294d;

    position: relative;

    padding-bottom: 10px;

    margin-top: 40px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .event-details-content .sub-title {

        font-size: 20px

    }

}



@media (max-width: 767px) {

    .event-details-content .sub-title {

        font-size: 18px

    }

}



.event-details-content .sub-title::before {

    position: absolute;

    content: '';

    width: 150px;

    height: 2px;

    background-color: #07294d;

    left: 0;

    bottom: 0

}



.event-details-content .event-list li {

    position: relative;

    padding-left: 40px;

    margin-top: 40px

}



.event-details-content .event-list li i {

    color: #151515;

    font-size: 24px;

    position: absolute;

    left: 0;

    top: 10px

}



.event-details-content .event-list li p {

    margin-top: 0

}



.event-details-content .event-teachers {

    padding-top: 20px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .event-details-content .event-teachers .single-teacher {

        padding-left: 40px

    }

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .event-details-content .event-teachers .single-teacher .teacher-social {

        left: 10px

    }

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .event-details-content .event-teachers .single-teacher .teacher-social .social li a {

        width: 25px;

        height: 25px;

        line-height: 25px;

        font-size: 12px

    }

}



.event-details-content .event-teachers .single-teacher .teacher-social .social li a:hover {

    background-color: #0c8b51;

    border-color: #0c8b51;

    color: #fff

}



.event-details-content .event-schedule-table {

    margin-top: 50px

}



.event-details-content .event-schedule-table .table thead tr th {

    background-color: #0c8b51;

    color: #fff;

    text-align: center;

    border: 2px solid #fff

}



.event-details-content .event-schedule-table .table thead tr th.time {

    min-width: 190px

}



.event-details-content .event-schedule-table .table thead tr th.topics {

    width: 100%;

    min-width: 300px

}



.event-details-content .event-schedule-table .table thead tr th.speakers {

    min-width: 200px

}



.event-details-content .event-schedule-table .table tbody tr td {

    background-color: #f1f1f1;

    border: 2px solid #fff;

    font-size: 14px;

    padding: 15px 20px;

    font-weight: 500

}



.event-details-content .event-schedule-table .table tbody tr td.time {

    text-align: center

}



.event-details-content .event-schedule-table .table tbody tr td.speakers {

    text-align: center

}



.event-details-content .event-message p {

    margin-top: 20px;

    font-weight: 500;

    font-size: 18px;

    line-height: 36px;

    color: #303030

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .event-details-content .event-message p {

        font-size: 16px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .event-details-content .event-message p {

        font-size: 16px

    }

}



@media (max-width: 767px) {

    .event-details-content .event-message p {

        font-size: 14px;

        line-height: 24px

    }

}



.event-details-content .event-message .event-message-form {

    padding-top: 15px

}



.event-sidebar .sidebar-title .title {

    font-weight: 500;

    font-size: 24px;

    color: #07294d

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .event-sidebar .sidebar-title .title {

        font-size: 20px

    }

}



@media (max-width: 767px) {

    .event-sidebar .sidebar-title .title {

        font-size: 20px

    }

}



.event-sidebar ul {

    padding-top: 15px

}



.event-sidebar ul li {

    padding: 14px 0;

    border-bottom: 1px solid #dbdbdb;

    font-weight: 500;

    font-size: 14px;

    color: #303030

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .event-sidebar ul li {

        font-size: 12px

    }

}



.event-sidebar ul li:last-child {

    border-bottom: 0

}



.event-sidebar ul li strong {

    display: block;

    float: right;

    font-weight: 500

}



.event-features {

    background-color: #f1f1f1;

    padding: 30px 25px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .event-features {

        padding: 25px 20px

    }

}



.event-features .sidebar-btn {

    margin-top: 20px

}



.event-features .sidebar-btn .main-btn {

    height: 36px;

    line-height: 36px;

    padding: 0 22px;

    font-size: 14px

}



.event-sidebar-banner a {

    display: block

}



.event-sidebar-banner a img {

    width: 100%

}



.gallery-page {

    padding-top: 130px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .gallery-page {

        padding-top: 70px

    }

}



@media (max-width: 767px) {

    .gallery-page {

        padding-top: 50px

    }

}



.teacher-details {

    padding-top: 110px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .teacher-details {

        padding-top: 50px

    }

}



@media (max-width: 767px) {

    .teacher-details {

        padding-top: 30px

    }

}



.single-teacher-details {

    position: relative;

    z-index: 5;

    padding-left: 70px;

    padding-bottom: 70px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .single-teacher-details {

        padding-left: 40px;

        padding-bottom: 40px

    }

}



.single-teacher-details::before {

    position: absolute;

    content: '';

    width: 60%;

    height: 85%;

    background-color: #f1f1f1;

    left: 0;

    bottom: 0;

    z-index: -1

}



.single-teacher-details .teacher-social {

    position: absolute;

    top: 50%;

    left: 20px;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%)

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .single-teacher-details .teacher-social {

        left: 10px

    }

}



.single-teacher-details .teacher-social .social li + li {

    margin-top: 25px

}



.single-teacher-details .teacher-social .social li a {

    width: 35px;

    height: 35px;

    line-height: 33px;

    text-align: center;

    border: 1px solid #dbdbdb;

    border-radius: 50%;

    color: #151515;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .single-teacher-details .teacher-social .social li a {

        width: 25px;

        height: 25px;

        line-height: 25px;

        font-size: 12px

    }

}



.single-teacher-details .teacher-social .social li a:hover {

    background-color: #0c8b51;

    border-color: #0c8b51;

    color: #fff

}



.single-teacher-details .teacher-image a {

    display: block

}



.single-teacher-details .teacher-image img {

    width: 100%

}



.teacher-details-content .teacher-name {

    font-weight: 700;

    font-size: 46px;

    color: #07294d;

    position: relative;

    padding-bottom: 10px

}



@media (max-width: 767px) {

    .teacher-details-content .teacher-name {

        font-size: 28px

    }

}



.teacher-details-content .teacher-name::before {

    position: absolute;

    content: '';

    width: 150px;

    height: 2px;

    background-color: #07294d;

    bottom: 0;

    left: 0

}



@media (max-width: 767px) {

    .teacher-details-content .teacher-name::before {

        width: 100px

    }

}



.teacher-details-content .designation {

    font-weight: 600;

    font-size: 24px;

    color: #07294d;

    margin-top: 14px

}



@media (max-width: 767px) {

    .teacher-details-content .designation {

        font-size: 18px

    }

}



.teacher-details-content .department {

    font-weight: 500;

    font-size: 18px;

    color: #151515

}



@media (max-width: 767px) {

    .teacher-details-content .department {

        font-size: 14px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .teacher-details-content .department {

        font-size: 16px

    }

}



.teacher-details-content p {

    font-weight: 500;

    font-size: 16px;

    line-height: 30px;

    color: #303030;

    margin-top: 30px

}



@media (max-width: 767px) {

    .teacher-details-content p {

        font-size: 14px;

        line-height: 24px

    }

}



.teacher-details-content .teacher-contact {

    padding-top: 15px

}



.teacher-details-content .teacher-contact li {

    font-weight: 500;

    font-size: 18px;

    color: #303030;

    margin-top: 10px

}



@media (max-width: 767px) {

    .teacher-details-content .teacher-contact li {

        font-size: 14px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .teacher-details-content .teacher-contact li {

        font-size: 16px

    }

}



.teacher-details-content .teacher-contact li a {

    color: #303030

}



.teacher-details-tab {

    padding-top: 70px

}



.teacher-details-tab .nav li {

    border-left: 1px solid #dbdbdb

}



@media (max-width: 767px) {

    .teacher-details-tab .nav li {

        width: 100%;

        -ms-flex-preferred-size: auto;

        flex-basis: auto

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .teacher-details-tab .nav li {

        width: 100%;

        -ms-flex-preferred-size: 0;

        flex-basis: 0

    }

}



.teacher-details-tab .nav li a {

    display: block;

    background-color: #07294d;

    color: #fff;

    text-align: center;

    height: 70px;

    line-height: 70px;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear;

    font-size: 18px;

    font-weight: 600

}



@media (max-width: 767px) {

    .teacher-details-tab .nav li a {

        font-size: 14px;

        height: 45px;

        line-height: 45px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .teacher-details-tab .nav li a {

        height: 55px;

        line-height: 55px

    }

}



.teacher-details-tab .nav li a.active {

    color: #0c8b51

}



.teacher-details-tab .tab-content {

    padding-top: 10px

}



.teacher-details-tab .single-content-tab {

    margin-top: 40px

}



.teacher-details-tab .single-content-tab .title {

    font-weight: 700;

    font-size: 18px;

    letter-spacing: .01em;

    color: #07294d;

    padding-bottom: 10px

}



.teacher-details-tab .single-content-tab p {

    font-weight: 500;

    font-size: 16px;

    color: #151515

}



.shop-sidebar .sidebar-title .title {

    font-weight: 500;

    font-size: 24px;

    color: #07294d

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .shop-sidebar .sidebar-title .title {

        font-size: 20px

    }

}



@media (max-width: 767px) {

    .shop-sidebar .sidebar-title .title {

        font-size: 20px

    }

}



.shop-sidebar ul {

    padding-top: 15px

}



.shop-sidebar ul li {

    padding: 14px 0;

    border-bottom: 1px solid #dbdbdb;

    font-weight: 500;

    font-size: 14px;

    color: #303030

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .shop-sidebar ul li {

        font-size: 12px

    }

}



.shop-sidebar ul li:last-child {

    border-bottom: 0

}



.shop-sidebar ul li strong {

    display: block;

    float: right;

    font-weight: 500

}



.shop-sidebar-category {

    background-color: #f1f1f1;

    padding: 30px 25px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .shop-sidebar-category {

        padding: 25px 20px

    }

}



.shop-sidebar-category .category-items {

    padding-top: 15px

}



.shop-sidebar-price {

    background-color: #f1f1f1;

    padding: 30px 25px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .shop-sidebar-price {

        padding: 25px 20px

    }

}



.shop-sidebar-price .price-items {

    padding-top: 15px

}



.shop-sidebar-banner a {

    display: block

}



.shop-sidebar-banner a img {

    width: 100%

}



.shop-sidebar-tags {

    background-color: #f1f1f1;

    padding: 30px 25px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .shop-sidebar-tags {

        padding: 25px 20px

    }

}



.shop-sidebar-tags .tags-items {

    margin-left: -10px;

    margin-right: -10px;

    padding-top: 20px

}



.shop-sidebar-tags .tags-items li {

    border-bottom: 0;

    display: inline-block;

    padding: 3px 10px

}



.shop-sidebar-tags .tags-items li a {

    font-weight: 500;

    font-size: 14px;

    color: #07294d;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



.shop-sidebar-tags .tags-items li a:hover {

    color: #0c8b51

}



.product-details-page {

    padding-top: 110px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .product-details-page {

        padding-top: 50px

    }

}



@media (max-width: 767px) {

    .product-details-page {

        padding-top: 30px

    }

}



.product-details-wrapper {

    padding-right: 50px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .product-details-wrapper {

        padding-right: 0

    }

}



@media (max-width: 767px) {

    .product-details-wrapper {

        padding-right: 0

    }

}



.product-details-content .details-image img {

    width: 100%

}



.product-details-content .details-content .product-title {

    font-weight: 700;

    font-size: 46px;

    color: #07294d

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .product-details-content .details-content .product-title {

        font-size: 36px

    }

}



@media (max-width: 767px) {

    .product-details-content .details-content .product-title {

        font-size: 24px

    }

}



.product-details-content .details-content .price-rating {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -webkit-box-pack: space-between;

    -ms-flex-pack: space-between;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-top: 10px

}



.product-details-content .details-content .price-rating .price {

    font-weight: 600;

    font-size: 24px;

    color: #0c8b51

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .product-details-content .details-content .price-rating .price {

        font-size: 20px

    }

}



@media (max-width: 767px) {

    .product-details-content .details-content .price-rating .price {

        font-size: 18px

    }

}



.product-details-content .details-content .price-rating .rating li {

    display: inline-block;

    font-size: 12px

}



.product-details-content .details-content .price-rating .rating li.rating-on {

    color: #fabb20

}



.product-details-content .details-content .product-content-wrapper {

    border-top: 1px solid #dbdbdb;

    margin-top: 30px

}



.product-details-content .details-content .product-content-wrapper p, .product-details-content .details-content .product-content-wrapper span {

    font-weight: 500;

    font-size: 18px;

    color: #07294d

}



@media (max-width: 767px) {

    .product-details-content .details-content .product-content-wrapper p, .product-details-content .details-content .product-content-wrapper span {

        font-size: 16px

    }

}



.product-details-content .details-content .product-content-wrapper .stock {

    border-bottom: 1px solid #dbdbdb;

    padding: 15px 0

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .product-details-content .details-content .product-content-wrapper .stock {

        padding: 10px 0

    }

}



@media (max-width: 767px) {

    .product-details-content .details-content .product-content-wrapper .stock {

        padding: 10px 0

    }

}



.product-details-content .details-content .product-content-wrapper .colors {

    border-bottom: 1px solid #dbdbdb;

    padding: 15px 0;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .product-details-content .details-content .product-content-wrapper .colors {

        padding: 10px 0

    }

}



@media (max-width: 767px) {

    .product-details-content .details-content .product-content-wrapper .colors {

        padding: 10px 0

    }

}



.product-details-content .details-content .product-content-wrapper .colors .product-color {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex

}



.product-details-content .details-content .product-content-wrapper .colors .product-color li {

    width: 17px;

    height: 17px;

    border-radius: 50%;

    margin-left: 15px;

    position: relative;

    cursor: pointer

}



.product-details-content .details-content .product-content-wrapper .colors .product-color li.active::before {

    position: absolute;

    content: '\f00c';

    font-family: "Font Awesome 5 Pro";

    font-size: 12px;

    top: -1px;

    left: 2px;

    color: #fff;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



.product-details-content .details-content .product-content-wrapper .size {

    border-bottom: 1px solid #dbdbdb;

    padding: 15px 0;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .product-details-content .details-content .product-content-wrapper .size {

        padding: 10px 0

    }

}



.product-details-content .details-content .product-content-wrapper .size .product-size {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex

}



.product-details-content .details-content .product-content-wrapper .size .product-size li {

    margin-left: 15px

}



.product-details-content .details-content .product-content-wrapper .size .product-size li span {

    color: #07294d;

    font-weight: 500;

    font-size: 14px;

    cursor: pointer

}



.product-details-content .details-content .product-content-wrapper .size .product-size li.active span {

    color: #0c8b51

}



.product-details-content .details-content .product-content-wrapper .quantity {

    border-bottom: 1px solid #dbdbdb;

    padding: 15px 0;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .product-details-content .details-content .product-content-wrapper .quantity {

        padding: 10px 0

    }

}



.product-details-content .details-content .product-content-wrapper .quantity .product-quantity {

    border-radius: 50px;

    overflow: hidden;

    margin-left: 20px

}



.product-details-content .details-content .product-content-wrapper .quantity .product-quantity input {

    width: 40px;

    height: 26px;

    font-weight: 500;

    font-size: 14px;

    color: #07294d;

    border: 0;

    background-color: #f1f1f1;

    text-align: center

}



.product-details-content .details-content .product-content-wrapper .quantity .product-quantity button {

    width: 26px;

    height: 26px;

    padding: 0;

    background-color: #dbd8d8;

    border: 0;

    font-weight: 500;

    font-size: 12px;

    color: #262626;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



.product-details-content .details-content .product-content-wrapper .quantity .product-quantity button:hover {

    background-color: #0c8b51;

    color: #fff

}



.product-details-content .details-content .product-btn {

    padding-top: 40px

}



.product-details-content .details-content .product-btn .add-cart {

    height: 45px;

    line-height: 45px;

    padding: 0 15px;

    font-size: 18px;

    font-weight: 600;

    margin-top: 10px

}



@media (max-width: 767px) {

    .product-details-content .details-content .product-btn .add-cart {

        height: 40px;

        line-height: 38px

    }

}



.product-details-content .details-content .product-btn .compare, .product-details-content .details-content .product-btn .wishlist {

    height: 45px;

    line-height: 43px;

    border: 1px solid #dbdbdb;

    color: #959494;

    font-size: 20px;

    padding: 0 20px;

    vertical-align: middle;

    margin-left: 15px;

    margin-top: 10px;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



@media (max-width: 767px) {

    .product-details-content .details-content .product-btn .compare, .product-details-content .details-content .product-btn .wishlist {

        padding: 0 15px;

        font-size: 18px;

        height: 40px;

        line-height: 38px

    }

}



.product-details-content .details-content .product-btn .compare:hover, .product-details-content .details-content .product-btn .wishlist:hover {

    background-color: #07294d;

    border-color: #07294d;

    color: #fff

}



.product-details-tab {

    padding-top: 70px

}



.product-details-tab .nav li {

    border-left: 1px solid #dbdbdb

}



@media (max-width: 767px) {

    .product-details-tab .nav li {

        width: 100%;

        -ms-flex-preferred-size: auto;

        flex-basis: auto

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .product-details-tab .nav li {

        width: 100%;

        -ms-flex-preferred-size: 0;

        flex-basis: 0

    }

}



.product-details-tab .nav li a {

    display: block;

    background-color: #07294d;

    color: #fff;

    text-align: center;

    height: 70px;

    line-height: 70px;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear;

    font-size: 18px;

    font-weight: 600

}



@media (max-width: 767px) {

    .product-details-tab .nav li a {

        font-size: 14px;

        height: 45px;

        line-height: 45px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .product-details-tab .nav li a {

        height: 55px;

        line-height: 55px

    }

}



.product-details-tab .nav li a.active {

    color: #0c8b51

}



.product-details-tab .product-description {

    padding-top: 20px

}



.product-details-tab .product-description p {

    margin-top: 20px;

    font-weight: 500;

    font-size: 18px;

    line-height: 36px;

    color: #303030

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .product-details-tab .product-description p {

        font-size: 16px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .product-details-tab .product-description p {

        font-size: 16px

    }

}



@media (max-width: 767px) {

    .product-details-tab .product-description p {

        font-size: 14px;

        line-height: 24px

    }

}



.product-details-tab .product-description .product-list li {

    position: relative;

    padding-left: 40px;

    margin-top: 40px

}



.product-details-tab .product-description .product-list li i {

    color: #151515;

    font-size: 24px;

    position: absolute;

    left: 0;

    top: 5px

}



.product-details-tab .product-description .product-list li p {

    margin-top: 0

}



.product-details-tab .product-information {

    padding-top: 40px

}



.product-details-tab .product-information .table tbody tr td {

    border: 0;

    padding: 0;

    vertical-align: middle;

    padding: 2px

}



.product-details-tab .product-information .table tbody tr td.table-title {

    width: 180px;

    min-width: 180px

}



.product-details-tab .product-information .table tbody tr td.table-title .title {

    font-weight: 500;

    font-size: 14px;

    color: #151515;

    border: 1px solid #dbdbdb;

    padding: 0 20px;

    height: 50px;

    line-height: 48px

}



.product-details-tab .product-information .table tbody tr td.table-content p {

    font-weight: 500;

    font-size: 14px;

    color: #151515;

    padding: 0 20px;

    border: 1px solid #dbdbdb;

    height: 50px;

    line-height: 48px;

    white-space: nowrap

}



.product-details-tab .product-reviews .review-wrapper {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: space-between;

    -ms-flex-pack: space-between;

    justify-content: space-between;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    -moz-flex-wrap: wrap;

    flex-wrap: wrap;

    max-width: 540px;

    margin: 0 auto

}



@media (max-width: 767px) {

    .product-details-tab .product-reviews .review-wrapper {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

}



.product-details-tab .product-reviews .review-wrapper .review-star {

    padding-top: 30px

}



.product-details-tab .product-reviews .review-wrapper .review-star .single-review {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-top: 10px

}



.product-details-tab .product-reviews .review-wrapper .review-star .single-review .label {

    font-weight: 500;

    font-size: 18px;

    color: #151515;

    width: 85px

}



@media (max-width: 767px) {

    .product-details-tab .product-reviews .review-wrapper .review-star .single-review .label {

        font-size: 14px;

        width: 60px

    }

}



.product-details-tab .product-reviews .review-wrapper .review-star .single-review .review-bar {

    width: 170px;

    height: 14px;

    background-color: #f1f1f1;

    position: relative

}



@media (max-width: 767px) {

    .product-details-tab .product-reviews .review-wrapper .review-star .single-review .review-bar {

        width: 140px;

        height: 10px

    }

}



.product-details-tab .product-reviews .review-wrapper .review-star .single-review .review-bar .bar-inner {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    height: 100%;

    background-color: #0c8b51

}



.product-details-tab .product-reviews .review-wrapper .review-star .single-review .value {

    font-weight: 500;

    font-size: 18px;

    color: #151515;

    width: 50px;

    text-align: right

}



@media (max-width: 767px) {

    .product-details-tab .product-reviews .review-wrapper .review-star .single-review .value {

        font-size: 14px;

        width: 40px

    }

}



.product-details-tab .product-reviews .review-wrapper .review-point {

    padding-top: 30px

}



@media (max-width: 767px) {

    .product-details-tab .product-reviews .review-wrapper .review-point {

        margin: 0 50px

    }

}



.product-details-tab .product-reviews .review-wrapper .review-point span {

    font-weight: 700;

    font-size: 70px;

    line-height: 80px;

    color: #07294d

}



.product-details-tab .product-reviews .review-form {

    margin-top: 50px

}



.product-details-tab .product-reviews .review-form .review-rating .title {

    font-weight: 700;

    font-size: 18px;

    color: #07294d

}



.product-details-tab .product-reviews .review-form .review-rating ul {

    margin-top: 20px

}



.product-details-tab .product-reviews .review-form .review-rating ul li {

    display: inline-block;

    color: #e1e1e1;

    cursor: pointer

}



.product-details-tab .product-reviews .review-form .review-rating ul li.hover, .product-details-tab .product-reviews .review-form .review-rating ul li.selected {

    color: #eab830

}



.blog-sidebar {

    padding-right: 50px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .blog-sidebar {

        padding-right: 0

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .blog-sidebar {

        padding-right: 0

    }

}



@media (max-width: 767px) {

    .blog-sidebar {

        padding-right: 0

    }

}



.blog-sidebar.right-sidebar {

    padding-right: 0;

    padding-left: 50px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .blog-sidebar.right-sidebar {

        padding-left: 0

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .blog-sidebar.right-sidebar {

        padding-left: 0

    }

}



@media (max-width: 767px) {

    .blog-sidebar.right-sidebar {

        padding-left: 0

    }

}



.blog-sidebar .sidebar-title .title {

    font-weight: 500;

    font-size: 24px;

    color: #07294d

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .blog-sidebar .sidebar-title .title {

        font-size: 20px

    }

}



@media (max-width: 767px) {

    .blog-sidebar .sidebar-title .title {

        font-size: 20px

    }

}



.blog-sidebar ul {

    padding-top: 15px

}



.blog-sidebar ul li {

    padding: 14px 0;

    border-bottom: 1px solid #dbdbdb;

    font-weight: 500;

    font-size: 14px;

    color: #303030

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .blog-sidebar ul li {

        font-size: 12px

    }

}



.blog-sidebar ul li:last-child {

    border-bottom: 0

}



.blog-sidebar ul li strong {

    display: block;

    float: right;

    font-weight: 500

}



.blog-sidebar-category {

    background-color: #f1f1f1;

    padding: 30px 25px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .blog-sidebar-category {

        padding: 25px 20px

    }

}



.blog-sidebar-category .category-items {

    padding-top: 15px

}



.blog-sidebar-post {

    background-color: #f1f1f1;

    padding: 30px 25px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .blog-sidebar-post {

        padding: 25px 20px

    }

}



.blog-sidebar-post .post-items {

    padding-top: 15px

}



.blog-sidebar-post .post-items li + li {

    border-top: 1px solid #dbdbdb

}



.blog-sidebar-post .post-items li .single-post {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex

}



.blog-sidebar-post .post-items li .single-post .post-content {

    padding-left: 15px;

    -webkit-flex: 1;

    -moz-flex: 1;

    -ms-flex: 1;

    flex: 1

}



.blog-sidebar-post .post-items li .single-post .post-content .post-title a {

    font-weight: 600;

    font-size: 16px;

    color: #07294d

}



.blog-sidebar-post .post-items li .single-post .post-content .more {

    font-weight: 500;

    font-size: 14px;

    letter-spacing: .02em;

    color: #151515;

    margin-top: 10px

}



.blog-sidebar-post .post-items li .single-post .post-content .more i {

    font-size: 11px

}



.blog-sidebar-banner a {

    display: block

}



.blog-sidebar-banner a img {

    width: 100%

}



.blog-sidebar-tags {

    background-color: #f1f1f1;

    padding: 30px 25px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .blog-sidebar-tags {

        padding: 25px 20px

    }

}



.blog-sidebar-tags .tags-items {

    margin-left: -10px;

    margin-right: -10px;

    padding-top: 20px

}



.blog-sidebar-tags .tags-items li {

    border-bottom: 0;

    display: inline-block;

    padding: 3px 10px

}



.blog-sidebar-tags .tags-items li a {

    font-weight: 500;

    font-size: 14px;

    color: #07294d;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



.blog-sidebar-tags .tags-items li a:hover {

    color: #0c8b51

}



.blog-details-page {

    padding-top: 110px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .blog-details-page {

        padding-top: 50px

    }

}



@media (max-width: 767px) {

    .blog-details-page {

        padding-top: 30px

    }

}



.blog-details-content .details-content .meta {

    padding-top: 30px

}



.blog-details-content .details-content .meta li {

    display: inline-block;

    position: relative

}



.blog-details-content .details-content .meta li + li {

    margin-left: 30px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .blog-details-content .details-content .meta li + li {

        margin-left: 20px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .blog-details-content .details-content .meta li + li {

        margin-left: 20px

    }

}



@media (max-width: 767px) {

    .blog-details-content .details-content .meta li + li {

        margin-left: 20px

    }

}



.blog-details-content .details-content .meta li + li::before {

    position: absolute;

    content: '-';

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    left: -18px;

    font-size: 16px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .blog-details-content .details-content .meta li + li::before {

        left: -13px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .blog-details-content .details-content .meta li + li::before {

        left: -13px

    }

}



@media (max-width: 767px) {

    .blog-details-content .details-content .meta li + li::before {

        left: -13px

    }

}



.blog-details-content .details-content .meta li a {

    font-weight: 500;

    font-size: 18px;

    line-height: 16px;

    color: #151515;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .blog-details-content .details-content .meta li a {

        font-size: 12px

    }

}



@media (max-width: 767px) {

    .blog-details-content .details-content .meta li a {

        font-size: 12px

    }

}



.blog-details-content .details-content .meta li a:hover {

    color: #0c8b51

}



.blog-details-content .details-content .title {

    font-weight: 700;

    font-size: 46px;

    color: #07294d;

    margin-top: 20px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .blog-details-content .details-content .title {

        font-size: 36px

    }

}



@media (max-width: 767px) {

    .blog-details-content .details-content .title {

        font-size: 24px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .blog-details-content .details-content .title {

        font-size: 26px

    }

}



.blog-details-content .details-content p {

    margin-top: 20px;

    font-weight: 500;

    font-size: 18px;

    line-height: 36px;

    color: #303030

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .blog-details-content .details-content p {

        font-size: 16px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .blog-details-content .details-content p {

        font-size: 16px

    }

}



@media (max-width: 767px) {

    .blog-details-content .details-content p {

        font-size: 14px;

        line-height: 24px

    }

}



.blog-details-content .details-content .blog-list li {

    position: relative;

    padding-left: 40px;

    margin-top: 40px

}



.blog-details-content .details-content .blog-list li i {

    color: #151515;

    font-size: 24px;

    position: absolute;

    left: 0;

    top: 5px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .blog-details-content .details-content .blog-list li i {

        font-size: 16px

    }

}



.blog-details-content .details-content .blog-list li p {

    margin-top: 0

}



.blog-details-content .details-content .blog-tags {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    margin-top: 45px

}



.blog-details-content .details-content .blog-tags span {

    font-weight: 700;

    font-size: 18px;

    color: #303030

}



.blog-details-content .details-content .blog-tags .tags li {

    display: inline-block;

    margin-left: 5px

}



.blog-details-content .details-content .blog-tags .tags li a {

    font-weight: 500;

    font-size: 18px;

    color: #303030

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .blog-details-content .details-content .blog-tags .tags li a {

        font-size: 16px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .blog-details-content .details-content .blog-tags .tags li a {

        font-size: 16px

    }

}



@media (max-width: 767px) {

    .blog-details-content .details-content .blog-tags .tags li a {

        font-size: 14px

    }

}



.blog-details-content .blog-comment {

    padding-top: 70px

}



.blog-details-content .blog-comment .comment-title {

    font-weight: 700;

    font-size: 24px;

    color: #07294d;

    position: relative;

    padding-bottom: 8px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .blog-details-content .blog-comment .comment-title {

        font-size: 20px

    }

}



.blog-details-content .blog-comment .comment-title::before {

    width: 100px;

    height: 2px;

    background-color: #07294d;

    position: absolute;

    content: '';

    bottom: 0;

    left: 0

}



.blog-details-content .blog-comment > p {

    margin-top: 20px;

    font-weight: 500;

    font-size: 18px;

    line-height: 36px;

    color: #303030

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .blog-details-content .blog-comment > p {

        font-size: 16px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .blog-details-content .blog-comment > p {

        font-size: 16px

    }

}



@media (max-width: 767px) {

    .blog-details-content .blog-comment > p {

        font-size: 14px;

        line-height: 24px

    }

}



.blog-details-content .blog-comment .comment-items li .single-comment {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    margin-top: 45px

}



@media (max-width: 767px) {

    .blog-details-content .blog-comment .comment-items li .single-comment {

        display: block

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .blog-details-content .blog-comment .comment-items li .single-comment {

        display: -webkit-flex;

        display: -moz-flex;

        display: -ms-flex;

        display: -o-flex;

        display: flex

    }

}



.blog-details-content .blog-comment .comment-items li .single-comment .comment-author img {

    border-radius: 50%

}



.blog-details-content .blog-comment .comment-items li .single-comment .comment-content {

    padding-left: 30px;

    -webkit-flex: 1;

    -moz-flex: 1;

    -ms-flex: 1;

    flex: 1

}



@media (max-width: 767px) {

    .blog-details-content .blog-comment .comment-items li .single-comment .comment-content {

        padding-left: 0;

        padding-top: 25px

    }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

    .blog-details-content .blog-comment .comment-items li .single-comment .comment-content {

        padding-left: 25px;

        padding-top: 0

    }

}



.blog-details-content .blog-comment .comment-items li .single-comment .comment-content .meta {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex

}



.blog-details-content .blog-comment .comment-items li .single-comment .comment-content .meta .name {

    font-weight: 600;

    font-size: 18px;

    color: #151515

}



.blog-details-content .blog-comment .comment-items li .single-comment .comment-content .meta .time {

    font-weight: 500;

    font-size: 14px;

    color: #151515;

    margin-left: 10px

}



.blog-details-content .blog-comment .comment-items li .single-comment .comment-content p {

    font-weight: 500;

    font-size: 18px;

    line-height: 30px;

    color: #151515;

    margin-top: 8px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .blog-details-content .blog-comment .comment-items li .single-comment .comment-content p {

        font-size: 16px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .blog-details-content .blog-comment .comment-items li .single-comment .comment-content p {

        font-size: 16px

    }

}



@media (max-width: 767px) {

    .blog-details-content .blog-comment .comment-items li .single-comment .comment-content p {

        font-size: 14px;

        line-height: 24px

    }

}



.blog-details-content .blog-comment .comment-items li .single-comment .comment-content .reply {

    font-weight: 500;

    font-size: 14px;

    color: #151515;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



.blog-details-content .blog-comment .comment-items li .single-comment .comment-content .reply:hover {

    color: #0c8b51

}



.blog-details-content .blog-comment .comment-items li .comment-reply {

    padding-left: 130px

}



@media (max-width: 767px) {

    .blog-details-content .blog-comment .comment-items li .comment-reply {

        padding-left: 0

    }

}



.contact-area {

    padding-top: 30px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .contact-area {

        padding-top: 70px

    }

}



@media (max-width: 767px) {

    .contact-area {

        padding-top: 50px

    }

}



.single-contact-info {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.single-contact-info .info-icon i {

    font-size: 24px;

    color: #07294d;

    width: 50px;

    height: 50px;

    line-height: 48px;

    text-align: center;

    border: 1px solid #dbdbdb;

    border-radius: 50%

}



.single-contact-info .info-content {

    -webkit-flex: 1;

    -moz-flex: 1;

    -ms-flex: 1;

    flex: 1;

    padding-left: 20px

}



.single-contact-info .info-content .title {

    font-weight: 700;

    font-size: 18px;

    letter-spacing: .05em;

    color: #0c8b51;

    padding-bottom: 15px

}



.single-contact-info .info-content p {

    font-weight: 500;

    font-size: 16px;

    line-height: 24px;

    color: #151515

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .single-contact-info .info-content p {

        font-size: 14px

    }

}



.single-contact-info .info-content p a {

    color: #151515;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



.single-contact-info .info-content p a:hover {

    color: #0c8b51

}



.contact-form {

    padding-top: 150px

}



.form-message.error, .form-message.success {

    font-size: 16px;

    color: #07294d;

    background: #ddd;

    padding: 10px 15px;

    margin-left: 15px;

    margin-top: 15px

}



.form-message.error {

    color: red

}



.contact-title .title {

    font-weight: 700;

    font-size: 24px;

    color: #07294d;

    position: relative;

    padding-bottom: 21px

}



@media (max-width: 767px) {

    .contact-title .title {

        font-size: 20px

    }

}



.contact-title .title::before {

    position: absolute;

    content: '';

    width: 150px;

    height: 2px;

    background-color: #07294d;

    bottom: 0;

    left: 0;

    right: 0;

    margin: 0 auto

}



.contact-title p {

    font-weight: 500;

    font-size: 18px;

    line-height: 30px;

    color: #151515;

    margin-top: 30px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .contact-title p {

        font-size: 16px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .contact-title p {

        font-size: 16px

    }

}



@media (max-width: 767px) {

    .contact-title p {

        font-size: 14px;

        line-height: 24px

    }

}



.contact-form-wrapper {

    padding-top: 30px

}



.faq-area {

    padding-top: 150px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .faq-area {

        padding-top: 90px

    }

}



@media (max-width: 767px) {

    .faq-area {

        padding-top: 70px

    }

}



.faq-wrapper {

    padding-top: 42px

}



.faq-wrapper .accordion .card {

    position: relative;

    padding-left: 40px;

    border: 0;

    margin-top: 50px

}



.faq-wrapper .accordion .card .question {

    font-weight: 600;

    font-size: 28px;

    line-height: 30px;

    color: #07294d;

    position: absolute;

    top: 0;

    left: 0

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .faq-wrapper .accordion .card .question {

        font-size: 24px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .faq-wrapper .accordion .card .question {

        font-size: 24px

    }

}



@media (max-width: 767px) {

    .faq-wrapper .accordion .card .question {

        font-size: 24px;

        line-height: 36px

    }

}



.faq-wrapper .accordion .card .card-header {

    padding: 5px 0;

    border-bottom: 0;

    margin-bottom: 0;

    background: 0 0

}



.faq-wrapper .accordion .card .card-header a {

    font-weight: 600;

    font-size: 18px;

    color: #0c8b51;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .faq-wrapper .accordion .card .card-header a {

        font-size: 16px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .faq-wrapper .accordion .card .card-header a {

        font-size: 16px

    }

}



@media (max-width: 767px) {

    .faq-wrapper .accordion .card .card-header a {

        font-size: 16px

    }

}



.faq-wrapper .accordion .card .card-header a.collapsed {

    color: #303030

}



.faq-wrapper .accordion .card .card-body {

    padding: 0;

    padding-left: 35px;

    position: relative;

    margin-top: 30px

}



.faq-wrapper .accordion .card .card-body .answer {

    font-weight: 600;

    font-size: 24px;

    line-height: 36px;

    color: #07294d;

    position: absolute;

    top: 0;

    left: 0

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .faq-wrapper .accordion .card .card-body .answer {

        font-size: 20px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .faq-wrapper .accordion .card .card-body .answer {

        font-size: 20px

    }

}



@media (max-width: 767px) {

    .faq-wrapper .accordion .card .card-body .answer {

        font-size: 20px

    }

}



.faq-wrapper .accordion .card .card-body p {

    font-weight: 500;

    font-size: 18px;

    line-height: 36px;

    color: #303030

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .faq-wrapper .accordion .card .card-body p {

        font-size: 16px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .faq-wrapper .accordion .card .card-body p {

        font-size: 16px

    }

}



@media (max-width: 767px) {

    .faq-wrapper .accordion .card .card-body p {

        font-size: 14px;

        line-height: 26px

    }



    .faq-wrapper .accordion .card .card-body p br {

        display: none

    }

}



.login-register {

    padding-top: 150px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .login-register {

        padding-top: 90px

    }

}



@media (max-width: 767px) {

    .login-register {

        padding-top: 70px

    }

}



.login-register-content .title {

    font-weight: 700;

    font-size: 24px;

    color: #07294d;

    position: relative;

    padding-bottom: 10px

}



@media (max-width: 767px) {

    .login-register-content .title {

        font-size: 20px

    }

}



.login-register-content .title::before {

    position: absolute;

    content: '';

    width: 150px;

    height: 2px;

    background-color: #07294d;

    bottom: 0;

    left: 0

}



.login-register-form .single-form .forget a {

    font-size: 16px;

    font-weight: 400;

    color: #151515;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}



@media (max-width: 767px) {

    .login-register-form .single-form .forget a {

        font-size: 14px

    }

}



.login-register-form .single-form .forget a:hover {

    color: #07294d

}



.login-register-form .single-form .main-btn {

    height: 60px;

    line-height: 60px;

    padding: 0 30px;

    font-size: 16px

}



@media (max-width: 767px) {

    .login-register-form .single-form .main-btn {

        padding: 0 20px;

        height: 45px;

        line-height: 45px;

        font-size: 14px

    }

}



.notice-area {

    padding-top: 150px

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .notice-area {

        padding-top: 90px

    }

}



@media (max-width: 767px) {

    .notice-area {

        padding-top: 70px

    }

}



.notice-content {

    padding-top: 10px

}



.single-notice {

    margin-top: 45px;

    position: relative;

    padding-left: 45px

}



@media (max-width: 767px) {

    .single-notice {

        padding-left: 35px

    }

}



.single-notice .number {

    font-weight: 600;

    font-size: 24px;

    line-height: 30px;

    color: #07294d;

    position: absolute;

    top: 0;

    left: 0

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-notice .number {

        font-size: 20px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .single-notice .number {

        font-size: 20px

    }

}



@media (max-width: 767px) {

    .single-notice .number {

        font-size: 18px;

        line-height: 26px

    }

}



.single-notice .notice-title {

    font-weight: 600;

    font-size: 24px;

    color: #303030

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-notice .notice-title {

        font-size: 20px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .single-notice .notice-title {

        font-size: 20px

    }

}



@media (max-width: 767px) {

    .single-notice .notice-title {

        font-size: 18px;

        line-height: 26px

    }

}



.single-notice p {

    font-weight: 500;

    font-size: 18px;

    line-height: 30px;

    color: #303030;

    margin-top: 15px

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .single-notice p {

        font-size: 16px

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .single-notice p {

        font-size: 16px

    }

}



@media (max-width: 767px) {

    .single-notice p {

        font-size: 14px;

        line-height: 26px

    }

}



.headerSection {

    color: #fff;

    padding: 10px;

}





.step_1 {

    top: 0;

    left: -50%

}



.step_2 {

    top: 0;

    right: -50%

}



.step_3 {

    bottom: 0;

    left: -50%

}



.step_4 {

    bottom: 0;

    right: -50%

}



.features {

    position: static;

    width: auto;

    margin-bottom: 30px;

    text-align: center;

}



#graph img {

    max-width: 320px;

    margin: auto auto 30px;

    display: block;

}



#graph img {

    max-width: 420px;

    margin: auto;

    display: block;

}



.zoomIn {

    -webkit-animation-name: zoomIn;

    animation-name: zoomIn;

}



.animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}









ul.timeline {

    list-style-type: none;

    position: relative;

    padding-left: 1.5rem;

}



/* Timeline vertical line */

ul.timeline:before {

    content: ' ';

    background: #fff;

    display: inline-block;

    position: absolute;

    left: 16px;

    width: 4px;

    height: 100%;

    z-index: 400;

    border-radius: 1rem;

}



li.timeline-item {

    margin: 20px 0;

}



/* Timeline item arrow */

.timeline-arrow {

    border-top: 0.5rem solid transparent;

    border-right: 0.5rem solid #fff;

    border-bottom: 0.5rem solid transparent;

    display: block;

    position: absolute;

    left: 2rem;

}



/* Timeline item circle marker */

li.timeline-item::before {

    content: ' ';

    background: #ddd;

    display: inline-block;

    position: absolute;

    border-radius: 50%;

    border: 3px solid #fff;

    left: 11px;

    width: 14px;

    height: 14px;

    z-index: 400;

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

}



.management{

    transition: transform  1s; /* Animation */

    box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);

}



.management:hover{

    transform: scale(1.05);



}

.managementTwo:hover{

    transform: scale(1);



}



.managementTwo{

    transform: scale(0.9);

    transition: transform  1s; /* Animation */

}