@import url(../../../../../css);

html {
    font-size: 87.5%
}

body {
    font-size: 1em;
    line-height: 1.85em;
   font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    /*font-family: "Neue Montreal";*/
    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: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    /*font-family: "Neue Montreal";*/
    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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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: #00bfa5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #00bfa5;
    display: inline-block;
    font-size: 28px;
    margin-bottom: 40px;
    color: #fff;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

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

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

i.icon-circle-primary:hover:before {
    color: #00bfa5
}

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: #00bfa5;
    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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

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

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

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

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

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

.icon-default-primary i:before {
    color: #00bfa5;
    margin-left: 0;
    font-size: 52px;
    display: inline-block;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

i.icon-default-dark:before {
    margin-left: 0;
    color: #222;
    font-size: 52px;
    display: inline-block;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

i.icon-default-light:before {
    margin-left: 0;
    color: #fff;
    font-size: 52px;
    display: inline-block;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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: #00bfa5;
    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: #00bfa5;
    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: #00bfa5;
    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: #00bfa5;
    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: #00bfa5;
    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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .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: #00bfa5;
    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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .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: #00bfa5;
    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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .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: #00bfa5;
    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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .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 #00bfa5;
    color: #666;
    padding: 12px 28px;
    background: #fff;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

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

.btn-ftg-rd-md-tp-tr2 {
    border: 2px solid #00bfa5;
    color: #fff;
    padding: 14px 50px;
    background: #00bfa5;
    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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

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

.btn-ftf-rd-md-p-tp {
    border: 2px solid #00bfa5;
    color: #fff;
    padding: 14px 38px;
    background: #00bfa5;
    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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

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

.play-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index: 2;
    border: 1px 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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.play-btn i {
    /*color: #00bfa5;*/
    color : #fff;
    font-size: 20px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

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

.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 #00bfa5;
    color: #fff;
    padding: 14px 35px;
    background: transparent;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

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

.btn-gtf-rd-md-tr-p {
    border: 2px solid #00bfa5;
    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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

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

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

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

.btn-flat-tp-p:hover {
    color: #00bfa5
}

.btn-flat-tp-p:hover i {
    color: #00bfa5
}

.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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .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 #00bfa5;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.btn-gtf-rd-lg-tr-p:hover {
    background: #00bfa5;
    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 #00bfa5;
    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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

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

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

.btn-ftg-rd-md-p-tr {
    border: 2px solid #00bfa5;
    color: #fff;
    padding: 14px 38px;
    background: #00bfa5;
    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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

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

.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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

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

.isotop-btn .current {
    background: #00bfa5;
    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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

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

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

.btn-ftf-rd-sm-tp-tp {
    border: 0;
    color: #00bfa5;
    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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .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: 270px 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: #00bfa5;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

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

.pagination-style .active a {
    background: #00bfa5;
    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: #00bfa5;
        display: block;
        line-height: 36px;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .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 #00bfa5;
        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 .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

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

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

    .nav-control-top .owl-controls .owl-next:hover {
        background: #00bfa5;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .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: #00bfa5;
        display: block;
        line-height: 36px;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .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 #00bfa5;
        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 .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

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

    .nav-control-top .owl-controls .owl-prev:hover {
        background: #00bfa5;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .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: #00bfa5;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

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

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

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

.nav-control-middle .owl-controls .owl-nav>div {
    border: 1px solid #9e9e9e;
    background: #ffffff;
    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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.nav-control-middle .owl-controls .owl-prev:hover i {
    color: #00bfa5
}

.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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.nav-control-middle .owl-controls .owl-next:hover i {
    color: #00bfa5
}

.nav-control-middle-ghost .owl-controls i {
    color: #9f9f9f;
    display: block;
    line-height: 36px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .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 #00bfa5;
    background: #00bfa5;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .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 #00bfa5;
    background: #00bfa5;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

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

.nav-control-middle-textprimary .owl-controls i {
    color: #00bfa5;
    display: block;
    line-height: 36px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .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 #00bfa5;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.dot-control .owl-controls .owl-dots .active span {
    background: #00bfa5
}

.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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .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: #00bfa5;
    border: 1px solid #00bfa5;
    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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.elv-arrow:hover {
    background-color: #00bfa5;
    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 #00bfa5 !important
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #00bfa5;
    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 rgb(19, 36, 46);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

#scrollUp i {
    color : #fff;
}

#scrollUp:hover, #scrollUp:focus {
    background-color: #00bfa5
}

#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: #00bfa5
}

.style-switch .switch-button {
    right: -45px;
    background-color: #00bfa5;
    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: #1c2c34;
}

.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: #00bfa5
}

.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: #00bfa5
}

.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: #00bfa5
}

.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: #00bfa5
}

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

h1.title-light-big span {
    color: #00bfa5
}

.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: #00bfa5
}

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

.inner-title-dark h3 span {
    color: #00bfa5
}

.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: #00bfa5
}

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

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

.inner-designation-primary h3 {
    color: #00bfa5;
    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;
    color: #2c2c2c;
     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
     /*font-family: "Neue Montreal";*/
}

.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 #00bfa5;
    -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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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: #00bfa5;
    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: #00bfa5;
    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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

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

.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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

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

.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: #00bfa5
}

.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: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    /*font-family: "Neue Montreal";*/
}

.logo-light {
    color: #fff;
    font-weight: 500;
    font-size: 30px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    /*font-family: "Neue Montreal";*/
    line-height: 1.2
}

.logo-light span {
    display: inline-block;
    text-align: center;
    color: #fff;
    width: 50px;
    height: 35px;
    background: #00bfa5;
    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 #00bfa5
}

.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 #00bfa5
}

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

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

.logo-dark span {
    display: inline-block;
    text-align: center;
    color: #fff;
    width: 50px;
    height: 35px;
    background: #00bfa5;
    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 #00bfa5
}

.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 #00bfa5
}

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

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

.logo-mobile span {
    display: inline-block;
    text-align: center;
    color: #fff;
    width: 30px;
    height: 25px;
    background: #00bfa5;
    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 #00bfa5
}

.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 #00bfa5
}

.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 #00bfa5;
    -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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

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

.header-social-round-primarytext ul li a:hover {
    background: #00bfa5
}

.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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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: #00bfa5
}

.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: #00bfa5;
    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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.elv-main-menu nav>ul li.menu-justify .rt-dropdown-mega .rt-dropdown-inner {
    background: #00bfa5;
    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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .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: #00bfa5 !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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    border-bottom: 2px solid #00bfa5;
    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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    border-bottom: 2px solid #00bfa5;
    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 #00bfa5;
    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: #00bfa5
}

.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 #00bfa5;
    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 #00bfa5;
    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: #00bfa5;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.header-icon-primary a i:before {
    margin-left: 0;
    color: #00bfa5;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .5s ease-out;
        -moz-transition: all .5s ease-out;
        -ms-transition: all .5s ease-out;
        -o-transition: all .5s ease-out;
        transition: all .5s ease-out
    }

    .header-icon-light a i:before {
        margin-left: 0;
        color: #fff;
        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
        -ms-transition: all .5s ease-out;
        -o-transition: all .5s ease-out;
        transition: all .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 .5s ease-out;
        -moz-transition: all .5s ease-out;
        -ms-transition: all .5s ease-out;
        -o-transition: all .5s ease-out;
        transition: all .5s ease-out
    }

    .header-icon-mobile a i:before {
        margin-left: 0;
        color: #9f9f9f;
        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
        -ms-transition: all .5s ease-out;
        -o-transition: all .5s ease-out;
        transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.header-icon-dark a i:before {
    margin-left: 0;
    color: #222;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.header-icon-dividercolor a i:before {
    margin-left: 0;
    color: #d5d5d5;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.menu-trigger:hover {
    color: #00bfa5
}

.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: #00bfa5;
    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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

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

.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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.offcanvas-menu-area .offcanvas-main-menu ul.offcanvas-nav-area li a:hover {
    background: #00bfa5;
    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: #00bfa5
}

.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 #00bfa5;
    display: block;
    text-align: center;
    line-height: 37px;
    background: #00bfa5;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.offcanvas-menu-area .offcanvas-main-menu ul.offcanvas-area-social li a i {
    color: #fff;
    font-size: 14px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

#wrapper.open {
    margin-right: 280px;
    position: relative;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.mean-container .mean-nav>ul li a:hover {
    color: #00bfa5
}

.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 #00bfa5;
    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 #00bfa5;
    background-color: transparent;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

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

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

.slider-area .nivo-directionNav a.nivo-nextNav {
    right: 8px !important;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #00bfa5;
    background-color: transparent;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

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

.slider-area .nivo-directionNav a.nivo-nextNav:hover:before {
    color: #fff !important;
    background: transparent !important;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    /*font-family: "Neue Montreal";*/
    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: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    /*font-family: "Neue Montreal";*/
    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: #00bfa5
}

.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: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    /*font-family: "Neue Montreal";*/
}

.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;*/
    font-family: "Neue Montreal";
    color: #00bfa5;
    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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

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

h3.service-title-dark a:hover {
    color: #00bfa5
}

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

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

.service-title-dark h3 a:hover {
    color: #00bfa5
}

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

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

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

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

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

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

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

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

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

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

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

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

.service-lg-title-primary h3 a {
    color: #00bfa5
}

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

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

.service-lg-title-dark h3 a:hover {
    color: #00bfa5
}

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

h4.service-title-primary a {
    color: #00bfa5;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.service-box-layout1:hover {
    background: #00bfa5;
    -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: #00bfa5
}

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

.service-box-layout2:hover {
    background: #00bfa5
}

.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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.service-box-layout3:hover {
    background: #00bfa5
}

.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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.service-box-layout4:hover {
    background: #00bfa5;
    -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 .75s ease-out;
    -moz-transition: all .75s ease-out;
    -ms-transition: all .75s ease-out;
    -o-transition: all .75s ease-out;
    transition: all .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 .9s ease-out;
    -moz-transition: all .9s ease-out;
    -ms-transition: all .9s ease-out;
    -o-transition: all .9s ease-out;
    transition: all .9s ease-out
}

.service-box-layout5 .item-content span i {
    color: #fff;
    -webkit-transition: all .75s ease-out;
    -moz-transition: all .75s ease-out;
    -ms-transition: all .75s ease-out;
    -o-transition: all .75s ease-out;
    transition: all .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: #00bfa5
}

.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 #00bfa5;
    border-radius: 50%;
    display: block;
    height: 67px;
    margin-right: 30px;
    width: 67px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.service-box-layout6 ul.service-box-nav li a .item-icon i:before {
    color: #00bfa5;
    display: block;
    font-size: 28px;
    margin: 20px 0 0 18px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

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

.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: #00bfa5
}

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

.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: #00bfa5
}

.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: #00bfa5;
    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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .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: #00bfa5;
    background: linear-gradient(rgba(var(--dark-rgb), 0) 25%, rgba(var(--dark-rgb), 0));
}

.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: #00bfa5
}

.service-box-layout7 .item-content {
    background: #fff;
    padding: 15px 20px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.service-box-layout7 .item-content h3 {
    margin-bottom: 10px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    /*font-family: "Neue Montreal";*/
    font-size : 22px;
}

.service-box-layout7 .item-content h3 a {
    color: #222;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.service-box-layout7 .item-content p {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    font-size : 18px;
    color : rgb(104, 103, 103);
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
     /*font-family: "Neue Montreal";*/
}

.service-box-layout8 {
    border-right: 1px solid #b2dfdb;
    padding: 40px 30px 30px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.service-box-layout8:hover {
    background: #00bfa5
}

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

.service-box-layout8:hover i:before {
    color: #00bfa5
}

.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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.service-details-box-layout1 .service-tab-layout1 ul.nav-tabs li a {
    border: 0;
    color: #666;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.service-details-box-layout1 .service-tab-layout1 ul.nav-tabs li a:hover {
    background: transparent;
    color: #00bfa5
}

.service-details-box-layout1 .service-tab-layout1 ul.nav-tabs li:hover {
    border-bottom: 3px solid #00bfa5
}

.service-details-box-layout1 .service-tab-layout1 ul.nav-tabs li.active {
    border-bottom: 3px solid #00bfa5
}

.service-details-box-layout1 .service-tab-layout1 ul.nav-tabs li.active a {
    color: #00bfa5
}

.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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

h3.team-title a:hover {
    color: #00bfa5
}

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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.team-designation {
    margin-bottom: 20px;
    display: block;
    font-size: 16px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.team-designation-light {
    display: block;
    font-size: 16px;
    color: #fff;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 #00bfa5;
    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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .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 .8s ease-out;
    -moz-transition: all .8s ease-out;
    -ms-transition: all .8s ease-out;
    -o-transition: all .8s ease-out;
    transition: all .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: #00bfa5;
    border: 1px solid #00bfa5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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: #00bfa5
}

.team-box-layout3 .team-img {
    position: relative;
    overflow: hidden;
    /*height : 800px;*/
    width : 100%;
}

.team-box-layout3 .team-img img {
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    height : 800px;
    width:100%;
}

/* .team-box-layout3 .team-content {
    padding-left: 30px;
    background: #00bfa5;
    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 .4s, opacity .1s .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 .4s, opacity .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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: #00bfa5;
    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: #00bfa5;
    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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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;
     /* width: 100%;            
  height: 80vh;  */
}
.team-box-layout5 > img{
  width: 100%;
  object-fit: cover;
}

.team-box-layout5 .item-content {
    text-align: center;
    padding: 15px 0 0 0;
    background: #00bfa5;
    width: 100%;
    position: absolute;
    bottom: -60px;
    z-index: 2;
    -webkit-transition: all .4s cubic-bezier(0, 0, 0.5, 0);
    -moz-transition: all .4s cubic-bezier(0, 0, 0.5, 0);
    -ms-transition: all .4s cubic-bezier(0, 0, 0.5, 0);
    -o-transition: all .4s cubic-bezier(0, 0, 0.5, 0);
    transition: all .4s cubic-bezier(0, 0, 0.5, 0)
}

.team-box-layout5 .item-content h3 a:hover {
    color: #00bfa5
}

.team-box-layout5 .item-content .team-designation-light {
    position: relative
}

.team-box-layout5 .item-content .team-designation-light:before {
    content: "";
    background: #00bfa5;
    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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.team-box-layout5 .item-content ul li:hover {
    background: #00bfa5
}

.team-box-layout5:hover .item-content {
    background: #222;
    bottom: 0;
    -webkit-transition: all .6s cubic-bezier(0, 0, 0.8, -0.5);
    -moz-transition: all .6s cubic-bezier(0, 0, 0.8, -0.5);
    -ms-transition: all .6s cubic-bezier(0, 0, 0.8, -0.5);
    -o-transition: all .6s cubic-bezier(0, 0, 0.8, -0.5);
    transition: all .6s cubic-bezier(0, 0, 0.8, -0.5)
}

.team-box-layout6 {
    margin-bottom: 20px
}

.team-box-layout6 img {
    width: 100%
}

.team-box-layout6 .item-content {
    position: relative;
    padding: 15px 30px 2px 30px;
    background: #f8f8f8;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.team-box-layout6:hover .item-content {
    background: #00bfa5;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.team-box-layout6:hover .item-content h3 a {
    color: #fff;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 #00bfa5;
    color: #00bfa5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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: #00bfa5;
    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 .75s;
    animation: circle .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 #00bfa5;
    text-align: center;
    line-height: 40px;
    height: 42px;
    width: 42px;
    display: block;
    background: transparent;
    color: #00bfa5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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: #00bfa5
}

.team-box-layout8:hover {
    -webkit-box-shadow: inset 0 -1px 18px 0 #00bfa5;
    -moz-box-shadow: inset 0 -1px 18px 0 #00bfa5;
    box-shadow: inset 0 -1px 18px 0 #00bfa5;
    border: 1px solid #00bfa5
}

.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: #00bfa5
}

h3.ttm-title-light {
    margin-bottom: 5px;
    color: #fff
}

h3.ttm-title-light span {
    font-size: 18px;
    color: #00bfa5
}

.ttm-designation-dark {
    font-size: 17px;
    color: #222;
    line-height: 1.3
}

.ttm-designation-light {
    color: #fff;
    font-size: 17px
}

.ttm-designation-primary {
    color: #00bfa5;
    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-family: "Neue Montreal";
    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 .7s ease-out;
    -moz-transition: all .7s ease-out;
    -ms-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    transition: all .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 .7s ease-out;
    -moz-transition: all .7s ease-out;
    -ms-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    transition: all .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 .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out
}

h3.blog-title a:hover {
    color: #00bfa5
}

h3.blog-title-primary {
    margin-bottom: 10px;
    line-height: 1.4
}

h3.blog-title-primary a {
    color: #00bfa5;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .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 .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out
}

h3.blog-title-light a:hover {
    color: #00bfa5
}

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: #00bfa5;
    font-weight: 600;
    line-height: 1;
    display: inline-block;
    border-right: 1px solid #00bfa5;
    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: #00bfa5;
    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: #00bfa5;
    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 .7s ease-out;
    -moz-transition: all .7s ease-out;
    -ms-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .75s;
    animation: shine .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: #00bfa5;
    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 .75s ease-out;
    -moz-transition: all .75s ease-out;
    -ms-transition: all .75s ease-out;
    -o-transition: all .75s ease-out;
    transition: all .75s ease-out
}

.blog-box-layout7 .item-content p {
    opacity: 0;
    visibility: hidden;
    color: #fff;
    -webkit-transition: all .75s ease-out;
    -moz-transition: all .75s ease-out;
    -ms-transition: all .75s ease-out;
    -o-transition: all .75s ease-out;
    transition: all .75s ease-out
}

.blog-box-layout7 .item-content .posted-by {
    opacity: 0;
    visibility: hidden;
    color: #fff;
    -webkit-transition: all .75s ease-out;
    -moz-transition: all .75s ease-out;
    -ms-transition: all .75s ease-out;
    -o-transition: all .75s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.single-blog-layout1 .item-content h2 a:hover {
    color: #00bfa5;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.single-blog-layout1 .item-content ul {
    margin-bottom: 10px
}

.single-blog-layout1 .item-content ul li {
    color: #00bfa5
}

.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: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    /*font-family: "Neue Montreal";*/
    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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.single-blog-layout1 .tag-share li ul li a:hover {
    color: #00bfa5
}

.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: #00bfa5;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .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: #00bfa5;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.single-blog-layout1 .blog-comments ul li .comments-content span:hover a {
    background: #00bfa5
}

.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: #000;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.project-title h3 a:hover {
    color: #000;
}

.project-title-dark h3 {
    margin-bottom: 0
}

.project-title-dark h3 a {
    color: #222;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    font-size : 20px;
}

/* .project-title-dark h3 a:hover {
    color: #00bfa5
} */

.project-title-center h3 {
    margin: 0 auto
}

.project-title-center h3 a {
    padding: 5px 10px;
    color: #fff;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.project-title-center h3 a:hover {
    color: #fff;
    background-color: rgba(34, 34, 34, 0.5)
}

.project-sub-title {
    color: #000;
    font-size: 16px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.project-sub-title-dark {
    color: #222;
    font-size: 16px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .7s cubic-bezier(0, 0, 0.25, 1.5);
    -moz-transition: all .7s cubic-bezier(0, 0, 0.25, 1.5);
    -ms-transition: all .7s cubic-bezier(0, 0, 0.25, 1.5);
    -o-transition: all .7s cubic-bezier(0, 0, 0.25, 1.5);
    transition: all .7s cubic-bezier(0, 0, 0.25, 1.5)
}

.item-icon-bottom-center:hover {
    color: #00bfa5
}

.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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.item-icon-top-bottom:hover {
    color: #00bfa5
}

.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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.item-icon-left-right:hover {
    color: #00bfa5
}

.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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.item-icon-bottom-right:hover {
    background: #fff;
    color: #00bfa5
}

.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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.item-icon-center:hover {
    background: #fff;
    border: 2px solid #fff;
    color: #00bfa5
}

.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(#00bfa5), to(transparent));
    background-image: -webkit-linear-gradient(transparent, #00bfa5);
    background-image: -moz-linear-gradient(transparent, #00bfa5), -moz-linear-gradient(transparent, #00bfa5);
    background-image: -o-linear-gradient(transparent, #00bfa5), -o-linear-gradient(transparent, #00bfa5);
    background-image: linear-gradient(transparent, #00bfa5), linear-gradient(transparent, #00bfa5);
    -moz-background-size: 100%;
    background-size: 100%;
    background-position: 0 0, 100% 0;
    background-repeat: no-repeat;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .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 .6s ease-out;
    -moz-transition: all .6s ease-out;
    -ms-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.project-box-layout2:hover .item-content {
    bottom: 0;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.project-box-layout3 img {
    width: 100%;
    -webkit-transition: all .8s ease-out;
    -moz-transition: all .8s ease-out;
    -ms-transition: all .8s ease-out;
    -o-transition: all .8s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.project-box-layout4 .item-content {
    position: relative;
    padding: 15px 30px;
    width: 100%;
    background-color: #00bfa5;
    position: absolute;
    bottom: 0;
    transform: translateY(100%);
    z-index: 9;
    -webkit-transition: all .6s ease-out;
    -moz-transition: all .6s ease-out;
    -ms-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    transition: all .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 .6s ease-out;
    -moz-transition: all .6s ease-out;
    -ms-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    transition: all .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: .3 !important
}

.project-box-layout7 {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .6s ease-out;
    -moz-transition: all .6s ease-out;
    -ms-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    transition: all .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 .6s ease-out;
    -moz-transition: all .6s ease-out;
    -ms-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    transition: all .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(#00bfa5), to(transparent));
    background-image: -webkit-linear-gradient(transparent, #00bfa5);
    background-image: -moz-linear-gradient(transparent, #00bfa5), -moz-linear-gradient(transparent, #00bfa5);
    background-image: -o-linear-gradient(transparent, #00bfa5), -o-linear-gradient(transparent, #00bfa5);
    background-image: linear-gradient(transparent, #00bfa5), linear-gradient(transparent, #00bfa5);
    -webkit-transition: all .6s ease-out;
    -moz-transition: all .6s ease-out;
    -ms-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    transition: all .6s ease-out
}

.project-box-layout7:hover .item-content {
    bottom: 30px;
    -webkit-transition: all .6s ease-out;
    -moz-transition: all .6s ease-out;
    -ms-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    transition: all .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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.project-box-layout7 .item-content span {
    color: #00bfa5;
    display: block;
    margin-bottom: 10px;
    -webkit-transition: all .6s ease-out;
    -moz-transition: all .6s ease-out;
    -ms-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    transition: all .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 .6s ease-out;
    -moz-transition: all .6s ease-out;
    -ms-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    transition: all .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: #00bfa5;
    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); */
    background-color: #fff;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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: #000;
    line-height: 35px;
    position: inherit;
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.project-box-layout9 .item-content a.item-icon-circle:hover i:before {
    background: #fff;
    color: #00bfa5
}

.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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.project-box-layout10 .item-content {
    /* background: #f8f8f8; */
    text-align: center;
    /* padding: 15px 0; */
    width: 100%;
    /* -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out */
}

.project-box-layout10 .item-content:before {
    /* background: #00bfa5 */
}

.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: #000;
}

.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 .8s ease-out;
    -moz-transition: all .8s ease-out;
    -ms-transition: all .8s ease-out;
    -o-transition: all .8s ease-out;
    transition: all .8s ease-out
}

.features-box-layout2 .item-content h3 {
    margin-bottom: 5px
}

.features-box-layout2 .item-content h3 a:hover {
    color: #00bfa5
}

.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: #00bfa5;
    /*font-family: FontAwesome;*/
    font-family: "Neue Montreal";
    -webkit-transition: all .7s ease-out;
    -moz-transition: all .7s ease-out;
    -ms-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    transition: all .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: #00bfa5;
    font-family: FontAwesome;
    -webkit-transition: all .7s ease-out;
    -moz-transition: all .7s ease-out;
    -ms-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

ul.features-box-layout3 li .item-content h3 a:hover {
    color: #00bfa5
}

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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 label {
     letter-spacing: 1px;
    color: #333;
    font-weight: 400;
    margin-bottom: 10px
}
.appointment-layout1 input {
    color: #fff;
    /* background: gray; */
    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: #00bfa5;
    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: #00bfa5;
    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: #00bfa5 !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: #00bfa5
}

.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: #00bfa5;
    color: #fff;
    transition: all .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;*/
    font-family: "Neue Montreal";
    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;*/
    font-family: "Neue Montreal";
    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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.price-table-box-layout1 h3 {
    color: #00bfa5;
    font-size: 50px;
    font-weight: 500;
    margin-bottom: 30px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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: #00bfa5;
    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: #00bfa5;
    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 #00bfa5 transparent
}

.reservation-form .select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #00bfa5 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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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: #00bfa5;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.product-box .product-img-holder .product-social li:hover {
    background: #00bfa5;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.product-box .product-img-holder .product-social li:hover i {
    color: #fff;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.product-box .product-content-holder h3 a:hover {
    color: #00bfa5
}

.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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.product-box:hover .product-img-holder:after {
    opacity: 1;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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: .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.inner-product-details-right .product-details-social li a:hover i {
    color: #00bfa5
}

.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 #00bfa5
}

.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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.inner-product-details-right .inner-product-details-cart li a i {
    line-height: 42px;
    font-size: 14px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.inner-product-details-right .inner-product-details-cart li:hover {
    background: #00bfa5;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.inner-product-details-right .inner-product-details-cart li:hover a {
    color: #fff;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.inner-product-details-right .inner-product-details-cart li:hover i {
    color: #fff;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.product-details-tab-area ul>li a:hover {
    border: 1px solid #00bfa5;
    background: #00bfa5;
    color: #fff
}

.product-details-tab-area ul .active a {
    background: #00bfa5;
    border: 1px solid #00bfa5;
    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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.checkout-page-top p a:hover {
    color: #00bfa5
}

.checkout-page-top p i {
    margin-right: 5px;
    font-size: 16px;
    color: #00bfa5
}

.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 #00bfa5 !important
}

.billing-details-area .select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #00bfa5 !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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.cart-page-top table tr td h3 a:hover {
    color: #00bfa5;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.cart-page-top table tr td a img {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.cart-page-top table tr td a img:hover {
    opacity: .5;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .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: #00bfa5;
    font-size: 18px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.cart-page-top table tr .dismiss a:hover i {
    color: #f00;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .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: #00bfa5
}

.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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .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 #00bfa5;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00bfa5), to(transparent));
    background-image: -webkit-linear-gradient(transparent, #00bfa5);
    background-image: -moz-linear-gradient(transparent, #00bfa5), -moz-linear-gradient(transparent, #00bfa5);
    background-image: -o-linear-gradient(transparent, #00bfa5), -o-linear-gradient(transparent, #00bfa5);
    background-image: linear-gradient(transparent, #00bfa5), linear-gradient(transparent, #00bfa5);
    -moz-background-size: 1px 100%;
    background-size: 1px 100%;
    background-position: 0 0, 100% 0;
    background-repeat: no-repeat
}

.contact-info-box i {
    color: #00bfa5;
    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: #00bfa5
}

.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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.product-tags li a {
    color: #707070;
    display: block;
    padding: 10px 30px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.product-tags li:hover {
    border: 1px solid #00bfa5;
    background: #00bfa5
}

.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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.categories ul li a:hover {
    color: #00bfa5
}

.categories ul li:before {
    content: "\f105";
    /*font-family: FontAwesome;*/
    font-family: "Neue Montreal";
    color: #00bfa5;
    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: #00bfa5;
    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: #00bfa5;
    display: inline-block;
    margin: 0 10px
}

.price-range-wrapper .noUi-connect {
    background: #00bfa5
}

.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 .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.sidebar-menu-layout1 ul li a i {
    margin-right: 15px;
    color: #00bfa5;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.sidebar-menu-layout1 ul li a:hover {
    background: #00bfa5;
    color: #fff
}

.sidebar-menu-layout1 ul li a:hover i {
    color: #fff
}

.footer-area-top {
    padding: 120px 0 85px;
    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 #00bfa5;
    display: block;
    text-align: center;
    line-height: 37px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.footer-area-top .footer-social li a i {
    color: #b5b5b5;
    font-size: 14px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .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;*/
    font-family: "Neue Montreal";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    color: #b3b3b3
}

.footer-area-top .recent-post-link li a {
    color: #b3b3b3;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.footer-area-top .recent-post-link li:hover:before {
    color: #00bfa5
}

.footer-area-top .recent-post-link li:hover a {
    color: #00bfa5
}

.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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.footer-area-top .quick-link li:hover:before {
    color: #00bfa5
}

.footer-area-top .quick-link li:hover a {
    color: #00bfa5
}

.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: .5;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.footer-area-bottom p a:hover {
    color: #00bfa5
}

@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
    }
}


/*------- VOICES OF TRUST.! ----------*/

.video-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: rgba(0,0,0,0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .3s;
}
.video-play-icon i {
  font-size: 22px;
  color: #fff;
}
.popup-youtube:hover .video-play-icon {
  background: rgba(0,0,0,0.8);
}
.popup-youtube img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

/*--- Project Gallery One World -----*/

.team-box-layout5 {
  position: relative;
  overflow: hidden;
  width: 100%; 
  height: 70vh; 
  box-sizing: border-box;
}

.team-box-layout5 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease; 
}

.team-box-layout5:hover img {
  transform: scale(1.05); 
}

/*---- One World  Download ----*/
.download-box{
  background:#EEEEEE;       
  border-radius: .6rem;
  padding: 2rem 3rem;
  box-shadow: 0 0 0 1px #e6e6e6 inset;
  max-width: 350px;         
}

.btn-teal{
  --bs-btn-bg:#4F959A;
  --bs-btn-border-color:#4F959A;
  --bs-btn-hover-bg:#408187;
  --bs-btn-hover-border-color:#408187;
  --bs-btn-active-bg:#32666b;
  --bs-btn-active-border-color:#32666b;
  --bs-btn-color:#fff;
  font-size : 12px;
}
.qr-img{
  width: 220px;
  height: 170px;
  object-fit: cover;
  border-radius: .3rem;
}

/*--- Amenities -----*/
.small-container h4{
   /*font-family: 'Times New Roman', Georgia, serif;   */
   /*font-family: "Neue Montreal";*/
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: 1.35rem;        
    margin-bottom: 1rem;       
}

@media (min-width: 992px){
  .small-container h4{ font-size: 1.55rem; }
}
.small-container ul{
    list-style-type: disc;     
    padding-left: 1.15rem;     
    margin-bottom: 2.5rem;     
}

.small-container ul li{
    line-height: 1.7;
    margin-bottom: .35rem;     
    font-size: 15px;
}
/*---- End ----*/
/*----Virtual Tour ----*/
 .vr-slider-container {
    max-width: 1200px;
    margin: 50px auto;
    position: relative;
  }

  .vr-slider-frame {
    width: 100%;
    height: 650px;
    border: none;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  }

  .vr-slider-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    border: 2px solid #ccc;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 24px;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 10;
  }

  .vr-slider-nav:hover {
    background: #333;
    color: #fff;
    border-color: #333;
    transform: translateY(-50%) scale(1.1);
  }

  .vr-prev {
    left: -70px;
  }

  .vr-next {
    right: -70px;
  }

  @media (max-width: 768px) {
    .vr-slider-frame {
      height: 450px;
    }

    .vr-slider-nav {
      width: 40px;
      height: 40px;
      font-size: 20px;
      top: unset;
      bottom: 10px;
      transform: none;
    }

    .vr-prev {
      left: 10px;
    }

    .vr-next {
      right: 10px;
    }
  }
  /*-- End ---*/