@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Rubik:300,400,500,700);

html {
    font-size: 87.5%;
}

body {
    font-size: 1em;
    line-height: 1.85em;
    font-family: "Open Sans", sans-serif;
    vertical-align: baseline;
    background: #fff;
    color: #666;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    line-height: 1.85em;
    font-family: "Rubik", sans-serif;
    margin: 0 0 20px 0;
    color: #222;
}

h1 {
    font-size: 44px;
}

h2 {
    font-size: 34px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 18px;
}

p {
    margin: 0 0 20px 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

a {
    text-decoration: none;
}

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

    a:active,
    a:hover,
    a:focus {
        outline: 0 none;
    }

img {
    max-width: 100%;
    height: auto;
}

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

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

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

    .row.no-gutters > [class^="col-"],
    .row.no-gutters > [class*=" col-"] {
        padding-right: 0;
        padding-left: 0;
    }

    .row.no-gutters.full-width {
        margin-right: -15px;
        margin-left: -15px;
    }

        .row.no-gutters.full-width > [class^="col-"],
        .row.no-gutters.full-width > [class*=" col-"] {
            padding-right: 0;
            padding-left: 0;
        }

.text-left {
    text-align: left !important;
}

.float-none {
    float: none;
}

.m-auto {
    margin: 0 auto;
}

.item-mb {
    margin-bottom: 30px !important;
}

.mb-none {
    margin-bottom: 0 !important;
}

.mt-13 {
    margin-top: 13px;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.margin-lr30 {
    margin-right: -30px;
    margin-left: -30px;
}

.slider-mt {
    margin-top: 75px;
}

.pt-50 {
    padding-top: 50px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.pa-15 {
    padding: 15px;
}

.box-pa-sm {
    padding: 30px 30px 10px;
}

.txt-bx-p {
    padding: 30px 30px 15px;
}

.content-box-p {
    padding: 30px 20px;
}

.txt-bx-lg-p {
    padding: 60px 15px 50px;
}

.img-width-100 img {
    width: 100% !important;
}

.img-d-inline-block img {
    display: inline-block !important;
}

.item-space-xs {
    margin-left: -12.5px;
    margin-right: -17.5px;
}

    .item-space-xs > div {
        padding: 2.5px;
    }

div#no-equal-gallery {
    margin-left: 0;
    margin-right: 0;
}

.item-space-sm {
    margin-left: -15px;
    margin-right: -30px;
}

    .item-space-sm > div {
        padding: 5px;
    }

.lead {
    color: #808080;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.75;
    margin-bottom: 0;
}

    .lead p {
        color: #808080;
        font-weight: 400;
        font-size: 17px;
        line-height: 1.75;
    }

.s-space-equal {
    padding: 125px 0;
}

@media only screen and (max-width: 1199px) {
    .s-space-equal {
        padding: 115px 0;
    }
}

@media only screen and (max-width: 991px) {
    .s-space-equal {
        padding: 105px 0;
    }
}

@media only screen and (max-width: 767px) {
    .s-space-equal {
        padding: 95px 0;
    }
}

@media only screen and (max-width: 479px) {
    .s-space-equal {
        padding: 85px 0;
    }
}

@media only screen and (max-width: 320px) {
    .s-space-equal {
        padding: 75px 0;
    }
}

.s-space-default {
    padding: 106px 0 125px;
}

@media only screen and (max-width: 1199px) {
    .s-space-default {
        padding: 96px 0 115px;
    }
}

@media only screen and (max-width: 991px) {
    .s-space-default {
        padding: 86px 0 105px;
    }
}

@media only screen and (max-width: 767px) {
    .s-space-default {
        padding: 76px 0 95px;
    }
}

@media only screen and (max-width: 479px) {
    .s-space-default {
        padding: 66px 0 85px;
    }
}

@media only screen and (max-width: 320px) {
    .s-space-default {
        padding: 56px 0 75px;
    }
}

.s-space-bottom-solid {
    padding: 0 0 125px;
}

@media only screen and (max-width: 1199px) {
    .s-space-bottom-solid {
        padding: 0 0 115px;
    }
}

@media only screen and (max-width: 991px) {
    .s-space-bottom-solid {
        padding: 0 0 105px;
    }
}

@media only screen and (max-width: 767px) {
    .s-space-bottom-solid {
        padding: 0 0 95px;
    }
}

@media only screen and (max-width: 479px) {
    .s-space-bottom-solid {
        padding: 0 0 85px;
    }
}

@media only screen and (max-width: 320px) {
    .s-space-bottom-solid {
        padding: 0 0 75px;
    }
}

.s-space-top-solid {
    padding: 125px 0 0;
}

@media only screen and (max-width: 1199px) {
    .s-space-top-solid {
        padding: 115px 0 0;
    }
}

@media only screen and (max-width: 991px) {
    .s-space-top-solid {
        padding: 105px 0 0;
    }
}

@media only screen and (max-width: 767px) {
    .s-space-top-solid {
        padding: 95px 0 0;
    }
}

@media only screen and (max-width: 479px) {
    .s-space-top-solid {
        padding: 85px 0 0;
    }
}

@media only screen and (max-width: 320px) {
    .s-space-top-solid {
        padding: 75px 0 0;
    }
}

.s-space-top-default {
    padding: 106px 0 0;
}

@media only screen and (max-width: 1199px) {
    .s-space-top-default {
        padding: 96px 0 0;
    }
}

@media only screen and (max-width: 991px) {
    .s-space-top-default {
        padding: 86px 0 0;
    }
}

@media only screen and (max-width: 767px) {
    .s-space-top-default {
        padding: 76px 0 0;
    }
}

@media only screen and (max-width: 479px) {
    .s-space-top-default {
        padding: 66px 0 0;
    }
}

@media only screen and (max-width: 320px) {
    .s-space-top-default {
        padding: 56px 0 0;
    }
}

.s-space-bottom30 {
    padding: 106px 0 95px;
}

@media only screen and (max-width: 1199px) {
    .s-space-bottom30 {
        padding: 96px 0 85px;
    }
}

@media only screen and (max-width: 991px) {
    .s-space-bottom30 {
        padding: 86px 0 75px;
    }
}

@media only screen and (max-width: 767px) {
    .s-space-bottom30 {
        padding: 76px 0 65px;
    }
}

@media only screen and (max-width: 479px) {
    .s-space-bottom30 {
        padding: 66px 0 55px;
    }
}

@media only screen and (max-width: 320px) {
    .s-space-bottom30 {
        padding: 56px 0 45px;
    }
}

.s-space-layout1 {
    padding: 120px 0 66px;
}

@media only screen and (max-width: 1199px) {
    .s-space-layout1 {
        padding: 110px 0 56px;
    }
}

@media only screen and (max-width: 991px) {
    .s-space-layout1 {
        padding: 100px 0 46px;
    }
}

@media only screen and (max-width: 767px) {
    .s-space-layout1 {
        padding: 90px 0 36px;
    }
}

@media only screen and (max-width: 479px) {
    .s-space-layout1 {
        padding: 80px 0 26px;
    }
}

@media only screen and (max-width: 320px) {
    .s-space-layout1 {
        padding: 70px 0 16px;
    }
}

.s-space-layout2 {
    padding: 115px 0 66px;
}

@media only screen and (max-width: 1199px) {
    .s-space-layout2 {
        padding: 105px 0 56px;
    }
}

@media only screen and (max-width: 991px) {
    .s-space-layout2 {
        padding: 95px 0 46px;
    }
}

@media only screen and (max-width: 767px) {
    .s-space-layout2 {
        padding: 85px 0 36px;
    }
}

@media only screen and (max-width: 479px) {
    .s-space-layout2 {
        padding: 75px 0 26px;
    }
}

@media only screen and (max-width: 320px) {
    .s-space-layout2 {
        padding: 65px 0 16px;
    }
}

.s-space-layout3 {
    padding: 106px 0 92px;
}

@media only screen and (max-width: 1199px) {
    .s-space-layout3 {
        padding: 96px 0 82px;
    }
}

@media only screen and (max-width: 991px) {
    .s-space-layout3 {
        padding: 86px 0 72px;
    }
}

@media only screen and (max-width: 767px) {
    .s-space-layout3 {
        padding: 76px 0 62px;
    }
}

@media only screen and (max-width: 479px) {
    .s-space-layout3 {
        padding: 66px 0 52px;
    }
}

@media only screen and (max-width: 320px) {
    .s-space-layout3 {
        padding: 56px 0 42px;
    }
}

.s-space-layout4 {
    padding: 110px 0 125px;
}

@media only screen and (max-width: 1199px) {
    .s-space-layout4 {
        padding: 100px 0 115px;
    }
}

@media only screen and (max-width: 991px) {
    .s-space-layout4 {
        padding: 90px 0 105px;
    }
}

@media only screen and (max-width: 767px) {
    .s-space-layout4 {
        padding: 80px 0 95px;
    }
}

@media only screen and (max-width: 479px) {
    .s-space-layout4 {
        padding: 70px 0 85px;
    }
}

@media only screen and (max-width: 320px) {
    .s-space-layout4 {
        padding: 60px 0 75px;
    }
}

.s-space-layout5 {
    padding: 110px 0 66px;
}

@media only screen and (max-width: 1199px) {
    .s-space-layout5 {
        padding: 100px 0 56px;
    }
}

@media only screen and (max-width: 991px) {
    .s-space-layout5 {
        padding: 90px 0 46px;
    }
}

@media only screen and (max-width: 767px) {
    .s-space-layout5 {
        padding: 80px 0 36px;
    }
}

@media only screen and (max-width: 479px) {
    .s-space-layout5 {
        padding: 70px 0 26px;
    }
}

@media only screen and (max-width: 320px) {
    .s-space-layout5 {
        padding: 60px 0 16px;
    }
}

.s-space-layout6 {
    padding: 125px 0 88px;
}

@media only screen and (max-width: 1199px) {
    .s-space-layout6 {
        padding: 115px 0 78px;
    }
}

@media only screen and (max-width: 991px) {
    .s-space-layout6 {
        padding: 105px 0 68px;
    }
}

@media only screen and (max-width: 767px) {
    .s-space-layout6 {
        padding: 95px 0 58px;
    }
}

@media only screen and (max-width: 479px) {
    .s-space-layout6 {
        padding: 85px 0 48px;
    }
}

@media only screen and (max-width: 320px) {
    .s-space-layout6 {
        padding: 75px 0 38px;
    }
}

.s-space-layout7 {
    padding: 106px 0 66px;
}

@media only screen and (max-width: 1199px) {
    .s-space-layout7 {
        padding: 96px 0 56px;
    }
}

@media only screen and (max-width: 991px) {
    .s-space-layout7 {
        padding: 86px 0 46px;
    }
}

@media only screen and (max-width: 767px) {
    .s-space-layout7 {
        padding: 76px 0 36px;
    }
}

@media only screen and (max-width: 479px) {
    .s-space-layout7 {
        padding: 66px 0 26px;
    }
}

@media only screen and (max-width: 320px) {
    .s-space-layout7 {
        padding: 56px 0 16px;
    }
}

.s-space-layout8 {
    padding: 125px 0 66px;
}

@media only screen and (max-width: 1199px) {
    .s-space-layout8 {
        padding: 115px 0 56px;
    }
}

@media only screen and (max-width: 991px) {
    .s-space-layout8 {
        padding: 105px 0 46px;
    }
}

@media only screen and (max-width: 767px) {
    .s-space-layout8 {
        padding: 95px 0 36px;
    }
}

@media only screen and (max-width: 479px) {
    .s-space-layout8 {
        padding: 85px 0 26px;
    }
}

@media only screen and (max-width: 320px) {
    .s-space-layout8 {
        padding: 75px 0 16px;
    }
}

.s-space-layout9 {
    padding: 115px 0 88px;
}

@media only screen and (max-width: 1199px) {
    .s-space-layout9 {
        padding: 105px 0 78px;
    }
}

@media only screen and (max-width: 991px) {
    .s-space-layout9 {
        padding: 95px 0 68px;
    }
}

@media only screen and (max-width: 767px) {
    .s-space-layout9 {
        padding: 85px 0 58px;
    }
}

@media only screen and (max-width: 479px) {
    .s-space-layout9 {
        padding: 75px 0 48px;
    }
}

@media only screen and (max-width: 320px) {
    .s-space-layout9 {
        padding: 65px 0 38px;
    }
}

.s-space-layout10 {
    padding: 125px 0 95px;
}

@media only screen and (max-width: 1199px) {
    .s-space-layout10 {
        padding: 115px 0 85px;
    }
}

@media only screen and (max-width: 991px) {
    .s-space-layout10 {
        padding: 105px 0 75px;
    }
}

@media only screen and (max-width: 767px) {
    .s-space-layout10 {
        padding: 95px 0 65px;
    }
}

@media only screen and (max-width: 479px) {
    .s-space-layout10 {
        padding: 85px 0 55px;
    }
}

@media only screen and (max-width: 320px) {
    .s-space-layout10 {
        padding: 75px 0 45px;
    }
}

.s-space-brand {
    padding: 90px 0 88px;
}

@media only screen and (max-width: 1199px) {
    .s-space-brand {
        padding: 85px 0 83px;
    }
}

@media only screen and (max-width: 991px) {
    .s-space-brand {
        padding: 80px 0 78px;
    }
}

@media only screen and (max-width: 767px) {
    .s-space-brand {
        padding: 70px 0 68px;
    }
}

@media only screen and (max-width: 479px) {
    .s-space-brand {
        padding: 65px 0 63px;
    }
}

@media only screen and (max-width: 320px) {
    .s-space-brand {
        padding: 60px 0 58px;
    }
}

.s-space-top-sm {
    padding: 50px 0 0;
}

@media only screen and (max-width: 991px) {
    .s-space-top-sm {
        padding: 80px 0 0;
    }
}

@media only screen and (max-width: 767px) {
    .s-space-top-sm {
        padding: 70px 0 0;
    }
}

@media only screen and (max-width: 479px) {
    .s-space-top-sm {
        padding: 65px 0 0;
    }
}

@media only screen and (max-width: 320px) {
    .s-space-top-sm {
        padding: 60px 0 0;
    }
}

@media only screen and (max-width: 991px) {
    .s-space-top-sm2 {
        padding: 40px 0 0;
    }
}

@media only screen and (max-width: 767px) {
    .s-space-top-sm2 {
        padding: 50px 0 0;
    }
}

@media only screen and (max-width: 479px) {
    .s-space-top-sm2 {
        padding: 41px 0 0;
    }
}

@media only screen and (max-width: 320px) {
    .s-space-top-sm2 {
        padding: 37px 0 0;
    }
}

.btn-center {
    margin-top: 40px;
    text-align: center;
}

i.icon-circle-primary {
    text-align: center;
    height: 67px;
    width: 67px;
    display: block;
    line-height: 65px;
    background-color: #155344;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #155344;
    display: inline-block;
    font-size: 28px;
    margin-bottom: 40px;
    color: #fff;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    i.icon-circle-primary:before {
        margin-left: 0;
        display: inline-block;
        font-size: 28px;
        color: #fff;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    i.icon-circle-primary:hover {
        background-color: transparent;
    }

        i.icon-circle-primary:hover:before {
            color: #155344;
        }

i.pull-left.icon-circle-primary {
    margin-right: 30px;
    padding-right: 0 !important;
}

i.icon-circle-light {
    padding-right: 0 !important;
    height: 67px;
    width: 67px;
    display: inline-block;
    line-height: 65px;
    background-color: #fff;
    color: #155344;
    text-align: center;
    margin-bottom: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    font-size: 28px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    i.icon-circle-light:before {
        margin-left: 0;
        display: inline-block;
        font-size: 28px;
        color: #155344;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

i.pull-left.icon-circle-light {
    margin-right: 30px;
    padding-right: 0 !important;
}

i.icon-default-primary {
    color: #155344;
    font-size: 52px;
    line-height: 52px;
    margin-bottom: 40px;
    display: inline-block;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    i.icon-default-primary:before {
        color: #155344;
        margin-left: 0;
        font-size: 52px;
        display: inline-block;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

.icon-default-primary i {
    color: #155344;
    font-size: 52px;
    line-height: 52px;
    margin-bottom: 40px;
    display: inline-block;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .icon-default-primary i:before {
        color: #155344;
        margin-left: 0;
        font-size: 52px;
        display: inline-block;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

i.pull-left.icon-default-primary {
    margin-right: 30px;
    padding-right: 0 !important;
}

i.icon-default-dark {
    line-height: 52px;
    color: #222;
    font-size: 52px;
    margin-bottom: 40px;
    display: inline-block;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    i.icon-default-dark:before {
        margin-left: 0;
        color: #222;
        font-size: 52px;
        display: inline-block;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

i.pull-left.icon-default-dark {
    margin-right: 30px;
    padding-right: 0 !important;
}

i.icon-default-light {
    line-height: 52px;
    color: #fff;
    font-size: 52px;
    margin-bottom: 40px;
    display: inline-block;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    i.icon-default-light:before {
        margin-left: 0;
        color: #fff;
        font-size: 52px;
        display: inline-block;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

i.pull-left.icon-default-light {
    margin-right: 30px;
    padding-right: 0 !important;
}

.title-bar-center {
    padding-bottom: 20px;
    position: relative;
}

    .title-bar-center:before {
        content: "";
        height: 4px;
        width: 35px;
        background: #155344;
        position: absolute;
        left: 0;
        bottom: 10px;
        right: 0;
        margin: 0 auto;
        z-index: 1;
    }

.title-bar-medium-left {
    position: relative;
}

    .title-bar-medium-left:before {
        content: "";
        height: 5px;
        width: 35px;
        background: #155344;
        position: absolute;
        left: 0;
        bottom: -15px;
        z-index: 1;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
    }

.title-bar-light-left {
    position: relative;
}

    .title-bar-light-left:before {
        content: "";
        height: 3px;
        width: 50px;
        background: #fff;
        position: absolute;
        left: 0;
        bottom: -15px;
        z-index: 1;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
    }

.t-bar-left-mo-center {
    position: relative;
}

    .t-bar-left-mo-center:before {
        content: "";
        height: 3px;
        width: 50px;
        background: #fff;
        position: absolute;
        left: 0;
        bottom: -15px;
        z-index: 1;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
    }

@media only screen and (max-width: 767px) {
    .t-bar-left-mo-center:before {
        right: 0;
        margin: 0 auto;
    }
}

.title-bar-default {
    position: relative;
}

    .title-bar-default:before {
        content: "";
        height: 5px;
        width: 35px;
        background: #155344;
        position: absolute;
        left: 0;
        bottom: -15px;
        z-index: 1;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
    }

.title-bar-long {
    position: relative;
    margin-bottom: 40px;
}

    .title-bar-long:before {
        content: "";
        height: 5px;
        width: 50px;
        background: #155344;
        position: absolute;
        left: 0;
        bottom: -10px;
        z-index: 1;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
    }

.btn-ftf-rd-sm-p-dp {
    color: #fff;
    padding: 12px 30px;
    background: #155344;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    border: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .btn-ftf-rd-sm-p-dp:hover {
        background: #00796b;
        color: #fff;
    }

    .btn-ftf-rd-sm-p-dp:focus {
        outline: 0;
        color: #fff;
    }

@media only screen and (max-width: 767px) {
    .btn-ftf-rd-sm-p-dp {
        padding: 10px 20px;
    }
}

@media only screen and (max-width: 550px) {
    .btn-ftf-rd-sm-p-dp {
        padding: 8px 16px;
        font-size: 13px;
        font-weight: 600;
    }
}

.btn-ftf-rd-xs-p-dp {
    color: #fff;
    padding: 10px 20px;
    background: #155344;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    border: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .btn-ftf-rd-xs-p-dp:hover {
        background: #00796b;
        color: #fff;
    }

    .btn-ftf-rd-xs-p-dp:focus {
        color: #fff;
    }

.btn-ftf-rd-lg-p-dp {
    color: #fff;
    padding: 15px 50px;
    background: #155344;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    border: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .btn-ftf-rd-lg-p-dp:hover {
        background: #00796b;
        color: #fff;
    }

.btn-ftf-rd-md-p-dp {
    color: #fff;
    padding: 13px 30px;
    background: #155344;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    border: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .btn-ftf-rd-md-p-dp:hover {
        background: #00796b;
        color: #fff;
    }

.btn-ftf-rd-md-tp-p {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    border: 2px solid #155344;
    color: #666;
    padding: 12px 28px;
    background: #fff;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .btn-ftf-rd-md-tp-p:hover {
        background: #155344;
        color: #fff;
    }

.btn-ftg-rd-md-tp-tr2 {
    border: 2px solid #155344;
    color: #fff;
    padding: 14px 50px;
    background: #155344;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    margin-right: 5px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .btn-ftg-rd-md-tp-tr2:hover {
        background: transparent;
        color: #fff;
    }

.btn-ftg-rd-md-tp-tr {
    border: 2px solid #fff;
    color: #222;
    padding: 14px 50px;
    background: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .btn-ftg-rd-md-tp-tr:hover {
        background: transparent;
        color: #fff;
    }

.btn-ftf-rd-md-p-tp {
    border: 2px solid #155344;
    color: #fff;
    padding: 14px 38px;
    background: #155344;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .btn-ftf-rd-md-p-tp:hover {
        background: #fff;
        color: #155344;
    }

.play-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index: 2;
    border: 3px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: block;
    height: 70px;
    width: 70px;
    line-height: 70px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .play-btn i {
        color: #155344;
        font-size: 20px;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .play-btn:hover {
        background: #b2dfdb;
        border: 3px solid #155344;
    }

        .play-btn:hover i {
            color: #00796b;
        }

.btn-gtf-rd-md-tr-tp {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    border: 2px solid #155344;
    color: #fff;
    padding: 14px 35px;
    background: transparent;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .btn-gtf-rd-md-tr-tp:hover {
        background: #155344;
        color: #fff;
    }

.btn-gtf-rd-md-tr-p {
    border: 2px solid #155344;
    color: #666;
    padding: 10px 30px;
    background: transparent;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .btn-gtf-rd-md-tr-p:hover {
        background: #155344;
        color: #fff;
    }

.btn-flat-tp-p {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    display: inline-block;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .btn-flat-tp-p i {
        margin-left: 10px;
        color: #fff;
        font-size: 20px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .btn-flat-tp-p:hover {
        color: #155344;
    }

        .btn-flat-tp-p:hover i {
            color: #155344;
        }

.btn-ftg-rd-ms-tp-tr {
    border: 2px solid #fff;
    color: #222;
    padding: 14px 25px;
    background: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .btn-ftg-rd-ms-tp-tr:hover {
        background: transparent;
        color: #fff;
    }

.btn-gtf-rd-lg-tr-p {
    border: 0;
    color: #222;
    padding: 12px 35px;
    background: transparent;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    border-radius: 30px;
    font-weight: 500;
    border: 2px solid #155344;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .btn-gtf-rd-lg-tr-p:hover {
        background: #155344;
        color: #fff;
    }

.tab-btn {
    text-align: center;
    margin-bottom: 60px;
}

    .tab-btn li {
        margin: 0 1px 5px;
        display: inline-block !important;
    }

        .tab-btn li a {
            border: 1px solid #155344;
            background: transparent;
            color: #222;
            padding: 10px 30px;
            margin: 0;
            font-weight: 700;
            text-transform: uppercase;
            display: inline-block;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            -ms-border-radius: 30px;
            -o-border-radius: 30px;
            border-radius: 30px;
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            -ms-transition: all 0.5s ease-out;
            -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

            .tab-btn li a:hover {
                background: #155344;
                color: #fff;
            }

    .tab-btn .active a {
        background: #155344;
        color: #fff;
    }

.btn-ftg-rd-md-p-tr {
    border: 2px solid #155344;
    color: #fff;
    padding: 14px 38px;
    background: #155344;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .btn-ftg-rd-md-p-tr:hover {
        background: transparent;
        color: #155344;
    }

.btn-ftg-rd-xs-tp-tr {
    border: 2px solid #fff;
    color: #222;
    padding: 8px 18px;
    background: #fff;
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 700;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .btn-ftg-rd-xs-tp-tr i {
        margin-right: 5px;
    }

    .btn-ftg-rd-xs-tp-tr:hover {
        background: transparent;
        color: #fff;
    }

.isotop-btn {
    text-align: center;
    margin-bottom: 60px;
}

    .isotop-btn:after {
        display: none;
    }

    .isotop-btn a {
        background: transparent;
        color: #666;
        padding: 10px 30px;
        margin: 0;
        font-size: 18px;
        display: inline-block;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
        border-radius: 30px;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .isotop-btn a:hover {
            background: #155344;
            color: #fff;
        }

    .isotop-btn .current {
        background: #155344;
        color: #fff;
    }

.isotop-btn-circle {
    text-align: center;
    margin-bottom: 60px;
}

    .isotop-btn-circle:after {
        display: none;
    }

    .isotop-btn-circle a {
        border: 1px solid #f8f8f8;
        background: transparent;
        color: #666;
        padding: 10px 30px;
        margin: 0 1px 5px;
        font-size: 18px;
        display: inline-block;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
        border-radius: 30px;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .isotop-btn-circle a:hover {
            border: 1px solid #155344;
            background: #155344;
            color: #fff;
        }

    .isotop-btn-circle .current {
        border: 1px solid #155344;
        background: #155344;
        color: #fff;
    }

.btn-ftf-rd-sm-tp-tp {
    border: 0;
    color: #155344;
    padding: 12px 30px;
    background: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .btn-ftf-rd-sm-tp-tp:hover {
        color: #222;
    }

.inner-page-banner-area {
    margin-top: 50px;
    text-align: left;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    padding: 120px 0 130px;
}

@media only screen and (max-width: 1199px) {
    .inner-page-banner-area {
        padding: 110px 0 120px;
    }
}

@media only screen and (max-width: 991px) {
    .inner-page-banner-area {
        padding: 100px 0 110px;
    }
}

@media only screen and (max-width: 767px) {
    .inner-page-banner-area {
        padding: 90px 0 100px;
    }
}

@media only screen and (max-width: 479px) {
    .inner-page-banner-area {
        padding: 80px 0 90px;
    }
}

@media only screen and (max-width: 320px) {
    .inner-page-banner-area {
        padding: 70px 0 80px;
    }
}

.inner-page-banner-area:after {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.7);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.inner-page-banner-area .breadcrumbs-area {
    position: relative;
    z-index: 1;
}

    .inner-page-banner-area .breadcrumbs-area h1 {
        text-transform: uppercase;
        font-weight: 700;
        margin-bottom: 0;
        color: #fff;
    }

    .inner-page-banner-area .breadcrumbs-area ul li {
        display: inline-block;
        color: #fff;
    }

        .inner-page-banner-area .breadcrumbs-area ul li a {
            color: #155344;
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            -ms-transition: all 0.5s ease-out;
            -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

            .inner-page-banner-area .breadcrumbs-area ul li a:hover {
                color: #fff;
            }

.pagination-style {
    text-align: center;
    margin-top: 30px;
}

    .pagination-style li {
        display: inline-block;
        margin: 0 1px;
    }

        .pagination-style li a {
            font-weight: 600;
            border-radius: 50%;
            width: 50px;
            font-size: 16px;
            color: #222;
            height: 50px;
            background: #f8f8f8;
            display: block;
            line-height: 50px;
            text-align: center;
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            -ms-transition: all 0.5s ease-out;
            -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

            .pagination-style li a:hover {
                background: #155344;
                color: #fff;
            }

    .pagination-style .active a {
        background: #155344;
        color: #fff;
    }

@media only screen and (min-width: 480px) {
    .nav-control-top {
        position: relative;
    }

        .nav-control-top .owl-controls {
            position: absolute;
            top: -70px;
            right: 0;
            z-index: 5;
        }

            .nav-control-top .owl-controls i {
                color: #155344;
                display: block;
                line-height: 36px;
                -webkit-transition: all 0.3s ease-out;
                -moz-transition: all 0.3s ease-out;
                -ms-transition: all 0.3s ease-out;
                -o-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out;
            }

            .nav-control-top .owl-controls .owl-nav {
                margin-top: 0;
            }

                .nav-control-top .owl-controls .owl-nav > div {
                    background: transparent;
                    border: 1px solid #155344;
                    opacity: 1;
                    font-size: 18px;
                    margin: 0 4px;
                    height: 45px;
                    width: 45px;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    -ms-border-radius: 50%;
                    -o-border-radius: 50%;
                    border-radius: 50%;
                    -webkit-transition: all 0.3s ease-out;
                    -moz-transition: all 0.3s ease-out;
                    -ms-transition: all 0.3s ease-out;
                    -o-transition: all 0.3s ease-out;
                    transition: all 0.3s ease-out;
                }

            .nav-control-top .owl-controls .owl-prev:hover {
                background: #155344;
                -webkit-transition: all 0.3s ease-out;
                -moz-transition: all 0.3s ease-out;
                -ms-transition: all 0.3s ease-out;
                -o-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out;
            }

                .nav-control-top .owl-controls .owl-prev:hover i {
                    color: #fff;
                }

            .nav-control-top .owl-controls .owl-next:hover {
                background: #155344;
                -webkit-transition: all 0.3s ease-out;
                -moz-transition: all 0.3s ease-out;
                -ms-transition: all 0.3s ease-out;
                -o-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out;
            }

                .nav-control-top .owl-controls .owl-next:hover i {
                    color: #fff;
                }
}

@media only screen and (max-width: 479px) {
    .nav-control-top {
        position: relative;
    }

        .nav-control-top .owl-controls i {
            color: #155344;
            display: block;
            line-height: 36px;
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }

        .nav-control-top .owl-controls .owl-nav {
            margin-top: 0;
        }

            .nav-control-top .owl-controls .owl-nav > div {
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%);
                background: transparent;
                border: 1px solid #155344;
                opacity: 1;
                font-size: 18px;
                margin: 0 4px;
                height: 45px;
                width: 45px;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                -o-border-radius: 50%;
                border-radius: 50%;
                -webkit-transition: all 0.3s ease-out;
                -moz-transition: all 0.3s ease-out;
                -ms-transition: all 0.3s ease-out;
                -o-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out;
            }

        .nav-control-top .owl-controls .owl-prev {
            left: -15px;
        }

            .nav-control-top .owl-controls .owl-prev:hover {
                background: #155344;
                -webkit-transition: all 0.3s ease-out;
                -moz-transition: all 0.3s ease-out;
                -ms-transition: all 0.3s ease-out;
                -o-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out;
            }

                .nav-control-top .owl-controls .owl-prev:hover i {
                    color: #fff;
                }

        .nav-control-top .owl-controls .owl-next {
            right: -15px;
        }

            .nav-control-top .owl-controls .owl-next:hover {
                background: #155344;
                -webkit-transition: all 0.3s ease-out;
                -moz-transition: all 0.3s ease-out;
                -ms-transition: all 0.3s ease-out;
                -o-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out;
            }

                .nav-control-top .owl-controls .owl-next:hover i {
                    color: #fff;
                }
}

.nav-control-middle .owl-controls i {
    color: #fff;
    display: block;
    line-height: 36px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.nav-control-middle .owl-controls .owl-nav {
    margin-top: 0;
}

    .nav-control-middle .owl-controls .owl-nav > div {
        border: 1px solid #155344;
        background: #155344;
        opacity: 1;
        font-size: 18px;
        margin: 0 4px;
        height: 46px;
        width: 46px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        position: absolute;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

.nav-control-middle .owl-controls .owl-prev {
    left: -45px;
}

@media only screen and (max-width: 1199px) {
    .nav-control-middle .owl-controls .owl-prev {
        left: -20px;
    }
}

@media only screen and (max-width: 991px) {
    .nav-control-middle .owl-controls .owl-prev {
        left: -4px;
    }
}

@media only screen and (max-width: 767px) {
    .nav-control-middle .owl-controls .owl-prev {
        left: -15px;
    }
}

.nav-control-middle .owl-controls .owl-prev:hover {
    background: transparent;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .nav-control-middle .owl-controls .owl-prev:hover i {
        color: #155344;
    }

.nav-control-middle .owl-controls .owl-next {
    right: -45px;
}

@media only screen and (max-width: 1199px) {
    .nav-control-middle .owl-controls .owl-next {
        right: -20px;
    }
}

@media only screen and (max-width: 991px) {
    .nav-control-middle .owl-controls .owl-next {
        right: -4px;
    }
}

@media only screen and (max-width: 767px) {
    .nav-control-middle .owl-controls .owl-next {
        right: -15px;
    }
}

.nav-control-middle .owl-controls .owl-next:hover {
    background: transparent;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .nav-control-middle .owl-controls .owl-next:hover i {
        color: #155344;
    }

.nav-control-middle-ghost .owl-controls i {
    color: #9f9f9f;
    display: block;
    line-height: 36px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.nav-control-middle-ghost .owl-controls .owl-nav {
    margin-top: 0;
}

    .nav-control-middle-ghost .owl-controls .owl-nav > div {
        border: 1px solid #9f9f9f;
        background: transparent;
        opacity: 1;
        font-size: 18px;
        margin: 0 4px;
        height: 45px;
        width: 45px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        position: absolute;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

.nav-control-middle-ghost .owl-controls .owl-prev {
    left: -15px;
}

    .nav-control-middle-ghost .owl-controls .owl-prev:hover {
        border: 1px solid #155344;
        background: #155344;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

        .nav-control-middle-ghost .owl-controls .owl-prev:hover i {
            color: #fff;
        }

.nav-control-middle-ghost .owl-controls .owl-next {
    right: -15px;
}

    .nav-control-middle-ghost .owl-controls .owl-next:hover {
        border: 1px solid #155344;
        background: #155344;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

        .nav-control-middle-ghost .owl-controls .owl-next:hover i {
            color: #fff;
        }

.nav-control-middle-textprimary .owl-controls i {
    color: #155344;
    display: block;
    line-height: 36px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.nav-control-middle-textprimary .owl-controls .owl-nav {
    margin-top: 0;
}

    .nav-control-middle-textprimary .owl-controls .owl-nav > div {
        border: 1px solid #fff;
        background: #fff;
        opacity: 1;
        font-size: 18px;
        margin: 0 4px;
        height: 45px;
        width: 45px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        position: absolute;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

.nav-control-middle-textprimary .owl-controls .owl-prev {
    left: -15px;
}

    .nav-control-middle-textprimary .owl-controls .owl-prev:hover {
        background: transparent;
        border: 1px solid #fff;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

        .nav-control-middle-textprimary .owl-controls .owl-prev:hover i {
            color: #fff;
        }

.nav-control-middle-textprimary .owl-controls .owl-next {
    right: -15px;
}

    .nav-control-middle-textprimary .owl-controls .owl-next:hover {
        background: transparent;
        border: 1px solid #fff;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

        .nav-control-middle-textprimary .owl-controls .owl-next:hover i {
            color: #fff;
        }

.dot-control .owl-controls {
    margin-top: 30px;
}

    .dot-control .owl-controls .owl-dots .owl-dot span {
        margin: 2px 7px;
        height: 15px;
        width: 15px;
        background: transparent;
        border: 1px solid #155344;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .dot-control .owl-controls .owl-dots .active span {
        background: #155344;
    }

.dot-control .owl-nav {
    margin-top: 0;
}

.dot-control-light .owl-controls {
    margin-top: 30px;
}

    .dot-control-light .owl-controls .owl-dots .owl-dot span {
        margin: 2px 7px;
        height: 15px;
        width: 15px;
        background: transparent;
        border: 1px solid #fff;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .dot-control-light .owl-controls .owl-dots .active span {
        background: #fff;
    }

.dot-control-light .owl-nav {
    margin-top: 0;
}

.elv-arrow {
    background-color: transparent;
    color: #155344;
    border: 1px solid #155344;
    text-align: center;
    opacity: 1;
    font-size: 20px;
    height: 45px;
    width: 45px;
    line-height: 43px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .elv-arrow:hover {
        background-color: #155344;
        color: #fff;
    }

.elv-prev {
    position: absolute;
    left: 0;
    top: 30%;
    -webkit-transform: translateY(-30%);
    -moz-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    -o-transform: translateY(-30%);
    transform: translateY(-30%);
    z-index: 7;
}

.elv-next {
    position: absolute;
    right: 0;
    top: 30%;
    -webkit-transform: translateY(-30%);
    -moz-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    -o-transform: translateY(-30%);
    transform: translateY(-30%);
    z-index: 7;
}

.select2-container .select2-selection--single {
    height: 50px;
}

.select2-container--classic .select2-selection--single {
    background-color: transparent;
    background-image: none;
    border-radius: 45px;
    border: 1px solid rgba(255, 255, 255, 0.4);
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 15px;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
    color: #cecece;
    font-size: 14px;
    text-align: left;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    top: 7px;
    background-color: transparent;
    background-image: none;
    border-style: none;
    right: 5px;
}

.select2-container--classic .select2-dropdown {
    border: 1px solid #155344 !important;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #155344;
    color: #fff;
    font-weight: 600;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid rgba(255, 255, 255, 0.4);
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid rgba(255, 255, 255, 0.4);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    background: transparent;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    background: transparent;
}

.select2-results__options {
    padding: 0 10px;
}

#scrollUp {
    background-color: rgba(0, 191, 165, 0.3);
    bottom: 5px;
    color: #fff;
    display: block;
    font-size: 18px;
    height: 44px;
    line-height: 40px;
    position: fixed;
    right: 20px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    width: 44px;
    z-index: 99999;
    border: 2px solid #155344;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

    #scrollUp i {
        color: #155344;
    }

    #scrollUp:hover,
    #scrollUp:focus {
        background-color: #155344;
    }

        #scrollUp:hover i,
        #scrollUp:focus i {
            color: #fff;
        }

#preloader {
    background: #fffffb url("img/preloader.gif") no-repeat scroll center center;
    height: 100%;
    left: 0;
    overflow: visible;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999;
}

#scrollUp {
    animation: blinker 10s linear infinite;
}

@keyframes blinker {
    90% {
        opacity: 0;
    }
}

.style-switch {
    top: 45px;
    background-color: #b2dfdb;
}

    .style-switch ul .active a {
        color: #155344;
    }

    .style-switch .switch-button {
        right: -45px;
        background-color: #155344;
        color: #fff;
    }

.skew-section {
    left: 0;
    overflow: hidden;
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: absolute;
    width: 100%;
    height: 100px;
    z-index: 7;
    -ms-transform: skewY(-3deg);
    -webkit-transform: skewY(-3deg);
    transform: skewY(-3deg);
    background: #fff;
    bottom: -50px;
}

.full-width-section-layout1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: relative;
}

@media only screen and (max-width: 991px) {
    .full-width-section-layout1 {
        display: inherit;
    }
}

.full-width-section-layout1 .item-content-wrapper {
    width: 50%;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .full-width-section-layout1 .item-content-wrapper {
        width: 40%;
    }
}

@media only screen and (max-width: 991px) {
    .full-width-section-layout1 .item-content-wrapper {
        width: 100%;
        padding: 86px 0 105px;
    }
}

@media only screen and (max-width: 767px) {
    .full-width-section-layout1 .item-content-wrapper {
        padding: 76px 0 95px;
    }
}

@media only screen and (max-width: 479px) {
    .full-width-section-layout1 .item-content-wrapper {
        padding: 66px 0 85px;
    }
}

@media only screen and (max-width: 320px) {
    .full-width-section-layout1 .item-content-wrapper {
        padding: 56px 0 75px;
    }
}

.full-width-section-layout1 .item-img-wrapper {
    position: relative;
    width: 50%;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .full-width-section-layout1 .item-img-wrapper {
        width: 60%;
    }
}

@media only screen and (max-width: 991px) {
    .full-width-section-layout1 .item-img-wrapper {
        width: 100%;
    }
}

.full-width-section-layout1 .item-img-wrapper img {
    width: 100%;
}

.full-width-section-layout1 .container {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

@media only screen and (max-width: 991px) {
    .full-width-section-layout1 .container {
        position: inherit;
    }
}

.full-width-section-layout2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: relative;
}

@media only screen and (max-width: 1199px) {
    .full-width-section-layout2 {
        display: inherit;
    }
}

.full-width-section-layout2 .item-content-wrapper {
    width: 50%;
}

@media only screen and (max-width: 1199px) {
    .full-width-section-layout2 .item-content-wrapper {
        width: 100%;
        padding: 86px 0 105px;
    }
}

@media only screen and (max-width: 767px) {
    .full-width-section-layout2 .item-content-wrapper {
        padding: 76px 0 95px;
    }
}

@media only screen and (max-width: 479px) {
    .full-width-section-layout2 .item-content-wrapper {
        padding: 66px 0 85px;
    }
}

@media only screen and (max-width: 320px) {
    .full-width-section-layout2 .item-content-wrapper {
        padding: 56px 0 75px;
    }
}

.full-width-section-layout2 .item-img-wrapper {
    position: relative;
    width: 50%;
}

@media only screen and (max-width: 1199px) {
    .full-width-section-layout2 .item-img-wrapper {
        width: 100%;
    }
}

.full-width-section-layout2 .item-img-wrapper img {
    width: 100%;
}

.full-width-section-layout2 .container {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

@media only screen and (max-width: 1199px) {
    .full-width-section-layout2 .container {
        position: inherit;
    }
}

.border-bottom-dark {
    position: relative;
}

    .border-bottom-dark:before {
        height: 1px;
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        content: "";
        z-index: 10;
        background: #d5d5d5;
    }

.bg-body {
    background-color: #fff;
}

.primary-bg {
    background: #155344;
}

.bg-accent {
    background: #f8f8f8;
}

.item-bg-accent .single-item {
    background: #f8f8f8;
}

.bg-dark {
    background: #222;
}

.bg-light {
    background: #fff;
}

.bg-light-before {
    position: relative;
}

    .bg-light-before:before {
        content: "";
        background: #fff;
        position: absolute;
        height: 100%;
        width: 100%;
    }

.hvr-shutter-in-horizontal {
    background: #155344;
}

.overlay-default {
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

    .overlay-default:before {
        content: "";
        background-color: rgba(0, 0, 0, 0.6);
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

.overlay-zindex1 {
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

    .overlay-zindex1:before {
        content: "";
        background-color: rgba(0, 0, 0, 0.6);
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1;
    }

.overlay-primary {
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

    .overlay-primary:before {
        content: "";
        background-color: rgba(0, 191, 165, 0.9);
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

.overlay-default-z-index {
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

    .overlay-default-z-index:before {
        content: "";
        background-color: rgba(0, 0, 0, 0.6);
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

    .overlay-default-z-index > div {
        position: relative;
        z-index: 2;
    }

.overlay-default-deep {
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

    .overlay-default-deep:before {
        content: "";
        background-color: rgba(0, 0, 0, 0.8);
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

.slider-overlay {
    position: relative;
}

    .slider-overlay:before {
        content: "";
        background-color: rgba(0, 0, 0, 0.6);
        height: 100%;
        width: 100%;
        position: absolute;
        z-index: 6;
        top: 0;
        left: 0;
        right: 0;
    }

.section-title-dark {
    text-transform: capitalize;
    text-align: center;
    color: #222;
    font-size: 32px;
}

    .section-title-dark span {
        color: #155344;
    }

.section-md-title-dark h2 {
    text-transform: none;
    color: #222;
    margin: 0 auto 50px;
    line-height: 1.3;
    width: 80%;
    text-align: center;
}

@media only screen and (max-width: 1199px) {
    .section-md-title-dark h2 {
        width: 100%;
    }
}

.section-lg-title-light {
    text-transform: capitalize;
    text-align: center;
    color: #fff;
    margin: 0 auto 10px;
    line-height: 1.5;
    font-size: 48px;
}

    .section-lg-title-light span {
        color: #155344;
    }

.section-sub-title-dark {
    margin: 0 auto;
    text-align: center;
    width: 65%;
    margin-bottom: 60px;
}

.section-title-light {
    font-size: 32px;
    color: #fff;
    text-transform: capitalize;
    text-align: center;
}

.section-sub-title-light {
    color: #fff;
    margin: 0 auto;
    text-align: center;
    width: 65%;
    margin-bottom: 60px;
}

h1.title-dark-big {
    color: #222;
    line-height: 1.4;
    margin-bottom: 30px;
    text-transform: capitalize;
}

    h1.title-dark-big span {
        color: #155344;
    }

h1.title-light-big {
    color: #fff;
    line-height: 1.4;
    margin-bottom: 30px;
    text-transform: capitalize;
}

    h1.title-light-big span {
        color: #155344;
    }

.inner-title-dark h2 {
    margin-top: 5px;
    font-size: 36px;
    color: #222;
    line-height: 1.5;
    margin-bottom: 25px;
}

    .inner-title-dark h2 span {
        color: #155344;
    }

.inner-title-dark h3 {
    font-size: 30px;
    color: #222;
    line-height: 1.5;
    margin-bottom: 25px;
}

    .inner-title-dark h3 span {
        color: #155344;
    }

.inner-md-title-dark h2 {
    color: #222;
    line-height: 1.5;
    margin-bottom: 25px;
}

.inner-md-title-dark h3 {
    color: #222;
    line-height: 1.2;
    margin-bottom: 30px;
}

.inner-title-light h2 {
    font-size: 36px;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 25px;
}

    .inner-title-light h2 span {
        color: #155344;
    }

.inner-sub-title-light {
    color: #fff;
}

    .inner-sub-title-light p {
        color: #fff;
    }

.inner-designation-primary h3 {
    color: #155344;
    font-size: 16px;
    margin-bottom: 25px;
}

.get-quote-sub-title {
    font-size: 24px;
    margin: 10px 0 0 0;
    color: #fff;
}

.title-sidebar {
    font-size: 24px;
    color: #222;
    text-transform: capitalize;
    margin-bottom: 45px;
}

.banner-para-light {
    color: #e3e3e3;
    width: 70%;
    margin: 0 auto;
    margin-bottom: 60px;
    font-weight: 600;
}

.inner-title-bold h2 {
    font-size: 48px;
    text-transform: capitalize;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 5px;
    color: #222;
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.align-items-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.align-items-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.align-items-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.align-self-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.align-self-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.align-self-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
}

.d-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

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

.header-area .stick {
    background-color: rgba(34, 34, 34, 0.9);
    border-bottom: 2px solid #155344;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

    .header-area .stick nav ul li a {
        padding: 20px 15px;
    }

@media (min-width: 992px) and (max-width: 1199px) {
    .header-area .stick nav ul li a {
        padding: 20px 9px;
    }
}

.header-area .stick nav ul li ul li a {
    padding: 10px 10px 10px 15px;
}

.header-area .stick .cart-area > ul {
    top: 100%;
}

.header-area .stick .cart-trigger-icon {
    line-height: 62px;
}

    .header-area .stick .cart-trigger-icon span {
        top: 10px;
    }

.header-fixed {
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    z-index: 100;
    position: fixed;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.header-top-bar .header-address-textprimary {
    padding: 8px 0;
}

    .header-top-bar .header-address-textprimary ul li {
        display: inline-block;
        color: #d9d9d9;
        margin-right: 30px;
        font-size: 14px;
    }

        .header-top-bar .header-address-textprimary ul li i {
            font-size: 18px;
            color: #155344;
            margin-right: 10px;
        }

        .header-top-bar .header-address-textprimary ul li:last-child {
            margin-right: 0;
        }

.header-top-bar .header-address-primarytext {
    padding: 8px 0;
}

    .header-top-bar .header-address-primarytext ul li {
        display: inline-block;
        color: #222;
        margin-right: 30px;
        font-size: 14px;
    }

        .header-top-bar .header-address-primarytext ul li i {
            font-size: 18px;
            color: #155344;
            margin-right: 10px;
        }

        .header-top-bar .header-address-primarytext ul li:last-child {
            margin-right: 0;
        }

.header-top-bar .header-social-textprimary ul {
    text-align: right;
}

    .header-top-bar .header-social-textprimary ul li {
        margin-right: 5px;
        display: inline-block;
        color: #fff;
    }

        .header-top-bar .header-social-textprimary ul li a {
            display: block;
            padding: 10px 12px 6px;
        }

            .header-top-bar .header-social-textprimary ul li a i {
                font-size: 18px;
                color: #fff;
                -webkit-transition: all 0.5s ease-out;
                -moz-transition: all 0.5s ease-out;
                -ms-transition: all 0.5s ease-out;
                -o-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
            }

            .header-top-bar .header-social-textprimary ul li a:hover i {
                color: #155344;
            }

        .header-top-bar .header-social-textprimary ul li:last-child {
            margin-right: 0;
        }

            .header-top-bar .header-social-textprimary ul li:last-child a {
                padding: 10px 0 6px 12px;
            }

.header-top-bar .header-social-primarytext ul {
    text-align: right;
}

    .header-top-bar .header-social-primarytext ul li {
        margin-right: 5px;
        display: inline-block;
        color: #222;
    }

        .header-top-bar .header-social-primarytext ul li a {
            display: block;
            padding: 10px 12px 6px;
        }

            .header-top-bar .header-social-primarytext ul li a i {
                font-size: 18px;
                color: #222;
                -webkit-transition: all 0.5s ease-out;
                -moz-transition: all 0.5s ease-out;
                -ms-transition: all 0.5s ease-out;
                -o-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
            }

            .header-top-bar .header-social-primarytext ul li a:hover i {
                color: #155344;
            }

        .header-top-bar .header-social-primarytext ul li:last-child {
            margin-right: 0;
        }

            .header-top-bar .header-social-primarytext ul li:last-child a {
                padding: 10px 0 6px 12px;
            }

.header-top-bar .header-top-bar-bottom {
    padding: 25px 0;
    border-bottom: 1px solid #d5d5d5;
}

    .header-top-bar .header-top-bar-bottom .schedule-info li {
        padding-left: 30px;
        position: relative;
        text-align: left;
        margin-right: 30px;
        display: inline-block;
    }

        .header-top-bar .header-top-bar-bottom .schedule-info li i {
            font-size: 22px;
            position: absolute;
            left: 0;
            top: 3px;
            margin-right: 15px;
            color: #155344;
        }

        .header-top-bar .header-top-bar-bottom .schedule-info li p {
            font-size: 14px;
            margin-bottom: 0;
        }

        .header-top-bar .header-top-bar-bottom .schedule-info li span {
            color: #222;
            font-size: 18px;
            margin-bottom: 0;
            font-weight: 500;
            font-family: "Rubik", sans-serif;
        }

.logo-light {
    color: #fff;
    font-weight: 500;
    font-size: 30px;
    font-family: "Rubik", sans-serif;
    line-height: 1.2;
}

    .logo-light span {
        display: inline-block;
        text-align: center;
        color: #fff;
        width: 50px;
        height: 35px;
        background: #155344;
        position: relative;
        -webkit-text-shadow: 4px 3px 0 #00796b;
        -moz-text-shadow: 4px 3px 0 #00796b;
        text-shadow: 4px 3px 0 #00796b;
    }

        .logo-light span:before {
            content: "";
            position: absolute;
            top: -12px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 25px solid transparent;
            border-right: 25px solid transparent;
            border-bottom: 12px solid #155344;
        }

        .logo-light span:after {
            content: "";
            position: absolute;
            bottom: -12px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 25px solid transparent;
            border-right: 25px solid transparent;
            border-top: 12px solid #155344;
        }

    .logo-light:hover {
        color: #fff;
    }

.logo-dark {
    color: #222;
    font-weight: 500;
    font-size: 30px;
    font-family: "Rubik", sans-serif;
    line-height: 1.2;
}

    .logo-dark span {
        display: inline-block;
        text-align: center;
        color: #fff;
        width: 50px;
        height: 35px;
        background: #155344;
        position: relative;
        -webkit-text-shadow: 4px 3px 0 #00796b;
        -moz-text-shadow: 4px 3px 0 #00796b;
        text-shadow: 4px 3px 0 #00796b;
    }

        .logo-dark span:before {
            content: "";
            position: absolute;
            top: -12px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 25px solid transparent;
            border-right: 25px solid transparent;
            border-bottom: 12px solid #155344;
        }

        .logo-dark span:after {
            content: "";
            position: absolute;
            bottom: -12px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 25px solid transparent;
            border-right: 25px solid transparent;
            border-top: 12px solid #155344;
        }

    .logo-dark:hover {
        color: #222;
    }

.logo-mobile {
    color: #222;
    font-weight: 500;
    font-size: 20px;
    font-family: "Rubik", sans-serif;
    line-height: 1.2;
}

    .logo-mobile span {
        display: inline-block;
        text-align: center;
        color: #fff;
        width: 30px;
        height: 25px;
        background: #155344;
        position: relative;
        -webkit-text-shadow: 4px 3px 0 #00796b;
        -moz-text-shadow: 4px 3px 0 #00796b;
        text-shadow: 4px 3px 0 #00796b;
    }

        .logo-mobile span:before {
            content: "";
            position: absolute;
            top: -6px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 7px solid #155344;
        }

        .logo-mobile span:after {
            content: "";
            position: absolute;
            bottom: -6px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 7px solid #155344;
        }

    .logo-mobile:hover {
        color: #222;
    }

.header-social-round-primarytext ul {
    text-align: center;
}

    .header-social-round-primarytext ul li {
        margin-right: 5px;
        display: inline-block;
        color: #222;
    }

        .header-social-round-primarytext ul li a {
            display: inline-block;
            height: 40px;
            width: 40px;
            border: 1px solid #155344;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            line-height: 38px;
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            -ms-transition: all 0.5s ease-out;
            -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

            .header-social-round-primarytext ul li a i {
                font-size: 15px;
                color: #222;
                -webkit-transition: all 0.5s ease-out;
                -moz-transition: all 0.5s ease-out;
                -ms-transition: all 0.5s ease-out;
                -o-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
            }

            .header-social-round-primarytext ul li a:hover {
                background: #155344;
            }

                .header-social-round-primarytext ul li a:hover i {
                    color: #fff;
                }

        .header-social-round-primarytext ul li:last-child {
            margin-right: 0;
        }

.elv-main-menu {
    text-align: right;
}

    .elv-main-menu nav > ul > li {
        display: inline-block;
        position: relative;
        text-align: left;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .elv-main-menu nav > ul > li > a {
            font-size: 15px;
            padding: 40px 15px;
            display: block;
            text-transform: uppercase;
            text-decoration: none;
            color: #fff;
            font-weight: 600;
            -webkit-transition: all 1s ease-out;
            -moz-transition: all 1s ease-out;
            -ms-transition: all 1s ease-out;
            -o-transition: all 1s ease-out;
            transition: all 1s ease-out;
        }

@media (min-width: 992px) and (max-width: 1199px) {
    .elv-main-menu nav > ul > li > a {
        padding: 40px 9px;
    }
}

.elv-main-menu nav > ul > li > a:hover {
    color: #155344;
}

.elv-main-menu nav > ul > li:hover ul.rt-dropdown-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}

.elv-main-menu nav > ul > li ul.rt-dropdown-menu {
    background: #155344;
    box-shadow: none;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    opacity: 0;
    margin: 0;
    min-width: 240px;
    padding: 0;
    top: 100%;
    position: absolute;
    visibility: hidden;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 9999;
}

    .elv-main-menu nav > ul > li ul.rt-dropdown-menu li {
        display: block;
        border-bottom: 1px solid #00796b;
        position: relative;
    }

        .elv-main-menu nav > ul > li ul.rt-dropdown-menu li a {
            font-size: 16px;
            display: block;
            color: #fff;
            padding: 10px 10px 10px 15px;
            text-transform: capitalize;
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            -ms-transition: all 0.5s ease-out;
            -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

            .elv-main-menu nav > ul > li ul.rt-dropdown-menu li a:hover,
            .elv-main-menu nav > ul > li ul.rt-dropdown-menu li a:focus {
                background: #00796b;
            }

        .elv-main-menu nav > ul > li ul.rt-dropdown-menu li:last-child {
            border-bottom: 0;
        }

.elv-main-menu nav > ul li.menu-justify {
    position: static;
}

    .elv-main-menu nav > ul li.menu-justify .rt-dropdown-mega {
        opacity: 0;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 9999;
        visibility: hidden;
        transform-origin: 0 0;
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .elv-main-menu nav > ul li.menu-justify .rt-dropdown-mega .rt-dropdown-inner {
            background: #155344;
            padding: 15px;
        }

            .elv-main-menu nav > ul li.menu-justify .rt-dropdown-mega .rt-dropdown-inner .menu-layout-title {
                font-weight: 600;
                font-size: 18px;
                color: #fff;
                margin-bottom: 5px;
                text-transform: uppercase;
            }

            .elv-main-menu nav > ul li.menu-justify .rt-dropdown-mega .rt-dropdown-inner ul.rt-mega-items li {
                border-bottom: 1px solid #00796b;
                display: block;
                position: relative;
            }

                .elv-main-menu nav > ul li.menu-justify .rt-dropdown-mega .rt-dropdown-inner ul.rt-mega-items li a {
                    font-size: 16px;
                    display: block;
                    color: #fff;
                    padding: 8px 0;
                    text-transform: capitalize;
                    -webkit-transition: all 0.3s ease-out;
                    -moz-transition: all 0.3s ease-out;
                    -ms-transition: all 0.3s ease-out;
                    -o-transition: all 0.3s ease-out;
                    transition: all 0.3s ease-out;
                }

                    .elv-main-menu nav > ul li.menu-justify .rt-dropdown-mega .rt-dropdown-inner ul.rt-mega-items li a:hover {
                        background: #00796b;
                        padding-left: 10px;
                    }

                .elv-main-menu nav > ul li.menu-justify .rt-dropdown-mega .rt-dropdown-inner ul.rt-mega-items li:last-child {
                    border-bottom: 0;
                }

    .elv-main-menu nav > ul li.menu-justify:hover .rt-dropdown-mega {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }

.elv-main-menu nav > ul > .current > a {
    color: #0a8c6c !important;
}

.elv-main-menu nav > ul > .current ul .current > a {
    background: #00796b;
    padding-left: 10px !important;
}

.possition-static {
    position: static;
}

.rt-dropdown-mega-custom {
    left: -49.1% !important;
}

.rt-dropdown-mega-custom2 {
    left: -49.4% !important;
}

ul.temp-main-nav > li {
    float: left;
}

.header-style-one .header-top-bar {
    padding-top: 70px;
}

.header-style-one .logo-area {
    text-align: center;
}

    .header-style-one .logo-area img {
        margin: 0 auto;
    }

.header-style-two {
    position: inherit;
}

    .header-style-two .main-menu-area nav ul li a {
        padding: 30px 15px;
    }

@media (min-width: 992px) and (max-width: 1199px) {
    .header-style-two .main-menu-area nav ul li a {
        padding: 30px 9px;
    }
}

.header-style-two .main-menu-area nav ul li ul li a {
    padding: 10px 10px 10px 15px;
}

#header-two .stick {
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    z-index: 100;
    position: fixed;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    border-bottom: 2px solid #155344;
    background: rgba(34, 34, 34, 0.9);
}

    #header-two .stick nav ul li a {
        padding: 20px 15px;
    }

@media (min-width: 992px) and (max-width: 1199px) {
    #header-two .stick nav ul li a {
        padding: 20px 9px;
    }
}

#header-two .stick nav ul li ul li a {
    padding: 10px 10px 10px 15px;
}

.header-style-three .main-menu-area nav ul li a {
    padding: 25px 15px;
    color: #222;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .header-style-three .main-menu-area nav ul li a {
        padding: 25px 9px;
    }
}

.header-style-three .main-menu-area nav ul li ul li a {
    padding: 10px 10px 10px 15px;
    color: #fff;
}

.header-style-three .main-menu-area .show-on-stick {
    display: none;
}

.header-style-three .stick {
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    z-index: 100;
    position: fixed;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    border-bottom: 2px solid #155344;
    background: rgba(255, 255, 255, 0.9);
}

    .header-style-three .stick nav ul li a {
        padding: 20px 15px;
        color: #222;
    }

@media (min-width: 992px) and (max-width: 1199px) {
    .header-style-three .stick nav ul li a {
        padding: 20px 9px;
    }
}

.header-style-three .stick nav ul li ul li a {
    color: #fff;
}

.header-style-three .stick .show-on-stick {
    display: block;
}

.header-style-three .stick .header-search .search-input {
    top: 66px;
}

.header-style-four .main-menu-area nav ul li a {
    padding: 25px 15px;
    color: #222;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .header-style-four .main-menu-area nav ul li a {
        padding: 25px 9px;
    }
}

.header-style-four .main-menu-area nav ul li ul li a {
    padding: 10px 10px 10px 15px;
    color: #fff;
}

.header-style-four .logo-area img {
    margin: 0 auto;
}

.header-style-four .stick {
    border-bottom: 2px solid #155344;
    background: rgba(255, 255, 255, 0.9);
}

    .header-style-four .stick nav ul li a {
        padding: 20px 15px;
        color: #222;
    }

@media (min-width: 992px) and (max-width: 1199px) {
    .header-style-four .stick nav ul li a {
        padding: 20px 9px;
    }
}

.header-style-four .stick nav ul li ul li a {
    padding: 10px 10px 10px 15px;
    color: #fff;
}

.header-style-four .stick .header-search .search-input {
    top: 66px;
}

.header-style-five .main-menu-area nav ul li a:hover {
    color: #155344;
}

.header-style-five .main-menu-area nav ul li > ul {
    background: #fff;
}

    .header-style-five .main-menu-area nav ul li > ul li a {
        color: #222;
    }

    .header-style-five .main-menu-area nav ul li > ul li:hover a {
        color: #fff;
    }

.header-style-five .main-menu-area .rt-dropdown-mega .rt-dropdown-inner h3 {
    color: #222 !important;
}

.header-style-five .main-menu-area .rt-dropdown-mega .rt-dropdown-inner {
    background: #fff !important;
}

.header-style-five .main-menu-area ul.rt-mega-items li a {
    color: #222 !important;
}

.header-style-five .main-menu-area ul.rt-mega-items li:hover a {
    color: #fff !important;
}

.nav-top-right {
    text-align: right;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

    .nav-top-right > li {
        margin-right: 10px;
        display: inline-block;
    }

        .nav-top-right > li:last-child {
            margin-right: 0;
            padding-right: 0;
        }

        .nav-top-right > li i:before {
            margin-left: 0;
        }

.element-border-right > li {
    padding-right: 10px;
    border-right: 1px solid #7a7a7a;
}

    .element-border-right > li:last-child {
        padding-right: 0;
        border-right: 0;
    }

.header-search {
    position: relative;
    line-height: 0;
}

    .header-search .search-input {
        position: absolute;
        top: 50px;
        right: 15px;
        z-index: 10;
        height: 60px;
        width: 800px;
        background: rgba(0, 191, 165, 0.5);
        border: 1px solid #155344;
        padding: 5px 30px 8px;
        color: #fff;
        -webkit-border-radius: 45px;
        -moz-border-radius: 45px;
        -ms-border-radius: 45px;
        -o-border-radius: 45px;
        border-radius: 45px;
        display: none;
    }

    .header-search input.search-input:focus {
        outline-width: 0;
        outline: 0;
    }

    .header-search input::-webkit-input-placeholder,
    .header-search textarea::-webkit-input-placeholder {
        color: #fff;
    }

    .header-search input::-moz-placeholder,
    .header-search textarea::-moz-placeholder {
        color: #fff;
    }

    .header-search input:-moz-placeholder,
    .header-search textarea:-moz-placeholder {
        color: #fff;
    }

    .header-search input:-ms-input-placeholder,
    .header-search textarea:-ms-input-placeholder {
        color: #fff;
    }

.search-position1 .search-input {
    top: 51px;
}

.header-search-light {
    position: relative;
}

    .header-search-light .search-input {
        position: absolute;
        top: 55px;
        right: 15px;
        z-index: 10;
        height: 60px;
        width: 800px;
        background: rgba(255, 255, 255, 0.8);
        border: 1px solid #155344;
        padding: 5px 30px 8px;
        color: #222;
        -webkit-border-radius: 45px;
        -moz-border-radius: 45px;
        -ms-border-radius: 45px;
        -o-border-radius: 45px;
        border-radius: 45px;
        display: none;
    }

    .header-search-light input.search-input:focus {
        outline-width: 0;
        outline: 0;
    }

.header-icon-primary a i {
    font-weight: 500;
    font-size: 20px;
    color: #155344;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .header-icon-primary a i:before {
        margin-left: 0;
        color: #155344;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

.header-icon-primary a:hover i {
    color: #00796b;
}

    .header-icon-primary a:hover i:before {
        color: #00796b;
    }

@media only screen and (min-width: 992px) {
    .header-icon-light a i {
        font-weight: 500;
        font-size: 20px;
        color: #fff;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .header-icon-light a i:before {
            margin-left: 0;
            color: #fff;
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            -ms-transition: all 0.5s ease-out;
            -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

    .header-icon-light a:hover i {
        color: #00796b;
    }

        .header-icon-light a:hover i:before {
            color: #00796b;
        }
}

@media only screen and (max-width: 991px) {
    .header-icon-mobile a i {
        font-weight: 500;
        font-size: 20px;
        color: #9f9f9f;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .header-icon-mobile a i:before {
            margin-left: 0;
            color: #9f9f9f;
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            -ms-transition: all 0.5s ease-out;
            -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

    .header-icon-mobile a:hover i {
        color: #00796b;
    }

        .header-icon-mobile a:hover i:before {
            color: #00796b;
        }
}

.header-icon-dark a i {
    font-weight: 500;
    font-size: 20px;
    color: #222;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .header-icon-dark a i:before {
        margin-left: 0;
        color: #222;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

.header-icon-dark a:hover i {
    color: #00796b;
}

    .header-icon-dark a:hover i:before {
        color: #00796b;
    }

.header-icon-dividercolor a i {
    font-weight: 500;
    font-size: 20px;
    color: #d5d5d5;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .header-icon-dividercolor a i:before {
        margin-left: 0;
        color: #d5d5d5;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

.header-icon-dividercolor a:hover i {
    color: #00796b;
}

    .header-icon-dividercolor a:hover i:before {
        color: #00796b;
    }

#main-nav-wrap {
    text-align: center;
}

nav#main-nav {
    display: inline-block;
    position: relative;
}

    nav#main-nav > ul {
        visibility: hidden;
    }

    nav#main-nav.active {
        visibility: visible;
    }

span.menu-trigger i {
    padding: 8px;
    display: block;
    text-align: center;
    font-size: 20px;
}

.menu-trigger {
    cursor: pointer;
    color: #fff;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .menu-trigger:hover {
        color: #155344;
    }

.cart-area {
    position: relative;
}

    .cart-area:hover .cart-wrapper {
        opacity: 1;
        visibility: visible;
        max-height: 1000px;
        -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);
    }

    .cart-area .cart-trigger-icon {
        line-height: 75px;
        display: block;
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        -ms-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
        transition: all 1s ease-out;
    }

        .cart-area .cart-trigger-icon span {
            background: #155344;
            border-radius: 45px;
            color: #fff;
            height: 20px;
            padding: 0 6px;
            position: absolute;
            top: 20px;
            width: 20px;
            font-size: 12px;
            right: -10px;
            line-height: 20px;
            -webkit-transition: all 1s ease-out;
            -moz-transition: all 1s ease-out;
            -ms-transition: all 1s ease-out;
            -o-transition: all 1s ease-out;
            transition: all 1s ease-out;
        }

    .cart-area .cart-wrapper {
        opacity: 0;
        visibility: hidden;
        max-height: 0;
        overflow: hidden;
        -webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
        -webkit-transform-origin: 50% 0;
        -webkit-transition: 350ms;
        -moz-transition: 350ms;
        -o-transition: 350ms;
        transition: 350ms;
        padding: 15px 15px 0 15px;
        text-align: left;
        background-color: rgba(255, 255, 255, 0.96);
        position: absolute;
        right: 0;
        top: 100%;
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
        width: 418px;
        z-index: 999999;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .cart-area .cart-wrapper > li {
            border-bottom: 1px solid #ddd;
            margin-bottom: 5px;
        }

            .cart-area .cart-wrapper > li .media {
                position: relative;
            }

                .cart-area .cart-wrapper > li .media .cart-product-img {
                    padding-right: 15px;
                }

                    .cart-area .cart-wrapper > li .media .cart-product-img a {
                        display: inline-block;
                    }

                        .cart-area .cart-wrapper > li .media .cart-product-img a img {
                            border: 1px solid #ddd;
                            width: 80px;
                            min-height: 80px;
                            -webkit-transition: all 0.5s ease-out;
                            -moz-transition: all 0.5s ease-out;
                            -ms-transition: all 0.5s ease-out;
                            -o-transition: all 0.5s ease-out;
                            transition: all 0.5s ease-out;
                        }

                .cart-area .cart-wrapper > li .media .cart-content ul li {
                    margin-right: 25px;
                    display: inline-block;
                }

                    .cart-area .cart-wrapper > li .media .cart-content ul li .cart-title-line1 {
                        text-transform: capitalize;
                        font-size: 16px;
                        margin-bottom: 5px;
                        font-weight: 500;
                    }

                        .cart-area .cart-wrapper > li .media .cart-content ul li .cart-title-line1 a {
                            color: #222;
                            -webkit-transition: all 0.5s ease-out;
                            -moz-transition: all 0.5s ease-out;
                            -ms-transition: all 0.5s ease-out;
                            -o-transition: all 0.5s ease-out;
                            transition: all 0.5s ease-out;
                        }

                            .cart-area .cart-wrapper > li .media .cart-content ul li .cart-title-line1 a:hover {
                                color: #155344;
                            }

                    .cart-area .cart-wrapper > li .media .cart-content ul li .cart-title-line2 {
                        font-size: 12px;
                    }

                        .cart-area .cart-wrapper > li .media .cart-content ul li .cart-title-line2 span {
                            color: #000;
                        }

                    .cart-area .cart-wrapper > li .media .cart-content ul li:first-child {
                        width: 140px;
                    }

                    .cart-area .cart-wrapper > li .media .cart-content ul li:last-child {
                        margin-right: 0;
                    }

                .cart-area .cart-wrapper > li .media .cart-content a.trash i:before {
                    color: #000;
                }

                .cart-area .cart-wrapper > li .media .cart-content a.trash:hover i:before {
                    color: #f44336;
                }

            .cart-area .cart-wrapper > li:last-child {
                border-bottom: 0;
            }

            .cart-area .cart-wrapper > li .checkout-btn-area {
                margin: 10px 0;
                text-align: center;
            }

                .cart-area .cart-wrapper > li .checkout-btn-area li {
                    display: inline;
                }

            .cart-area .cart-wrapper > li > span {
                display: inline-block;
                border-top: 1px solid #ddd;
                border-right: 1px solid #ddd;
                font-size: 12px;
                padding-right: 20px;
                text-align: right;
                width: 194px;
            }

                .cart-area .cart-wrapper > li > span span {
                    font-weight: 600;
                    border-left: 1px solid #ddd;
                    width: 194px;
                    display: inline-block;
                    padding-right: 20px;
                }

.offcanvas-menu-area {
    z-index: 30;
    right: 0;
}

    .offcanvas-menu-area .side-menu-trigger {
        display: block;
        height: 20px;
        width: 20px;
    }

        .offcanvas-menu-area .side-menu-trigger a {
            cursor: pointer;
            font-size: 24px;
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            -ms-transition: all 0.5s ease-out;
            -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

    .offcanvas-menu-area .offcanvas-nav-close {
        position: absolute;
        top: 10px;
        left: 10px;
    }

        .offcanvas-menu-area .offcanvas-nav-close a i:before {
            color: #222;
        }

        .offcanvas-menu-area .offcanvas-nav-close:hover a i:before {
            color: #fc0303;
        }

    .offcanvas-menu-area .offcanvas-main-menu {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 999999;
        top: 0;
        right: 0;
        background-color: #f1f1f1;
        overflow-x: hidden;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        padding-top: 30px;
    }

        .offcanvas-menu-area .offcanvas-main-menu .offcanvas-logo-area {
            text-align: center;
        }

        .offcanvas-menu-area .offcanvas-main-menu ul.offcanvas-nav-area {
            margin: 25px 0;
        }

            .offcanvas-menu-area .offcanvas-main-menu ul.offcanvas-nav-area li {
                text-align: center;
                border-bottom: 1px solid #bbb;
            }

                .offcanvas-menu-area .offcanvas-main-menu ul.offcanvas-nav-area li:last-child {
                    border-bottom: 0;
                }

                .offcanvas-menu-area .offcanvas-main-menu ul.offcanvas-nav-area li a {
                    display: block;
                    padding: 10px 45px;
                    color: #222;
                    font-weight: 600;
                    -webkit-transition: all 0.5s ease-out;
                    -moz-transition: all 0.5s ease-out;
                    -ms-transition: all 0.5s ease-out;
                    -o-transition: all 0.5s ease-out;
                    transition: all 0.5s ease-out;
                }

                    .offcanvas-menu-area .offcanvas-main-menu ul.offcanvas-nav-area li a:hover {
                        background: #155344;
                        color: #fff;
                    }

        .offcanvas-menu-area .offcanvas-main-menu .offcanvas-address {
            margin-bottom: 30px;
            text-align: center;
        }

            .offcanvas-menu-area .offcanvas-main-menu .offcanvas-address .address-title {
                margin-bottom: 10px;
            }

            .offcanvas-menu-area .offcanvas-main-menu .offcanvas-address ul {
                margin-left: 15px;
            }

                .offcanvas-menu-area .offcanvas-main-menu .offcanvas-address ul li {
                    margin-bottom: 5px;
                }

                    .offcanvas-menu-area .offcanvas-main-menu .offcanvas-address ul li i {
                        margin-right: 5px;
                        color: #155344;
                    }

        .offcanvas-menu-area .offcanvas-main-menu ul.offcanvas-area-social {
            margin-bottom: 50px;
            text-align: center;
        }

            .offcanvas-menu-area .offcanvas-main-menu ul.offcanvas-area-social li {
                display: inline-block;
                margin-right: 5px;
            }

                .offcanvas-menu-area .offcanvas-main-menu ul.offcanvas-area-social li a {
                    width: 40px;
                    height: 40px;
                    border: 1px solid #155344;
                    display: block;
                    text-align: center;
                    line-height: 37px;
                    background: #155344;
                    -webkit-transition: all 0.3s ease-out;
                    -moz-transition: all 0.3s ease-out;
                    -ms-transition: all 0.3s ease-out;
                    -o-transition: all 0.3s ease-out;
                    transition: all 0.3s ease-out;
                }

                    .offcanvas-menu-area .offcanvas-main-menu ul.offcanvas-area-social li a i {
                        color: #fff;
                        font-size: 14px;
                        -webkit-transition: all 0.3s ease-out;
                        -moz-transition: all 0.3s ease-out;
                        -ms-transition: all 0.3s ease-out;
                        -o-transition: all 0.3s ease-out;
                        transition: all 0.3s ease-out;
                    }

                    .offcanvas-menu-area .offcanvas-main-menu ul.offcanvas-area-social li a:hover {
                        background: transparent;
                        border: 1px solid #bbb;
                    }

                        .offcanvas-menu-area .offcanvas-main-menu ul.offcanvas-area-social li a:hover i {
                            color: #fff;
                        }

                .offcanvas-menu-area .offcanvas-main-menu ul.offcanvas-area-social li:last-child {
                    margin-right: 0;
                }

#wrapper {
    overflow: hidden;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

div#wrapper.open > .offcanvas-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0);
    z-index: 20;
    content: "";
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

#wrapper.open {
    margin-right: 280px;
    position: relative;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.mobile-menu-area {
    display: none;
}

.mean-container .mean-bar {
    float: none;
}

@media only screen and (max-width: 991px) {
    .mean-container .mean-bar a {
        padding: 12px 16px;
        display: inline-block;
    }
}

@media only screen and (max-width: 991px) {
    .mean-container .mean-bar .meanmenu-reveal {
        margin-top: 3px;
    }
}

.mean-container .mean-bar {
    position: fixed !important;
}

    .mean-container .mean-bar:after {
        content: "";
        clear: both;
        display: block;
    }

.mean-container .mean-nav > ul {
    overflow-y: scroll;
}

    .mean-container .mean-nav > ul li a {
        color: #222;
        font-weight: 700;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .mean-container .mean-nav > ul li a:hover {
            color: #155344;
        }

    .mean-container .mean-nav > ul:after {
        content: "";
        display: block;
        clear: both;
    }

.mean-container .mean-bar a.logo-mobile {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.95);
    box-sizing: border-box;
    border-bottom: 1px solid #155344;
    text-align: center;
}

.mean-container .mean-bar,
.mean-container .mean-nav {
    background: transparent;
    padding: 0 !important;
}

.mean-container a.meanmenu-reveal {
    float: none !important;
    position: absolute;
    left: 0 !important;
}

.mean-bar + div #wrapper {
    padding-top: 52px;
}

.mean-container .mean-nav ul li li a {
    color: #222;
    opacity: 1;
}

.mean-container .mean-bar {
    float: none;
    z-index: 99;
}

    .mean-container .mean-bar:after {
        content: "";
        clear: both;
        display: block;
    }

.slider-area {
    position: relative;
}

    .slider-area .nivo-controlNav {
        display: none;
    }

    .slider-area .nivo-directionNav a.nivo-prevNav {
        left: 8px !important;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        border: 1px solid #155344;
        background-color: transparent;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .slider-area .nivo-directionNav a.nivo-prevNav:before {
            content: "\f053";
            font: normal normal normal 14px/1 FontAwesome;
            color: #b2dfdb !important;
            cursor: pointer;
            font-size: 16px;
            margin: 0;
            position: absolute;
            text-align: center;
            top: 18px;
            z-index: 9;
            height: 10px;
            width: 10px;
            left: 19px;
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            -ms-transition: all 0.5s ease-out;
            -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

        .slider-area .nivo-directionNav a.nivo-prevNav:hover {
            background-color: rgba(0, 191, 165, 0.6);
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            -ms-transition: all 0.5s ease-out;
            -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

            .slider-area .nivo-directionNav a.nivo-prevNav:hover:before {
                color: #fff !important;
                background: transparent !important;
                -webkit-transition: all 0.5s ease-out;
                -moz-transition: all 0.5s ease-out;
                -ms-transition: all 0.5s ease-out;
                -o-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
            }

    .slider-area .nivo-directionNav a.nivo-nextNav {
        right: 8px !important;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        border: 1px solid #155344;
        background-color: transparent;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .slider-area .nivo-directionNav a.nivo-nextNav:before {
            content: "\f054";
            font: normal normal normal 14px/1 FontAwesome;
            color: #b2dfdb !important;
            cursor: pointer;
            font-size: 16px;
            margin: 0;
            position: absolute;
            text-align: center;
            top: 18px;
            z-index: 9;
            height: 10px;
            width: 10px;
            right: 19px;
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            -ms-transition: all 0.5s ease-out;
            -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

        .slider-area .nivo-directionNav a.nivo-nextNav:hover {
            background-color: rgba(0, 191, 165, 0.6);
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            -ms-transition: all 0.5s ease-out;
            -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

            .slider-area .nivo-directionNav a.nivo-nextNav:hover:before {
                color: #fff !important;
                background: transparent !important;
                -webkit-transition: all 0.5s ease-out;
                -moz-transition: all 0.5s ease-out;
                -ms-transition: all 0.5s ease-out;
                -o-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
            }

    .slider-area .nivo-caption {
        opacity: 1;
        top: 0;
    }

    .slider-area .slide-1 .top-title3,
    .slider-area .slide-2 .top-title3,
    .slider-area .slide-3 .top-title3 {
        letter-spacing: 5px;
        font-family: "Rubik", sans-serif;
        font-size: 30px;
        font-style: italic;
        color: #fff;
        text-transform: capitalize;
        margin-bottom: 20px;
    }

    .slider-area .slide-1 .top-title2,
    .slider-area .slide-2 .top-title2,
    .slider-area .slide-3 .top-title2 {
        font-family: "Rubik", sans-serif;
        font-size: 24px;
        letter-spacing: 20px;
        color: #fff;
        text-transform: capitalize;
        margin-bottom: 10px;
        margin-left: 20px;
    }

    .slider-area .slide-1 .top-title,
    .slider-area .slide-2 .top-title,
    .slider-area .slide-3 .top-title {
        font-size: 40px;
        font-weight: 500;
        text-transform: capitalize;
        color: #fff;
        margin-bottom: 20px;
    }

    .slider-area .slide-1 p.slider-big-text,
    .slider-area .slide-2 p.slider-big-text,
    .slider-area .slide-3 p.slider-big-text {
        line-height: 1.2;
        font-size: 56px;
        text-transform: capitalize;
        margin-bottom: 10px;
        font-weight: 500;
    }

        .slider-area .slide-1 p.slider-big-text span,
        .slider-area .slide-2 p.slider-big-text span,
        .slider-area .slide-3 p.slider-big-text span {
            color: #155344;
        }

    .slider-area .slide-1 p.slider-sub-text,
    .slider-area .slide-2 p.slider-sub-text,
    .slider-area .slide-3 p.slider-sub-text {
        letter-spacing: 1px;
        margin-bottom: 50px;
        line-height: 1.7;
        font-size: 20px;
        font-weight: 600;
    }

    .slider-area .slide-1 .title-light p.slider-big-text,
    .slider-area .slide-2 .title-light p.slider-big-text,
    .slider-area .slide-3 .title-light p.slider-big-text {
        color: #fff !important;
    }

    .slider-area .slide-1 .title-light p.slider-sub-text,
    .slider-area .slide-2 .title-light p.slider-sub-text,
    .slider-area .slide-3 .title-light p.slider-sub-text {
        color: #fff;
    }

    .slider-area .slide-1 .title-dark p.slider-big-text,
    .slider-area .slide-2 .title-dark p.slider-big-text,
    .slider-area .slide-3 .title-dark p.slider-big-text {
        color: #222 !important;
    }

    .slider-area .slide-1 .title-dark p.slider-sub-text,
    .slider-area .slide-2 .title-dark p.slider-sub-text,
    .slider-area .slide-3 .title-dark p.slider-sub-text {
        color: #222;
    }

    .slider-area .slide-1 .para-padding-right,
    .slider-area .slide-2 .para-padding-right,
    .slider-area .slide-3 .para-padding-right {
        padding-right: 50%;
    }

    .slider-area .slide-1 .para-padding-left,
    .slider-area .slide-2 .para-padding-left,
    .slider-area .slide-3 .para-padding-left {
        padding-left: 50%;
    }

    .slider-area .slide-1 .para-width-compress p.slider-sub-text,
    .slider-area .slide-2 .para-width-compress p.slider-sub-text,
    .slider-area .slide-3 .para-width-compress p.slider-sub-text {
        width: 54%;
        margin: 0 auto 40px;
    }

    .slider-area .slider-big-text {
        font-family: "Rubik", sans-serif;
    }

    .slider-area .slide-1 .top-title {
        -webkit-animation: bounceInUp 1000ms ease-in-out;
        -moz-animation: bounceInUp 1000ms ease-in-out;
        -ms-animation: bounceInUp 1000ms ease-in-out;
        animation: bounceInUp 1000ms ease-in-out;
    }

    .slider-area .slide-1 .top-title2 {
        -webkit-animation: zoomIn 1500ms ease-in-out;
        -moz-animation: zoomIn 1500ms ease-in-out;
        -ms-animation: zoomIn 1500ms ease-in-out;
        animation: zoomIn 1500ms ease-in-out;
    }

    .slider-area .slide-1 .top-title3 {
        -webkit-animation: fadeInLeft 1500ms ease-in-out;
        -moz-animation: fadeInLeft 1500ms ease-in-out;
        -ms-animation: fadeInLeft 1500ms ease-in-out;
        animation: fadeInLeft 1500ms ease-in-out;
    }

    .slider-area .slide-1 p.slider-big-text {
        -webkit-animation: fadeInRight 1000ms ease-in-out;
        -moz-animation: fadeInRight 1000ms ease-in-out;
        -ms-animation: fadeInRight 1000ms ease-in-out;
        animation: fadeInRight 1000ms ease-in-out;
    }

    .slider-area .slide-1 p.slider-sub-text {
        -webkit-animation: fadeInRight 1500ms ease-in-out;
        -moz-animation: fadeInRight 1500ms ease-in-out;
        -ms-animation: fadeInRight 1500ms ease-in-out;
        animation: fadeInRight 1500ms ease-in-out;
    }

    .slider-area .slide-1 .slider-btn-area {
        -webkit-animation: fadeInRight 2000ms ease-in-out;
        -moz-animation: fadeInRight 2000ms ease-in-out;
        -ms-animation: fadeInRight 2000ms ease-in-out;
        animation: fadeInRight 2000ms ease-in-out;
    }

    .slider-area .slide-2 .top-title {
        -webkit-animation: bounceInUp 1000ms ease-in-out;
        -moz-animation: bounceInUp 1000ms ease-in-out;
        -ms-animation: bounceInUp 1000ms ease-in-out;
        animation: bounceInUp 1000ms ease-in-out;
    }

    .slider-area .slide-2 .top-title2 {
        -webkit-animation: zoomIn 1500ms ease-in-out;
        -moz-animation: zoomIn 1500ms ease-in-out;
        -ms-animation: zoomIn 1500ms ease-in-out;
        animation: zoomIn 1500ms ease-in-out;
    }

    .slider-area .slide-2 .top-title3 {
        -webkit-animation: fadeInRight 1500ms ease-in-out;
        -moz-animation: fadeInRight 1500ms ease-in-out;
        -ms-animation: fadeInRight 1500ms ease-in-out;
        animation: fadeInRight 1500ms ease-in-out;
    }

    .slider-area .slide-2 p.slider-big-text {
        -webkit-animation: fadeInLeft 1000ms ease-in-out;
        -moz-animation: fadeInLeft 1000ms ease-in-out;
        -ms-animation: fadeInLeft 1000ms ease-in-out;
        animation: fadeInLeft 1000ms ease-in-out;
    }

    .slider-area .slide-2 p.slider-sub-text {
        -webkit-animation: fadeInLeft 1500ms ease-in-out;
        -moz-animation: fadeInLeft 1500ms ease-in-out;
        -ms-animation: fadeInLeft 1500ms ease-in-out;
        animation: fadeInLeft 1500ms ease-in-out;
    }

    .slider-area .slide-2 .slider-btn-area {
        -webkit-animation: fadeInLeft 2000ms ease-in-out;
        -moz-animation: fadeInLeft 2000ms ease-in-out;
        -ms-animation: fadeInLeft 2000ms ease-in-out;
        animation: fadeInLeft 2000ms ease-in-out;
    }

.list-content ul {
    margin-top: 50px;
}

    .list-content ul li {
        color: #808080;
        font-weight: 400;
        font-size: 17px;
        line-height: 1.3;
        margin-bottom: 10px;
        padding-left: 30px;
        position: relative;
    }

        .list-content ul li:before {
            content: "\f058";
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
            font-family: FontAwesome;
            color: #155344;
            font-size: 18px;
        }

.img-border-layout1 {
    position: relative;
}

    .img-border-layout1:before {
        height: 90%;
        width: 90%;
        content: "";
        background: transparent;
        border: 5px solid rgba(248, 248, 248, 0.5);
        position: absolute;
        z-index: 1;
        top: 5%;
        left: 5%;
    }

.img-bg-layout1 {
    margin-top: 28px;
    position: relative;
}

    .img-bg-layout1 img {
        position: relative;
        z-index: 2;
    }

    .img-bg-layout1:before {
        content: "";
        background: #f8f8f8;
        height: 100%;
        width: 100%;
        position: absolute;
        bottom: 5%;
        right: 4%;
    }

ul.img-list-style:after {
    clear: both;
    display: block;
    content: "";
}

ul.img-list-style li {
    width: 48%;
    float: left;
    display: inline;
    margin-right: 10px;
}

    ul.img-list-style li:last-child {
        margin-right: 0;
    }

    ul.img-list-style li img {
        margin: 0 auto;
        width: 100%;
    }

h3.service-title-dark {
    color: #222;
    margin-bottom: 10px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    h3.service-title-dark a {
        color: #222;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        h3.service-title-dark a:hover {
            color: #155344;
        }

.service-title-dark h3 {
    color: #222;
    margin-bottom: 10px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .service-title-dark h3 a {
        color: #222;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .service-title-dark h3 a:hover {
            color: #155344;
        }

h3.service-title-light {
    color: #fff;
    margin-bottom: 10px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    h3.service-title-light a {
        color: #fff;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        h3.service-title-light a:hover {
            color: #f8f8f8;
        }

.service-title-light h3 {
    color: #fff;
    margin-bottom: 10px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .service-title-light h3 a {
        color: #fff;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .service-title-light h3 a:hover {
            color: #f8f8f8;
        }

h3.service-title-primary {
    color: #155344;
    margin-bottom: 10px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    h3.service-title-primary a {
        color: #155344;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        h3.service-title-primary a:hover {
            color: #fff;
        }

.service-title-primary h3 {
    color: #155344;
    margin-bottom: 10px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .service-title-primary h3 a {
        color: #155344;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

.service-lg-title-primary h3 {
    color: #155344;
    font-size: 28px;
    margin-bottom: 10px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .service-lg-title-primary h3 a {
        color: #155344;
    }

.service-lg-title-dark h3 {
    color: #222;
    font-size: 28px;
    margin-bottom: 10px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .service-lg-title-dark h3 a {
        color: #222;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .service-lg-title-dark h3 a:hover {
            color: #155344;
        }

h4.service-title-primary {
    color: #155344;
    margin-bottom: 10px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    h4.service-title-primary a {
        color: #155344;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        h4.service-title-primary a:hover {
            color: #fff;
        }

p.service-sub-title-light {
    color: #fff;
}

.service-sub-title-light p {
    color: #fff;
}

.column-count-two p {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.service-box-layout1 {
    padding: 80px 40px 70px;
    text-align: center;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .service-box-layout1:hover {
        background: #155344;
        -webkit-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.25);
        box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.25);
    }

        .service-box-layout1:hover h3 {
            color: #fff;
        }

            .service-box-layout1:hover h3 a {
                color: #fff;
            }

        .service-box-layout1:hover i.icon-default-primary {
            color: #fff;
        }

            .service-box-layout1:hover i.icon-default-primary:before {
                color: #fff;
            }

        .service-box-layout1:hover p {
            color: #fff;
        }

        .service-box-layout1:hover .item-btn:hover {
            border: 2px solid #fff;
        }

        .service-box-layout1:hover i.icon-circle-primary {
            background: #fff;
        }

            .service-box-layout1:hover i.icon-circle-primary:before {
                color: #155344;
            }

.service-box-layout2 {
    border-right: 1px solid #b2dfdb;
    padding: 80px 50px 66px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .service-box-layout2:hover {
        background: #155344;
    }

        .service-box-layout2:hover i {
            color: #fff;
        }

            .service-box-layout2:hover i:before {
                color: #fff;
            }

        .service-box-layout2:hover h3 a {
            color: #fff;
        }

        .service-box-layout2:hover p {
            color: #fff;
        }

[class^="col-"]:last-child > .service-box-layout2 {
    border-right: 0;
}

.service-box-layout3 {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 70px 30px 44px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .service-box-layout3:hover {
        background: #155344;
    }

        .service-box-layout3:hover h3 a {
            color: #fff;
        }

        .service-box-layout3:hover p {
            color: #fff;
        }

[class^="col-"]:last-child > .service-box-layout3 {
    border-right: 0;
    border-bottom: 0;
}

.service-box-layout4 {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .service-box-layout4:hover {
        background: #155344;
        -webkit-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.25);
        box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.25);
    }

        .service-box-layout4:hover h3 {
            color: #fff;
        }

            .service-box-layout4:hover h3 a {
                color: #fff;
            }

        .service-box-layout4:hover i {
            color: #fff;
        }

            .service-box-layout4:hover i:before {
                color: #fff;
            }

        .service-box-layout4:hover p {
            color: #fff;
        }

        .service-box-layout4:hover .item-btn:hover {
            border: 2px solid #fff;
        }

.service-box-layout5 {
    overflow: hidden;
    position: relative;
}

    .service-box-layout5 .item-img:before {
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222), to(transparent));
        background-image: -webkit-linear-gradient(transparent, #222);
        background-image: -moz-linear-gradient(transparent, #222), -moz-linear-gradient(transparent, #222);
        background-image: -o-linear-gradient(transparent, #222), -o-linear-gradient(transparent, #222);
        background-image: linear-gradient(transparent, #222), linear-gradient(transparent, #222);
        content: "";
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: 1;
    }

    .service-box-layout5 .item-img img {
        width: 100%;
    }

    .service-box-layout5 .item-content {
        padding: 0 30px;
        position: absolute;
        z-index: 2;
        bottom: -65px;
        -webkit-transition: all 0.75s ease-out;
        -moz-transition: all 0.75s ease-out;
        -ms-transition: all 0.75s ease-out;
        -o-transition: all 0.75s ease-out;
        transition: all 0.75s ease-out;
    }

        .service-box-layout5 .item-content p {
            opacity: 0;
            visibility: hidden;
        }

        .service-box-layout5 .item-content span {
            position: absolute;
            right: 30px;
            top: 35px;
            z-index: 3;
            -webkit-transition: all 0.9s ease-out;
            -moz-transition: all 0.9s ease-out;
            -ms-transition: all 0.9s ease-out;
            -o-transition: all 0.9s ease-out;
            transition: all 0.9s ease-out;
        }

            .service-box-layout5 .item-content span i {
                color: #fff;
                -webkit-transition: all 0.75s ease-out;
                -moz-transition: all 0.75s ease-out;
                -ms-transition: all 0.75s ease-out;
                -o-transition: all 0.75s ease-out;
                transition: all 0.75s ease-out;
            }

    .service-box-layout5:hover .item-content {
        bottom: 30px;
    }

        .service-box-layout5:hover .item-content p {
            opacity: 1;
            visibility: visible;
        }

        .service-box-layout5:hover .item-content span {
            top: 5px;
        }

            .service-box-layout5:hover .item-content span i {
                font-size: 24px;
                color: #155344;
            }

.service-box-layout6 ul.service-box-nav li {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #d5d5d5;
}

    .service-box-layout6 ul.service-box-nav li:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }

    .service-box-layout6 ul.service-box-nav li a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }

        .service-box-layout6 ul.service-box-nav li a .item-icon {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -moz-flex: 1;
            flex: 1;
        }

            .service-box-layout6 ul.service-box-nav li a .item-icon i {
                background: transparent;
                border: 1px solid #155344;
                border-radius: 50%;
                display: block;
                height: 67px;
                margin-right: 30px;
                width: 67px;
                -webkit-transition: all 0.5s ease-out;
                -moz-transition: all 0.5s ease-out;
                -ms-transition: all 0.5s ease-out;
                -o-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
            }

                .service-box-layout6 ul.service-box-nav li a .item-icon i:before {
                    color: #155344;
                    display: block;
                    font-size: 28px;
                    margin: 20px 0 0 18px;
                    -webkit-transition: all 0.5s ease-out;
                    -moz-transition: all 0.5s ease-out;
                    -ms-transition: all 0.5s ease-out;
                    -o-transition: all 0.5s ease-out;
                    transition: all 0.5s ease-out;
                }

        .service-box-layout6 ul.service-box-nav li a .item-content {
            -webkit-box-flex: 5;
            -webkit-flex: 5;
            -moz-flex: 5;
            flex: 5;
        }

            .service-box-layout6 ul.service-box-nav li a .item-content p {
                color: #222;
                font-size: 18px;
                font-weight: 600;
                width: 70%;
                -webkit-transition: all 0.5s ease-out;
                -moz-transition: all 0.5s ease-out;
                -ms-transition: all 0.5s ease-out;
                -o-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
            }

    .service-box-layout6 ul.service-box-nav li:hover .item-icon i {
        background: #155344;
    }

        .service-box-layout6 ul.service-box-nav li:hover .item-icon i:before {
            color: #fff;
        }

    .service-box-layout6 ul.service-box-nav li:hover .item-content p {
        color: #155344;
    }

.service-box-layout6 ul.service-box-nav .active .item-icon i {
    background: #155344;
}

    .service-box-layout6 ul.service-box-nav .active .item-icon i:before {
        color: #fff;
    }

.service-box-layout6 ul.service-box-nav .active .item-content p {
    color: #155344;
}

.service-box-layout6 .service-box-content {
    position: relative;
}

    .service-box-layout6 .service-box-content img {
        width: 100%;
    }

    .service-box-layout6 .service-box-content .tab-pane {
        position: relative;
    }

    .service-box-layout6 .service-box-content .item-content {
        width: 80%;
        position: absolute;
        padding: 20px 35px 15px;
        background-color: rgba(34, 34, 34, 0.9);
        z-index: 1;
        bottom: 0;
        right: 0;
    }

        .service-box-layout6 .service-box-content .item-content h3 {
            color: #155344;
            font-size: 30px;
            font-weight: 500;
            margin-bottom: 5px;
        }

        .service-box-layout6 .service-box-content .item-content p {
            color: #fff;
        }

.service-box-layout7 {
    margin: 15px 15px 30px;
}

    .service-box-layout7 .single-item-wrapper {
        -webkit-box-shadow: 0 1px 3px 0 rgba(201, 201, 201, 0.75);
        -moz-box-shadow: 0 1px 3px 0 rgba(201, 201, 201, 0.75);
        box-shadow: 0 1px 3px 0 rgba(201, 201, 201, 0.75);
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

        .service-box-layout7 .single-item-wrapper:hover {
            -webkit-box-shadow: 0 6px 20px 0 rgba(201, 201, 201, 0.75);
            -moz-box-shadow: 0 6px 20px 0 rgba(201, 201, 201, 0.75);
            box-shadow: 0 6px 20px 0 rgba(201, 201, 201, 0.75);
        }

            .service-box-layout7 .single-item-wrapper:hover .item-content {
                background: #155344;
            }

                .service-box-layout7 .single-item-wrapper:hover .item-content h3 a {
                    color: #fff;
                }

                .service-box-layout7 .single-item-wrapper:hover .item-content p {
                    color: #fff;
                }

    .service-box-layout7 .item-img {
        position: relative;
    }

        .service-box-layout7 .item-img:before {
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222), to(transparent));
            background-image: -webkit-linear-gradient(transparent, #222);
            background-image: -moz-linear-gradient(transparent, #222), -moz-linear-gradient(transparent, #222);
            background-image: -o-linear-gradient(transparent, #222), -o-linear-gradient(transparent, #222);
            background-image: linear-gradient(transparent, #222), linear-gradient(transparent, #222);
            content: "";
            height: 100%;
            position: absolute;
            width: 100%;
            z-index: 1;
        }

        .service-box-layout7 .item-img .item-info {
            padding: 0 0 15px 30px;
            position: absolute;
            z-index: 2;
            bottom: 0;
            left: 0;
            right: 0;
        }

            .service-box-layout7 .item-img .item-info li {
                margin-right: 10px;
                padding-right: 10px;
                display: inline;
                border-right: 1px solid #fff;
                color: #fff;
            }

                .service-box-layout7 .item-img .item-info li:last-child {
                    margin-right: 0;
                    padding-right: 0;
                    border-right: 0;
                    color: #155344;
                }

    .service-box-layout7 .item-content {
        background: #fff;
        padding: 15px 20px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

        .service-box-layout7 .item-content h3 {
            margin-bottom: 10px;
        }

            .service-box-layout7 .item-content h3 a {
                color: #222;
                -webkit-transition: all 0.3s ease-out;
                -moz-transition: all 0.3s ease-out;
                -ms-transition: all 0.3s ease-out;
                -o-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out;
            }

        .service-box-layout7 .item-content p {
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }

.service-box-layout8 {
    border-right: 1px solid #b2dfdb;
    padding: 40px 30px 30px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .service-box-layout8:hover {
        background: #155344;
    }

        .service-box-layout8:hover i {
            color: #fff;
        }

            .service-box-layout8:hover i:before {
                color: #155344;
            }

        .service-box-layout8:hover h3 a {
            color: #fff;
        }

        .service-box-layout8:hover p {
            color: #fff;
        }

.service-details-box-layout1 .service-tab-layout1 ul.nav-tabs {
    border: 1px solid #d5d5d5;
    border-bottom: 0;
}

    .service-details-box-layout1 .service-tab-layout1 ul.nav-tabs li {
        border-bottom: 3px solid #d5d5d5;
        margin-bottom: 0;
        width: 33.333333%;
        text-align: center;
        font-weight: 700;
        font-size: 16px;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .service-details-box-layout1 .service-tab-layout1 ul.nav-tabs li a {
            border: 0;
            color: #666;
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            -ms-transition: all 0.5s ease-out;
            -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

            .service-details-box-layout1 .service-tab-layout1 ul.nav-tabs li a:hover {
                background: transparent;
                color: #155344;
            }

        .service-details-box-layout1 .service-tab-layout1 ul.nav-tabs li:hover {
            border-bottom: 3px solid #155344;
        }

        .service-details-box-layout1 .service-tab-layout1 ul.nav-tabs li.active {
            border-bottom: 3px solid #155344;
        }

            .service-details-box-layout1 .service-tab-layout1 ul.nav-tabs li.active a {
                color: #155344;
            }

.service-details-box-layout1 .service-tab-layout1 .tab-content {
    border: 1px solid #d5d5d5;
    border-top: 0;
    padding: 30px 30px 20px;
}

h3.team-title {
    color: #222;
    margin-bottom: 0;
    text-transform: capitalize;
}

    h3.team-title a {
        color: #222;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        h3.team-title a:hover {
            color: #155344;
        }

h3.team-title-light {
    line-height: 1.3;
    margin-bottom: 0;
    text-transform: capitalize;
    color: #fff;
}

    h3.team-title-light a {
        color: #fff;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

.team-designation {
    margin-bottom: 20px;
    display: block;
    font-size: 16px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.team-designation-light {
    display: block;
    font-size: 16px;
    color: #fff;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.team-box-layout1 {
    margin-bottom: 30px;
    text-align: center;
}

    .team-box-layout1 a {
        display: block;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
    }

        .team-box-layout1 a img {
            border: 2px solid #155344;
            margin: 0 auto 20px;
        }

    .team-box-layout1 ul.social-default {
        margin-top: 30px;
    }

        .team-box-layout1 ul.social-default li {
            text-align: center;
            display: inline-block;
            margin-right: 10px;
        }

            .team-box-layout1 ul.social-default li:last-child {
                margin-right: 0;
            }

            .team-box-layout1 ul.social-default li a {
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                -o-border-radius: 50%;
                border-radius: 50%;
                height: 40px;
                width: 40px;
                display: block;
                line-height: 40px;
                -webkit-transition: all 0.3s ease-out;
                -moz-transition: all 0.3s ease-out;
                -ms-transition: all 0.3s ease-out;
                -o-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out;
            }

                .team-box-layout1 ul.social-default li a i {
                    color: #fff;
                }

                .team-box-layout1 ul.social-default li a:hover {
                    transform: scale(1.3);
                }

            .team-box-layout1 ul.social-default li:nth-child(1n) a {
                background: #186ab6;
            }

            .team-box-layout1 ul.social-default li:nth-child(2n) a {
                background: #29b6f6;
            }

            .team-box-layout1 ul.social-default li:nth-child(3n) a {
                background: #ea4c89;
            }

            .team-box-layout1 ul.social-default li:nth-child(4n) a {
                background: #d50000;
            }

.team-box-layout2 {
    text-align: center;
}

    .team-box-layout2 .team-img {
        overflow: hidden;
        margin-bottom: 15px;
    }

        .team-box-layout2 .team-img img {
            -webkit-transition: all 0.8s ease-out;
            -moz-transition: all 0.8s ease-out;
            -ms-transition: all 0.8s ease-out;
            -o-transition: all 0.8s ease-out;
            transition: all 0.8s ease-out;
        }

    .team-box-layout2:hover .team-img img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    .team-box-layout2 .team-social {
        padding: 1px;
        text-align: center;
    }

        .team-box-layout2 .team-social li {
            display: inline-block;
            margin: 0 2px;
        }

            .team-box-layout2 .team-social li a {
                text-align: center;
                line-height: 40px;
                height: 42px;
                width: 42px;
                display: block;
                background: transparent;
                color: #155344;
                border: 1px solid #155344;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                -o-border-radius: 50%;
                border-radius: 50%;
                -webkit-transition: all 0.5s ease-out;
                -moz-transition: all 0.5s ease-out;
                -ms-transition: all 0.5s ease-out;
                -o-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
            }

                .team-box-layout2 .team-social li a i {
                    font-size: 14px;
                }

                .team-box-layout2 .team-social li a:hover {
                    color: #fff;
                    background: #155344;
                }

.team-box-layout3 .team-img {
    position: relative;
    overflow: hidden;
}

    .team-box-layout3 .team-img img {
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
    }

.team-box-layout3 .team-content {
    padding-left: 30px;
    background: #155344;
    position: absolute;
    height: 90px;
    width: 100%;
    bottom: 0;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    transition: transform 0.4s, opacity 0.1s 0.3s;
}

.team-box-layout3:hover img {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
}

.team-box-layout3:hover .team-content {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    transition: transform 0.4s, opacity 0.1s;
}

.team-box-layout4 {
    position: relative;
    overflow: hidden;
}

    .team-box-layout4 .item-wrapper {
        margin: 0;
        padding: 0;
        position: relative;
    }

        .team-box-layout4 .item-wrapper .item-img {
            display: block;
            position: relative;
            z-index: 10;
            backface-visibility: hidden;
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            -ms-transition: all 0.5s ease-out;
            -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

            .team-box-layout4 .item-wrapper .item-img .item-title {
                position: absolute;
                left: 0;
                top: 100%;
                -webkit-transform: translateY(-100%);
                -moz-transform: translateY(-100%);
                -ms-transform: translateY(-100%);
                -o-transform: translateY(-100%);
                transform: translateY(-100%);
                z-index: 11;
            }

                .team-box-layout4 .item-wrapper .item-img .item-title h3 {
                    line-height: 1.6;
                    background: #155344;
                    padding: 0 10px;
                    margin-bottom: 3px;
                }

                .team-box-layout4 .item-wrapper .item-img .item-title .team-designation-light {
                    background: #222;
                    display: inline-block;
                    padding: 2px 12px;
                }

        .team-box-layout4 .item-wrapper .item-content {
            padding: 0 15px;
            display: block;
            position: absolute;
            z-index: 5;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            color: #fff;
            background: #155344;
            text-align: center;
            backface-visibility: hidden;
            -webkit-transform: rotateY(-180deg);
            -moz-transform: rotateY(-180deg);
            -ms-transform: rotateY(-180deg);
            -o-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            -ms-transition: all 0.5s ease-out;
            -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

            .team-box-layout4 .item-wrapper .item-content h3 {
                margin-bottom: 0;
            }

                .team-box-layout4 .item-wrapper .item-content h3 a {
                    color: #fff;
                }

            .team-box-layout4 .item-wrapper .item-content .team-designation {
                color: #fff;
                position: relative;
                font-size: 16px;
                margin-bottom: 35px;
            }

                .team-box-layout4 .item-wrapper .item-content .team-designation:before {
                    height: 2px;
                    width: 42px;
                    content: "";
                    background: #fff;
                    position: absolute;
                    z-index: 12;
                    left: 0;
                    right: 0;
                    margin: 0 auto;
                    bottom: -15px;
                }

            .team-box-layout4 .item-wrapper .item-content .team-social {
                text-align: center;
            }

                .team-box-layout4 .item-wrapper .item-content .team-social li {
                    display: inline-block;
                    margin: 0 2px;
                }

                    .team-box-layout4 .item-wrapper .item-content .team-social li a {
                        border: 1px solid #fff;
                        text-align: center;
                        line-height: 38px;
                        height: 42px;
                        width: 42px;
                        display: block;
                        background: #fff;
                        color: #222;
                        -webkit-border-radius: 50%;
                        -moz-border-radius: 50%;
                        -ms-border-radius: 50%;
                        -o-border-radius: 50%;
                        border-radius: 50%;
                        -webkit-transition: all 0.5s ease-out;
                        -moz-transition: all 0.5s ease-out;
                        -ms-transition: all 0.5s ease-out;
                        -o-transition: all 0.5s ease-out;
                        transition: all 0.5s ease-out;
                    }

                        .team-box-layout4 .item-wrapper .item-content .team-social li a i {
                            font-size: 14px;
                        }

                        .team-box-layout4 .item-wrapper .item-content .team-social li a:hover {
                            color: #fff;
                            background: transparent;
                        }

        .team-box-layout4 .item-wrapper:hover .item-img {
            -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
            -ms-transform: rotateY(180deg);
            -o-transform: rotateY(180deg);
            transform: rotateY(180deg);
        }

        .team-box-layout4 .item-wrapper:hover .item-content {
            -webkit-transform: rotateY(0);
            -moz-transform: rotateY(0);
            -ms-transform: rotateY(0);
            -o-transform: rotateY(0);
            transform: rotateY(0);
        }

.team-box-layout5 {
    overflow: hidden;
    position: relative;
}

    .team-box-layout5 .item-content {
        text-align: center;
        padding: 15px 0 0 0;
        background: #155344;
        width: 100%;
        position: absolute;
        bottom: -60px;
        z-index: 2;
        -webkit-transition: all 0.4s cubic-bezier(0, 0, 0.5, 0);
        -moz-transition: all 0.4s cubic-bezier(0, 0, 0.5, 0);
        -ms-transition: all 0.4s cubic-bezier(0, 0, 0.5, 0);
        -o-transition: all 0.4s cubic-bezier(0, 0, 0.5, 0);
        transition: all 0.4s cubic-bezier(0, 0, 0.5, 0);
    }

        .team-box-layout5 .item-content h3 a:hover {
            color: #155344;
        }

        .team-box-layout5 .item-content .team-designation-light {
            position: relative;
        }

            .team-box-layout5 .item-content .team-designation-light:before {
                content: "";
                background: #155344;
                height: 1px;
                width: 170px;
                z-index: 3;
                position: absolute;
                left: 0;
                right: 0;
                margin: 0 auto;
                bottom: -15px;
            }

        .team-box-layout5 .item-content ul {
            padding: 20px 0 15px 0;
        }

            .team-box-layout5 .item-content ul li {
                display: inline-block;
                margin: 0 10px;
                height: 40px;
                width: 40px;
                line-height: 40px;
                border-radius: 50%;
                background: transparent;
            }

                .team-box-layout5 .item-content ul li i {
                    color: #fff;
                    -webkit-transition: all 0.3s ease-out;
                    -moz-transition: all 0.3s ease-out;
                    -ms-transition: all 0.3s ease-out;
                    -o-transition: all 0.3s ease-out;
                    transition: all 0.3s ease-out;
                }

                .team-box-layout5 .item-content ul li:hover {
                    background: #155344;
                }

    .team-box-layout5:hover .item-content {
        background: #222;
        bottom: 0;
        -webkit-transition: all 0.6s cubic-bezier(0, 0, 0.8, -0.5);
        -moz-transition: all 0.6s cubic-bezier(0, 0, 0.8, -0.5);
        -ms-transition: all 0.6s cubic-bezier(0, 0, 0.8, -0.5);
        -o-transition: all 0.6s cubic-bezier(0, 0, 0.8, -0.5);
        transition: all 0.6s cubic-bezier(0, 0, 0.8, -0.5);
    }

.team-box-layout6 {
    margin-bottom: 30px;
}

    .team-box-layout6 img {
        width: 100%;
    }

    .team-box-layout6 .item-content {
        position: relative;
        padding: 15px 30px 2px 30px;
        background: #f8f8f8;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .team-box-layout6 .item-content i {
            position: absolute;
            right: 30px;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            top: 50%;
            z-index: 1;
            font-size: 20px;
            opacity: 0;
            color: #fff;
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            -ms-transition: all 0.5s ease-out;
            -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

    .team-box-layout6:hover .item-content {
        background: #155344;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .team-box-layout6:hover .item-content h3 a {
            color: #fff;
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            -ms-transition: all 0.5s ease-out;
            -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

        .team-box-layout6:hover .item-content .team-designation {
            color: #fff;
        }

        .team-box-layout6:hover .item-content i {
            opacity: 1;
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            -ms-transition: all 0.5s ease-out;
            -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

.team-box-layout7 {
    text-align: center;
}

    .team-box-layout7 .item-img {
        overflow: hidden;
        margin-bottom: 15px;
    }

    .team-box-layout7 .team-social-fill {
        text-align: center;
    }

        .team-box-layout7 .team-social-fill li {
            display: inline-block;
            margin: 0 2px;
        }

            .team-box-layout7 .team-social-fill li a {
                top: 0;
                text-align: center;
                line-height: 40px;
                height: 42px;
                width: 42px;
                background: transparent;
                display: block;
                border: 1px solid #155344;
                color: #155344;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                -o-border-radius: 50%;
                border-radius: 50%;
                -webkit-transition: all 0.5s ease-out;
                -moz-transition: all 0.5s ease-out;
                -ms-transition: all 0.5s ease-out;
                -o-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
            }

                .team-box-layout7 .team-social-fill li a i {
                    font-size: 14px;
                }

                .team-box-layout7 .team-social-fill li a:hover {
                    background: #155344;
                    color: #fff;
                }

    .team-box-layout7 figure {
        position: relative;
    }

        .team-box-layout7 figure::before {
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 2;
            display: block;
            content: "";
            width: 0;
            height: 0;
            background: rgba(255, 255, 255, 0.2);
            border-radius: 100%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            opacity: 0;
        }

        .team-box-layout7 figure:hover::before {
            -webkit-animation: circle 0.75s;
            animation: circle 0.75s;
        }

@keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

.team-box-layout8 {
    text-align: center;
    border: 1px solid #d5d5d5;
    padding: 60px 20px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .team-box-layout8 .item-img {
        overflow: hidden;
        margin-bottom: 30px;
    }

        .team-box-layout8 .item-img img {
            width: auto;
            margin: 0 auto;
        }

    .team-box-layout8 .team-social-fill {
        margin-top: 50px;
        text-align: center;
    }

        .team-box-layout8 .team-social-fill li {
            display: inline-block;
            margin: 0 2px;
        }

            .team-box-layout8 .team-social-fill li a {
                border: 1px solid #155344;
                text-align: center;
                line-height: 40px;
                height: 42px;
                width: 42px;
                display: block;
                background: transparent;
                color: #155344;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                -o-border-radius: 50%;
                border-radius: 50%;
                -webkit-transition: all 0.5s ease-out;
                -moz-transition: all 0.5s ease-out;
                -ms-transition: all 0.5s ease-out;
                -o-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
            }

                .team-box-layout8 .team-social-fill li a i {
                    font-size: 14px;
                }

                .team-box-layout8 .team-social-fill li a:hover {
                    color: #fff;
                    background: #155344;
                }

    .team-box-layout8:hover {
        -webkit-box-shadow: inset 0 -1px 18px 0 #155344;
        -moz-box-shadow: inset 0 -1px 18px 0 #155344;
        box-shadow: inset 0 -1px 18px 0 #155344;
        border: 1px solid #155344;
    }

.ttm-para-dark {
    width: 62%;
    margin: 0 auto 30px;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.75;
}

.ttm-para-light {
    color: #fff;
    width: 62%;
    margin: 0 auto 30px;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.75;
}

.ttm-default-para-light {
    color: #fff;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.75;
}

.ttm-default-para-dark {
    font-weight: 400;
    font-size: 17px;
    line-height: 1.75;
}

h3.ttm-title-dark {
    margin-bottom: 5px;
    color: #222;
}

h3.ttm-title-primary {
    margin-bottom: 5px;
    color: #155344;
}

h3.ttm-title-light {
    margin-bottom: 5px;
    color: #fff;
}

    h3.ttm-title-light span {
        font-size: 18px;
        color: #155344;
    }

.ttm-designation-dark {
    font-size: 17px;
    color: #222;
    line-height: 1.3;
}

.ttm-designation-light {
    color: #fff;
    font-size: 17px;
}

.ttm-designation-primary {
    color: #155344;
    font-size: 17px;
}

ul.ttm-rating {
    margin: 0 0 20px 0;
}

    ul.ttm-rating li {
        display: inline-block;
        color: #ffca28;
    }

        ul.ttm-rating li i {
            font-size: 14px;
        }

.img-ttm {
    height: 120px;
    width: 120px !important;
    display: inline-block;
    margin: 0 auto 20px;
    border: 4px solid #fff;
}

.img-ttm-left {
    height: 120px;
    width: 120px !important;
    display: inline-block;
    margin-bottom: 20px;
    border: 4px solid #fff;
}

.pull-left.img-ttm {
    padding-right: 0 !important;
    margin-right: 15px;
}

.quote-right {
    position: relative;
}

    .quote-right:before {
        content: "\f10d";
        color: #fff;
        position: absolute;
        right: 10px;
        top: 10px;
        font-family: fontawesome;
        font-size: 30px;
    }

[class^="col-"]:nth-child(even) > .quote-right:before {
    color: #f5f5f5;
}

[class^="col-"]:nth-child(odd) > .bg-loop-light-dark {
    background: #f8f8f8;
}

[class^="col-"]:nth-child(even) > .bg-loop-light-dark {
    background: #fff;
}

.ttm-img-wrap .item-img {
    margin: 0 0 30px;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

    .ttm-img-wrap .item-img:before {
        content: "";
        background: rgba(0, 191, 165, 0.8);
        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;
        right: 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        height: 75%;
        width: 75%;
        margin: 0 auto;
        z-index: 5;
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 0.7s ease-out;
        -moz-transition: all 0.7s ease-out;
        -ms-transition: all 0.7s ease-out;
        -o-transition: all 0.7s ease-out;
        transition: all 0.7s ease-out;
    }

    .ttm-img-wrap .item-img img {
        -webkit-transform: scale(0.75);
        -moz-transform: scale(0.75);
        -ms-transform: scale(0.75);
        -o-transform: scale(0.75);
        transform: scale(0.75);
        margin: 0 auto;
        -webkit-transition: all 0.7s ease-out;
        -moz-transition: all 0.7s ease-out;
        -ms-transition: all 0.7s ease-out;
        -o-transition: all 0.7s ease-out;
        transition: all 0.7s ease-out;
    }

    .ttm-img-wrap .item-img:focus {
        outline: 0;
    }

.ttm-img-wrap .slick-center img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.ttm-img-wrap .slick-center:before {
    opacity: 0;
    visibility: hidden;
}

.testimonial-sliders .single-item:focus {
    outline: 0;
}

h3.blog-title {
    margin-bottom: 10px;
    line-height: 1.4;
}

    h3.blog-title a {
        color: #222;
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
    }

        h3.blog-title a:hover {
            color: #155344;
        }

h3.blog-title-primary {
    margin-bottom: 10px;
    line-height: 1.4;
}

    h3.blog-title-primary a {
        color: #155344;
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
    }

        h3.blog-title-primary a:hover {
            color: #222;
        }

h3.blog-title-light {
    margin-bottom: 10px;
    line-height: 1.4;
}

    h3.blog-title-light a {
        color: #fff;
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
    }

        h3.blog-title-light a:hover {
            color: #155344;
        }

ul.published-date-dark li {
    margin-bottom: 15px;
    color: #808080;
    font-weight: 600;
    line-height: 1;
    display: inline-block;
    border-right: 1px solid #808080;
    margin-right: 10px;
    padding-right: 10px;
}

    ul.published-date-dark li:last-child {
        border-right: 0;
        padding-right: 0;
        margin-right: 0;
    }

ul.published-date-primary li {
    margin-bottom: 15px;
    color: #155344;
    font-weight: 600;
    line-height: 1;
    display: inline-block;
    border-right: 1px solid #155344;
    margin-right: 10px;
    padding-right: 10px;
}

    ul.published-date-primary li:last-child {
        border-right: 0;
        padding-right: 0;
        margin-right: 0;
    }

.published-date-square {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

    .published-date-square li {
        width: 80px;
        height: 40px;
        font-size: 15px;
        text-align: center;
        line-height: 40px;
    }

        .published-date-square li:nth-child(odd) {
            background: #155344;
            color: #fff;
            font-weight: 600;
        }

        .published-date-square li:nth-child(even) {
            background: #222;
            color: #fff;
            font-weight: 600;
        }

.published-date-square-inline {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

    .published-date-square-inline li {
        display: inline-block;
        padding: 6px 15px;
        font-size: 16px;
        text-align: center;
        float: left;
    }

        .published-date-square-inline li:nth-child(odd) {
            background: #155344;
            color: #fff;
            font-weight: 700;
        }

        .published-date-square-inline li:nth-child(even) {
            background: #222;
            color: #fff;
            font-weight: 500;
        }

.blog-box-layout1 {
    -webkit-box-shadow: 0 1px 1px 0 rgba(157, 157, 157, 0.75);
    -moz-box-shadow: 0 1px 1px 0 rgba(157, 157, 157, 0.75);
    box-shadow: 0 1px 1px 0 rgba(157, 157, 157, 0.75);
}

    .blog-box-layout1 .item-img {
        overflow: hidden;
    }

        .blog-box-layout1 .item-img a img {
            width: 100%;
            -webkit-transition: all 0.7s ease-out;
            -moz-transition: all 0.7s ease-out;
            -ms-transition: all 0.7s ease-out;
            -o-transition: all 0.7s ease-out;
            transition: all 0.7s ease-out;
        }

    .blog-box-layout1 .item-content {
        background: #fff;
        padding: 30px 30px 20px;
    }

    .blog-box-layout1:hover a img {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

.blog-box-layout2 .item-img {
    overflow: hidden;
    margin-bottom: 15px;
}

    .blog-box-layout2 .item-img a img {
        width: 100%;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

.blog-box-layout2:hover a img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.blog-box-layout3 .item-img {
    margin-bottom: 25px;
    position: relative;
}

    .blog-box-layout3 .item-img img {
        width: 100%;
    }

figure {
    margin: 0;
    padding: 0;
    background: transparent;
    overflow: hidden;
}

.blog-box-layout3 figure {
    position: relative;
}

    .blog-box-layout3 figure::before {
        position: absolute;
        top: 0;
        left: -75%;
        z-index: 2;
        display: block;
        content: "";
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .blog-box-layout3 figure:hover::before {
        -webkit-animation: shine 0.75s;
        animation: shine 0.75s;
    }

@keyframes shine {
    100% {
        left: 125%;
    }
}

.blog-box-layout4 {
    position: relative;
    margin-bottom: 30px;
}

    .blog-box-layout4 img {
        width: 100%;
    }

    .blog-box-layout4 .item-content {
        width: 96%;
        padding: 30px 30px 10px 35px;
        position: absolute;
        bottom: 12px;
        z-index: 1;
        left: 0;
        right: 0;
        margin: 0 auto;
        background-color: rgba(255, 255, 255, 0.9);
    }

.blog-box-layout5 {
    position: relative;
    margin-bottom: 30px;
}

    .blog-box-layout5 img {
        width: 100%;
    }

    .blog-box-layout5 span {
        position: absolute;
        left: 25px;
        top: 20px;
        z-index: 1;
        height: 35px;
        width: 90px;
        background: #155344;
        border-radius: 30px;
        font-size: 13px;
        color: #fff;
        font-weight: 600;
        display: block;
        padding: 5px 0 0 0;
        text-align: center;
    }

    .blog-box-layout5 .item-content {
        border-right: 1px solid #dedede;
        border-bottom: 1px solid #dedede;
        border-left: 1px solid #dedede;
        padding: 35px 30px 30px 40px;
        background-color: rgba(255, 255, 255, 0.9);
    }

.blog-box-layout6 {
    margin-bottom: 50px;
}

    .blog-box-layout6 .item-img {
        position: relative;
    }

        .blog-box-layout6 .item-img a img {
            margin-bottom: 25px;
            width: 100%;
        }

.blog-box-layout7 {
    overflow: hidden;
    position: relative;
}

    .blog-box-layout7 .item-img:before {
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222), to(transparent));
        background-image: -webkit-linear-gradient(transparent, #222);
        background-image: -moz-linear-gradient(transparent, #222), -moz-linear-gradient(transparent, #222);
        background-image: -o-linear-gradient(transparent, #222), -o-linear-gradient(transparent, #222);
        background-image: linear-gradient(transparent, #222), linear-gradient(transparent, #222);
        content: "";
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: 1;
    }

    .blog-box-layout7 .item-img img {
        width: 100%;
    }

    .blog-box-layout7 .item-content {
        padding: 0 50px;
        position: absolute;
        z-index: 2;
        bottom: -17%;
        -webkit-transition: all 0.75s ease-out;
        -moz-transition: all 0.75s ease-out;
        -ms-transition: all 0.75s ease-out;
        -o-transition: all 0.75s ease-out;
        transition: all 0.75s ease-out;
    }

        .blog-box-layout7 .item-content p {
            opacity: 0;
            visibility: hidden;
            color: #fff;
            -webkit-transition: all 0.75s ease-out;
            -moz-transition: all 0.75s ease-out;
            -ms-transition: all 0.75s ease-out;
            -o-transition: all 0.75s ease-out;
            transition: all 0.75s ease-out;
        }

        .blog-box-layout7 .item-content .posted-by {
            opacity: 0;
            visibility: hidden;
            color: #fff;
            -webkit-transition: all 0.75s ease-out;
            -moz-transition: all 0.75s ease-out;
            -ms-transition: all 0.75s ease-out;
            -o-transition: all 0.75s ease-out;
            transition: all 0.75s ease-out;
        }

    .blog-box-layout7:hover .item-content {
        bottom: 5%;
    }

        .blog-box-layout7:hover .item-content p {
            opacity: 1;
            visibility: visible;
        }

        .blog-box-layout7:hover .item-content .posted-by {
            opacity: 1;
            visibility: visible;
        }

.single-blog-layout1 .item-img {
    position: relative;
}

    .single-blog-layout1 .item-img a img {
        margin-bottom: 25px;
        width: 100%;
    }

.single-blog-layout1 .item-content h2 {
    margin-bottom: 10px;
    font-size: 24px;
}

    .single-blog-layout1 .item-content h2 a {
        color: #222;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .single-blog-layout1 .item-content h2 a:hover {
            color: #155344;
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            -ms-transition: all 0.5s ease-out;
            -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

.single-blog-layout1 .item-content ul {
    margin-bottom: 10px;
}

    .single-blog-layout1 .item-content ul li {
        color: #155344;
    }

.single-blog-layout1 .item-content p {
    margin-bottom: 45px;
}

.single-blog-layout1 .item-content span {
    margin-bottom: 50px;
    background: #f8f8f8;
    padding: 40px 60px 40px 60px;
    position: relative;
    display: block;
    color: #707070;
    font-style: italic;
    letter-spacing: 1px;
}

    .single-blog-layout1 .item-content span:before {
        content: "\f10d";
        font-family: FontAwesome;
        font-size: 20px;
        position: absolute;
        top: 30px;
        left: 30px;
        z-index: 1;
        color: #aeaeae;
    }

.single-blog-layout1 .tag-share {
    margin-bottom: 60px;
}

    .single-blog-layout1 .tag-share li {
        display: inline-block;
    }

        .single-blog-layout1 .tag-share li span {
            font-size: 20px;
            font-weight: 600;
            color: #222;
            margin-bottom: 8px;
            display: block;
        }

        .single-blog-layout1 .tag-share li ul li {
            display: inline-block;
        }

            .single-blog-layout1 .tag-share li ul li a {
                color: #707070;
                -webkit-transition: all 0.3s ease-out;
                -moz-transition: all 0.3s ease-out;
                -ms-transition: all 0.3s ease-out;
                -o-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out;
            }

                .single-blog-layout1 .tag-share li ul li a:hover {
                    color: #155344;
                }

            .single-blog-layout1 .tag-share li ul li:last-child {
                float: inherit;
            }

        .single-blog-layout1 .tag-share li:last-child {
            float: right;
        }

.single-blog-layout1 .about-author {
    margin-bottom: 50px;
    padding: 30px 20px 20px 15px;
    background: #f8f8f8;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

    .single-blog-layout1 .about-author .about-author-img {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-flex: 1;
        flex: 1;
    }

        .single-blog-layout1 .about-author .about-author-img img {
            margin: 0 auto;
        }

    .single-blog-layout1 .about-author .about-author-content {
        padding-left: 20px;
        -webkit-box-flex: 4;
        -webkit-flex: 4;
        -moz-flex: 4;
        flex: 4;
    }

        .single-blog-layout1 .about-author .about-author-content h3 {
            font-size: 20px;
            margin-bottom: 5px;
        }

            .single-blog-layout1 .about-author .about-author-content h3 a {
                color: #155344;
                -webkit-transition: all 0.3s ease-out;
                -moz-transition: all 0.3s ease-out;
                -ms-transition: all 0.3s ease-out;
                -o-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out;
            }

                .single-blog-layout1 .about-author .about-author-content h3 a:hover {
                    color: #222;
                }

        .single-blog-layout1 .about-author .about-author-content h4 {
            font-size: 14px;
            margin-bottom: 15px;
        }

.single-blog-layout1 .blog-comments {
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #ebebeb;
}

    .single-blog-layout1 .blog-comments h2 {
        color: #222;
        font-size: 24px;
        margin-bottom: 30px;
    }

    .single-blog-layout1 .blog-comments ul li {
        margin-bottom: 40px;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }

        .single-blog-layout1 .blog-comments ul li .comments-img {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -moz-flex: 1;
            flex: 1;
        }

            .single-blog-layout1 .blog-comments ul li .comments-img a {
                display: block;
                border-radius: 50%;
            }

        .single-blog-layout1 .blog-comments ul li .comments-content {
            padding-top: 10px;
            -webkit-box-flex: 4;
            -webkit-flex: 4;
            -moz-flex: 4;
            flex: 4;
        }

            .single-blog-layout1 .blog-comments ul li .comments-content h3 {
                font-size: 16px;
            }

                .single-blog-layout1 .blog-comments ul li .comments-content h3 a {
                    color: #155344;
                    -webkit-transition: all 0.5s ease-out;
                    -moz-transition: all 0.5s ease-out;
                    -ms-transition: all 0.5s ease-out;
                    -o-transition: all 0.5s ease-out;
                    transition: all 0.5s ease-out;
                }

                    .single-blog-layout1 .blog-comments ul li .comments-content h3 a:hover {
                        color: #222;
                    }

            .single-blog-layout1 .blog-comments ul li .comments-content span {
                position: absolute;
                z-index: 1;
                right: 0;
                top: 0;
            }

                .single-blog-layout1 .blog-comments ul li .comments-content span a {
                    color: #fff;
                    border-radius: 30px;
                    padding: 8px 20px;
                    display: block;
                    background: #707070;
                    font-size: 12px;
                    -webkit-transition: all 0.5s ease-out;
                    -moz-transition: all 0.5s ease-out;
                    -ms-transition: all 0.5s ease-out;
                    -o-transition: all 0.5s ease-out;
                    transition: all 0.5s ease-out;
                }

                .single-blog-layout1 .blog-comments ul li .comments-content span:hover a {
                    background: #155344;
                }

        .single-blog-layout1 .blog-comments ul li:nth-child(even) {
            padding-left: 40px;
        }

            .single-blog-layout1 .blog-comments ul li:nth-child(even) .comments-content span {
                right: 30px;
            }

.single-blog-layout1 .leave-comments h2 {
    color: #222;
    font-size: 24px;
    margin-bottom: 30px;
}

.single-blog-layout1 .leave-comments .form-group {
    margin-bottom: 20px;
}

    .single-blog-layout1 .leave-comments .form-group .form-control {
        border-radius: 0;
        background: #f9f9f9;
        box-shadow: none;
        border: 0;
    }

    .single-blog-layout1 .leave-comments .form-group input {
        height: 45px;
        color: #222;
        font-weight: 500;
    }

        .single-blog-layout1 .leave-comments .form-group input.form-control::-webkit-input-placeholder,
        .single-blog-layout1 .leave-comments .form-group textarea.form-control::-webkit-input-placeholder {
            color: #707070;
        }

        .single-blog-layout1 .leave-comments .form-group input.form-control::-moz-placeholder,
        .single-blog-layout1 .leave-comments .form-group textarea.form-control::-moz-placeholder {
            color: #707070;
        }

        .single-blog-layout1 .leave-comments .form-group input.form-control:-moz-placeholder,
        .single-blog-layout1 .leave-comments .form-group textarea.form-control:-moz-placeholder {
            color: #707070;
        }

        .single-blog-layout1 .leave-comments .form-group input.form-control:-ms-input-placeholder,
        .single-blog-layout1 .leave-comments .form-group textarea.form-control:-ms-input-placeholder {
            color: #707070;
        }

.project-title h3 {
    margin-bottom: 0;
}

    .project-title h3 a {
        color: #fff;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .project-title h3 a:hover {
            color: #fff;
        }

.project-title-dark h3 {
    margin-bottom: 0;
}

    .project-title-dark h3 a {
        color: #222;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .project-title-dark h3 a:hover {
            color: #155344;
        }

.project-title-center h3 {
    margin: 0 auto;
}

    .project-title-center h3 a {
        padding: 5px 10px;
        color: #fff;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .project-title-center h3 a:hover {
            color: #fff;
            background-color: rgba(34, 34, 34, 0.5);
        }

.project-sub-title {
    color: #fff;
    font-size: 16px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.project-sub-title-dark {
    color: #222;
    font-size: 16px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.project-para-light p {
    color: #fff;
}

.item-icon-bottom-center {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 110%;
    -webkit-transform: translateY(-110%);
    -moz-transform: translateY(-110%);
    -ms-transform: translateY(-110%);
    transform: translateY(-110%);
    left: 0;
    right: 0;
    z-index: 8;
    margin: 0 auto;
    text-align: center;
    background-color: #f8f8f8;
    height: 60px;
    width: 60px;
    line-height: 60px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #222;
    font-size: 24px;
    -webkit-transition: all 0.7s cubic-bezier(0, 0, 0.25, 1.5);
    -moz-transition: all 0.7s cubic-bezier(0, 0, 0.25, 1.5);
    -ms-transition: all 0.7s cubic-bezier(0, 0, 0.25, 1.5);
    -o-transition: all 0.7s cubic-bezier(0, 0, 0.25, 1.5);
    transition: all 0.7s cubic-bezier(0, 0, 0.25, 1.5);
}

    .item-icon-bottom-center:hover {
        color: #155344;
    }

.item-icon-top-bottom {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    z-index: 8;
    margin: 0 auto;
    text-align: center;
    background-color: #f8f8f8;
    height: 50px;
    width: 50px;
    line-height: 50px;
    color: #222;
    font-size: 18px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .item-icon-top-bottom:hover {
        color: #155344;
    }

.item-icon-left-right {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    z-index: 8;
    margin: 0 auto;
    text-align: center;
    background-color: #f8f8f8;
    height: 50px;
    width: 50px;
    line-height: 50px;
    color: #222;
    font-size: 18px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .item-icon-left-right:hover {
        color: #155344;
    }

.item-icon-bottom-right {
    width: 40px;
    height: 40px;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 15px;
    top: 110%;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
    line-height: 40px;
    z-index: 7;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .item-icon-bottom-right:hover {
        background: #fff;
        color: #155344;
    }

.item-icon-center {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    display: block;
    border: 2px solid #fff;
    margin: 0 auto;
    line-height: 58px;
    color: #fff;
    z-index: 7;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .item-icon-center:hover {
        background: #fff;
        border: 2px solid #fff;
        color: #155344;
    }

.project-box-layout1 {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

    .project-box-layout1:before {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        content: "";
        height: 100%;
        width: 100%;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 1;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#155344), to(transparent));
        background-image: -webkit-linear-gradient(transparent, #155344);
        background-image: -moz-linear-gradient(transparent, #155344), -moz-linear-gradient(transparent, #155344);
        background-image: -o-linear-gradient(transparent, #155344), -o-linear-gradient(transparent, #155344);
        background-image: linear-gradient(transparent, #155344), linear-gradient(transparent, #155344);
        -moz-background-size: 100%;
        background-size: 100%;
        background-position: 0 0, 100% 0;
        background-repeat: no-repeat;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .project-box-layout1 img {
        width: 100%;
    }

    .project-box-layout1 .item-content {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        bottom: -50px;
        z-index: 2;
        padding: 30px 30px 15px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .project-box-layout1:hover:before {
        opacity: 1;
        visibility: visible;
        top: 0;
    }

    .project-box-layout1:hover .item-content {
        bottom: 0;
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 0.6s ease-out;
        -moz-transition: all 0.6s ease-out;
        -ms-transition: all 0.6s ease-out;
        -o-transition: all 0.6s ease-out;
        transition: all 0.6s ease-out;
    }

    .project-box-layout1:hover .item-icon-bottom-center {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        opacity: 1;
        visibility: visible;
    }

    .project-box-layout1:hover .item-icon-top-bottom {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        top: 100%;
        opacity: 1;
        visibility: visible;
    }

    .project-box-layout1:hover .item-icon-left-right {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        left: 100%;
        opacity: 1;
        visibility: visible;
    }

    .project-box-layout1:hover .item-icon-bottom-right {
        -webkit-transform: translateY(-95%);
        -moz-transform: translateY(-95%);
        -ms-transform: translateY(-95%);
        transform: translateY(-95%);
        top: 95%;
        opacity: 1;
        visibility: visible;
    }

    .project-box-layout1:hover .item-icon-center {
        opacity: 1;
        visibility: visible;
    }

.project-box-layout2 {
    position: relative;
    overflow: hidden;
}

    .project-box-layout2 img {
        width: 100%;
    }

    .project-box-layout2 .item-content {
        padding-left: 30px;
        height: 70px;
        width: 100%;
        background-color: rgba(0, 191, 165, 0.8);
        position: absolute;
        bottom: -108px;
        z-index: 1;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .project-box-layout2:hover .item-content {
        bottom: 0;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .project-box-layout2:hover .item-icon-bottom-center {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        opacity: 1;
        visibility: visible;
    }

    .project-box-layout2:hover .item-icon-top-bottom {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        top: 100%;
        opacity: 1;
        visibility: visible;
    }

    .project-box-layout2:hover .item-icon-left-right {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        left: 100%;
        opacity: 1;
        visibility: visible;
    }

    .project-box-layout2:hover .item-icon-bottom-right {
        -webkit-transform: translateY(-95%);
        -moz-transform: translateY(-95%);
        -ms-transform: translateY(-95%);
        transform: translateY(-95%);
        top: 95%;
        opacity: 1;
        visibility: visible;
    }

    .project-box-layout2:hover .item-icon-center {
        opacity: 1;
        visibility: visible;
    }

.project-box-layout3 {
    position: relative;
    overflow: hidden;
}

    .project-box-layout3:before {
        content: "";
        height: 100%;
        width: 100%;
        background-color: rgba(0, 191, 165, 0.8);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .project-box-layout3 img {
        width: 100%;
        -webkit-transition: all 0.8s ease-out;
        -moz-transition: all 0.8s ease-out;
        -ms-transition: all 0.8s ease-out;
        -o-transition: all 0.8s ease-out;
        transition: all 0.8s ease-out;
    }

    .project-box-layout3 .item-content {
        position: absolute;
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        opacity: 0;
        visibility: hidden;
        z-index: 2;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .project-box-layout3:hover:before {
        opacity: 1;
        visibility: visible;
    }

    .project-box-layout3:hover img {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }

    .project-box-layout3:hover .item-content {
        opacity: 1;
        visibility: visible;
    }

    .project-box-layout3:hover .item-icon-bottom-center {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        opacity: 1;
        visibility: visible;
    }

    .project-box-layout3:hover .item-icon-top-bottom {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        top: 100%;
        opacity: 1;
        visibility: visible;
    }

    .project-box-layout3:hover .item-icon-left-right {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        left: 100%;
        opacity: 1;
        visibility: visible;
    }

    .project-box-layout3:hover .item-icon-bottom-right {
        -webkit-transform: translateY(-95%);
        -moz-transform: translateY(-95%);
        -ms-transform: translateY(-95%);
        transform: translateY(-95%);
        top: 95%;
        opacity: 1;
        visibility: visible;
    }

    .project-box-layout3:hover .item-icon-center {
        opacity: 1;
        visibility: visible;
    }

.project-box-layout4 {
    position: relative;
    overflow: hidden;
}

    .project-box-layout4 img {
        width: 100%;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .project-box-layout4 .item-content {
        position: relative;
        padding: 15px 30px;
        width: 100%;
        background-color: #155344;
        position: absolute;
        bottom: 0;
        transform: translateY(100%);
        z-index: 9;
        -webkit-transition: all 0.6s ease-out;
        -moz-transition: all 0.6s ease-out;
        -ms-transition: all 0.6s ease-out;
        -o-transition: all 0.6s ease-out;
        transition: all 0.6s ease-out;
    }

        .project-box-layout4 .item-content .item-icon {
            color: #fff;
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 5;
        }

            .project-box-layout4 .item-content .item-icon i {
                margin-right: 10px;
            }

    .project-box-layout4:hover img {
        transform: translateY(-50px);
    }

    .project-box-layout4:hover .item-content {
        bottom: 0;
        transform: translateY(0px);
    }

    .project-box-layout4:hover .item-icon-bottom-center {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        opacity: 1;
        visibility: visible;
    }

    .project-box-layout4:hover .item-icon-top-bottom {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        top: 100%;
        opacity: 1;
        visibility: visible;
    }

    .project-box-layout4:hover .item-icon-left-right {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        left: 100%;
        opacity: 1;
        visibility: visible;
    }

    .project-box-layout4:hover .item-icon-bottom-right {
        -webkit-transform: translateY(-95%);
        -moz-transform: translateY(-95%);
        -ms-transform: translateY(-95%);
        transform: translateY(-95%);
        top: 95%;
        opacity: 1;
        visibility: visible;
    }

    .project-box-layout4:hover .item-icon-center {
        opacity: 1;
        visibility: visible;
    }

.project-box-layout5 {
    position: relative;
}

    .project-box-layout5 img {
        width: 100%;
    }

    .project-box-layout5:before {
        opacity: 0;
        visibility: hidden;
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1;
        background-color: rgba(0, 191, 165, 0.7);
        -webkit-transition: all 0.6s ease-out;
        -moz-transition: all 0.6s ease-out;
        -ms-transition: all 0.6s ease-out;
        -o-transition: all 0.6s ease-out;
        transition: all 0.6s ease-out;
    }

    .project-box-layout5:hover:before {
        opacity: 1;
        visibility: visible;
    }

    .project-box-layout5:hover .item-icon-bottom-center {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        opacity: 1;
        visibility: visible;
    }

    .project-box-layout5:hover .item-icon-top-bottom {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        top: 100%;
        opacity: 1;
        visibility: visible;
    }

    .project-box-layout5:hover .item-icon-left-right {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        left: 100%;
        opacity: 1;
        visibility: visible;
    }

    .project-box-layout5:hover .item-icon-bottom-right {
        -webkit-transform: translateY(-95%);
        -moz-transform: translateY(-95%);
        -ms-transform: translateY(-95%);
        transform: translateY(-95%);
        top: 95%;
        opacity: 1;
        visibility: visible;
    }

    .project-box-layout5:hover .item-icon-center {
        opacity: 1;
        visibility: visible;
    }

.project-layout6 .project-box-back .owl-item.active.center {
    opacity: 1 !important;
}

    .project-layout6 .project-box-back .owl-item.active.center .item-box {
        position: relative;
    }

        .project-layout6 .project-box-back .owl-item.active.center .item-box:before {
            content: "";
            position: absolute;
            height: 100%;
            width: 100%;
            border: 5px solid #222;
            z-index: 3;
        }

.project-layout6 .project-box-back .owl-item.active {
    opacity: 0.3 !important;
}

.project-box-layout7 {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}

    .project-box-layout7:before {
        position: absolute;
        content: "";
        height: 100%;
        width: 100%;
        top: 40%;
        left: 0;
        right: 0;
        z-index: 1;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222), to(transparent));
        background-image: -webkit-linear-gradient(transparent, #222);
        background-image: -moz-linear-gradient(transparent, #222), -moz-linear-gradient(transparent, #222);
        background-image: -o-linear-gradient(transparent, #222), -o-linear-gradient(transparent, #222);
        background-image: linear-gradient(transparent, #222), linear-gradient(transparent, #222);
        -moz-background-size: 100%;
        background-size: 100%;
        background-position: 0 0, 100% 0;
        background-repeat: no-repeat;
        -webkit-transition: all 0.6s ease-out;
        -moz-transition: all 0.6s ease-out;
        -ms-transition: all 0.6s ease-out;
        -o-transition: all 0.6s ease-out;
        transition: all 0.6s ease-out;
    }

    .project-box-layout7 img {
        width: 100%;
    }

    .project-box-layout7:hover {
        -webkit-box-shadow: 0 18px 25px -10px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 18px 25px -10px rgba(0, 0, 0, 0.5);
        box-shadow: 0 18px 25px -10px rgba(0, 0, 0, 0.5);
    }

        .project-box-layout7:hover:before {
            top: 1px;
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#155344), to(transparent));
            background-image: -webkit-linear-gradient(transparent, #155344);
            background-image: -moz-linear-gradient(transparent, #155344), -moz-linear-gradient(transparent, #155344);
            background-image: -o-linear-gradient(transparent, #155344), -o-linear-gradient(transparent, #155344);
            background-image: linear-gradient(transparent, #155344), linear-gradient(transparent, #155344);
            -webkit-transition: all 0.6s ease-out;
            -moz-transition: all 0.6s ease-out;
            -ms-transition: all 0.6s ease-out;
            -o-transition: all 0.6s ease-out;
            transition: all 0.6s ease-out;
        }

        .project-box-layout7:hover .item-content {
            bottom: 30px;
            -webkit-transition: all 0.6s ease-out;
            -moz-transition: all 0.6s ease-out;
            -ms-transition: all 0.6s ease-out;
            -o-transition: all 0.6s ease-out;
            transition: all 0.6s ease-out;
        }

            .project-box-layout7:hover .item-content span {
                color: #fff;
            }

            .project-box-layout7:hover .item-content .item-btn {
                opacity: 1;
                visibility: visible;
            }

    .project-box-layout7 .item-content {
        position: absolute;
        bottom: -50px;
        z-index: 2;
        padding: 30px 20px 15px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

        .project-box-layout7 .item-content span {
            color: #155344;
            display: block;
            margin-bottom: 10px;
            -webkit-transition: all 0.6s ease-out;
            -moz-transition: all 0.6s ease-out;
            -ms-transition: all 0.6s ease-out;
            -o-transition: all 0.6s ease-out;
            transition: all 0.6s ease-out;
        }

        .project-box-layout7 .item-content p {
            color: #fff;
            margin-bottom: 30px;
        }

        .project-box-layout7 .item-content .item-btn {
            opacity: 0;
            visibility: hidden;
            -webkit-transition: all 0.6s ease-out;
            -moz-transition: all 0.6s ease-out;
            -ms-transition: all 0.6s ease-out;
            -o-transition: all 0.6s ease-out;
            transition: all 0.6s ease-out;
        }

            .project-box-layout7 .item-content .item-btn li {
                margin-right: 5px;
                display: inline;
            }

                .project-box-layout7 .item-content .item-btn li:last-child {
                    margin-right: 0;
                }

.project-box-layout8 li {
    margin-bottom: 17px;
}

    .project-box-layout8 li:last-child {
        margin-bottom: 0;
    }

    .project-box-layout8 li .media-body {
        padding: 10px 10px 0 10px;
        position: relative;
    }

        .project-box-layout8 li .media-body h3 {
            padding-right: 45px;
        }

        .project-box-layout8 li .media-body span {
            color: #155344;
            position: absolute;
            right: 10px;
            top: 10px;
            font-size: 24px;
        }

.project-box-layout9 {
    position: relative;
}

    .project-box-layout9:before {
        height: 80%;
        width: 80%;
        top: 10%;
        position: absolute;
        content: "";
        opacity: 1;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 1;
        opacity: 0;
        visibility: hidden;
        background-color: rgba(0, 191, 165, 0.95);
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .project-box-layout9 img {
        width: 100%;
    }

    .project-box-layout9 .item-content {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 60%;
        z-index: 2;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        transform: translateY(-60%);
        -ms-transform: translateY(-60%);
        -moz-transform: translateY(-60%);
        -webkit-transform: translateY(-60%);
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .project-box-layout9 .item-content a.item-icon-circle {
            display: inline-block;
        }

            .project-box-layout9 .item-content a.item-icon-circle i:before {
                border-radius: 30px;
                border: 1px solid #fff;
                width: 70px;
                height: 35px;
                text-align: center;
                color: #fff;
                line-height: 35px;
                position: inherit;
                display: block;
                left: 0;
                right: 0;
                margin: 0 auto;
                -webkit-transition: all 0.5s ease-out;
                -moz-transition: all 0.5s ease-out;
                -ms-transition: all 0.5s ease-out;
                -o-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
            }

            .project-box-layout9 .item-content a.item-icon-circle:hover i:before {
                background: #fff;
                color: #155344;
            }

    .project-box-layout9:hover:before {
        opacity: 1;
        visibility: visible;
    }

    .project-box-layout9:hover .item-content {
        opacity: 1;
        visibility: visible;
    }

.project-box-layout10 .item-img {
    position: relative;
}

    .project-box-layout10 .item-img:before {
        opacity: 0;
        visibility: hidden;
        content: "";
        background-color: rgba(34, 34, 34, 0.7);
        position: absolute;
        z-index: 1;
        height: 100%;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

.project-box-layout10 .item-content {
    background: #f8f8f8;
    text-align: center;
    padding: 35px 0;
    width: 100%;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .project-box-layout10 .item-content:before {
        background: #155344;
    }

    .project-box-layout10 .item-content:hover h3 a {
        color: #fff;
    }

        .project-box-layout10 .item-content:hover h3 a:hover {
            color: #fff;
        }

    .project-box-layout10 .item-content:hover .project-sub-title-dark {
        color: #fff;
    }

.project-box-layout10 img {
    width: 100%;
}

.project-box-layout10:hover .item-img:before {
    opacity: 1;
    visibility: visible;
}

.project-box-layout10:hover .item-icon-bottom-center {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    opacity: 1;
    visibility: visible;
}

.project-box-layout10:hover .item-icon-top-bottom {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.project-box-layout10:hover .item-icon-left-right {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    left: 100%;
    opacity: 1;
    visibility: visible;
}

.project-box-layout10:hover .item-icon-bottom-right {
    -webkit-transform: translateY(-95%);
    -moz-transform: translateY(-95%);
    -ms-transform: translateY(-95%);
    transform: translateY(-95%);
    top: 95%;
    opacity: 1;
    visibility: visible;
}

.project-box-layout10:hover .item-icon-center {
    opacity: 1;
    visibility: visible;
}

.features-box-layout1 {
    position: relative;
}

    .features-box-layout1 .item-inner-wrapper {
        width: 50%;
    }

@media only screen and (max-width: 991px) {
    .features-box-layout1 .item-inner-wrapper {
        width: 100%;
    }
}

.features-box-layout1 .item-inner-wrapper img {
    width: 100%;
}

.features-box-layout1 .item-content {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

@media only screen and (max-width: 991px) {
    .features-box-layout1 .item-content {
        position: inherit;
        padding: 50px;
    }
}

.features-box-layout1:nth-child(even) .item-content-inner {
    padding-left: 80px;
}

@media only screen and (max-width: 1199px) {
    .features-box-layout1:nth-child(even) .item-content-inner {
        padding-left: 30px;
    }
}

@media only screen and (max-width: 991px) {
    .features-box-layout1:nth-child(even) .item-content-inner {
        padding-left: 0;
    }
}

.features-box-layout1:nth-child(odd) .item-content-inner {
    padding-right: 10px;
}

@media only screen and (max-width: 991px) {
    .features-box-layout1:nth-child(odd) .item-content-inner {
        padding-right: 0;
    }
}

.features-box-layout2 {
    overflow: hidden;
    position: relative;
}

    .features-box-layout2 .item-content {
        padding: 0 15px;
        background-color: rgba(0, 191, 165, 0.9);
        width: 100%;
        height: 170px;
        position: absolute;
        bottom: -105px;
        z-index: 2;
        -webkit-transition: all 0.8s ease-out;
        -moz-transition: all 0.8s ease-out;
        -ms-transition: all 0.8s ease-out;
        -o-transition: all 0.8s ease-out;
        transition: all 0.8s ease-out;
    }

        .features-box-layout2 .item-content h3 {
            margin-bottom: 5px;
        }

            .features-box-layout2 .item-content h3 a:hover {
                color: #155344;
            }

        .features-box-layout2 .item-content .content-up-down-icon:before {
            opacity: 1;
            visibility: visible;
            text-align: center;
            position: absolute;
            content: "\f106";
            top: 24px;
            right: 15px;
            z-index: 6;
            background: #fff;
            border-radius: 50%;
            height: 20px;
            width: 20px;
            font-size: 20px;
            line-height: 20px;
            color: #155344;
            font-family: FontAwesome;
            -webkit-transition: all 0.7s ease-out;
            -moz-transition: all 0.7s ease-out;
            -ms-transition: all 0.7s ease-out;
            -o-transition: all 0.7s ease-out;
            transition: all 0.7s ease-out;
        }

        .features-box-layout2 .item-content .content-up-down-icon:after {
            opacity: 0;
            visibility: hidden;
            text-align: center;
            position: absolute;
            content: "\f107";
            top: 24px;
            right: 15px;
            z-index: 6;
            background: #fff;
            border-radius: 50%;
            height: 20px;
            width: 20px;
            font-size: 20px;
            line-height: 20px;
            color: #155344;
            font-family: FontAwesome;
            -webkit-transition: all 0.7s ease-out;
            -moz-transition: all 0.7s ease-out;
            -ms-transition: all 0.7s ease-out;
            -o-transition: all 0.7s ease-out;
            transition: all 0.7s ease-out;
        }

        .features-box-layout2 .item-content p {
            color: #fff;
        }

    .features-box-layout2:hover .item-content {
        background-color: rgba(34, 34, 34, 0.9);
        bottom: 0;
    }

        .features-box-layout2:hover .item-content .content-up-down-icon:before {
            opacity: 0;
            visibility: hidden;
        }

        .features-box-layout2:hover .item-content .content-up-down-icon:after {
            opacity: 1;
            visibility: visible;
        }

ul.features-box-layout3 li {
    padding: 15px;
    background: #f8f8f8;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-bottom: 10px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    ul.features-box-layout3 li .item-img img {
        width: 100%;
    }

    ul.features-box-layout3 li .item-content {
        margin-left: 30px;
    }

        ul.features-box-layout3 li .item-content h3 {
            font-weight: 500;
            font-size: 18px;
            margin-bottom: 0;
        }

            ul.features-box-layout3 li .item-content h3 a {
                color: #222;
                -webkit-transition: all 0.3s ease-out;
                -moz-transition: all 0.3s ease-out;
                -ms-transition: all 0.3s ease-out;
                -o-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out;
            }

                ul.features-box-layout3 li .item-content h3 a:hover {
                    color: #155344;
                }

        ul.features-box-layout3 li .item-content h4 {
            font-size: 13px;
            margin-bottom: 3px;
        }

    ul.features-box-layout3 li:last-child {
        margin-bottom: 0;
    }

    ul.features-box-layout3 li:before {
        background: #f8f8f8;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

.skill-box-layout1 {
    margin-top: 5px;
    position: relative;
    overflow: hidden;
}

    .skill-box-layout1 .progress {
        background-color: #f0f0f0;
        border-radius: 0;
        box-shadow: none;
        height: 12px;
        margin-bottom: 65px;
        overflow: visible;
        position: relative;
        margin-top: 44px;
    }

        .skill-box-layout1 .progress .lead {
            color: #222;
            font-size: 18px;
            position: absolute;
            top: -38px;
            font-weight: 600;
        }

        .skill-box-layout1 .progress:last-child {
            margin-bottom: 0;
        }

    .skill-box-layout1 .progress-bar > span {
        background: #222;
        float: right;
        font-size: 11px;
        margin-right: 10px;
        margin-top: -25px;
        position: relative;
        padding: 0 5px;
    }

        .skill-box-layout1 .progress-bar > span:before,
        .skill-box-layout1 .progress-bar > span:after {
            border: medium solid transparent;
            content: "";
            height: 0;
            position: absolute;
            top: 100%;
            width: 0;
        }

        .skill-box-layout1 .progress-bar > span:before {
            border-top-color: #333;
            border-width: 5px;
            left: 50%;
            margin-left: -5px;
        }

.skill-box-layout2 {
    text-align: center;
}

    .skill-box-layout2 .progress-circular {
        position: relative;
    }

        .skill-box-layout2 .progress-circular h3 {
            bottom: 50px;
            color: #707070;
            left: 0;
            position: absolute;
            right: 0;
            font-size: 16px;
        }

        .skill-box-layout2 .progress-circular input {
            margin-top: 55px !important;
        }

.appointment-layout1 {
    padding-right: 30px;
    color: #fff;
}

    .appointment-layout1 h2 {
        font-size: 40px;
        text-transform: capitalize;
        line-height: 1.2;
        color: #fff;
    }

    .appointment-layout1 p {
        padding-right: 10%;
        margin-bottom: 45px;
        color: #fff;
    }

    .appointment-layout1 input {
        color: #fff;
        background: #155344;
        border-radius: 45px;
        height: 50px;
        border: 1px solid #fff;
        box-shadow: none;
    }

        .appointment-layout1 input:focus {
            border-color: #fff;
        }

    .appointment-layout1 textarea {
        color: #fff;
        padding: 15px 0 0 15px;
        background: #155344;
        border-radius: 30px;
        height: 130px;
        border: 0;
        -webkit-box-shadow: 0 -1px 0 1px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 -1px 0 1px rgba(0, 0, 0, 0.15);
        box-shadow: 0 -1px 0 1px rgba(0, 0, 0, 0.15);
    }

    .appointment-layout1 input.form-control::-webkit-input-placeholder {
        color: #fff;
    }

    .appointment-layout1 input.form-control::-moz-placeholder {
        color: #fff;
    }

    .appointment-layout1 input.form-control:-moz-placeholder {
        color: #fff;
    }

    .appointment-layout1 input.form-control:-ms-input-placeholder {
        color: #fff;
    }

    .appointment-layout1 textarea.form-control::-webkit-input-placeholder {
        color: #fff;
    }

    .appointment-layout1 textarea.form-control::-moz-placeholder {
        color: #fff;
    }

    .appointment-layout1 textarea.form-control:-moz-placeholder {
        color: #fff;
    }

    .appointment-layout1 textarea.form-control:-ms-input-placeholder {
        color: #fff;
    }

    .appointment-layout1 .elv-custom-select select {
        width: 100%;
        height: 50px;
    }

    .appointment-layout1 .pLace-order {
        text-align: left;
        margin-top: 20px;
    }

    .appointment-layout1 .select2-container .select2-selection--single {
        height: 40px;
    }

    .appointment-layout1 .select2-container--classic .select2-selection--single {
        background-color: #155344;
        background-image: none;
        border-radius: 45px;
        height: 50px;
        border: 1px solid #fff;
        box-shadow: none;
    }

        .appointment-layout1 .select2-container--classic .select2-selection--single .select2-selection__rendered {
            line-height: 40px;
        }

        .appointment-layout1 .select2-container--classic .select2-selection--single .select2-selection__arrow {
            top: 7px;
            background-color: transparent;
            background-image: none;
            border-style: none;
            right: 5px;
        }

    .appointment-layout1 .select2-container--classic .select2-results__option--highlighted[aria-selected] {
        background-color: #155344 !important;
        font-weight: 600;
    }

    .appointment-layout1 .select2-container--classic .select2-selection--single .select2-selection__rendered {
        line-height: 45px;
        padding-left: 15px;
        color: #fff;
    }

    .appointment-layout1
    .select2-container--classic.select2-container--open
    .select2-selection--single
    .select2-selection__arrow
    b {
        border-color: transparent transparent #fff transparent;
    }

    .appointment-layout1 .select2-container--classic .select2-selection--single .select2-selection__arrow b {
        border-color: #fff transparent transparent transparent;
    }

    .appointment-layout1 .select2-container--classic .select2-selection--single .select2-selection__arrow {
        top: 15px;
    }

    .appointment-layout1
    .select2-container--classic.select2-container--open.select2-container--below
    .select2-selection--single,
    .appointment-layout1
    .select2-container--classic.select2-container--open.select2-container--above
    .select2-selection--single {
        background-image: none;
        border-bottom-left-radius: 45px;
        border-bottom-right-radius: 45px;
        border-top-left-radius: 45px;
        border-top-right-radius: 45px;
        background: #155344;
    }

    .appointment-layout1 .date-picker {
        position: relative;
    }

        .appointment-layout1 .date-picker i {
            position: absolute;
            right: 0;
            padding: 20px 15px;
            color: #fff;
            font-size: 16px;
        }

.ask-question-left .panel-group {
    margin-top: 10px;
    margin-bottom: 0;
}

    .ask-question-left .panel-group .panel {
        background: transparent;
    }

.ask-question-left .panel-default {
    border: 0;
    box-shadow: none;
}

    .ask-question-left .panel-default .panel-heading {
        padding: 0;
        background-color: #155344;
        color: #fff;
        transition: all 0.5s ease 0s;
    }

        .ask-question-left .panel-default .panel-heading .panel-title {
            font-size: 18px;
        }

            .ask-question-left .panel-default .panel-heading .panel-title a {
                padding: 15px 15px 14px 15px;
                color: #fff;
                display: block;
            }

                .ask-question-left .panel-default .panel-heading .panel-title a span {
                    color: #fff;
                }

        .ask-question-left .panel-default .panel-heading .accordion-toggle:after {
            font-family: FontAwesome;
            content: "\f068";
            float: right;
            font-size: 18px;
            color: #222;
        }

        .ask-question-left .panel-default .panel-heading .accordion-toggle.collapsed:after {
            content: "\f067";
            font-family: FontAwesome;
            color: #fff;
        }

    .ask-question-left .panel-default .panel-body {
        padding: 17px 25px;
        border-top: 0 !important;
        color: #c6c6c6;
    }

    .ask-question-left .panel-default .active {
        background: #fff;
    }

        .ask-question-left .panel-default .active .panel-title a {
            color: #222;
        }

.ask-question-right .form-group {
    margin-bottom: 18px;
}

    .ask-question-right .form-group .form-control {
        border-radius: 0;
        background: transparent;
        border: 1px solid #d3d3d3 !important;
        box-shadow: none;
        border: 0;
    }

    .ask-question-right .form-group input {
        height: 50px;
        color: #fff;
    }

    .ask-question-right .form-group textarea {
        height: 100px;
        color: #fff;
    }

.ask-question-right input.form-control::-webkit-input-placeholder,
.ask-question-right textarea.form-control::-webkit-input-placeholder {
    color: #fff;
}

.ask-question-right input.form-control::-moz-placeholder,
.ask-question-right textarea.form-control::-moz-placeholder {
    color: #fff;
}

.ask-question-right input.form-control:-moz-placeholder,
.ask-question-right textarea.form-control:-moz-placeholder {
    color: #fff;
}

.ask-question-right input.form-control:-ms-input-placeholder,
.ask-question-right textarea.form-control:-ms-input-placeholder {
    color: #fff;
}

.price-table-box-layout1 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    background: #fff;
    text-align: center;
    padding: 65px 0 70px;
    margin-bottom: 30px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .price-table-box-layout1 > span {
        text-transform: uppercase;
        color: #222;
        display: block;
        letter-spacing: 8px;
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 10px;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .price-table-box-layout1 h3 {
        color: #155344;
        font-size: 50px;
        font-weight: 500;
        margin-bottom: 30px;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .price-table-box-layout1 h3 span {
            color: #a4a4a4;
            font-size: 18px;
            font-weight: 400;
        }

    .price-table-box-layout1 ul {
        margin-bottom: 50px;
    }

        .price-table-box-layout1 ul li {
            color: #222;
            margin-bottom: 15px;
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            -ms-transition: all 0.5s ease-out;
            -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

            .price-table-box-layout1 ul li:last-child {
                margin-bottom: 0;
            }

    .price-table-box-layout1:hover {
        -webkit-transform: translateY(1%);
        -moz-transform: translateY(1%);
        -ms-transform: translateY(1%);
        -o-transform: translateY(1%);
        transform: translateY(1%);
        -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.4);
        box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.4);
    }

        .price-table-box-layout1:hover a {
            background: #155344;
            color: #fff;
        }

h3.reservation-sub-title {
    color: #fff;
    text-align: center;
    font-size: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 48px;
}

.reservation-form {
    display: inline-block;
}

    .reservation-form .reservation-input-box {
        margin-bottom: 30px;
        position: relative;
    }

        .reservation-form .reservation-input-box i {
            position: absolute;
            right: 0;
            padding: 15px 12px;
            color: #155344;
            font-size: 16px;
        }

        .reservation-form .reservation-input-box input {
            padding-right: 30px;
            color: #fff;
            height: 50px;
        }

        .reservation-form .reservation-input-box textarea {
            color: #fff;
            height: 50px;
        }

        .reservation-form .reservation-input-box .form-control {
            border-radius: 45px;
            background: transparent;
            border: 1px solid rgba(255, 255, 255, 0.4);
        }

            .reservation-form .reservation-input-box .form-control:focus {
                box-shadow: none;
            }

    .reservation-form input.form-control::-webkit-input-placeholder,
    .reservation-form textarea.form-control::-webkit-input-placeholder {
        color: #cecece;
    }

    .reservation-form input.form-control::-moz-placeholder,
    .reservation-form textarea.form-control::-moz-placeholder {
        color: #cecece;
    }

    .reservation-form input.form-control:-moz-placeholder,
    .reservation-form textarea.form-control:-moz-placeholder {
        color: #cecece;
    }

    .reservation-form input.form-control:-ms-input-placeholder,
    .reservation-form textarea.form-control:-ms-input-placeholder {
        color: #cecece;
    }

    .reservation-form
    .select2-container--classic.select2-container--open
    .select2-selection--single
    .select2-selection__arrow
    b {
        border-color: transparent transparent #155344 transparent;
    }

    .reservation-form .select2-container--classic .select2-selection--single .select2-selection__arrow b {
        border-color: #155344 transparent transparent transparent;
    }

    .reservation-form .select2-container--classic .select2-selection--single {
        background-image: none;
        border-radius: 45px;
        height: 55px;
        -webkit-box-shadow: 0 -1px 0 1px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 -1px 0 1px rgba(0, 0, 0, 0.15);
        box-shadow: 0 -1px 0 1px rgba(0, 0, 0, 0.15);
    }

        .reservation-form .select2-container--classic .select2-selection--single .select2-selection__rendered {
            line-height: 40px;
        }

        .reservation-form .select2-container--classic .select2-selection--single .select2-selection__arrow {
            top: 7px;
            background-color: transparent;
            background-image: none;
            border-style: none;
            right: 5px;
        }

        .reservation-form .select2-container--classic .select2-selection--single .select2-selection__rendered {
            line-height: 50px;
            padding-left: 15px;
            color: #fff;
        }

        .reservation-form .select2-container--classic .select2-selection--single .select2-selection__arrow {
            top: 15px;
        }

    .reservation-form
    .select2-container--classic.select2-container--open.select2-container--below
    .select2-selection--single,
    .reservation-form
    .select2-container--classic.select2-container--open.select2-container--above
    .select2-selection--single {
        background-image: none;
        border-bottom-left-radius: 45px;
        border-bottom-right-radius: 45px;
        border-top-left-radius: 45px;
        border-top-right-radius: 45px;
    }

.form-response-layout2 .alert-info {
    background: transparent !important;
    border: none !important;
    color: #fff;
    letter-spacing: 2px;
}

.form-response-layout2 .alert-success {
    background-color: transparent;
    color: #05e42a;
    letter-spacing: 1px;
    border-color: transparent;
    font-weight: 500;
}

.form-response-layout2 .alert {
    border-radius: 0 !important;
    padding: 15px 0;
    margin-bottom: 0;
    margin-top: 15px;
}

.site-checking-form-area .form-control {
    border-radius: 45px;
    background: transparent;
    border: 1px solid #fff;
}

.site-checking-form-area input {
    padding: 6px 20px;
    color: #fff;
    height: 57px;
    width: 100%;
}

    .site-checking-form-area input.form-control::-webkit-input-placeholder,
    .site-checking-form-area textarea.form-control::-webkit-input-placeholder {
        color: #fff;
    }

    .site-checking-form-area input.form-control::-moz-placeholder,
    .site-checking-form-area textarea.form-control::-moz-placeholder {
        color: #fff;
    }

    .site-checking-form-area input.form-control:-moz-placeholder,
    .site-checking-form-area textarea.form-control:-moz-placeholder {
        color: #fff;
    }

    .site-checking-form-area input.form-control:-ms-input-placeholder,
    .site-checking-form-area textarea.form-control:-ms-input-placeholder {
        color: #fff;
    }

.shop-top-tilte {
    font-size: 16px;
    margin-bottom: 40px;
    color: #222;
}

.product-box {
    overflow: hidden;
    margin-bottom: 30px;
}

    .product-box .product-img-holder {
        position: relative;
    }

        .product-box .product-img-holder a img {
            width: 100%;
        }

        .product-box .product-img-holder:after {
            opacity: 0;
            position: absolute;
            content: "";
            height: 100%;
            width: 100%;
            background-color: rgba(34, 34, 34, 0.7);
            z-index: 1;
            top: 0;
            left: 0;
            right: 0;
            margin: 0 auto;
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            -ms-transition: all 0.5s ease-out;
            -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

        .product-box .product-img-holder .product-social {
            opacity: 0;
            position: absolute;
            text-align: center;
            left: 0;
            right: 0;
            margin: 0 auto;
            top: 40%;
            z-index: 2;
            -moz-transform: scale(1) translateY(-150px);
            -webkit-transform: scale(1) translateY(-150px);
            -o-transform: scale(1) translateY(-150px);
            -ms-transform: scale(1) translateY(-150px);
            transform: scale(1) translateY(-150px);
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            -ms-transition: all 0.5s ease-out;
            -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

            .product-box .product-img-holder .product-social li {
                display: inline-block;
                height: 40px;
                width: 42px;
                border-radius: 50%;
                background: #fff;
                margin: 0 1px;
                -webkit-transition: all 0.5s ease-out;
                -moz-transition: all 0.5s ease-out;
                -ms-transition: all 0.5s ease-out;
                -o-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
            }

                .product-box .product-img-holder .product-social li a {
                    display: block;
                }

                    .product-box .product-img-holder .product-social li a i {
                        line-height: 40px;
                        color: #155344;
                        -webkit-transition: all 0.5s ease-out;
                        -moz-transition: all 0.5s ease-out;
                        -ms-transition: all 0.5s ease-out;
                        -o-transition: all 0.5s ease-out;
                        transition: all 0.5s ease-out;
                    }

                .product-box .product-img-holder .product-social li:hover {
                    background: #155344;
                    -webkit-transition: all 0.5s ease-out;
                    -moz-transition: all 0.5s ease-out;
                    -ms-transition: all 0.5s ease-out;
                    -o-transition: all 0.5s ease-out;
                    transition: all 0.5s ease-out;
                }

                    .product-box .product-img-holder .product-social li:hover i {
                        color: #fff;
                        -webkit-transition: all 0.5s ease-out;
                        -moz-transition: all 0.5s ease-out;
                        -ms-transition: all 0.5s ease-out;
                        -o-transition: all 0.5s ease-out;
                        transition: all 0.5s ease-out;
                    }

    .product-box .product-content-holder {
        margin-top: 20px;
    }

        .product-box .product-content-holder h3 {
            text-transform: capitalize;
            margin-bottom: 8px;
        }

            .product-box .product-content-holder h3 a {
                color: #222;
                -webkit-transition: all 0.5s ease-out;
                -moz-transition: all 0.5s ease-out;
                -ms-transition: all 0.5s ease-out;
                -o-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
            }

                .product-box .product-content-holder h3 a:hover {
                    color: #155344;
                }

        .product-box .product-content-holder span {
            color: #222;
            font-size: 18px;
            font-weight: 700;
        }

        .product-box .product-content-holder .rating-wrapper {
            margin-bottom: 5px;
        }

            .product-box .product-content-holder .rating-wrapper li {
                display: inline;
                color: #ffca28;
            }

    .product-box:hover .product-social {
        opacity: 1;
        -moz-transform: scale(1) translateY(0px);
        -webkit-transform: scale(1) translateY(0px);
        -o-transform: scale(1) translateY(0px);
        -ms-transform: scale(1) translateY(0px);
        transform: scale(1) translateY(0px);
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .product-box:hover .product-img-holder:after {
        opacity: 1;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

.inner-product-details-left .tab-content {
    border: 1px solid #c2c2c2;
}

    .inner-product-details-left .tab-content a {
        cursor: move;
        display: block;
    }

        .inner-product-details-left .tab-content a img {
            width: 100%;
        }

.inner-product-details-left ul li {
    border: 1px solid transparent;
    display: inline-block;
}

    .inner-product-details-left ul li a img {
        width: 100%;
        opacity: 0.5;
    }

        .inner-product-details-left ul li a img:hover {
            opacity: 1;
        }

    .inner-product-details-left ul li:last-child {
        margin: 16px 0 0 0;
    }

    .inner-product-details-left ul li:hover {
        border: 1px solid #c2c2c2;
    }

.inner-product-details-left ul .active {
    border: 1px solid #c2c2c2;
}

    .inner-product-details-left ul .active a img {
        opacity: 1;
    }

.inner-product-details-right h3 {
    color: #222;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-bottom: 15px;
    font-size: 28px;
}

.inner-product-details-right .price {
    font-size: 22px;
    font-weight: 700;
    color: #222;
    margin-bottom: 30px;
}

.inner-product-details-right .product-details-content {
    margin-bottom: 30px;
}

    .inner-product-details-right .product-details-content > p {
        margin-bottom: 10px;
        color: #b3b3b3;
    }

        .inner-product-details-right .product-details-content > p > span {
            color: #222;
            font-weight: 600;
            text-transform: uppercase;
        }

.inner-product-details-right .product-details-social {
    margin-bottom: 52px;
}

    .inner-product-details-right .product-details-social li {
        display: inline;
        color: #222;
        font-weight: 600;
        margin-right: 15px;
    }

        .inner-product-details-right .product-details-social li a {
            padding: 0 10px;
        }

            .inner-product-details-right .product-details-social li a i {
                color: #b3b3b3;
                -webkit-transition: all 0.5s ease-out;
                -moz-transition: all 0.5s ease-out;
                -ms-transition: all 0.5s ease-out;
                -o-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
            }

            .inner-product-details-right .product-details-social li a:hover i {
                color: #155344;
            }

.inner-product-details-right .inner-product-details-cart {
    margin-bottom: 0;
}

    .inner-product-details-right .inner-product-details-cart li {
        line-height: 40px;
        border-radius: 30px;
        vertical-align: top;
        margin: 0 1px 0 0;
        display: inline-block;
        border: 1px solid #d5d5d5;
    }

        .inner-product-details-right .inner-product-details-cart li:hover {
            border: 1px solid #155344;
        }

        .inner-product-details-right .inner-product-details-cart li a {
            font-weight: 700;
            width: 40px;
            text-align: center;
            height: 40px;
            background: transparent;
            display: block;
            color: #222;
            text-transform: uppercase;
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            -ms-transition: all 0.5s ease-out;
            -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

            .inner-product-details-right .inner-product-details-cart li a i {
                line-height: 42px;
                font-size: 14px;
                -webkit-transition: all 0.5s ease-out;
                -moz-transition: all 0.5s ease-out;
                -ms-transition: all 0.5s ease-out;
                -o-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
            }

        .inner-product-details-right .inner-product-details-cart li:hover {
            background: #155344;
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            -ms-transition: all 0.5s ease-out;
            -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

            .inner-product-details-right .inner-product-details-cart li:hover a {
                color: #fff;
                -webkit-transition: all 0.5s ease-out;
                -moz-transition: all 0.5s ease-out;
                -ms-transition: all 0.5s ease-out;
                -o-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
            }

            .inner-product-details-right .inner-product-details-cart li:hover i {
                color: #fff;
                -webkit-transition: all 0.5s ease-out;
                -moz-transition: all 0.5s ease-out;
                -ms-transition: all 0.5s ease-out;
                -o-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
            }

        .inner-product-details-right .inner-product-details-cart li:first-child {
            line-height: 48px;
            margin-top: -4px;
            width: 150px;
            height: 50px;
            text-align: center;
        }

            .inner-product-details-right .inner-product-details-cart li:first-child a {
                color: #222;
                display: inline;
                padding: 0;
            }

            .inner-product-details-right .inner-product-details-cart li:first-child:hover a {
                color: #fff;
            }

.product-details-tab-area {
    margin: 120px 0 50px 0;
    border: 1px solid #d5d5d5;
    position: relative;
}

    .product-details-tab-area ul {
        padding-left: 30px;
        position: absolute;
        top: -20px;
        z-index: 9;
    }

        .product-details-tab-area ul > li {
            display: inline-block;
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            -ms-transition: all 0.5s ease-out;
            -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

            .product-details-tab-area ul > li a {
                border-radius: 30px;
                color: #222;
                padding: 10px 20px;
                display: block;
                text-transform: capitalize;
                font-weight: 500;
                border: 1px solid #c2c2c2;
                background: #fff;
                -webkit-transition: all 0.5s ease-out;
                -moz-transition: all 0.5s ease-out;
                -ms-transition: all 0.5s ease-out;
                -o-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
            }

                .product-details-tab-area ul > li a:hover {
                    border: 1px solid #155344;
                    background: #155344;
                    color: #fff;
                }

        .product-details-tab-area ul .active a {
            background: #155344;
            border: 1px solid #155344;
            color: #fff;
            text-decoration: none;
        }

    .product-details-tab-area .tab-content {
        padding: 50px 35px 15px 35px;
    }

.checkout-page-top {
    padding: 15px;
    border: 1px solid #d5d5d5;
    margin-bottom: 20px;
}

    .checkout-page-top p {
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 2px;
        margin-bottom: 0;
        text-transform: uppercase;
    }

        .checkout-page-top p a {
            color: #b3b3b3;
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }

            .checkout-page-top p a:hover {
                color: #155344;
            }

        .checkout-page-top p i {
            margin-right: 5px;
            font-size: 16px;
            color: #155344;
        }

.billing-details-area {
    margin-bottom: 30px;
}

    .billing-details-area label {
        letter-spacing: 1px;
        color: #333;
        font-weight: 400;
        margin-bottom: 10px;
    }

    .billing-details-area input {
        height: 40px;
        border: 1px solid #d5d5d5;
        border-radius: 0;
        box-shadow: none;
        margin-bottom: 10px;
    }

    .billing-details-area span {
        color: #333;
        text-transform: capitalize;
        letter-spacing: 1px;
    }

        .billing-details-area span input {
            height: inherit;
            margin-right: 10px;
        }

    .billing-details-area .custom-select select {
        width: 100%;
        height: 40px;
    }

    .billing-details-area .pLace-order {
        text-align: right;
        margin-top: 20px;
    }

    .billing-details-area .select2-container .select2-selection--single {
        height: 40px;
    }

    .billing-details-area .select2-container--classic .select2-selection--single {
        background-color: transparent;
        background-image: none;
        border-radius: 0;
        border: 1px solid #d5d5d5;
    }

        .billing-details-area .select2-container--classic .select2-selection--single .select2-selection__rendered {
            line-height: 40px;
        }

        .billing-details-area .select2-container--classic .select2-selection--single .select2-selection__arrow {
            top: 7px;
            background-color: transparent;
            background-image: none;
            border-style: none;
            right: 5px;
        }

    .billing-details-area .select2-container--classic .select2-dropdown {
        border: 1px solid #155344 !important;
    }

    .billing-details-area .select2-container--classic .select2-results__option--highlighted[aria-selected] {
        background-color: #155344 !important;
        color: red;
        font-weight: 600;
    }

.ship-to-another-area h2 span {
    margin-left: 15px;
}

.ship-to-another-area label {
    letter-spacing: 2px;
    color: #333;
    font-weight: 600;
    margin-bottom: 10px;
}

.ship-to-another-area textarea {
    box-shadow: none;
    border-radius: 0;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2px;
}

    .ship-to-another-area textarea:focus {
        border-color: #d7d7d7 !important;
    }

.order-sheet {
    margin-bottom: 45px;
    padding: 30px 35px;
    border: 1px solid #d5d5d5;
}

    .order-sheet h2 {
        text-transform: uppercase;
        font-size: 20px;
        color: #333;
        margin-bottom: 15px;
    }

    .order-sheet ul li {
        border-bottom: 1px solid #d5d5d5;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

        .order-sheet ul li span {
            float: right;
        }

    .order-sheet h3 {
        text-transform: uppercase;
        font-size: 18px;
        color: #333;
        letter-spacing: 2px;
        border-bottom: 1px solid #d5d5d5;
        padding-bottom: 12px;
        margin-bottom: 12px;
    }

        .order-sheet h3:last-child {
            border-bottom: 0;
            padding-bottom: 0;
            margin-bottom: 0;
        }

        .order-sheet h3 span {
            float: right;
        }

.payment-option {
    border: 1px solid #d5d5d5;
    padding-top: 30px;
    margin-bottom: 50px;
}

    .payment-option .form-group {
        border-bottom: 1px solid #d5d5d5;
        padding-bottom: 15px;
    }

        .payment-option .form-group:last-child {
            border-bottom: 0;
            padding-bottom: 0;
        }

    .payment-option span {
        color: #333;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 16px;
        font-weight: 600;
        padding-left: 30px;
    }

        .payment-option span input {
            margin-right: 20px;
        }

    .payment-option p {
        padding: 0 64px;
        margin-bottom: 0;
    }

.cart-page-top {
    margin-bottom: 45px;
    border: 1px solid #d5d5d5;
    padding: 0 0 10px;
}

    .cart-page-top table {
        margin-bottom: 10px;
        border-bottom: 1px solid #d5d5d5;
    }

        .cart-page-top table .cart-form-heading {
            text-transform: uppercase;
            font-weight: 600;
            padding: 15px 20px;
        }

        .cart-page-top table tr td {
            vertical-align: middle !important;
            border-right: 1px solid #d5d5d5;
        }

            .cart-page-top table tr td:last-child {
                border-right: 0;
            }

            .cart-page-top table tr td h3 {
                letter-spacing: 2px;
                text-transform: capitalize;
                font-size: 18px;
                margin-bottom: 0;
                margin-left: 15px;
            }

                .cart-page-top table tr td h3 a {
                    color: #222;
                    -webkit-transition: all 0.3s ease-out;
                    -moz-transition: all 0.3s ease-out;
                    -ms-transition: all 0.3s ease-out;
                    -o-transition: all 0.3s ease-out;
                    transition: all 0.3s ease-out;
                }

                    .cart-page-top table tr td h3 a:hover {
                        color: #155344;
                        -webkit-transition: all 0.3s ease-out;
                        -moz-transition: all 0.3s ease-out;
                        -ms-transition: all 0.3s ease-out;
                        -o-transition: all 0.3s ease-out;
                        transition: all 0.3s ease-out;
                    }

            .cart-page-top table tr td a img {
                -webkit-transition: all 0.3s ease-out;
                -moz-transition: all 0.3s ease-out;
                -ms-transition: all 0.3s ease-out;
                -o-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out;
            }

                .cart-page-top table tr td a img:hover {
                    opacity: 0.5;
                    -webkit-transition: all 0.3s ease-out;
                    -moz-transition: all 0.3s ease-out;
                    -ms-transition: all 0.3s ease-out;
                    -o-transition: all 0.3s ease-out;
                    transition: all 0.3s ease-out;
                }

        .cart-page-top table tr .cart-img-holder {
            width: 12%;
        }

        .cart-page-top table tr .amount {
            text-align: center;
            letter-spacing: 2px;
            text-transform: uppercase;
            font-size: 16px;
            color: #222;
            font-weight: 600;
        }

        .cart-page-top table tr .quantity .quantity-holder {
            margin: 0 auto;
            position: relative;
            width: 130px;
            top: -15px;
            z-index: 2;
        }

            .cart-page-top table tr .quantity .quantity-holder input {
                text-align: center;
                position: absolute;
                left: 0;
                right: 0;
                margin: 0 auto;
                width: 48px;
                border-radius: 0;
            }

            .cart-page-top table tr .quantity .quantity-holder .input-group-btn-vertical button {
                border-radius: 0;
                position: absolute;
                z-index: 3;
            }

            .cart-page-top table tr .quantity .quantity-holder .input-group-btn-vertical .quantity-plus {
                left: 0;
            }

            .cart-page-top table tr .quantity .quantity-holder .input-group-btn-vertical .quantity-minus {
                right: 0;
            }

        .cart-page-top table tr .dismiss {
            text-align: center;
        }

            .cart-page-top table tr .dismiss a i {
                color: #155344;
                font-size: 18px;
                -webkit-transition: all 0.3s ease-out;
                -moz-transition: all 0.3s ease-out;
                -ms-transition: all 0.3s ease-out;
                -o-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out;
            }

            .cart-page-top table tr .dismiss a:hover i {
                color: #f00;
                -webkit-transition: all 0.3s ease-out;
                -moz-transition: all 0.3s ease-out;
                -ms-transition: all 0.3s ease-out;
                -o-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out;
            }

    .cart-page-top .update-button {
        text-align: right;
        padding-right: 10px;
    }

.cart-page-bottom-left {
    border: 1px solid #d5d5d5;
    padding: 30px;
}

    .cart-page-bottom-left h2 {
        color: #222;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 20px;
    }

    .cart-page-bottom-left input {
        width: 60%;
        margin-right: 15px;
        height: 50px;
        padding: 5px 10px;
    }

    .cart-page-bottom-left button {
        margin-left: -5px;
    }

.cart-page-bottom-right {
    border: 1px solid #d5d5d5;
    padding: 30px;
}

    .cart-page-bottom-right h2 {
        color: #222;
        text-transform: capitalize;
        letter-spacing: 2px;
        font-size: 20px;
    }

    .cart-page-bottom-right h3 {
        color: #222;
        font-size: 16px;
        text-transform: capitalize;
        letter-spacing: 2px;
        border-bottom: 1px solid #d5d5d5;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

        .cart-page-bottom-right h3 span {
            float: right;
        }

    .cart-page-bottom-right .proceed-button {
        text-align: right;
        margin-top: 20px;
    }

.login-registration-field {
    border: 1px solid #d5d5d5;
    padding: 40px;
}

    .login-registration-field label {
        width: 100%;
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 12px;
    }

    .login-registration-field input {
        height: 40px;
        padding: 0 10px;
        width: 100%;
        border-radius: 0;
        border: 1px solid #d5d5d5;
        margin-bottom: 15px;
    }

    .login-registration-field span {
        margin-left: 15px;
        color: #111;
    }

        .login-registration-field span input {
            width: inherit;
            height: inherit;
            margin-right: 10px;
            padding: 30px;
        }

.counter-title {
    text-align: center;
}

    .counter-title h3 {
        color: #fff;
        font-size: 50px;
        line-height: 1;
        font-weight: 700;
    }

    .counter-title h4 {
        color: #fff;
        font-size: 18px;
        text-transform: capitalize;
    }

.counter-layout1 li {
    margin-right: 5px;
    text-align: center;
    display: inline-block;
}

    .counter-layout1 li:last-child {
        margin-right: 0;
    }

    .counter-layout1 li h4 {
        font-weight: 700;
        margin-bottom: 10px;
        padding: 35px 0;
        font-size: 36px;
        color: #fff;
        width: 160px;
        background: #155344;
    }

    .counter-layout1 li span {
        color: #222;
        font-size: 18px;
        font-weight: 700;
    }

.brand-box {
    text-align: center;
}

    .brand-box a {
        display: inline-block;
    }

        .brand-box a img {
            display: inline-block;
            width: 100%;
            margin: 0 auto;
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            -ms-transition: all 0.5s ease-out;
            -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

        .brand-box a:hover img {
            -webkit-filter: grayscale(0);
        }

.contact-info-box {
    padding: 35px 0;
    text-align: center;
    border-bottom: 1px solid #155344;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#155344), to(transparent));
    background-image: -webkit-linear-gradient(transparent, #155344);
    background-image: -moz-linear-gradient(transparent, #155344), -moz-linear-gradient(transparent, #155344);
    background-image: -o-linear-gradient(transparent, #155344), -o-linear-gradient(transparent, #155344);
    background-image: linear-gradient(transparent, #155344), linear-gradient(transparent, #155344);
    -moz-background-size: 1px 100%;
    background-size: 1px 100%;
    background-position: 0 0, 100% 0;
    background-repeat: no-repeat;
}

    .contact-info-box i {
        color: #155344;
        margin-right: 10px;
        font-size: 20px;
    }

    .contact-info-box h3 {
        font-size: 20px;
        color: #222;
        margin-bottom: 15px;
    }

.contact-title {
    text-align: center;
    margin-bottom: 40px;
}

.contact-form .form-group {
    margin-bottom: 20px;
}

    .contact-form .form-group .form-control {
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        border: 1px solid #d5d5d5;
    }

    .contact-form .form-group input {
        height: 45px;
    }

    .contact-form .form-group button {
        margin-top: 20px;
    }

.contact-form .form-response .alert-info {
    background: transparent !important;
    border: none !important;
    color: red;
    letter-spacing: 5px;
}

.contact-form .form-response .alert-success {
    background-color: transparent;
    color: green;
    letter-spacing: 4px;
    border-color: transparent;
    font-weight: 500;
}

.contact-form .form-response .alert {
    border-radius: 0 !important;
    padding: 15px 0;
}

.error-top {
    text-align: center;
}

    .error-top img {
        margin: 0 auto;
        width: 100%;
    }

.error-bottom {
    text-align: center;
    margin-top: 45px;
}

    .error-bottom p {
        font-size: 18px;
        color: #222;
        line-height: 1.6;
        margin-bottom: 50px;
    }

.sidebar > div {
    margin-bottom: 50px;
}

    .sidebar > div:last-child {
        margin-bottom: 0;
    }

.sidebar-search-area p {
    margin-bottom: 45px;
}

.sidebar-search-area .stylish-input-group {
    background: transparent;
    border: 1px solid #dfdfdf;
    border-radius: 30px;
    padding: 6px 10px;
}

    .sidebar-search-area .stylish-input-group .form-control {
        border: 0;
        box-shadow: none;
        border-radius: 0;
        background: transparent;
        text-transform: capitalize;
        color: #111;
    }

    .sidebar-search-area .stylish-input-group .input-group-addon {
        background: transparent !important;
        border: 0;
        border-radius: 0;
    }

        .sidebar-search-area .stylish-input-group .input-group-addon button {
            border: 0;
            background: transparent;
        }

            .sidebar-search-area .stylish-input-group .input-group-addon button span {
                color: #155344;
            }

.sidebar-search-area .form-control::-moz-placeholder {
    color: #707070;
    font-size: 14px;
}

.product-tags li {
    display: inline-block;
    margin-bottom: 3px;
    border: 1px solid #d5d5d5;
    background: transparent;
    font-size: 12px;
    border-radius: 30px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .product-tags li a {
        color: #707070;
        display: block;
        padding: 10px 30px;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .product-tags li:hover {
        border: 1px solid #155344;
        background: #155344;
    }

        .product-tags li:hover a {
            color: #fff;
        }

.categories ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 25px;
}

    .categories ul li:last-child {
        margin-bottom: 0;
    }

    .categories ul li a {
        color: #707070;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .categories ul li a:hover {
            color: #155344;
        }

    .categories ul li:before {
        content: "\f105";
        font-family: FontAwesome;
        color: #155344;
        position: absolute;
        left: 0;
        top: -3px;
        font-size: 18px;
    }

.shopping-cart p span {
    font-size: 24px;
    margin-right: 10px;
}

.recent-post .recent-post-box {
    margin-bottom: 30px;
}

    .recent-post .recent-post-box span {
        color: #155344;
        text-transform: capitalize;
        margin-bottom: 20px;
        display: block;
    }

    .recent-post .recent-post-box:last-child {
        margin-bottom: 0;
    }

.recent-post p {
    color: #222;
}

.price-range-wrapper {
    text-align: center;
    padding-top: 10px;
}

    .price-range-wrapper:after {
        clear: both;
        display: block;
        content: "";
    }

    .price-range-wrapper .price-range-select {
        margin: 20px 0;
        text-align: center;
    }

        .price-range-wrapper .price-range-select:after {
            clear: both;
            display: block;
            content: "";
        }

        .price-range-wrapper .price-range-select .price-range {
            font-size: 24px;
            color: #155344;
            display: inline-block;
            margin: 0 10px;
        }

    .price-range-wrapper .noUi-connect {
        background: #155344;
    }

    .price-range-wrapper .noUi-horizontal {
        height: 12px;
    }

    .price-range-wrapper .noUi-target {
        border-radius: 0;
    }

    .price-range-wrapper .noUi-horizontal .noUi-handle {
        top: -10px;
        background: #f8f8f8;
        border: 0;
        box-shadow: none;
    }

    .price-range-wrapper .noUi-handle::after,
    .price-range-wrapper .noUi-handle::before {
        left: 16px;
        top: 7px;
        background: #fff;
    }

    .price-range-wrapper .noUi-handle::after {
        left: 19px;
    }

.sidebar-menu-layout1 ul li {
    margin-bottom: 5px;
}

    .sidebar-menu-layout1 ul li a {
        display: block;
        background: #f8f8f8;
        padding: 10px 15px;
        color: #222;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .sidebar-menu-layout1 ul li a i {
            margin-right: 15px;
            color: #155344;
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            -ms-transition: all 0.5s ease-out;
            -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

        .sidebar-menu-layout1 ul li a:hover {
            background: #155344;
            color: #fff;
        }

            .sidebar-menu-layout1 ul li a:hover i {
                color: #fff;
            }

.footer-area-top {
    padding: 60px 0 30px;
    background: #1d1d1d;
}

@media only screen and (max-width: 1199px) {
    .footer-area-top {
        padding: 110px 0 75px;
    }
}

@media only screen and (max-width: 991px) {
    .footer-area-top {
        padding: 100px 0 65px;
    }
}

@media only screen and (max-width: 767px) {
    .footer-area-top {
        padding: 90px 0 55px;
    }
}

@media only screen and (max-width: 479px) {
    .footer-area-top {
        padding: 80px 0 45px;
    }
}

@media only screen and (max-width: 320px) {
    .footer-area-top {
        padding: 70px 0 35px;
    }
}

.footer-area-top .footer-box {
    margin-bottom: 30px;
}

    /*.footer-area-top .footer-box .footer-logo {
        margin-bottom: 30px;
    }*/

    .footer-area-top .footer-box p {
        color: #b3b3b3;
        margin-bottom: 40px;
    }

    .footer-area-top .footer-box h3 {
        font-size: 20px;
        margin-bottom: 30px;
        font-weight: 500;
        color: #fff;
    }

.footer-area-top .footer-social li {
    display: inline-block;
    margin-right: 5px;
}

    .footer-area-top .footer-social li a {
        width: 40px;
        height: 40px;
        border: 1px solid #155344;
        display: block;
        text-align: center;
        line-height: 37px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

        .footer-area-top .footer-social li a i {
            color: #b5b5b5;
            font-size: 14px;
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }

        .footer-area-top .footer-social li a:hover i {
            color: #fff;
        }

    .footer-area-top .footer-social li:last-child {
        margin-right: 0;
    }

.footer-area-top .recent-post-link li {
    padding-left: 20px;
    position: relative;
    margin-bottom: 8px;
    padding-bottom: 10px;
    border-bottom: 1px solid #373737;
}

    .footer-area-top .recent-post-link li:last-child {
        border-bottom: 0;
        margin-bottom: 0;
    }

    .footer-area-top .recent-post-link li:before {
        content: "\f105";
        font-family: FontAwesome;
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        color: #b3b3b3;
    }

    .footer-area-top .recent-post-link li a {
        color: #b3b3b3;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .footer-area-top .recent-post-link li:hover:before {
        color: #155344;
    }

    .footer-area-top .recent-post-link li:hover a {
        color: #155344;
    }

.footer-area-top .quick-link li {
    padding-left: 20px;
    position: relative;
    margin-bottom: 8px;
    padding-bottom: 10px;
    border-bottom: 1px solid #373737;
}

    .footer-area-top .quick-link li:last-child {
        border-bottom: 0;
        margin-bottom: 0;
    }

    .footer-area-top .quick-link li:before {
        content: "\f105";
        font-family: FontAwesome;
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        color: #b3b3b3;
    }

    .footer-area-top .quick-link li a {
        color: #b3b3b3;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .footer-area-top .quick-link li:hover:before {
        color: #155344;
    }

    .footer-area-top .quick-link li:hover a {
        color: #155344;
    }

.footer-area-top .flickr-photos {
    margin-top: 40px;
}

    .footer-area-top .flickr-photos li {
        display: inline-block;
        width: 32%;
        margin-bottom: 5px;
    }

        .footer-area-top .flickr-photos li a img {
            display: inline-block;
            width: 100%;
        }

        .footer-area-top .flickr-photos li a:hover img {
            opacity: 0.5;
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }

.footer-area-bottom {
    text-align: center;
    background: #000;
    padding: 20px 0 1px;
}

    .footer-area-bottom p {
        color: #8f8f8f;
        font-weight: 500;
    }

        .footer-area-bottom p a {
            color: #fff;
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }

            .footer-area-bottom p a:hover {
                color: #155344;
            }

@media (min-width: 1200px) {
    .full-width-compress > * {
        padding-left: 50px;
        padding-right: 50px;
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .d-xl-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    [class^="col-"]:last-child > .service-box-layout8 {
        border-right: 0;
    }
}

@media (min-width: 992px) {
    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .d-lg-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .align-items-lg-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }
}

@media (min-width: 768px) {
    .d-md-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }
}

@media (min-width: 576px) {
    .d-xs-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .features-box-layout2 .item-content {
        height: 90px;
    }

        .features-box-layout2 .item-content .content-up-down-icon,
        .features-box-layout2 .item-content p {
            display: none;
        }

    .counter-layout1 li h4 {
        padding: 20px 0;
        width: 138px;
    }

    .team-box-layout5 .item-content ul li {
        margin: 0 2px;
    }

    .team-box-layout8 {
        padding: 30px 8px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .project-box-layout4 .item-content {
        padding: 8px 30px 10px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .icon-float-none-sm i {
        float: none !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        margin-bottom: 30px;
    }

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

    .mb-sm {
        margin-bottom: 45px;
    }

    .fluid-sm {
        width: 100% !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .icon-float-none-md i {
        float: none !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        margin-bottom: 30px;
    }

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

    .footer-area-top .footer-social li a {
        height: 35px;
        width: 35px;
        line-height: 33px;
    }
}

@media only screen and (max-width: 1199px) {
    h1 {
        font-size: 36px;
    }

    .slider-area .slide-1 p.slider-big-text,
    .slider-area .slide-2 p.slider-big-text,
    .slider-area .slide-3 p.slider-big-text {
        font-size: 42px;
    }

    .slider-area .slide-1 .para-width-compress p.slider-sub-text,
    .slider-area .slide-2 .para-width-compress p.slider-sub-text,
    .slider-area .slide-3 .para-width-compress p.slider-sub-text {
        width: 60%;
    }

    p.slider-big-text,
    p.slider-sub-text,
    .slider-btn-area,
    .top-title {
        padding: 0 30px !important;
    }

    .slider-area .slide-1 .top-title3,
    .slider-area .slide-2 .top-title3,
    .slider-area .slide-3 .top-title3 {
        padding: 0 30px !important;
    }

    .inner-title-dark h2 {
        font-size: 32px;
        line-height: 1.3;
    }

    .service-box-layout1 {
        padding: 50px 20px;
    }

    .section-sub-title-dark,
    .section-sub-title-light {
        margin-bottom: 55px;
    }

    h2.section-lg-title-light {
        font-size: 42px;
    }

    .lg-fluid {
        width: 100%;
    }

    .mb--md {
        margin-bottom: 30px;
    }

    .service-box-layout2 {
        padding: 40px 15px 30px;
    }

    .inner-title-light h2 {
        font-size: 34px;
        line-height: 1.3;
    }

    .project-box-layout2 .item-content {
        height: 64px;
    }

    i.icon-default-dark {
        font-size: 48px;
        line-height: 48px;
    }

        i.icon-default-dark:before {
            font-size: 48px;
            line-height: 48px;
        }

    .team-box-layout4 .item-wrapper .item-content .team-social li a {
        height: 35px;
        width: 35px;
        line-height: 35px;
    }

    .service-box-layout6 ul.service-box-nav li {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .appointment-layout1 {
        padding-right: 0;
    }

        .appointment-layout1 h2 {
            font-size: 32px;
        }

    .section-title-light {
        font-size: 30px;
    }

    .inner-title-bold h2 {
        font-size: 42px;
    }

    ul.features-box-layout3 li {
        margin-bottom: 39px;
    }

    .service-box-layout8 {
        border: 1px solid #b2dfdb;
    }

    .single-blog-layout1 .blog-comments ul li .comments-content {
        -webkit-box-flex: 3;
        -webkit-flex: 3;
        -moz-flex: 3;
        flex: 3;
    }

    i.pull-left.icon-circle-primary {
        margin-right: 20px;
    }

    i.pull-left.icon-circle-light {
        margin-right: 20px;
    }

    i.pull-left.icon-default-primary {
        margin-right: 20px;
    }

    i.pull-left.icon-default-dark {
        margin-right: 20px;
    }

    i.pull-left.icon-default-light {
        margin-right: 20px;
    }

    .counter-title h3 {
        font-size: 46px;
    }

    .product-details-tab-area {
        margin: 100px 0 40px;
    }

    .rt-dropdown-mega-custom {
        left: -42.5% !important;
    }

    .rt-dropdown-mega-custom2 {
        left: -43% !important;
    }
}

@media only screen and (max-width: 991px) {
    .box-pa-sm {
        padding: 30px 20px 10px;
    }

    .item-mb--sm {
        margin-bottom: 30px;
    }

    .mb10--sm {
        margin-bottom: 10px !important;
    }

    .mb45--sm {
        margin-bottom: 45px;
    }

    .mb-sm-list {
        margin-bottom: 30px;
    }

        .mb-sm-list:last-child {
            margin-bottom: 0;
        }

    h1 {
        font-size: 34px;
    }

    h2 {
        font-size: 32px;
    }

    h3 {
        font-size: 20px;
    }

    .section-sub-title-dark,
    .section-sub-title-light {
        margin-bottom: 50px;
    }

    .ttm-para-dark,
    .ttm-para-light,
    .banner-para-light,
    .section-sub-title-light,
    .section-lg-title-dark,
    .section-md-title-dark,
    .section-sub-title-dark {
        width: 100%;
    }

    .elv-main-menu {
        padding-right: 15px;
    }

    .slider-area .slide-1 p.slider-big-text,
    .slider-area .slide-2 p.slider-big-text,
    .slider-area .slide-3 p.slider-big-text {
        font-size: 36px;
    }

    .slider-area .slide-1 .para-width-compress p.slider-sub-text,
    .slider-area .slide-2 .para-width-compress p.slider-sub-text,
    .slider-area .slide-3 .para-width-compress p.slider-sub-text {
        width: 85%;
    }

    .inner-title-dark h2 {
        font-size: 30px;
        line-height: 1.3;
    }

    .inner-title-dark h3 {
        font-size: 28px;
    }

    h2.section-lg-title-light {
        font-size: 34px;
    }

    h2.section-title-dark {
        font-size: 30px;
    }

    .blog-box-layout1 .item-content {
        padding: 20px 15px;
    }

    .element-border-right > li {
        margin-right: 5px;
        padding-right: 8px;
    }

    i.icon-default-dark {
        font-size: 42px;
        line-height: 42px;
    }

        i.icon-default-dark:before {
            font-size: 42px;
            line-height: 42px;
        }

    .team-box-layout3 .team-content {
        height: 70px;
    }

    .appointment-layout1 h2 {
        font-size: 30px;
    }

    .service-box-layout6 ul.service-box-nav li a .item-icon i {
        margin-right: 15px;
        height: 50px;
        width: 50px;
    }

        .service-box-layout6 ul.service-box-nav li a .item-icon i:before {
            margin: 12px 0 0 15px;
            font-size: 20px;
        }

    .service-box-layout6 ul.service-box-nav li {
        padding-bottom: 0;
    }

    .inner-title-light h2 {
        font-size: 32px;
        line-height: 1.3;
    }

    .service-box-layout3 {
        padding: 30px 20px 20px;
    }

    .section-title-light {
        font-size: 26px;
    }

    .get-quote-title {
        margin: 0;
    }

    .get-quote-sub-title {
        margin: 0 0 20px;
    }

    .inner-title-bold h2 {
        font-size: 38px;
    }

    .service-box-layout5 .item-content {
        bottom: -100px;
    }

        .service-box-layout5 .item-content h3 {
            margin-bottom: 0;
        }

    .service-box-layout5:hover .item-content {
        bottom: 0;
    }

    .sidebar-mt-sm {
        margin-top: 50px;
    }

    .slider-area .slide-1 p.slider-sub-text,
    .slider-area .slide-2 p.slider-sub-text,
    .slider-area .slide-3 p.slider-sub-text {
        margin-bottom: 30px;
    }

    .elv-main-menu {
        display: none;
    }

    .logo-area {
        display: none;
    }

    .nav-top-right {
        position: absolute;
        top: 10px;
        z-index: 100;
        right: 0;
    }

    .posiition1 {
        top: 13px;
        right: 10px;
    }

    .posiition2 {
        top: 8px;
        right: 15px;
    }

    .posiition3 {
        top: 7px;
    }

    .posiition4 {
        top: 12px;
    }

    .posiition5 {
        top: 13px;
        right: -20px;
    }

    .posiition6 {
        top: 14px;
        right: -5px;
    }

    .posiition7 {
        top: 7px;
        right: 15px;
        position: fixed;
    }

    .hidden--sm {
        display: none !important;
    }

    .header-top-bar {
        display: none;
    }

    .slider-area {
        margin-top: 49px;
    }

    .cart-area .cart-trigger-icon {
        line-height: 40px;
    }

        .cart-area .cart-trigger-icon span {
            top: 0;
        }

    .header-search .search-input {
        top: 43px;
        right: 20px;
        height: 50px;
        width: 320px;
        background: rgba(0, 191, 165, 0.9);
    }

    .container-fluid-sm {
        width: 100%;
    }

    #wrapper.open {
        margin-right: 0;
    }

    .counter-title h3 {
        font-size: 42px;
    }

    .product-details-tab-area {
        margin: 80px 0 30px;
    }
}

@media only screen and (max-width: 767px) {
    .d-sm-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    h1 {
        font-size: 34px;
    }

    h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 18px;
    }

    .lead {
        font-size: 16px;
    }

        .lead p {
            font-size: 16px;
        }

    .slider-area .slide-1 p.slider-big-text,
    .slider-area .slide-2 p.slider-big-text,
    .slider-area .slide-3 p.slider-big-text {
        font-size: 32px;
    }

        .slider-area .slide-1 p.slider-big-text br,
        .slider-area .slide-2 p.slider-big-text br,
        .slider-area .slide-3 p.slider-big-text br {
            display: none;
        }

    .slider-area .slide-1 p.slider-sub-text,
    .slider-area .slide-2 p.slider-sub-text,
    .slider-area .slide-3 p.slider-sub-text {
        margin-bottom: 20px;
        font-size: 15px;
        font-weight: 400;
    }

    .slider-area .nivo-caption {
        top: 10px;
    }

    .slider-area .nivo-directionNav a.nivo-nextNav:before {
        font-size: 14px;
        top: 13px;
        right: 13px;
    }

    .slider-area .nivo-directionNav a.nivo-prevNav:before {
        font-size: 14px;
        top: 13px;
        left: 13px;
    }

    .slider-area .nivo-directionNav a.nivo-nextNav,
    .slider-area .nivo-directionNav a.nivo-prevNav {
        height: 40px;
        width: 40px;
    }

    .slider-area .slide-1 .para-width-compress p.slider-sub-text,
    .slider-area .slide-2 .para-width-compress p.slider-sub-text,
    .slider-area .slide-3 .para-width-compress p.slider-sub-text {
        width: 100%;
    }

    .slider-area .slide-1 .top-title2,
    .slider-area .slide-2 .top-title2,
    .slider-area .slide-3 .top-title2 {
        letter-spacing: 10px;
    }

    .slider-area .slide-1 .top-title3,
    .slider-area .slide-2 .top-title3,
    .slider-area .slide-3 .top-title3 {
        font-size: 24px;
    }

    .section-sub-title-dark,
    .section-sub-title-light {
        margin-bottom: 45px;
    }

    .inner-title-dark h2 {
        font-size: 28px;
        line-height: 1.3;
    }

    .inner-title-dark h3 {
        font-size: 26px;
    }

    .inner-title-light h2 {
        font-size: 30px;
        line-height: 1.3;
    }

    .sidebar-mt-xs {
        margin-top: 50px;
    }

    .mt-xs {
        margin-top: 30px;
    }

    .mb-xs {
        margin-bottom: 30px;
    }

    .mb45--xs {
        margin-bottom: 45px;
    }

    .mb-xs-list {
        margin-bottom: 30px;
    }

        .mb-xs-list:last-child {
            margin-bottom: 0;
        }

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

    img.float-none-xs {
        float: none !important;
        margin: 0 auto !important;
    }

    h2.section-lg-title-light {
        font-size: 32px;
    }

    h2.section-title-dark {
        font-size: 28px;
    }

    .header-social-round-primarytext {
        margin-top: -3px;
    }

    i.icon-default-dark {
        margin-top: 5px;
        font-size: 36px;
        line-height: 36px;
    }

        i.icon-default-dark:before {
            font-size: 36px;
            line-height: 36px;
        }

    h3.blog-title {
        margin-bottom: 10px;
    }

    .appointment-layout1 h2 {
        font-size: 28px;
    }

    .service-box-layout6 .service-box-content .item-content {
        padding: 15px 25px;
        width: 90%;
    }

        .service-box-layout6 .service-box-content .item-content h3 {
            font-size: 26px;
        }

    .service-box-layout6 ul.service-box-nav li a .item-icon,
    .service-box-layout6 ul.service-box-nav li a .item-content {
        flex: inherit;
    }

    .item-icon-bottom-center {
        height: 50px;
        width: 50px;
        line-height: 50px;
        font-size: 20px;
    }

    .inner-title-bold h2 {
        font-size: 36px;
    }

    .features-box-layout1 .item-content {
        padding: 30px 30px 40px;
    }

    .service-box-layout5 .item-content {
        bottom: -45px;
    }

    .cart-page-top .update-button {
        padding-top: 10px;
    }

    .cart-page-bottom-left input {
        width: 100%;
        margin-bottom: 20px;
    }

    .blog-box-layout5 .item-content {
        padding: 25px 15px 20px;
    }

    .single-blog-layout1 .blog-comments ul li {
        display: inherit;
    }

    i.icon-default-primary {
        margin-bottom: 20px;
    }

    .counter-title h3 {
        font-size: 40px;
    }

    .product-details-tab-area {
        margin: 60px 0 20px;
    }
}

@media only screen and (max-width: 575px) {
    .slider-area .slide-1 p.slider-sub-text,
    .slider-area .slide-2 p.slider-sub-text,
    .slider-area .slide-3 p.slider-sub-text {
        display: none;
    }

    .slider-area .slide-1 > div > div,
    .slider-area .slide-2 > div > div,
    .slider-area .slide-3 > div > div,
    .slider-area .slide-1 .text-left,
    .slider-area .slide-2 .text-right,
    .slider-area .slide-3 .container {
        text-align: center !important;
    }

    .slider-area .slide-1 p.slider-big-text,
    .slider-area .slide-2 p.slider-big-text,
    .slider-area .slide-3 p.slider-big-text {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .service-box-layout6 .service-box-content .item-content {
        position: inherit;
        width: 100%;
    }

    .col-mb-12 {
        width: 100%;
    }

    .hidden-mb {
        display: none !important;
    }
}

@media only screen and (max-width: 479px) {
    .slider-area .slide-1 .top-title3,
    .slider-area .slide-2 .top-title3,
    .slider-area .slide-3 .top-title3 {
        font-size: 20px;
    }

    .mb-30 {
        margin-bottom: 15px !important;
    }

    h1 {
        font-size: 34px;
    }

    h2 {
        font-size: 28px;
    }

    .service-box-layout1 {
        padding: 40px 15px;
    }

    h2.section-lg-title-light {
        font-size: 30px;
    }

    h2.section-title-dark {
        font-size: 26px;
    }

    .service-lg-title-dark h3 {
        font-size: 22px;
    }

    .section-sub-title-dark,
    .section-sub-title-light {
        margin-bottom: 40px;
    }

    .header-search .search-input {
        background: rgba(0, 191, 165, 0.9);
        right: 0;
        height: 45px;
        width: 280px;
    }

    i.icon-default-dark {
        font-size: 34px;
        line-height: 34px;
    }

        i.icon-default-dark:before {
            font-size: 34px;
            line-height: 34px;
        }

    .appointment-layout1 h2 {
        font-size: 26px;
    }

    .service-box-layout6 .service-box-content .item-content h3 {
        line-height: 1.3;
        margin-bottom: 15px;
    }

    .inner-title-dark h2 {
        font-size: 26px;
    }

    .inner-title-light h2 {
        font-size: 28px;
        line-height: 1.3;
    }

    .project-box-layout4 .item-content {
        padding: 8px 30px 10px;
    }

    .features-box-layout2 .item-content {
        height: 166px;
    }

    .txt-bx-p {
        padding: 15px 15px 5px;
    }

    .ask-question-left .panel-default .panel-heading .panel-title a {
        padding: 5px;
    }

    .counter-layout1 li {
        margin-bottom: 30px;
        display: block;
    }

        .counter-layout1 li h4 {
            width: 100%;
        }

        .counter-layout1 li:last-child {
            margin-bottom: 0;
        }

    .inner-title-bold h2 {
        font-size: 34px;
    }

    .features-box-layout1 .item-content {
        padding: 15px 15px 30px;
    }

    .service-box-layout5 .item-content {
        bottom: -70px;
    }

    .mb-xs {
        margin-bottom: 15px;
    }

    .team-box-layout6 {
        margin-bottom: 15px;
    }

    .product-details-tab-area ul {
        padding-left: 0;
    }

        .product-details-tab-area ul > li a {
            padding: 7px 10px;
        }

    .inner-product-details-right .inner-product-details-cart li:first-child {
        width: 130px;
    }

    .inner-product-details-right .product-details-social li {
        margin-right: 10px;
    }

    .inner-product-details-right h3 {
        margin-bottom: 0;
    }

    .login-registration-field {
        padding: 15px 15px 20px;
    }

    .blog-box-layout4 .item-content {
        width: 100%;
        padding: 10px 15px 0;
        bottom: 0;
    }

    .blog-box-layout4 p {
        display: none;
    }

    i.pull-left.icon-circle-primary {
        margin-right: 15px;
    }

    i.pull-left.icon-circle-light {
        margin-right: 15px;
    }

    i.pull-left.icon-default-primary {
        margin-right: 15px;
    }

    i.pull-left.icon-default-dark {
        margin-right: 15px;
    }

    i.pull-left.icon-default-light {
        margin-right: 15px;
    }

    .slider-btn-area {
        display: none;
    }

    .counter-title h3 {
        font-size: 38px;
    }

    .product-details-tab-area {
        margin: 60px 0 10px;
    }

    .sidebar-mt-sm,
    .sidebar-mt-xs {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 320px) {
    h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 26px;
    }

    p {
        font-size: 14px;
    }

    .lead {
        font-size: 14px;
    }

        .lead p {
            font-size: 14px;
        }

    .section-sub-title-dark,
    .section-sub-title-light {
        margin-bottom: 35px;
    }

    h2.section-lg-title-light {
        font-size: 28px;
    }

    h2.section-title-dark {
        font-size: 24px;
    }

    i.icon-default-dark {
        font-size: 32px;
        line-height: 32px;
    }

        i.icon-default-dark:before {
            font-size: 32px;
            line-height: 32px;
        }

    .appointment-layout1 h2 {
        font-size: 24px;
    }

    .inner-title-bold h2 {
        font-size: 32px;
    }

    .features-box-layout1 .item-content {
        padding: 10px 10px 20px;
    }
}