@charset "UTF-8";
@font-face {
    font-family: isco-build-icons;
    src: url(../fonts/isco-build-icons.eot);
    src: url(../fonts/isco-build-iconsd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/isco-build-icons.woff) format("woff"), url(../fonts/isco-build-icons.ttf) format("truetype"),
        url(../fonts/isco-build-icons.svg#isco-build-icons) format("svg");
    font-weight: 400;
    font-style: normal;
}
.icon:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: isco-build-icons;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
}
.icon.-chat-icon:before {
    content: "";
}
.icon.-email-icon:before {
    content: "";
}
.icon.-facebook:before {
    content: "";
}
.icon.-instagram:before {
    content: "";
}
.icon.-search-icon:before {
    content: "";
}
.icon.-telephone-icon:before {
    content: "";
}
.icon.-twitter:before {
    content: "";
}
.icon.-viget:before {
    content: "";
}
body {
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 26px;
}
.starter-template {
    padding: 40px 15px;
    text-align: center;
}
.sprite {
    display: inline-block;
    width: 32px;
    margin: 10px;
}
.sprite:hover {
    opacity: 0.8;
}
.icon {
    font-size: 32px;
    margin: 10px;
}
.screenreader {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}
svg {
    display: block;
}
a {
    transition: all 0.15s ease-in-out;
}
a,
a:hover {
    text-decoration: none;
}
.dt-btn-two {
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: 700;
    line-height: 48px;
    margin-top: 30px;
    max-width: 190px;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    vertical-align: middle;
    width: 100%;
    border: 1px solid #fff;
    background: transparent;
    background: hsla(0, 0%, 100%, 0.1);
    border: 1px solid hsla(0, 0%, 100%, 0.3);
    transition: all 0.3s ease-in-out;
}
.dt-btn-two i {
    position: absolute;
    right: 30px;
    top: 18px;
    transition: all 0.3s ease-out;
}
.dt-btn-two svg {
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.dt-btn-two rect {
    fill: none;
    stroke: #fff;
    stroke-width: 4;
    stroke-dasharray: 102, 1, 0;
    transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}
.dt-btn-two:focus,
.dt-btn-two:hover {
    color: #fff;
    text-decoration: none;
}
.dt-btn-two:focus i,
.dt-btn-two:hover i {
    right: 25px;
}
.dt-btn-two:focus rect,
.dt-btn-two:hover rect {
    stroke-width: 4;
    stroke-dasharray: 28, 168, 121, 0;
    stroke-dashoffset: 36;
    transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}
.dt-btn {
    padding: 14px 37px;
    background: #2da15e;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    position: relative;
}
.dt-btn i {
    right: 20px;
    position: absolute;
    transition: all 0.3s ease-in-out;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
}
.dt-btn:hover {
    background: #333;
    color: #fff;
    padding: 14px 45px 14px 37px;
}
.dt-btn:hover i {
    right: 15px;
    opacity: 1;
}
.section-details {
    padding-bottom: 10px;
    border-bottom: 1px solid #dfe4e7;
    margin-bottom: 20px;
}
.section-title {
    position: relative;
    border-right: 1px solid #dfe4e7;
    margin-right: 20px;
    margin-bottom: 30px;
}
.section-title h2 {
    margin: 0;
    color: #0e0e0e;
    font-size: 40px;
    font-weight: 700;
    z-index: 2;
    position: relative;
}
.section-title h5 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 300;
    z-index: 2;
    position: relative;
}
.section-title span {
    font-size: 115px;
    font-weight: 300;
    line-height: 52px;
    z-index: 1;
    position: absolute;
    top: 0;
    left: -10px;
    color: #32BDEE;
    /**
    color: #9de4bb;
    disable by me
    **/
}
.section-title-two {
    position: relative;
    margin-bottom: 30px;
}
.section-title-two h2 {
    margin: 0;
    color: #0e0e0e;
    font-size: 40px;
    font-weight: 700;
    z-index: 2;
    position: relative;
}
.section-title-two h5 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 300;
    z-index: 2;
    position: relative;
}
.section-title-two span {
    font-size: 115px;
    font-weight: 300;
    line-height: 52px;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #eee;
}
.section-caption p {
    color: #5f5f5f;
    font-weight: 300;
    line-height: 26px;
}
.title-color-white h2,
.title-color-white h5 {
    color: #fff;
}
.title-color-white span {
    color: #545454;
}
.color-white {
    color: #fff;
}
.border-none {
    border: none;
}
.no-margin {
    margin: 0;
}
.bgt {
    background: transparent;
    border: 1px solid #0e0e0e;
    color: #0e0e0e;
    padding: 13px 37px !important;
    margin-left: 15px;
}
.search {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    background: rgba(45, 161, 94, 0.95);
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}
.search:after,
.search:before {
    content: "";
    position: absolute;
    width: calc(100% + 15px);
    height: calc(100% + 15px);
    pointer-events: none;
    border: 1.5em solid #227947;
}
.search:before {
    top: 0;
    left: 0;
    border-right-width: 0;
    border-bottom-width: 0;
}
.search:after {
    right: 0;
    bottom: 0;
    border-top-width: 0;
    border-left-width: 0;
}
.btn--search-close {
    font-size: 2em;
    position: absolute;
    top: 1.25em;
    right: 1.25em;
    display: none;
    display: block;
}
.search__form {
    margin: 5em 0;
}
.search__input {
    font-size: 10vw;
    border-bottom: 2px solid;
}
.search__input::-webkit-input-placeholder {
    opacity: 0.3;
    color: #060919;
}
.search__input::-moz-placeholder {
    opacity: 0.3;
    color: #f5f5f5;
}
.search__input:-ms-input-placeholder {
    opacity: 0.3;
    color: #060919;
}
.search__input::-webkit-search-cancel-button,
.search__input::-webkit-search-decoration {
    -webkit-appearance: none;
}
.search__input::-ms-clear {
    display: none;
}
.search__info {
    font-size: 90%;
    font-weight: 700;
    display: block;
    width: 75%;
    margin: 0 auto;
    padding: 0.85em 0;
    text-align: right;
    color: #fff;
}
.search__related {
    display: -ms-flexbox;
    display: flex;
    width: 75%;
    pointer-events: none;
}
.search__suggestion {
    width: 33.33%;
    text-align: left;
}
.search__suggestion:nth-child(2) {
    margin: 0 3em;
}
.search__suggestion h3 {
    font-size: 1.35em;
    margin: 0;
}
.search__suggestion h3:before {
    content: "\21FE";
    display: inline-block;
    padding: 0 0.5em 0 0;
}
.search__suggestion p {
    font-size: 1.15em;
    line-height: 1.4;
    margin: 0.75em 0 0;
}
.search {
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.5s;
}
.search--open {
    pointer-events: auto;
    opacity: 1;
    z-index: 99999999;
}
.search:after,
.search:before {
    transition: transform 0.5s;
}
.search:before {
    transform: translate3d(-15px, -15px, 0);
}
.search:after {
    transform: translate3d(15px, 15px, 0);
}
.search--open:after,
.search--open:before {
    transform: translateZ(0);
}
.btn--search-close {
    opacity: 0;
    transform: scale3d(0.8, 0.8, 1);
    transition: opacity 0.5s, transform 0.5s;
    background: transparent;
    border: none;
}
.btn--search-close:focus {
    outline: none;
}
.btn--search-close i {
    color: #fff;
}
.search--open .btn--search-close {
    opacity: 1;
    transform: scaleX(1);
}
.search__input {
    font-family: inherit;
    font-size: 5vw;
    line-height: 1;
    display: inline-block;
    box-sizing: border-box;
    width: 75%;
    padding: 0.05em 0;
    color: #fff;
    border: none !important;
    border-bottom: 2px solid #fff !important;
    outline: none;
    border: 0;
    background: transparent;
    border-radius: 0;
    -webkit-appearance: none;
}
.search__form {
    opacity: 0;
    transform: scale3d(0.8, 0.8, 1);
    transition: opacity 0.5s, transform 0.5s;
}
.search--open .search__form {
    opacity: 1;
    transform: scaleX(1);
}
.search__suggestion {
    opacity: 0;
    transform: translate3d(0, -30px, 0);
    transition: opacity 0.5s, transform 0.5s;
}
.search--open .search__suggestion {
    opacity: 1;
    transform: translateZ(0);
}
.search--open .search__suggestion:nth-child(2) {
    transition-delay: 0.1s;
}
.search--open .search__suggestion:nth-child(3) {
    transition-delay: 0.2s;
}
@media screen and (max-width: 40em) {
    .search__form {
        margin: 5em 0 1em;
    }
    .btn--search-close {
        font-size: 1.25em;
        top: 1.5em;
        right: 1.5em;
    }
    .search__info {
        text-align: left;
    }
    .search__suggestion {
        font-size: 80%;
        width: 100%;
    }
    .search__suggestion:nth-child(2),
    .search__suggestion:nth-child(3) {
        display: none;
    }
}
@media screen and (max-width: 1024px) {
    .dt-btn {
        padding: 12px 30px;
    }
    .section-title h2 {
        font-size: 30px;
    }
    .section-title span {
        font-size: 85px;
    }
}
@media screen and (max-width: 768px) {
    .section-title-two h2 {
        font-size: 30px;
    }
    .section-title-two span {
        font-size: 90px;
    }
    .dt-btn {
        padding: 10px 23px;
        font-size: 11px;
    }
}
@media screen and (max-width: 500px) {
    .section-title {
        border-right: none;
    }
    .section-title h2 {
        font-size: 24px;
    }
    .section-title span {
        font-size: 70px;
    }
}
#loader {
    width: 100%;
    height: 100%;
    background: #000;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 999999;
}
#loader.loaded {
    display: none;
}
.loader {
    position: absolute;
    left: 50%;
    top: 50%;
}
.loader--glisteningWindow {
    width: 0.25em;
    height: 0.25em;
    box-shadow: 0.70711em 0.70711em 0 0 #2ecc71, -0.70711em 0.70711em 0 0.17678em #9b59b6, -0.70711em -0.70711em 0 0.25em #3498db, 0.70711em -0.70711em 0 0.17678em #f1c40f;
    animation: b 1s ease-in-out infinite, a 2.8s linear infinite;
}
@keyframes a {
    to {
        transform: rotate(1turn);
    }
}
@keyframes b {
    0% {
        box-shadow: 0.70711em 0.70711em 0 0.125em #2ecc71, -0.70711em 0.70711em 0 0.39017em #9b59b6, -0.70711em -0.70711em 0 0.5em #3498db, 0.70711em -0.70711em 0 0.39017em #f1c40f;
    }
    25% {
        box-shadow: 0.70711em 0.70711em 0 0.39017em #2ecc71, -0.70711em 0.70711em 0 0.5em #9b59b6, -0.70711em -0.70711em 0 0.39017em #3498db, 0.70711em -0.70711em 0 0.125em #f1c40f;
    }
    50% {
        box-shadow: 0.70711em 0.70711em 0 0.5em #2ecc71, -0.70711em 0.70711em 0 0.39017em #9b59b6, -0.70711em -0.70711em 0 0.125em #3498db, 0.70711em -0.70711em 0 0.39017em #f1c40f;
    }
    75% {
        box-shadow: 0.70711em 0.70711em 0 0.39017em #2ecc71, -0.70711em 0.70711em 0 0.125em #9b59b6, -0.70711em -0.70711em 0 0.39017em #3498db, 0.70711em -0.70711em 0 0.5em #f1c40f;
    }
    to {
        box-shadow: 0.70711em 0.70711em 0 0.125em #2ecc71, -0.70711em 0.70711em 0 0.39017em #9b59b6, -0.70711em -0.70711em 0 0.5em #3498db, 0.70711em -0.70711em 0 0.39017em #f1c40f;
    }
}
#header {
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
}
#header .logo {
    display: block;
}
#header .logo-fixed {
    display: none;
}
#header.navbar-small {
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 99999;
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.1);
}
#header.navbar-small .logo,
#header.navbar-small .top-menu {
    display: none;
}
#header.navbar-small .logo-fixed {
    display: block;
}
#header.navbar-small .navbar {
    background: #fff;
    padding: 10px 0;
    animation-timing-function: ease-in-out;
    animation-duration: 0.5s;
    animation-name: c;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.1);
    z-index: 9999;
}
#header.navbar-small .navbar .slimmenu {
    background: transparent;
}
#header.navbar-small .navbar .slimmenu li.header-search,
#header.navbar-small .navbar .slimmenu li a {
    color: #000;
}
#header.navbar-small .navbar .slimmenu li.header-search:before {
    background: #000;
}
#header.navbar-small .navbar .slimmenu li .child-menu {
    top: 115%;
}
#header.header-two .logo-fixed {
    display: none;
}
#header.header-two.navbar-small {
    position: fixed;
}
#header.header-two.navbar-small .logo-fixed {
    display: inline-block;
}
#header.header-two.navbar-small .navbar {
    background: #fff;
    padding: 10px 0;
}
#header.header-two.navbar-small .slimmenu {
    width: auto;
    float: right;
}
#header.header-three .logo-fixed,
#header.header-two.navbar-small .slimmenu li.top-contact {
    display: none;
}
ul.slimmenu li {
    float: none;
}
ul.slimmenu li,
ul.slimmenu li .sub-toggle {
    background-color: transparent;
}
ul.slimmenu > li {
    border-left: none;
}
.top-menu {
    background-color: #070707;
    padding: 10px 0;
    border-bottom: 1px solid #2da15e;
}
.top-menu .top-contact {
    margin: 0;
    padding: 0;
    list-style: none;
}
.top-menu .top-contact li {
    display: inline-block;
    padding: 0 20px;
    color: #fff;
    border-right: 1px solid #545c87;
    font-size: 13px;
}
.top-menu .top-contact li:last-child {
    border-right: none;
}
.top-menu .top-contact li i {
    margin-right: 10px;
}
.top-menu .top-contact li a {
    color: #fff;
}
.top-menu .top-contact li a:hover {
    color: #2da15e;
}
.top-menu .dt-social-link {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}
.top-menu .dt-social-link li {
    display: inline-block;
    margin: 0 8px;
}
.top-menu .dt-social-link li a {
    color: #fff;
}
.top-menu .dt-social-link li a:hover {
    color: #2da15e;
}
.top-menu .login {
    float: right;
}
.top-menu .login a {
    padding: 10px 20px;
    color: #fff;
}
.top-menu .login a:hover {
    background: #2da15e;
}
.slimmenu {
    background: #171717;
    margin-bottom: 0;
    border: none;
    padding: 25px 0;
}
.navbar-brand {
    padding: 0;
}
.navbar {
    background: #171717;
    margin-bottom: 0;
    border: none;
    padding: 25px 0;
    border-radius: 0;
}
.navbar .slimmenu li {
    padding: 15px;
}
.navbar .slimmenu li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    position: relative;
    padding: 0;
}
.navbar .slimmenu li a:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 0;
    height: 1px;
    background: #2da15e;
    transition: all 0.3s ease-in-out;
}
.navbar .slimmenu li a:focus,
.navbar .slimmenu li a:hover {
    background-color: transparent;
    color: #2da15e;
}
.navbar .slimmenu li a:focus:after,
.navbar .slimmenu li a:hover:after {
    width: 100%;
}
.navbar .slimmenu li.header-search {
    color: #fff;
    position: relative;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.navbar .slimmenu li.header-search:before {
    content: "";
    height: 14px;
    width: 1px;
    left: 0;
    top: 18px;
    position: absolute;
    background: #fff;
}
.navbar .slimmenu li .child-menu {
    width: 200px;
    z-index: 999;
    margin: 0;
    padding: 0;
    border-top: 2px solid #2da15e;
    top: 76px;
}
.navbar .slimmenu li .child-menu li {
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #4e4e4e;
    transition: all 0.3s ease-in-out;
    background: #000;
}
.navbar .slimmenu li .child-menu li a {
    display: block;
    padding: 0;
    color: #fff !important;
    transition: all 0.3s ease-in-out;
    font-weight: 300;
    font-size: 12px;
    padding: 6px 10px;
}
.navbar .slimmenu li .child-menu li a:after {
    display: none;
}
.navbar .slimmenu li .child-menu li:last-child {
    border-bottom: none;
}
.navbar .slimmenu li .child-menu li:hover {
    background-color: #2da15e;
}
.navbar .slimmenu li .child-menu li:hover a {
    color: #fff !important;
    display: block;
    text-decoration: none !important;
    padding-left: 15px;
}
.sub-toggle {
    display: none;
}
#header.header-two .top-menu {
    background: transparent;
}
#header.header-two .login {
    margin: 15px 0;
}
#header.header-two .login a {
    background: hsla(0, 0%, 100%, 0.1);
    border: 1px solid #040813;
    font-size: 13px;
    padding: 11px 30px;
}
#header.header-two .navbar {
    padding: 0;
    background-color: transparent;
    position: relative;
}
#header.header-two .navbar .top-contact {
    position: absolute;
    right: 0;
}
#header.header-two .navbar .top-contact a {
    display: inline-block;
    margin-left: 20px;
    color: #fff;
    position: relative;
    font-weight: 300;
}
#header.header-two .navbar .top-contact a i {
    margin-right: 10px;
}
#header.header-two .navbar .top-contact a i:hover {
    color: #2da15e;
}
#header.header-two .slimmenu {
    background-color: transparent;
    position: relative;
}
#header.header-two .slimmenu li:first-child {
    padding-left: 0;
}
#header.header-three .top-menu {
    padding: 24px 0;
}
#header.header-three .top-menu .top-info {
    margin: 4px 0;
}
#header.header-three .top-menu .top-info .info-icon {
    float: left;
    height: 40px;
    width: 40px;
    background: #2da15e;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
}
#header.header-three .top-menu .top-info .info-icon i {
    color: #fff;
}
#header.header-three .top-menu .top-info .info-details {
    margin-left: 50px;
}
#header.header-three .top-menu .top-info .info-details h6 {
    color: #fff;
    margin: 0;
    font-size: 14px;
    line-height: 23px;
}
#header.header-three .top-menu .top-info .info-details p {
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 300;
    color: #b3b3b3;
}
#header.header-three .live-chat {
    text-align: center;
    margin: 5px 0;
}
#header.header-three .live-chat i {
    height: 40px;
    width: 40px;
    line-height: 40px;
    background: #2da15e;
    color: #fff;
    border-radius: 50%;
    font-size: 20px;
}
#header.header-three .live-chat a {
    margin-left: 10px;
    color: #fff;
}
#header.header-three .navbar {
    background: #fff;
    padding: 0;
}
#header.header-three .navbar .slimmenu {
    background-color: transparent;
    position: relative;
}
#header.header-three .navbar .slimmenu li {
    padding: 0;
}
#header.header-three .navbar .slimmenu li a {
    color: #0e0e0e;
    display: block;
    padding: 15px;
}
#header.header-three .navbar .slimmenu li a:hover {
    background: #2da15e;
    color: #fff;
}
#header.header-three .navbar .slimmenu li a:hover:after {
    display: none;
}
#header.header-three .navbar .slimmenu li .child-menu li a {
    padding: 7px 10px;
}
#header.header-three .navbar .slimmenu li.login {
    position: absolute;
    right: 0;
    top: 7px;
}
#header.header-three .navbar .slimmenu li.login a {
    padding: 8px 20px;
    background: #2da15e;
    border-radius: 20px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
}
#header.header-three.navbar-small {
    position: fixed;
}
#header.header-three.navbar-small .logo-fixed {
    display: inline-block;
}
#header.header-three.navbar-small .navbar {
    background: #fff;
    padding: 10px 0;
}
#header.header-three.navbar-small .slimmenu {
    width: auto;
    float: right;
}
#header.header-three.navbar-small .slimmenu li a:hover {
    background: transparent !important;
    color: #2da15e;
}
#header.header-three.navbar-small .slimmenu li.login {
    display: none;
}
@keyframes c {
    0% {
        margin-top: -40px;
        opacity: 0;
    }
    50% {
        margin-top: -20px;
        opacity: 0;
    }
    to {
        margin-top: 0;
        opacity: 1;
    }
}
.home #header {
    position: absolute;
}
#mobile-header {
    text-align: center;
    background: #222533;
    padding: 8px 10px;
    height: 50px;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 10000;
}
#mobile-header .menu-toggle {
    position: absolute;
    left: 0;
}
#mobile-header .main-logo {
    width: 100px;
    display: inline-block;
}
#mobile-header .main-logo img {
    width: 100%;
}
.return-to-top {
    position: fixed;
    bottom: 50px;
    right: 50px;
    background: #2da15e;
    width: 40px;
    height: 40px;
    z-index: 1000;
    text-decoration: none;
    opacity: 0;
    transition: all 0.3s ease;
}
.return-to-top.visible {
    opacity: 1;
}
.return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 11px;
    top: 9px;
    font-size: 19px;
    transition: all 0.3s ease;
}
.return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
.return-to-top:hover i {
    color: #fff;
    top: 5px;
}
#site {
    position: relative;
    box-sizing: border-box;
    transition: all 0.3s;
}
#site,
.mask {
    top: 0;
    left: 0;
}
.mask {
    position: fixed;
    z-index: 15;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
}
.toggle-menu {
    width: 48px;
    height: 48px;
    background-size: 48px 48px;
    border: none;
    position: absolute;
    top: 6px;
    left: 6px;
}
#mobile-wrapper {
    width: 300px;
    height: 100vh;
    overflow: hidden;
    transition: all 0.3s;
    position: fixed;
    top: 0;
    left: -300px;
    z-index: 20;
    background: #000;
}
#mobile-wrapper .mobile-menu-container ul {
    padding: 0;
    margin: 0;
}
#mobile-wrapper .mobile-menu-container ul li {
    list-style: none;
}
#mobile-wrapper #mobile_menu_search {
    padding: 12px 0;
    text-align: center;
    font: inherit;
    background: #2b2b2b;
    margin-bottom: 20px;
}
#mobile-wrapper #mobile_menu_search #search form #searchsubmit,
#mobile-wrapper #mobile_menu_search #search form input {
    border: 1px solid rgba(145, 157, 201, 0.14);
    background: #19172f;
    padding: 10px;
    outline: none;
    border-right: none;
    color: #fff;
}
#mobile-wrapper #mobile_menu_search #search form #searchsubmit #searchsubmit,
#mobile-wrapper #mobile_menu_search #search form input #searchsubmit {
    border-left: none;
    border-right: 1px solid rgba(145, 157, 201, 0.14);
    margin-left: -5px;
}
body.menu-open {
    overflow: hidden;
}
body.menu-open #mobile-wrapper {
    left: 0;
}
body.menu-open #site {
    left: 300px;
    overflow-x: hidden;
}
.no-scroll {
    overflow-x: hidden;
}
#wrapper {
    padding: 15px 60px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: capitalize;
}
.accordion-menu {
    width: 100%;
    max-width: 350px;
    margin: 60px auto 20px;
    border-radius: 4px;
}
.accordion-menu > li {
    border-bottom: 1px solid #333;
}
.accordion-menu > li > a {
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px;
}
.accordion-menu li.open .dropdownlink {
    color: #2da15e;
}
.accordion-menu li.open .dropdownlink .fa-chevron-down {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.accordion-menu li:last-child .dropdownlink {
    border-bottom: 0;
}
.dropdownlink {
    cursor: pointer;
    display: block;
    padding: 15px 15px 15px 45px;
    font-size: 18px;
    border-bottom: 1px solid #ccc;
    color: #212121;
    position: relative;
    transition: all 0.4s ease-out;
}
.dropdownlink i {
    position: absolute;
    top: 13px;
    left: 16px;
    font-size: 14px;
}
.dropdownlink .fa-chevron-down {
    right: 12px;
    left: auto;
}
.submenuItems {
    display: none;
    background: #1f1f1f;
}
.submenuItems li {
    border-bottom: 1px solid #252525;
}
.submenuItems li:last-child {
    border-bottom: none;
}
.submenuItems a {
    display: block;
    color: #fff;
    padding: 12px;
    transition: all 0.4s ease-out;
    text-decoration: none;
}
.submenuItems a:focus,
.submenuItems a:hover {
    background-color: #2da15e;
    color: #fff;
}
.menu-toggle {
    position: relative;
    width: 30px;
    height: 23px;
    margin: 6px;
}
.menu-toggle:hover {
    cursor: pointer;
}
.menu-toggle > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #2da15e;
    transition: all 0.5s ease-in-out;
}
.menu-toggle > div:nth-child(2) {
    top: 50%;
    margin-top: -1px;
}
.menu-toggle > div:nth-child(3) {
    top: auto;
    bottom: 0;
}
.menu-toggle.active > div:first-child {
    -ms-transform: translateY(10px) rotate(135deg);
    transform: translateY(10px) rotate(135deg);
}
.menu-toggle.active > div:nth-child(2) {
    opacity: 0;
}
.menu-toggle.active > div:nth-child(3) {
    -ms-transform: translateY(-12px) rotate(-135deg);
    transform: translateY(-12px) rotate(-135deg);
}
@media screen and (max-width: 1024px) {
    .top-menu .top-contact li {
        padding: 0 5px;
        font-size: 11px;
    }
    .top-menu .dt-social-link li {
        margin: 0 3px;
    }
    .top-menu .login a {
        padding: 8px 13px;
    }
    .navbar {
        padding: 10px 0;
    }
    .navbar .nav li {
        padding: 14px 7px;
    }
    .navbar-brand {
        width: 125px;
    }
    .navbar-brand img {
        width: 100%;
    }
}
.collapse-button {
    margin: 0 auto;
    width: 35px;
    display: block;
    transition: all 0.3s;
    cursor: pointer;
    height: 26px;
    padding: 0;
    background: transparent;
    right: 0;
}
.collapse-button .icon-bar {
    transition: all 0.3s;
    height: 2px;
    width: 100%;
    display: block;
    background-color: #fff;
}
.collapse-button .icon-bar:nth-of-type(2) {
    margin: 8px 0;
}
.collapse-button--closed {
    transition-delay: 0.3s;
}
.collapse-button--closed .icon-bar {
    float: right;
}
.collapse-button--closed .icon-bar:nth-of-type(2) {
    width: 100%;
    transition-property: margin, height, width;
    transition-delay: 0.3s, 0.3s, 0s;
}
.collapse-button--closed .icon-bar:nth-of-type(3),
.collapse-button--closed:hover .icon-bar:nth-of-type(2),
.collapse-button--closed:hover .icon-bar:nth-of-type(3) {
    width: 100%;
}
.collapse-button--opened {
    padding-top: 12px;
}
.collapse-button--opened .icon-bar:first-of-type {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition-delay: 0.3s;
    height: 3px;
}
.collapse-button--opened .icon-bar:nth-of-type(2) {
    opacity: 0;
    height: 0;
    margin: -3px;
}
.collapse-button--opened .icon-bar:nth-of-type(3) {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition-delay: 0.3s;
    height: 3px;
}
.collapse-button:focus,
.collapse-button:hover {
    background-color: transparent;
}
@media screen and (max-width: 992px) {
    #header.header-three .navbar .slimmenu li a {
        padding: 13px 7px;
    }
    #header.header-three .navbar .slimmenu li.login {
        top: 5px;
    }
}
@media screen and (max-width: 768px) {
    .navbar-right {
        float: none;
    }
    .navbar-header,
    .top-menu {
        display: none;
    }
    #header.navbar-small .navbar {
        position: relative;
    }
    .sub-toggle {
        display: block;
    }
    #header.navbar-small {
        position: relative;
    }
    #header.navbar-small .navbar {
        background: #171717;
    }
    #header.header-two .navbar {
        background: #333;
    }
    #header.header-two.navbar-small {
        position: relative;
    }
    #header.header-two .top-contact {
        display: none;
    }
    .navbar {
        padding: 0;
    }
    .navbar .slimmenu li {
        padding: 0;
        border-bottom: 1px solid;
    }
    .navbar .slimmenu li a {
        padding: 10px;
    }
    .navbar .slimmenu li .child-menu {
        width: 100%;
    }
    .navbar .slimmenu li .child-menu li {
        background: #222;
    }
    ul.slimmenu.collapsed li {
        background: #000;
    }
    ul.slimmenu.collapsed li .sub-toggle {
        height: 50px;
        color: #fff;
    }
    .btn-search {
        padding-bottom: 10px;
    }
    .menu-collapser {
        background-color: transparent;
    }
    .menu-collapser .mobile-logo {
        background: url(../img/logo.png);
        display: inline-block;
        height: 50px;
        width: 150px;
        background-repeat: no-repeat;
    }
    #header.header-three .navbar .slimmenu li.login {
        position: relative;
        background-color: transparent;
        border-bottom: none;
        padding: 5px 0 15px;
    }
    #header.header-three .navbar .slimmenu li a {
        color: #fff;
    }
    #header.header-three .collapse-button .icon-bar {
        background: #000;
    }
}
.rev-feature i {
    margin-right: 10px;
}
.rv-slider-three-upsub {
    color: #fff;
}
.banner {
    height: 100vh;
    position: relative;
    overflow: hidden;
    background-size: cover;
}
.banner #stars,
.banner #stars2,
.banner #stars3 {
    position: absolute;
    z-index: 999;
}
.banner .swiper-banner {
    overflow: hidden;
}
.banner .swiper-banner .swiper-slide {
    height: 100vh;
}
.banner .swiper-banner .swiper-slide .slide-two-image,
.banner .swiper-banner .swiper-slide .slider-caption,
.banner .swiper-banner .swiper-slide .slider-img {
    opacity: 0;
    transition-delay: 0.7s;
}
.banner .swiper-banner .swiper-slide.swiper-slide-active .slide-two-image,
.banner .swiper-banner .swiper-slide.swiper-slide-active .slider-caption,
.banner .swiper-banner .swiper-slide.swiper-slide-active .slider-img {
    opacity: 1;
}
.banner .swiper-banner .slider-img img:first-child {
    margin-right: -30px;
}
.banner .swiper-banner .slider-img img:last-child {
    margin-left: -30px;
}
.slider-caption {
    position: absolute;
    left: 16%;
    top: 50%;
    -ms-transform: translateY(-35%);
    transform: translateY(-35%);
}
.slider-caption h3 {
    margin-top: 0;
    font-size: 20px;
    text-shadow: 0 3px 0 rgba(0, 0, 0, 0.35);
}
.slider-caption h2,
.slider-caption h3 {
    font-family: Montserrat;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}
.slider-caption h2 {
    font-size: 60px;
    text-shadow: 0 4px 0 rgba(0, 0, 0, 0.35);
}
.slider-caption p {
    font-size: 14px;
    color: #fff;
    font-weight: 300;
}
.slider-caption.caption-two h3 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 5px;
    text-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
}
.slider-caption.caption-two h2 {
    font-size: 50px;
    text-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
    margin-top: 0;
}
.slider-img {
    position: absolute;
    top: -10px;
    right: 18%;
}
.slider-img img {
    width: 130px;
}
.scene {
    width: 100%;
}
.slide-two-image {
    position: absolute;
    top: 50%;
    right: 20%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.swiper-button-next,
.swiper-button-prev {
    background-image: none;
    transition: all 0.3s ease-in-out;
    top: 50%;
    -ms-transform: translateY(120%);
    transform: translateY(120%);
    width: 150px;
}
.swiper-button-next:before,
.swiper-button-prev:before {
    position: absolute;
    content: "";
    top: 12px;
}
.swiper-button-next:after,
.swiper-button-prev:after {
    width: 50px;
    height: 1px;
    background: #fff;
    position: absolute;
    content: "";
    top: 22px;
    transition: all 0.3s ease-in-out;
}
.swiper-button-next span,
.swiper-button-prev span {
    display: inline-block;
    width: 64px;
    height: 64px;
    position: absolute;
    top: -46px;
    overflow: hidden;
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
    -ms-transform: scale(0);
    transform: scale(0);
    transition: all 0.15s ease-in-out;
}
.swiper-button-next span > img,
.swiper-button-prev span > img {
    width: auto;
    height: 100%;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: fadeInUp;
}
.swiper-button-next:hover span,
.swiper-button-prev:hover span {
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1);
}
.swiper-button-next:hover span:first-child,
.swiper-button-next:hover span:nth-child(2),
.swiper-button-next:hover span:nth-child(3),
.swiper-button-prev:hover span:first-child,
.swiper-button-prev:hover span:nth-child(2),
.swiper-button-prev:hover span:nth-child(3) {
    -ms-transform: scale(1);
    transform: scale(1);
}
.swiper-button-next:hover:after,
.swiper-button-prev:hover:after {
    width: 165px;
}
.swiper-button-prev:after {
    left: 15px;
}
.swiper-button-prev:before {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
    left: 10px;
}
.swiper-button-next:after {
    right: 15px;
}
.swiper-button-next:before {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #fff;
    right: 7px;
}
.swiper-button-prev span:first-child {
    width: 32px;
    height: 32px;
    left: 26px;
    top: -14px;
    -ms-transform: scale(0);
    transform: scale(0);
    transition: all 0.3s ease-in-out;
}
.swiper-button-prev span:nth-child(2) {
    width: 48px;
    height: 48px;
    left: 63px;
    top: -30px;
    -ms-transform: scale(0);
    transform: scale(0);
    transition: all 0.45s ease-in-out;
}
.swiper-button-prev span:nth-child(3) {
    left: 116px;
}
.swiper-button-next span:first-child {
    left: -30px;
}
.swiper-button-next span:nth-child(2) {
    width: 48px;
    height: 48px;
    right: 61px;
    top: -30px;
    -ms-transform: scale(0);
    transform: scale(0);
    transition: all 0.3s ease-in-out;
}
.swiper-button-next span:nth-child(3) {
    width: 32px;
    height: 32px;
    right: 23px;
    top: -14px;
    -ms-transform: scale(0);
    transform: scale(0);
    transition: all 0.45s ease-in-out;
}
.static-banner-content {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.static-banner-content h4 {
    font-size: 30px;
    color: #fff;
    margin-top: 0;
    text-transform: uppercase;
}
.static-banner-content h2 {
    font-size: 70px;
    line-height: 70px;
    color: #fff;
    font-weight: 800;
    font-family: Raleway, sans-serif;
    text-transform: uppercase;
    margin-top: 0;
}
.static-banner-content h2 span {
    color: #2da15e;
}
.static-banner-content p {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
    margin-bottom: 40px;
}
.static-banner-content .dt-btn-two {
    margin: 0 auto;
}
.static-banner-content .btn-active {
    margin-left: 20px;
    background: #2da15e;
    border-color: transparent;
}
.static-banner-content .btn-active:hover {
    color: #000;
    border-color: transparent;
}
.static-banner-content .btn-active:hover:before {
    background: #fff;
}
@media screen and (max-width: 1440px) {
    .slider-caption h3 {
        font-size: 18px;
    }
    .slider-caption h2 {
        font-size: 45px;
    }
    .slider-caption.caption-two h2 {
        font-size: 40px;
    }
    .slide-two-image {
        right: 8%;
    }
    .slider-img {
        right: 5%;
    }
    .static-banner-content h2 {
        font-size: 60px;
        line-height: 60px;
    }
}
@media screen and (max-width: 1280px) {
    .slider-caption h2 {
        font-size: 40px;
    }
    .slider-caption p {
        max-width: 500px;
    }
    .slider-caption p br {
        display: none;
    }
    .slider-img img {
        width: 120px;
    }
}
@media screen and (max-width: 1024px) {
    .slider-caption {
        left: 6%;
    }
    .slider-caption.caption-two h2 {
        font-size: 30px;
        text-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
    }
    .slide-two-image {
        height: 280px;
        width: 280px;
    }
    .slide-two-image img {
        width: 100%;
    }
    .static-banner-content h2 {
        font-size: 50px;
        line-height: 50px;
    }
}
@media screen and (max-width: 768px) {
    .slider-caption h3 {
        font-size: 15px;
        margin-bottom: 5px;
    }
    .slider-caption h2 {
        font-size: 24px;
        margin-top: 0;
    }
    .slider-caption p {
        max-width: 350px;
        font-size: 12px;
    }
    .slider-caption .dt-btn-two {
        max-width: 160px;
        line-height: 44px;
        margin-top: 10px;
    }
    .slider-caption .dt-btn-two i {
        right: 14px;
        top: 16px;
    }
    .slider-caption .dt-btn-two svg {
        height: 45px;
    }
    .slider-caption .dt-btn-two rect {
        stroke-dasharray: 68, 78, 113;
    }
    .slider-caption .dt-btn-two:focus rect,
    .slider-caption .dt-btn-two:hover rect {
        stroke-dasharray: 98, 1, 0;
    }
    .slider-caption .dt-btn-two:focus i,
    .slider-caption .dt-btn-two:hover i {
        right: 8px;
    }
    .slider-caption.caption-two h3 {
        font-size: 13px;
        text-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
    }
    .slider-caption.caption-two h2 {
        font-size: 24px;
        text-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
    }
    .slider-img {
        right: 2%;
    }
    .slider-img img {
        width: 76px;
        height: 280px;
    }
    .slider-img img:first-child {
        margin-right: -12px;
    }
    .slide-two-image {
        height: 200px;
        width: 200px;
        right: 5%;
        -ms-transform: translateY(-28%);
        transform: translateY(-28%);
    }
    .slide-two-image img {
        width: 100%;
    }
    .static-banner-content h4 {
        font-size: 20px;
    }
    .static-banner-content h2 {
        font-size: 35px;
        line-height: 35px;
    }
    .static-banner-content p {
        display: none;
    }
}
@media screen and (max-width: 500px) {
    .slide-two-image,
    .slider-caption.caption-two h2 br,
    .slider-img {
        display: none;
    }
    .static-banner-content h4 {
        font-size: 16px;
    }
    .static-banner-content h2 {
        font-size: 28px;
        line-height: 28px;
    }
}
#domain {
    background: #303030;
    position: relative;
    padding: 20px 0;
    z-index: 999;
}
#domain.domain-two {
    padding: 70px 0;
}
.domain {
    background: #eee;
    height: 160px;
    width: 160px;
    padding: 45px 20px;
    position: absolute;
    top: -47px;
    z-index: 10;
}
.domain p {
    margin-bottom: 0;
}
.domain h2 {
    font-size: 30px;
    color: #0e0e0e;
    font-weight: 700;
    margin: 0;
}
.domain-price {
    margin-left: 180px;
}
.price {
    margin: 0;
    padding: 5px 0;
    list-style: none;
    border-bottom: 1px solid #383838;
}
.price li {
    display: inline-block;
    margin-right: 20px;
    font-weight: 300;
    color: #fff;
    position: relative;
}
.price li:after {
    position: absolute;
    content: "/";
    right: -15px;
}
.price li:last-child:after {
    display: none;
}
.domain-details p {
    display: inline-block;
    color: #8b9698;
    padding-right: 20px;
    margin-top: 5px;
    font-size: 13px;
    font-weight: 300;
}
#domain-search-form {
    padding: 10px 0;
}
#domain-search-form input {
    height: 44px;
    border: 1px solid #575757;
    background: #292929;
    padding: 7px 20px;
    max-width: 320px;
    width: 100%;
    outline: none;
    color: #fff;
}
#domain-search-form.d-search-form-two {
    margin-top: 33px;
}
#domain-search-form.d-search-form-two input {
    max-width: 500px;
    width: 100%;
}
#select {
    background: #2da15e;
    border: none;
    height: 44px;
    color: #fff;
    padding: 0 11px;
    margin-left: -5px;
}
#select:focus,
#select:hover {
    outline: none;
}
.sea-btn {
    border: none;
    height: 44px;
    background: #2da15e;
    color: #fff;
    padding: 0 20px;
    margin-left: 2px;
}
.sea-btn:focus,
.sea-btn:hover {
    background: #000;
    outline: none;
}
.domain-price-two {
    margin-left: 0;
}
.domain-price-two p {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
}
.domain-price-two .price {
    border-bottom: none;
}
.domain-price-two .price li {
    padding: 7px 32px;
    background: #2da15e;
    font-size: 16px;
    text-align: right;
    margin-right: 0;
    font-weight: 300;
}
.domain-price-two .price li span {
    font-size: 14px;
}
.domain-price-two .price li:after {
    display: none;
}
.domain-search span {
    color: #b3b3b3;
    margin-right: 30px;
    font-size: 13px;
    font-weight: 300;
    position: relative;
}
.domain-search span:after {
    position: absolute;
    content: "/";
    right: -16px;
    top: -1px;
    color: #b3b3b3;
}
#domain.domain-three {
    background: #fff;
    padding-top: 100px;
}
#domain.domain-three .domain-search h2 {
    color: #0e0e0e;
    font-size: 30px;
    font-weight: 700;
}
#domain.domain-three .domain-search p {
    color: #000;
    text-decoration: underline;
    font-size: 16px;
    font-weight: 300;
}
#domain.domain-three #domain-search-form input {
    height: 70px;
    background: #f5f5f7;
    color: #000;
    border-color: #dfe4e7;
    max-width: 850px;
    font-size: 18px;
}
#domain.domain-three #domain-search-form.d-search-form-two {
    margin-top: 0;
    margin-bottom: 20px;
}
#domain.domain-three #select {
    height: 70px;
    padding: 0 21px;
    font-size: 17px;
}
#domain.domain-three .sea-btn {
    height: 70px;
    width: 170px;
    font-size: 17px;
}
#domain.domain-three .details {
    float: right;
}
#domain .domain-price-three {
    margin-left: 0;
}
#domain .domain-price-three .price {
    border-bottom: 0;
    margin-bottom: 50px;
}
#domain .domain-price-three .price li {
    padding: 10px 30px;
    background: #eee;
    font-size: 20px;
    color: #0e0e0e;
    font-weight: 400;
    margin-right: 7px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
#domain .domain-price-three .price li:after {
    display: none;
}
#domain .domain-price-three .price li:hover {
    background: #2da15e;
    color: #fff;
}
.details span {
    color: #6f6f6f;
    margin-right: 30px;
    font-weight: 300;
    position: relative;
}
.details span:after {
    position: absolute;
    content: "/";
    right: -15px;
}
.details span:last-child {
    margin-right: 0;
}
.details span:last-child:after {
    display: none;
}
.d-transfer .web-feature h3,
.d-transfer .web-feature p {
    color: #fff;
}
@media screen and (max-width: 1024px) {
    .domain {
        padding: 35px 20px;
        top: -41px;
    }
    .price li {
        font-size: 12px;
    }
    #domain-search-form input {
        width: 235px;
    }
    #domain-search-form.d-search-form-two input {
        max-width: 380px;
    }
    .domain-price-two .price li {
        padding: 7px 18px;
    }
    #domain.domain-three #domain-search-form {
        max-width: 70%;
    }
    #domain.domain-three .price li {
        padding: 8px 18px;
    }
}
@media screen and (max-width: 768px) {
    .domain {
        height: 120px;
        width: 120px;
        padding: 22px 15px;
    }
    .domain h2 {
        font-size: 20px;
    }
    .domain-price {
        margin-left: 160px;
    }
    #domain-search-form {
        text-align: center;
    }
    #domain.domain-three {
        padding: 50px 0;
    }
    #domain.domain-three #domain-search-form {
        height: 50px;
        text-align: left;
    }
    #domain.domain-three #domain-search-form input {
        width: 50%;
        height: 50px;
    }
    #domain.domain-three #select {
        height: 50px;
    }
    #domain.domain-three .sea-btn {
        height: 50px;
        width: 113px;
        padding: 0 15px;
    }
    #domain.domain-three .price {
        margin-bottom: 10px;
    }
    #domain.domain-three .price li {
        padding: 10px 26px;
    }
    #domain.domain-three .details {
        float: none;
    }
}
@media screen and (max-width: 500px) {
    #domain-search-form input {
        width: 175px;
    }
    #domain-search-form #select {
        padding: 0;
    }
    .domain-price {
        margin: 40px 0 0;
    }
    .domain {
        top: -120px;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .price li {
        margin-right: 8px;
    }
    .price li:after {
        right: -9px;
    }
    #domain.domain-three {
        padding: 50px 0;
    }
    #domain.domain-three #domain-search-form {
        height: 40px;
        text-align: left;
    }
    #domain.domain-three #domain-search-form input {
        width: 50%;
        height: 40px;
        font-size: 14px;
    }
    #domain.domain-three #select {
        height: 40px;
        font-size: 13px;
        padding: 0;
    }
    #domain.domain-three .sea-btn {
        height: 40px;
        width: 87px;
        font-size: 13px;
        padding: 0 12px;
    }
    #domain.domain-three .price li {
        padding: 3px 13px;
        font-size: 13px;
        margin-right: 0;
    }
    .domain-price-two .price li {
        padding: 4px 10px;
    }
    #domain-search-form.d-search-form-two input {
        max-width: 170px;
    }
    #domain-search-form.d-search-form-two #select {
        padding: 0;
    }
}
#feature {
    padding: 100px 0;
}
.feature {
    margin-top: 80px;
}
.feature .feature-item {
    position: relative;
    background-color: transparent;
}
.feature .feature-item .feature-header {
    margin-bottom: 5px;
}
.feature .feature-item .feature-header .feature-icon {
    float: left;
    height: 50px;
    width: 50px;
    margin-top: -9px;
}
.feature .feature-item .feature-header .feature-title h3 {
    color: #0e0e0e;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    margin-left: 15px;
    display: inline-block;
}
.feature .feature-item .content p {
    color: #5f5f5f;
    font-size: 14px;
    line-height: 26px;
    font-weight: 300;
}
.feature > div:first-child .feature-item:after,
.feature > div:nth-child(2) .feature-item:after {
    position: absolute;
    content: "";
    height: 70px;
    width: 70px;
    background: #fff;
    border: 1px solid #eef1f2;
    right: -36px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: -35px;
    z-index: 100;
}
.border-br {
    border-bottom: 1px solid #dfe4e7;
    padding: 0 20px 39px;
}
.border-br,
.border-right {
    border-right: 1px solid #dfe4e7;
}
.border-right {
    padding: 49px 25px 0;
}
.border-none {
    border-right: none;
}
@media screen and (max-width: 992px) {
    .border-br,
    .border-right {
        border: none;
    }
    .feature > div:first-child .feature-item:after,
    .feature div:nth-child(2) .feature-item:after {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .border-br,
    .border-right {
        border: none;
    }
    .feature > div:first-child .feature-item:after,
    .feature div:nth-child(2) .feature-item:after {
        display: none;
    }
}
#pricing,
#pricing-three {
    padding: 100px 0;
    background: #f5fcf8;
    border-top: 1px solid #89dead;
    border-bottom: 1px solid #89dead;
}
.pricing__item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch;
    text-align: center;
    -ms-flex: 0 1 330px;
    flex: 0 1 330px;
    max-width: 400px;
    margin: 0 auto 20px;
}
.pricing__feature-list {
    text-align: left;
}
.pricing__action {
    color: inherit;
    border: none;
    background: none;
}
.pricing__action:focus {
    outline: none;
}
.pricing--yama .pricing__item {
    padding: 0 0 3.5em;
    color: #fff;
    background: #fbfcff;
    transition: background 0.3s;
    cursor: pointer;
    border: 1px solid #9de4bb;
    transition: all 0.25s ease-in-out;
}
.pricing--yama .pricing__item:hover {
    background: #f5f5f7;
    box-shadow: 0 25px 30px -10px rgba(0, 0, 0, 0.15);
}
.pricing--yama .pricing__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    width: 290px;
    margin: 0 auto 20px;
    padding-top: 45px;
    color: #14171a;
}
.pricing__amp {
    padding: 0.15em 0 0.1em;
    color: #0f0e0f;
}
.pricing--yama .pricing__sentence {
    margin-bottom: 30px;
    color: #5f5f5f;
}
.pricing--yama .pricing__price {
    font-size: 50px;
    line-height: 55px;
    font-weight: 300;
    position: relative;
    z-index: 10;
    overflow: hidden;
    padding: 10px;
    cursor: default;
    color: #000;
    background: #9de4bb;
    transition: color 0.3s;
}
.pricing--yama .pricing__price sup {
    top: -24px;
    font-size: 25px;
}
.pricing--yama .pricing__item:hover .pricing__price {
    color: #fff;
}
.pricing--yama .pricing__price:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: #2da15e;
    transition: transform 0.3s, opacity 0.3s;
    transform: translate3d(-150%, 0, 0) skewX(40deg);
}
.pricing--yama .pricing__item:hover .pricing__price:before {
    opacity: 1;
    transform: translateZ(0) skewX(0deg);
}
.pricing--yama .pricing__period {
    font-size: 0.5em;
    font-weight: 400;
    display: block;
    color: #848484;
}
.pricing--yama .pricing__feature-list {
    margin: 0;
    padding: 30px 50px;
    list-style: none;
    color: #6a6563;
}
.pricing--yama .pricing__feature-list li {
    font-size: 14px;
    font-weight: 300;
    color: #000;
    line-height: 30px;
}
.pricing--yama .pricing__feature-list li i {
    color: #000;
    margin-right: 10px;
}
.pricing--yama .pricing__action {
    font-weight: 700;
    letter-spacing: 2.5px;
    margin: 0 3.5em;
    padding: 1em 2em;
    background: #9de4bb;
    color: #14171a;
    text-transform: uppercase;
    transition: background-color 0.3s, color 0.3s;
}
.pricing--yama .pricing__action:focus,
.pricing--yama .pricing__action:hover {
    color: #fff;
    background: #2da15e;
}
#pricing_two {
    padding: 100px 0;
    background-size: cover;
}
.price-control {
    padding: 60px;
    margin-top: 50px;
    background-color: rgba(245, 245, 247, 0.102);
    position: relative;
}
.price-control .border1,
.price-control .border2,
.price-control .border3,
.price-control .border4 {
    position: absolute;
    height: 20px;
    width: 2px;
    background-color: rgba(223, 228, 231, 0.4);
    bottom: 25px;
}
.price-control .border1 {
    left: 6.6%;
}
.price-control .border2 {
    left: 35.7%;
}
.price-control .border3 {
    right: 35.3%;
}
.price-control .border4 {
    right: 6.4%;
}
.rangeslider__fill {
    background: #2da15e;
}
.rangeslider {
    background: #8f9091;
}
.rangeslider,
.rangeslider__fill {
    border-radius: 0;
}
.rangeslider__handle {
    border-radius: 0;
    height: 30px;
    width: 30px;
    background: #2da15e;
    top: -5px;
    border: none;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    position: relative;
}
.rangeslider__handle:after {
    right: -9px;
}
.rangeslider__handle:after,
.rangeslider__handle:before {
    height: 100%;
    width: 1px;
    background: #227947;
    border-radius: 0;
}
.rangeslider__handle:before {
    content: "";
    position: absolute;
    left: 12px;
}
.rangeslider--horizontal .rangeslider__handle {
    top: -5px;
}
.price-plan {
    margin-top: 30px;
}
.price-plan .config {
    margin: 0;
    padding: 0;
}
.price-plan .config li {
    display: block;
    padding: 20px 0;
    text-align: center;
}
.price-plan .config li.config-head {
    background: #2da15e;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    border-bottom: 2px solid #000;
}
.price-plan .config li.config-space {
    background: #fff;
    font-weight: 700;
}
.price-plan > div {
    display: none;
}
.price-plan > div.active {
    display: block;
}
.item-price {
    margin-top: 50px;
}
.item-price h3 {
    display: inline-block;
    color: #fff;
    font-weight: 700;
    margin-right: 20px;
    font-size: 30px;
    margin-top: 0;
    border-bottom: 3px solid #fff;
}
.item-price h3 span {
    font-size: 20px;
}
.item-price .dt-btn {
    background: hsla(0, 0%, 100%, 0.1);
    border: 1px solid hsla(0, 0%, 100%, 0.1);
}
.item-price .dt-btn:hover {
    background: #2da15e;
}
.pricing_item {
    background: #fff;
    border-bottom: 3px solid #2da15e;
    padding-bottom: 30px;
    position: relative;
    cursor: pointer;
}
.pricing_item .pricing-head {
    text-align: center;
    padding: 30px 0;
    background: #2da15e;
}
.pricing_item .pricing-head h3 {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    margin-top: 0;
}
.pricing_item .pricing-head p {
    color: #fff;
    font-weight: 300;
    margin-bottom: 0;
}
.pricing_item .pricing_price {
    margin-top: 50px;
    margin-left: 40px;
}
.pricing_item .pricing_price h2 {
    color: #2da15e;
    font-weight: 700;
    font-size: 60px;
    margin-bottom: 0;
}
.pricing_item .pricing_price h2 span {
    font-size: 14px;
}
.pricing_item .pricing__feature-list {
    padding: 30px 65px;
}
.pricing_item .pricing__feature-list li {
    position: relative;
}
.pricing_item .pricing__feature-list li:before {
    position: absolute;
    top: 14px;
    left: -25px;
    width: 15px;
    height: 1px;
    background: #2da15e;
    content: "";
}
.pricing_item .dt-btn {
    float: right;
    margin-right: 20px;
    padding: 10px 28px;
}
.price-active .pricing-head {
    background: #000;
}
.price-active h6 {
    position: absolute;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    background: #2da15e;
    padding: 12px 10px 12px 30px;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    right: 0;
    top: 19px;
}
.price-active h6:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 19px solid #000;
    left: -1px;
    bottom: -2px;
}
.price-active .dt-btn {
    background: #000;
}
.price-active .dt-btn:hover {
    background: #2da15e;
}
@media screen and (max-width: 1024px) {
    .price-control .border1 {
        left: 8%;
    }
    .price-control .border2 {
        left: 36%;
    }
    .price-control .border3 {
        right: 35.6%;
    }
    .price-control .border4 {
        right: 7.8%;
    }
}
@media screen and (max-width: 992px) {
    .price-control {
        padding: 40px 60px;
    }
    .price-control .border1 {
        left: 10.5%;
        bottom: 10px;
    }
    .price-control .border2 {
        left: 37%;
        bottom: 10px;
    }
    .price-control .border3 {
        right: 36.5%;
        bottom: 10px;
    }
    .price-control .border4 {
        right: 10%;
        bottom: 10px;
    }
    .price-plan .config li {
        padding: 10px 0;
    }
}
@media screen and (max-width: 768px) {
    #pricing {
        padding: 50px 0;
    }
    .pricing_item {
        max-width: 450px;
        margin: 0 auto 30px;
    }
}
#offer {
    padding: 100px 0;
}
.tab {
    position: relative;
    font-weight: 300;
    color: #888;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}
.tabs {
    display: table;
    margin: 0;
    background: #0e0e0e;
    overflow: visible;
    list-style: none;
}
.tabs,
.tabs li {
    position: relative;
    padding: 0;
}
.tabs li {
    line-height: 38px;
    border-right: 1px solid #343434;
    text-align: center;
    display: inline-block;
}
.tabs li:last-child {
    border-right: none;
}
.tabs li a {
    color: #fff;
    display: block;
    letter-spacing: 0;
    outline: none;
    padding: 12px 24px;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    text-transform: uppercase;
    font-weight: 700;
}
.tabs li.current a {
    color: #fff;
    background: #2da15e;
    position: relative;
}
.tabs li.current a:after {
    position: absolute;
    content: "";
    left: 50%;
    bottom: -10px;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 10px solid #2da15e;
}
.tabs-two li {
    display: block;
    border-bottom: 1px solid #fff;
}
.tabs-two li a {
    font-size: 11px;
}
.tabs-two li a:after {
    display: none;
}
.tab_content {
    margin-top: 80px;
}
.tabs_item {
    display: none;
    margin-bottom: 70px;
}
.tabs_item img {
    width: 100%;
    max-height: 380px;
}
.tabs_item .content h4 {
    color: #0e0e0e;
    font-size: 20px;
    margin-top: 0;
}
.tabs_item .content .dt-btn {
    margin-top: 40px;
}
.tabs_item p {
    font-size: 14px;
    color: #5f5f5f;
    line-height: 26px;
    margin-bottom: 20px;
}
.tabs_item:first-child {
    display: block;
}
@media screen and (max-width: 1024px) {
    .tabs {
        margin: 0 auto;
        display: block;
    }
    .tabs li {
        line-height: 28px;
    }
    .tabs li a {
        font-size: 10px;
        padding: 12px 7px;
        font-weight: 400;
    }
    .tabs_item .content .dt-btn {
        margin-top: 10px;
    }
    .tabs_item img {
        max-width: 400px;
        margin: 0 auto;
        display: block;
    }
}
@media screen and (max-width: 768px) {
    #offer {
        padding: 50px 0;
    }
    .tabs {
        margin: 0 auto;
        display: block;
    }
    .tabs li {
        width: 32.7%;
    }
    .tabs li a {
        font-size: 10px;
        padding: 5px 0;
        font-weight: 400;
        border-bottom: 1px solid #333;
    }
    .tabs li a:after {
        display: none;
    }
    .tabs.tabs-two {
        width: 90%;
        margin: 0 auto;
    }
    .tabs.tabs-two li {
        width: 100%;
    }
    .tabs_item img {
        max-width: 350px;
        margin: 0 auto;
        display: block;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 500px) {
    .tabs li {
        width: 48.7%;
    }
}
#install {
    padding: 80px 0;
    position: relative;
}
#install .install-content {
    position: relative;
    padding-left: 250px;
}
#install .install-content img {
    position: absolute;
    left: 0;
    top: -180px;
}
#install .install-content h4 {
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    margin: 0;
    display: table;
    margin-bottom: 15px;
}
#install .install-content h2 {
    color: #fff;
    margin: 0;
    font-size: 36px;
    display: inline-block;
}
#install .install-content .dt-btn {
    float: right;
    display: inline-block;
}
@media screen and (max-width: 1024px) {
    #install .install-content {
        padding-left: 170px;
    }
    #install .install-content .dt-btn {
        float: none;
        margin-top: 20px;
        display: table;
    }
    #install .install-content h2 {
        font-size: 24px;
    }
}
@media screen and (max-width: 500px) {
    #install .install-content {
        padding-left: 0;
    }
    #install .install-content img {
        display: none;
    }
}
#choose {
    padding-top: 100px;
}
#choose.choose-two {
    padding: 100px 0;
    background: #fff;
}
.choose-item {
    position: relative;
    margin-bottom: 100px;
}
.choose-item h4 {
    font-weight: 700;
    font-size: 18px;
    position: relative;
    z-index: 2;
}
.choose-item p {
    color: #5f5f5f;
    font-weight: 300;
    position: relative;
    z-index: 2;
}
.choose-item span {
    font-size: 50px;
    color: #9de4bb;
    position: absolute;
    top: -4px;
    left: -18px;
    z-index: 1;
}
.choose-two .choose-item.right-item span {
    right: -18px;
}
.choose-two-thumb {
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
}
@media screen and (max-width: 1024px) {
    #choose img {
        max-width: 365px;
        margin: 0 auto;
        display: block;
    }
}
@media screen and (max-width: 768px) {
    #choose img {
        max-width: 400px;
        display: block;
        margin: 20px auto 0;
    }
    #choose.choose-two {
        padding: 50px 0;
    }
    .choose-item {
        max-width: 400px;
        margin: 0 auto 40px;
    }
    .choose-item.no-margin {
        margin: 20px auto 40px;
    }
}
@media screen and (max-width: 500px) {
    #choose {
        padding: 50px 10px;
    }
    #choose img {
        max-width: 250px;
    }
}
#team {
    padding: 100px 0;
}
#team,
.team-slider {
    position: relative;
}
.team-slider .swiper-container {
    width: 90%;
}
.member-details {
    position: absolute;
    top: 0;
    right: 0;
}
.member-details h3 {
    color: #2da15e;
    font-weight: 700;
    font-size: 20px;
    border-bottom: 1px solid #2da15e;
    margin-bottom: 5px;
}
.member-details p {
    color: #5f5f5f;
}
.team-profail {
    margin: 0;
    padding: 25px 0 0 50px;
    list-style: none;
}
.team-profail li {
    padding: 25px 0;
    position: relative;
}
.team-profail li:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 40px;
    background: #dfe4e7;
    top: -20px;
    left: 6px;
}
.team-profail li a {
    font-size: 16px;
    color: #0e0e0e;
    transition: all 0.3s ease-in-out;
}
.team-profail li a:hover {
    color: #2da15e;
}
.swiper-pagination-bullet {
    display: block;
    margin: 18px 0;
    height: 10px;
    width: 10px;
    border-radius: 0;
    position: relative;
    margin-right: 20px;
}
.swiper-pagination-bullet:first-child {
    margin-top: 0;
}
.swiper-pagination-bullet:after {
    position: absolute;
    content: "";
    border: 1px solid #000;
    height: 14px;
    width: 14px;
    left: -2px;
    top: -2px;
}
.swiper-pagination-bullet-active {
    background-color: #2da15e;
}
.swiper-pagination-bullet-active:after {
    border-color: #2da15e;
}
.slider-control {
    position: absolute;
    right: -30px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.slider-control .banner-next,
.slider-control .banner-prev {
    height: 44px;
    width: 55px;
    background: #2da15e;
    line-height: 44px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.slider-control .banner-next:hover,
.slider-control .banner-prev:hover {
    background: #333;
}
.slider-control .banner-next {
    margin-bottom: 8px;
}
.swiper-pagination {
    right: 50px;
}
.salse-man {
    margin-bottom: 40px;
}
.salse-man .member-img {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    border: 2px solid #e3e8ea;
    padding: 8px;
    position: relative;
    margin: 0 auto 30px;
}
.salse-man .member-img img {
    border-radius: 50%;
    width: 100%;
}
.salse-man .member-img .member-profile {
    position: absolute;
    height: 94%;
    width: 94%;
    left: 8px;
    top: 8px;
    right: 8px;
    bottom: 8px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    margin: auto;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.salse-man .member-img .member-profile .link {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    -ms-transform: translate(-25%, -50%);
    transform: translate(-25%, -50%);
}
.salse-man .member-img .member-profile .link li {
    display: inline-block;
    margin-right: 5px;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 32px;
    border: 2px solid #fff;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
}
.salse-man .member-img .member-profile .link li a {
    color: #fff;
}
.salse-man .member-img .member-profile .link li:hover {
    background: #2da15e;
    border-color: #2da15e;
}
.salse-man .member-img .member-profile .link li:hover a {
    color: #fff;
    display: block;
}
.salse-man:hover .member-profile {
    opacity: 1;
}
.salse-man .memeber-details {
    padding: 15px;
    text-align: center;
    background: #f5f5f7;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.salse-man .memeber-details h3 {
    font-size: 20px;
    font-weight: 700;
    color: #0e0e0e;
    margin-top: 0;
}
.salse-man .memeber-details h5 {
    font-size: 14px;
    color: #5f5f5f;
    text-decoration: underline;
    margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
    .team-slider .swiper-container {
        width: 96%;
    }
    .team-slider .team-thumb {
        max-width: 320px;
    }
    .team-slider .team-thumb img {
        width: 100%;
    }
    .member-details {
        right: 0;
    }
    .team-profail {
        padding: 15px 0 0 60px;
    }
    .team-profail li {
        padding: 15px 0;
    }
    .team-profail li:before {
        height: 25px;
        top: -13px;
    }
    .salse-man .member-img .member-profile {
        height: 92%;
        width: 92%;
        left: 9px;
        right: 9px;
    }
    .salse-man .member-img .member-profile .link {
        -ms-transform: translate(-30%, -50%);
        transform: translate(-30%, -50%);
    }
}
@media screen and (max-width: 768px) {
    .team-slider .swiper-container {
        width: 70%;
    }
    .member-details {
        right: 70px;
    }
    .slider-control {
        right: 15px;
    }
}
@media screen and (max-width: 500px) {
    .team-slider .swiper-container {
        width: 85%;
    }
    .team-slider .team-thumb {
        max-width: 200px;
    }
    .slider-control {
        display: none;
    }
    .member-details {
        right: 0;
    }
    .member-details h3 {
        font-size: 13px;
    }
    .team-profail {
        padding: 0 0 0 60px;
    }
    .team-profail li {
        padding: 3px 0;
    }
    .team-profail li:before {
        height: 13px;
        top: -8px;
    }
}
#website {
    padding-top: 100px;
    background: #f5f5f7;
}
.website-slider {
    background: #fff;
    padding: 10px 0;
}
.web-slidera-control {
    display: -ms-flexbox;
    display: flex;
}
.web-slidera-control .control {
    width: 33%;
    float: left;
}
.web-slidera-control {
    padding: 20px 0;
}
.control .banner-next {
    float: right;
}
.website {
    overflow: hidden;
    cursor: pointer;
}
.website img {
    -ms-transform: scale(1);
    transform: scale(1);
    transition: all 0.3s ease-in-out;
}
.website .slider-content {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.website .slider-content .content {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.website .slider-content .content h3 {
    color: #fff;
    margin-bottom: 15px;
    font-size: 30px;
    font-weight: 700;
}
.website .slider-content .content .dt-btn-two {
    padding: 13px 30px;
}
.website:hover img {
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.website:hover .slider-content {
    opacity: 1;
}
.web-slidera-control .banner-next,
.web-slidera-control .banner-prev {
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.web-slidera-control .banner-next:after,
.web-slidera-control .banner-next:before,
.web-slidera-control .banner-prev:after,
.web-slidera-control .banner-prev:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    transition: all 0.3s ease-in-out;
}
.web-slidera-control .banner-next:hover .next-btn,
.web-slidera-control .banner-next:hover .prev-btn,
.web-slidera-control .banner-prev:hover .next-btn,
.web-slidera-control .banner-prev:hover .prev-btn {
    opacity: 1;
}
.web-slidera-control .banner-next:hover:after,
.web-slidera-control .banner-prev:hover:after {
    width: 100px;
}
.web-slidera-control .banner-next .next-btn {
    margin-right: 10px;
    margin-top: 25px;
}
.web-slidera-control .banner-next:before {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #2da15e;
    right: -17px;
    top: 14px;
}
.web-slidera-control .banner-next:after {
    position: absolute;
    content: "";
    width: 50px;
    height: 2px;
    background: #2da15e;
    right: -13px;
    top: 23px;
}
.web-slidera-control .banner-prev .prev-btn {
    margin-top: 23px;
    margin-left: 27px;
}
.web-slidera-control .banner-prev:before {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 20px solid #2da15e;
    left: -5px;
    top: 14px;
}
.web-slidera-control .banner-prev:after {
    position: absolute;
    content: "";
    width: 50px;
    height: 2px;
    background: #2da15e;
    left: 0;
    top: 23px;
}
.web-slidera-control .next-btn,
.web-slidera-control .prev-btn {
    transition: all 0.3s ease-in-out;
    letter-spacing: 2px;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 13px;
    opacity: 0;
}
@media screen and (max-width: 768px) {
    .website-slider .swiper-container {
        width: 60%;
    }
}
@media screen and (max-width: 500px) {
    .website-slider .swiper-container {
        width: 100%;
    }
    .web-slidera-control .control {
        width: 20%;
    }
    .web-slidera-control .control:nth-child(2) {
        width: 60%;
    }
}
#blog-grid {
    padding: 100px 0;
}
.blog {
    border: 1px solid #dfe4e7;
    margin-bottom: 30px;
    max-width: 450px;
    margin: 0 auto 30px;
}
.blog img {
    width: 100%;
}
.blog-content {
    padding: 30px 15px;
}
.blog-content .blog-title {
    font-size: 18px;
    color: #000;
    line-height: 26px;
    margin-top: 0;
}
.blog-content .blog-title a {
    color: #000;
}
.blog-content .blog-title a:hover {
    color: #2da15e;
    text-decoration: underline;
}
.blog-content p {
    margin-bottom: 30px;
    color: #5f5f5f;
    font-weight: 300;
}
.blog-content .dt-btn {
    padding: 9px 26px;
}
.blog-content .dt-btn:hover {
    padding: 9px 37px 9px 26px;
}
.post-meta {
    margin-bottom: 20px;
}
.post-meta a {
    display: inline-table;
    margin-right: 30px;
    font-size: 13px;
    color: #000;
    font-weight: 300;
}
.post-meta a i {
    margin-right: 5px;
    color: #2da15e;
}
.post-meta a:hover {
    color: #2da15e;
}
.blog-three .blog-thumb img {
    width: 100%;
}
.blog-three .blog-content {
    background: #f5f5f5;
    padding: 15px;
    margin-top: 20px;
}
.blog-three-small {
    margin-bottom: 16px;
}
.blog-three-small .blog-thumb {
    float: left;
    height: 130px;
    width: 240px;
}
.blog-three-small .blog-thumb img {
    width: 100%;
}
.blog-three-small .blog-content {
    margin-left: 250px;
    padding: 10px 15px;
}
.blog-three-small .blog-content h3 {
    margin-top: 0;
}
.blog-three-small .blog-content h3 a {
    font-size: 15px;
    color: #000;
}
.blog-three-small .blog-content .post-meta a {
    margin-right: 20px;
    font-weight: 400;
    position: relative;
}
.blog-three-small .blog-content .post-meta a:after {
    position: absolute;
    content: "";
    right: -13px;
    top: 3px;
    height: 20px;
    width: 2px;
    background: #5f5f5f;
    height: 13px;
}
.blog-three-small .blog-content .post-meta a:last-child:after {
    display: none;
}
#news-full-width {
    padding: 100px 0;
}
.news-full {
    margin-bottom: 30px;
}
.news-full .news-thumb img {
    width: 100%;
}
.news-full .news-content {
    background: #f5f5f7;
    padding: 40px;
    position: relative;
    margin-top: 10px;
}
.news-full .news-content h2 {
    margin-bottom: 20px;
    margin-top: 0;
}
.news-full .news-content h2 a {
    color: #0e0e0e;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 24px;
}
.news-full .news-content h2 a:hover {
    color: #2da15e;
}
.news-full .news-content p {
    margin-bottom: 25px;
    color: #5f5f5f;
}
.news-full .news-content .dt-btn {
    padding: 10px 25px;
}
.news-full .news-content .post-meta {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    right: 50px;
    top: -45px;
}
.news-full .news-content .post-meta li {
    display: inline-block;
    background: #2da15e;
    padding: 15px 32px;
    margin-right: -4px;
}
.news-full .news-content .post-meta li:last-child {
    background: #000;
}
.news-full .news-content .post-meta li h6 {
    font-size: 36px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 26px;
}
.news-full .news-content .post-meta li span {
    color: #fff;
    font-size: 13px;
    display: block;
    line-height: 13px;
}
.page-navigation .page-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
.page-navigation .page-nav li {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border: 1px solid #dfe4e7;
    text-align: center;
    margin-right: 8px;
    transition: all 0.3s ease-in-out;
}
.page-navigation .page-nav li:last-child {
    width: auto;
    border: none;
}
.page-navigation .page-nav li:last-child:hover {
    background: transparent;
}
.page-navigation .page-nav li:last-child:hover a {
    color: #2da15e;
}
.page-navigation .page-nav li a {
    display: block;
    color: #0e0e0e;
}
.page-navigation .page-nav li a i {
    margin-left: 5px;
}
.page-navigation .page-nav li:hover {
    background: #2da15e;
}
.page-navigation .page-nav li:hover a {
    color: #fff;
}
.news-full-two .news-content h2 a {
    font-size: 22px;
    text-transform: capitalize;
}
.news-full-two .news-content .post-meta {
    top: -55px;
}
#news-single {
    padding: 100px 0;
}
#news-single .news-content {
    background: transparent;
    padding: 0;
    margin-top: 30px;
}
#news-single .news-content .post-meta {
    top: -80px;
}
#news-single .news-content .blockquote {
    padding: 50px;
    background: #f5f5f5;
    border-left: none;
    position: relative;
    margin-bottom: 40px;
}
#news-single .news-content .blockquote p {
    font-size: 16px;
    color: #5f5f5f;
    font-style: italic;
    margin-bottom: 0;
}
#news-single .news-content .blockquote p span {
    color: #2da15e;
}
#news-single .news-content .blockquote img {
    position: absolute;
    bottom: -25px;
    right: 40px;
}
.about-author {
    background: #f5f5f7;
    position: relative;
    padding: 40px 20px 20px;
    margin: 60px 0;
}
.about-author h3 {
    margin-left: 125px;
    margin-bottom: 0;
    color: #0e0e0e;
    font-size: 18px;
    display: inline-block;
}
.about-author p {
    margin-bottom: 0;
    color: #5f5f5f;
    font-weight: 300;
}
.author-img {
    position: absolute;
    border: 1px solid #dfe4e7;
    padding: 4px;
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    top: -35px;
}
.author-img img {
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
}
.author-profile {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 10px;
    right: 30px;
    border-bottom: 1px solid #dfe4e7;
}
.author-profile li {
    display: inline-block;
    margin-right: 10px;
}
.author-profile li:last-child {
    margin-right: 0;
}
.author-profile li a {
    color: #0e0e0e;
}
.author-profile li a:hover {
    color: #2da15e;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.comment-area h5 {
    font-size: 14px;
    color: #0e0e0e;
    text-transform: uppercase;
    text-decoration: underline;
    margin-top: 0;
}
.comment-area h3 {
    color: #0e0e0e;
    font-size: 26px;
    margin-top: 0;
    margin-bottom: 70px;
}
.post-comment {
    margin: 40px 0;
}
.comment-content {
    background: #fafafa;
    padding: 30px 20px 20px;
    border-radius: 5px;
    position: relative;
}
.post-comment .avatar {
    padding: 4px;
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    top: -35px;
    border: 1px solid #e3e8ea;
    display: inline-block;
    position: absolute;
    left: 30px;
    top: -25px;
}
.post-comment .avatar img {
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    width: 74px;
    height: 74px;
}
.post-comment .post-body {
    overflow: hidden;
}
.post-comment .comment-header {
    line-height: 1;
    font-size: 13px;
    margin-top: 3px;
    margin-bottom: 10px;
}
.post-comment .author {
    margin-left: 110px;
}
.post-comment .author a {
    font-size: 16px;
    font-weight: 700;
    color: #191a1c;
}
.post-comment .comment-header .time-ago {
    float: right;
    display: inline-block;
}
.post-comment .comment-header .time-ago a {
    font-size: 13px;
    color: #0e0e0e;
    margin-left: 6px;
}
.post-comment .reply {
    float: right;
}
.post-comment .reply a {
    color: #fff;
    padding: 2px 18px;
    background: #000;
    display: block;
    font-size: 12px;
    font-weight: 300;
}
.post-comment .reply a:hover {
    background: #2da15e;
}
.post-comment .reply-comment {
    padding-left: 90px;
}
.post-comment .reply-comment .avatar img {
    width: 60px;
    height: 60px;
}
.form-leave-comment {
    width: 100%;
    float: left;
    margin-bottom: 100px;
}
.form-leave-comment h5 {
    margin-left: 5px;
}
.form-leave-comment form {
    margin-top: 30px;
}
.form-leave-comment form .dt-btn {
    border: none;
    transition: all 0.3s ease-in-out;
    background: #000;
    padding: 12px 40px;
}
.form-leave-comment form .dt-btn:hover {
    background-color: #2da15e;
}
.form-leave-comment input,
.form-leave-comment textarea {
    padding: 14px 18px;
    margin: 0;
    max-width: 100%;
    border: 0;
    font-weight: 300;
    font-size: 13px;
    line-height: 22px;
    color: #555;
    width: 100%;
    margin-bottom: 14px;
    background-color: #f5f5f5;
    border: none;
    border-radius: 4px;
    outline: none;
}
.form-leave-comment textarea {
    height: 150px;
}
@media screen and (max-width: 1024px) {
    .blog-three-small .blog-content {
        margin-left: 235px;
    }
    .blog-three-small .blog-content h3 a {
        font-size: 12px;
    }
    .blog-three-small .blog-content .post-meta {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 768px) {
    #blog-grid {
        padding: 50px 0;
    }
    .blog {
        margin-bottom: 30px;
    }
    .blog-three {
        margin-bottom: 20px;
    }
    #news-full-width {
        padding: 50px 0;
    }
    .news-full .news-content {
        padding: 20px;
    }
    .news-full .news-content .post-meta li {
        padding: 7px 18px;
    }
    .news-full .news-content .post-meta li h6 {
        font-size: 26px;
        line-height: 20px;
    }
}
@media screen and (max-width: 500px) {
    .blog-three-small .blog-thumb {
        float: none;
    }
    .blog-three-small .blog-content {
        margin-left: 0;
    }
}
#testimonial,
#testimonial-three,
#testimonial-two {
    padding: 70px 0;
    position: relative;
}
#testimonial-three.testimonial-sec,
#testimonial-two.testimonial-sec,
#testimonial.testimonial-sec {
    padding: 150px 0 50px;
}
.testmonial {
    position: relative;
}
.testmonial .swiper-pagination-bullet {
    background: hsla(0, 0%, 100%, 0.302);
    opacity: 1;
}
.testmonial .swiper-pagination-bullet:first-child {
    margin-top: 0;
}
.testmonial .swiper-pagination-bullet:after {
    border: 1px solid hsla(0, 0%, 100%, 0.302);
}
.testmonial .swiper-pagination-bullet-active {
    background: #2da15e;
}
.testmonial .swiper-pagination-bullet-active:after {
    border-color: #2da15e;
}
.testmonial .slider-control {
    right: 0;
    top: 60px;
}
.testimonial-slider {
    width: 88%;
}
.slider-content {
    padding: 20px 60px 20px 170px;
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid #202325;
    position: relative;
    border: 1px solid hsla(0, 0%, 100%, 0.1);
}
.slider-content p {
    color: #fff;
    line-height: 26px;
}
.slider-content img {
    position: absolute;
    right: 15px;
    bottom: 10px;
}
.slider-content span {
    font-size: 150px;
    color: #2da15e;
    position: absolute;
    top: 22px;
    right: 0;
}
.user-details {
    left: 0;
    top: 50px;
    display: inline-block;
}
.user-details .testi-thumb {
    width: 120px;
    height: 120px;
    border: 6px solid hsla(0, 0%, 100%, 0.1);
    float: left;
    margin-top: -65px;
    margin-left: 20px;
    position: relative;
}
.user-details .testi-thumb img {
    width: 100%;
}
.user-details .name {
    float: right;
    margin-left: 20px;
}
.user-details .name h3 {
    color: #fff;
    font-size: 15px;
    margin-top: 20px;
    margin-bottom: 5px;
}
.user-details .name p {
    color: #4dcd83;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 300;
}
.testimonial-two .testimonial-slider {
    width: 100%;
}
.testimonial-two .slider-content {
    padding: 20px 20px 20px 78px;
    margin-left: 60px;
}
.testimonial-two .slider-content p {
    margin-bottom: 0;
}
.testimonial-two .user-details .testi-thumb,
.testimonial-two .user-details .testi-thumb img {
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}
.testimonial-two .user-details .testi-thumb {
    top: -55px;
    left: -19px;
}
.testimonial-two .user-details .name {
    float: none;
    margin-left: 0;
    position: absolute;
    bottom: 10px;
}
.testimonial-two .user-details .name h3 {
    margin-top: 0;
}
.slider-pagination .swiper-pagination-bullet {
    display: inline-block;
}
.slider-pagination .swiper-pagination {
    right: auto;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.test-slider-three .slider-content {
    padding: 20px;
}
.test-slider-three .slider-content p {
    max-width: 750px;
}
.test-slider-three .user-details {
    float: right;
}
.test-slider-three .user-details .testi-thumb {
    border-radius: 50%;
    float: right;
    margin-right: 30px;
}
.test-slider-three .user-details .testi-thumb img {
    border-radius: 50%;
}
.test-slider-three .user-details .name {
    float: left;
}
.test-slider-three .user-details .name h3 {
    margin-top: 10px;
}
.testi-tab .tabs {
    background-color: transparent;
    float: left;
}
.testi-tab .tabs li {
    margin-right: 0;
    border-right: none;
}
.testi-tab .tabs li a {
    height: 120px;
    width: 120px;
    border-radius: 50%;
    padding: 4px;
    background: #fff;
    border: 1px solid #2da15e;
}
.testi-tab .tabs li a img {
    border-radius: 50%;
    height: 110px;
    filter: blur(1px);
}
.testi-tab .tabs li a:after {
    display: none;
}
.testi-tab .tabs li.current a {
    height: 140px;
    width: 140px;
    background: #fff;
}
.testi-tab .tabs li.current a img {
    height: 130px;
    width: 130px;
    filter: blur(0);
}
.testi-tab .tab_content {
    margin-top: 0;
    margin-left: 270px;
}
.testimonial-five {
    margin-top: 100px;
}
.testi-five {
    margin-bottom: 50px;
}
.testi-five .client-img {
    height: 140px;
    width: 140px;
    border-radius: 50%;
    padding: 4px;
    border: 1px solid #cfcfcf;
    float: left;
}
.testi-five .client-img img {
    height: 130px;
    width: 130px;
    border-radius: 50%;
}
.testi-five .client {
    margin-left: 160px;
}
.testi-five .client h3 {
    margin-top: 0;
    color: #0e0e0e;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s ease-in-out;
}
.testi-five .client h6 {
    text-decoration: underline;
    font-size: 14px;
    font-weight: 300;
}
.testi-five .client p {
    font-weight: 300;
    line-height: 26px;
}
.testi-five:hover .client h3 {
    color: #2da15e;
}
.testi-six {
    text-align: center;
    background: #f5f5f7;
    padding: 40px 20px 20px;
    margin-bottom: 80px;
    transition: all 0.3s ease-in-out;
}
.testi-six .client-img {
    height: 100px;
    width: 100px;
    padding: 4px;
    border-radius: 50%;
    border: 1px solid #000;
    position: absolute;
    left: 50%;
    top: -50px;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.testi-six .client-img img {
    height: 90px;
    width: 90px;
    border-radius: 50%;
}
.testi-six .client h3 {
    margin-top: 35px;
    color: #0e0e0e;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}
.testi-six .client h5 {
    text-decoration: underline;
    font-weight: 300;
}
.testi-six .client p {
    color: #5f5f5f;
    font-weight: 300;
}
.testi-six:hover {
    background: #fff;
    box-shadow: 0 10px 20px rgba(50, 50, 50, 0.1);
}
@media screen and (max-width: 768px) {
    .testimonial-slider {
        width: 86%;
    }
    .slider-content {
        padding: 20px 60px 20px 90px;
    }
    .user-details .testi-thumb {
        height: 80px;
        width: 80px;
        margin-left: 5px;
        margin-top: -40px;
    }
    .testimonial-two .slider-content {
        padding: 20px 10px 40px 20px;
    }
    .testimonial-two .user-details .testi-thumb {
        top: 8px;
        left: 54px;
    }
    .testimonial-two .user-details .name {
        margin-left: 145px;
        bottom: -5px;
    }
    .testi-six {
        max-width: 400px;
        margin: 0 auto 70px;
    }
}
@media screen and (max-width: 500px) {
    .testimonial-slider {
        width: 100%;
    }
    .slider-content {
        padding: 20px 10px;
    }
    .user-details .testi-thumb {
        top: 20px;
    }
}
#question {
    padding: 100px 0;
}
.questions-wrapper {
    width: 90%;
    margin: 0 auto;
}
.panel-group {
    margin-top: 20px;
}
.panel-group .panel {
    margin-bottom: 20px;
}
.panel,
.panel-group .panel {
    border-radius: 0;
    border: none;
}
.panel-body {
    background: #f5f5f7;
}
.panel-body p {
    margin-bottom: 0;
}
.panel-default {
    text-align: left;
}
.panel-default > .panel-heading {
    color: #000;
    text-decoration: none;
    border: none;
    border-radius: 0;
}
.panel-default > .panel-heading a {
    font-size: 15px;
    padding: 17px;
}
.panel-default > .panel-heading a:focus,
.panel-default > .panel-heading a:hover {
    text-decoration: none;
}
.panel-default > .panel-heading.active {
    background-color: #2da15e;
}
.panel-default > .panel-heading.active a {
    color: #fff;
}
.panel-heading {
    padding: 0;
    border-radius: 0;
}
.panel-heading .accordion-toggle:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f107";
    float: right;
    color: #000;
    font-size: 20px;
}
.panel-heading .accordion-toggle {
    display: block;
}
.panel-heading .accordion-toggle.collapsed {
    background: #eee;
}
.panel-heading .accordion-toggle.collapsed:after {
    content: "\f105";
}
.questions {
    margin: 0;
    padding: 0;
    list-style: none;
}
.questions li {
    padding: 10px 0;
}
.questions li span {
    font-weight: 700;
    margin-right: 10px;
    display: block;
    float: left;
}
.questions li .content {
    margin-left: 30px;
    color: #5f5f5f;
    line-width: 300;
    line-height: 26px;
}
.ques-title {
    margin-bottom: 70px;
}
.ques-title h3 {
    color: #fff;
    font-weight: 700;
    color: #0e0e0e;
    font-weight: 26;
}
.ques-title h5 {
    color: #0e0e0e;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 16px;
    text-decoration: underline;
}
.qes {
    border-bottom: 1px solid #dfe4e7;
}
.qes img {
    float: left;
    max-width: 240px;
}
.qes .content {
    margin-left: 255px;
}
.qes .content p {
    font-size: 13px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 30px;
}
.qes .content ul {
    margin-bottom: 30px;
    padding: 0;
    list-style: none;
}
.qes .content ul li {
    color: #0e0e0e;
    line-height: 35px;
}
.qes .content ul li i {
    margin-right: 5px;
}
.qes .content .dt-btn {
    padding: 12px 37px;
    margin-top: 20px;
}
.panel-group.qus-two .panel {
    margin-bottom: 14px;
}
.faq-title h3 {
    color: #0e0e0e;
    font-size: 26px;
    font-weight: 700;
}
.questions-wrapper-two {
    width: 100%;
}
.regi-ques .panel-body {
    padding: 20px;
}
.regi-ques .panel-body .content {
    line-height: 26px;
    font-weight: 300;
    color: #5f5f5f;
}
@media screen and (max-width: 768px) {
    #question {
        padding: 50px 0;
    }
}
@media screen and (max-width: 500px) {
    #question {
        padding: 50px 0;
    }
    .qes img {
        float: none;
        margin-bottom: 15px;
    }
    .qes .content {
        margin-left: 0;
    }
    .qes .content .dt-btn {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .panel-default > .panel-heading a {
        font-size: 12px;
    }
    .faq-cate {
        margin-bottom: 20px;
    }
}
#brand {
    padding: 70px 0;
    background: #f5f5f7;
}
.brand-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.brand-wrapper .brand-item {
    float: left;
    width: 16.66%;
    text-align: center;
    position: relative;
}
.brand-wrapper .brand-item:after {
    position: absolute;
    content: "";
    font-size: 40px;
    background: #dfe4e7;
    right: 0;
    height: 45px;
    top: -3px;
    width: 3px;
    -ms-transform: rotate(25deg);
    transform: rotate(25deg);
}
.brand-wrapper .brand-item:last-child:after {
    display: none;
}
@media screen and (max-width: 768px) {
    .brand-wrapper .brand-item {
        width: 50%;
        margin-bottom: 40px;
    }
    .brand-wrapper .brand-item:after {
        display: none;
    }
}
#footer {
    padding-top: 60px;
}
.footer-contact {
    margin-bottom: 50px;
}
.footer-contact img {
    margin-bottom: 20px;
}
.footer-contact p {
    color: #fff;
    margin-bottom: 0;
}
.footer-contact span {
    color: #c2c2c2;
}
.contact-info {
    margin: 30px 0;
}
.contact-info .info {
    width: 50%;
    float: left;
}
.footer-title {
    margin-top: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 36px;
}
.footer-link {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-link li {
    padding: 5px 0;
}
.footer-link li a {
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    position: relative;
}
.footer-link li a i {
    margin-right: 10px;
}
.footer-link li a:hover {
    color: #2da15e;
}
.footer-link li a:hover:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #2da15e;
    height: 1px;
    content: "";
}
.copyright {
    padding: 22px 0;
    border-top: 1px solid #2da15e;
}
.footer-social-link {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-social-link li {
    height: 35px;
    width: 35px;
    border: 2px solid #3d3e3e;
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    line-height: 32px;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
}
.footer-social-link li a {
    color: #3d3e3e;
    display: block;
}
.footer-social-link li:hover {
    background: #2da15e;
    border-color: transparent;
}
.footer-social-link li:hover a {
    color: #fff;
}
.copyright-text {
    color: #6e6f70;
    font-weight: 300;
    font-size: 13px;
    margin-bottom: 0;
    margin-top: 8px;
}
.copyright-text a {
    color: #2da15e;
}
#server-hosting {
    padding: 100px 0;
}
.section-title-three {
    border-right: none;
}
.section-title-three h5 {
    text-decoration: underline;
}
.hosting-price .table {
    border-collapse: separate;
    border-spacing: 0 8px;
}
.hosting-price .table tr th {
    background: #2da15e;
    font-weight: 400;
    color: #fff;
    font-size: 18px;
    padding: 17px 0;
}
.hosting-price .table tr td {
    background: #f5f5f7;
    border-bottom: 2px solid #ccc;
    margin-bottom: 10px;
}
.hosting-price .table tr td:first-child {
    width: 300px;
}
.hosting-price .table tr td h4 {
    float: left;
    font-size: 16px;
    color: #0e0e0e;
    margin: 13px 20px 0 0;
}
.hosting-price .table tr td p {
    color: #0e0e0e;
    font-size: 14px;
    margin-bottom: 0;
}
.hosting-price .table tr td span {
    color: #5f5f5f;
    font-size: 14px;
}
.hosting-price .table tr td h3 {
    color: #2da15e;
    font-size: 18px;
    display: inline-block;
}
.hosting-price .table tr td .dt-btn {
    padding: 10px 27px;
    float: right;
    margin: 15px 20px 0 0;
}
.table > tbody > tr {
    margin-bottom: 10px;
}
.table > tbody > tr > td {
    vertical-align: middle;
    padding: 0 10px;
    border-top: 0;
}
table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;
}
th {
    background: #2da15e;
    color: #fff;
    font-weight: 700;
    padding: 20px 15px;
    text-transform: uppercase;
}
tbody tr td {
    background: #f5f5f7;
    padding: 0 10px;
}
tbody tr td:first-child {
    width: 300px;
}
tbody tr td h4 {
    float: left;
    font-size: 16px;
    color: #0e0e0e;
    margin: 13px 20px 0 0;
}
tbody tr td p {
    color: #0e0e0e;
    font-size: 14px;
    margin-bottom: 0;
}
tbody tr td span {
    color: #5f5f5f;
    font-size: 14px;
}
tbody tr td h3 {
    color: #2da15e;
    font-size: 18px;
    display: inline-block;
}
tbody tr td h5 {
    margin: 0;
}
tbody tr td p {
    line-height: 16px;
}
tbody tr td .dt-btn {
    padding: 10px 27px;
    float: right;
    margin: 10px 20px 0 0;
}
tbody tr td .dt-btn:hover {
    padding: 10px 27px;
}
@media screen and (max-width: 768px) {
    table,
    tbody,
    td,
    th,
    thead,
    tr {
        display: block;
    }
    tr:nth-of-type(odd) {
        background: #f5f5f5;
    }
    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    tbody tr td {
        padding: 10px;
        background-color: transparent;
    }
    tbody tr td h4 {
        margin: 11px 20px 0 0;
    }
    tbody tr td h3 {
        margin: 0;
    }
    tbody tr td .dt-btn {
        margin: 0;
        padding: 8px 27px;
    }
    tbody tr td:first-child {
        width: 100%;
    }
    tr {
        border: 1px solid #ccc;
    }
    td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50% !important;
    }
    td:before {
        position: absolute;
        top: 50%;
        left: 10px;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 14px;
    }
    td:first-of-type:before {
        content: "CPU";
    }
    td:nth-of-type(2):before {
        content: "Ram";
    }
    td:nth-of-type(3):before {
        content: "Disk";
    }
    td:nth-of-type(4):before {
        content: "Bandwidth";
    }
    td:nth-of-type(5):before {
        content: "Price";
    }
}
#help {
    padding: 100px 0;
    text-align: center;
    background-size: cover;
}
#help h2 {
    color: #fff;
    margin-top: 0;
}
#help p {
    color: #fff;
    margin-bottom: 40px;
    line-height: 26px;
}
#help #form input[type="text"] {
    max-width: 500px;
    width: 100%;
    height: 50px;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid #2da15e;
    padding: 10px;
    outline: none;
    color: #fff;
}
#help #form .dt-btn {
    border: none;
    padding: 12px 37px;
}
#help #form .dt-btn:hover {
    background: #000;
}
@media screen and (max-width: 768px) {
    #help {
        padding: 50px 0;
    }
    #help p br {
        display: none;
    }
    #help #form input[type="text"] {
        max-width: 330px;
    }
}
@media screen and (max-width: 500px) {
    #help #form input[type="text"] {
        max-width: 200px;
    }
    #help #form .dt-btn {
        padding: 12px 20px;
    }
}
#hosting {
    padding: 100px 0;
}
.hosting {
    margin-top: 80px;
}
.hosting .feature-item {
    text-align: center;
    background: #f5f5f7;
    padding: 40px 20px;
    transition: all 0.3s ease-out;
    border: 1px solid transparent;
    cursor: pointer;
    margin-bottom: 30px;
}
.hosting .feature-item .host-icon {
    height: 60px;
    width: 60px;
    margin: 0 auto;
    transition: all 0.3s ease-out;
}
.hosting .feature-item h3 {
    color: #0e0e0e;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}
.hosting .feature-item p {
    margin-bottom: 0;
}
.hosting .feature-item:hover {
    background: #fff;
    border: 1px solid #dfe4e7;
}
.hosting .feature-item:hover h3 {
    color: #2da15e;
    text-decoration: underline;
}
.domain-service .feature-item {
    padding: 40px 14px;
    background: #f5f5f7;
    margin-bottom: 50px;
}
.domain-service .feature-item .host-icon {
    position: absolute;
    left: 50%;
    top: -35px;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 70px;
    width: 70px;
}
.domain-service .feature-item p {
    color: #5f5f5f;
    font-weight: 300;
}
.solution .feature-item {
    padding: 40px 14px;
    text-align: left;
    margin-bottom: 50px;
    position: relative;
}
.solution .feature-item .host-icon {
    position: absolute;
    left: 50px;
    top: -35px;
}
@media screen and (max-width: 768px) {
    .hosting .feature-item {
        max-width: 400px;
        margin: 0 auto;
        margin-bottom: 30px;
    }
}
#create-website {
    padding: 100px 0;
    background-size: cover;
}
.site-configeration h5 {
    color: #c2c2c2;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 16px;
    text-decoration: underline;
}
.site-configeration h3 {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
}
.site-configeration .configer {
    margin: 0;
    padding: 30px 0;
    list-style: none;
}
.site-configeration .configer li {
    font-size: 13px;
    font-weight: 300;
    color: #c2c2c2;
    padding: 7px 0;
}
.site-configeration .configer li span {
    font-weight: 700;
    margin-right: 10px;
}
.config-thumb {
    float: right;
}
.config-thumb img {
    width: 100%;
}
.site-price {
    position: relative;
}
.site-price .low-price {
    position: relative;
    text-align: center;
}
.site-price .low-price:after {
    position: absolute;
    content: "";
    height: 125px;
    width: 125px;
    background-color: rgba(45, 161, 94, 0.6);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50px;
    top: 50px;
    border: 1px solid #2da15e;
}
.site-price .low-price p {
    color: #fff;
    position: absolute;
    z-index: 1000;
    top: 100px;
    font-size: 13px;
    left: 59px;
}
.offer-price {
    position: absolute;
    text-align: center;
}
.offer-price:before {
    position: absolute;
    content: "";
    background-color: rgba(45, 161, 94, 0.6);
    border: 1px solid #2da15e;
    height: 90px;
    width: 90px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 183px;
    left: 28px;
}
.offer-price p {
    color: #fff;
    top: 215px;
    position: relative;
    left: 39px;
    font-size: 13px;
}
@media screen and (max-width: 768px) {
    .site-configeration {
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 500px) {
    #create-website {
        padding-top: 50px;
    }
    .site-configeration .configer li {
        padding: 0;
    }
    .config-thumb {
        height: 150px;
        width: 190px;
    }
    .site-price .low-price:after {
        height: 90px;
        width: 90px;
        left: 37px;
        top: 0;
    }
    .site-price .low-price p {
        top: 28px;
        left: 38px;
        font-size: 11px;
    }
    .offer-price:before {
        height: 70px;
        width: 70px;
        top: 107px;
    }
    .offer-price p {
        top: 119px;
        left: 35px;
        font-size: 11px;
    }
}
#page-banner {
    padding: 100px 0;
    background-size: cover;
}
.page-heading {
    padding: 20px 0;
    background: rgba(45, 161, 94, 0.5);
    position: relative;
    max-width: 350px;
}
.page-heading:before {
    position: absolute;
    content: "";
    height: 100px;
    width: 399px;
    left: -114%;
    top: 0;
    background: rgba(45, 161, 94, 0.5);
}
.page-heading h1 {
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 30px;
}
.page-link a {
    margin-right: 20px;
    color: #fff;
    font-size: 12px;
    position: relative;
}
.page-link a:after {
    content: "/";
    position: absolute;
    right: -17px;
    top: -5px;
}
.page-link a:last-child:after {
    display: none;
}
.page-link a:hover {
    color: #000;
}
#web-hosting-feature {
    padding: 100px 0;
}
.web-feature {
    text-align: center;
    cursor: pointer;
}
.web-feature .b-one,
.web-feature .b-two {
    position: absolute;
}
.web-feature .b-one {
    right: -123px;
}
.web-feature .b-two {
    right: -130px;
}
.web-feature .feature-icon {
    height: 100px;
    width: 100px;
    background: #2da15e;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 40px;
}
.web-feature .feature-icon:before {
    position: absolute;
    content: "";
    height: 118px;
    width: 118px;
    border: 10px solid #39c875;
    border-radius: 50%;
    left: -9px;
    top: -9px;
    transition: all 0.3s ease-in-out;
}
.web-feature .feature-icon:after {
    position: absolute;
    content: "";
    height: 136px;
    width: 136px;
    border: 10px solid #61d391;
    border-radius: 50%;
    left: -18px;
    top: -18px;
}
.web-feature h3 {
    color: #0e0e0e;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 20px;
    transition: all 0.3s ease-in-out;
}
.web-feature p {
    font-weight: 300px;
    line-height: 26px;
}
.web-feature:hover .feature-icon:before {
    opacity: 0;
}
.web-feature:hover h3 {
    color: #2da15e;
    text-decoration: underline;
}
@media screen and (max-width: 1024px) {
    .web-feature {
        margin: 0 auto 50px;
        max-width: 500px;
    }
    .web-feature > img {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .web-feature {
        max-width: 450px;
        margin: 0 auto 50px;
    }
}
#domain-price {
    padding: 100px 0;
}
.domain-pricing {
    margin-top: 50px;
}
.domain-pricing .table {
    border-collapse: separate;
    border-spacing: 0 8px;
}
.domain-pricing .table > thead > tr > th {
    padding: 25px 0;
    background: #2da15e;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    border: none;
    text-align: center;
    border-right: 1px solid #227947;
    margin-bottom: 5px;
}
.domain-pricing .table > thead > tr > th:first-child {
    background: transparent;
}
.domain-pricing .table tbody tr {
    -ms-transform: scale(1);
    transform: scale(1);
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.domain-pricing .table tbody tr td {
    background: #f5f5f7;
    height: 70px;
    border-top: none;
    text-align: center;
}
.domain-pricing .table tbody tr td:first-child {
    width: 200px;
}
.domain-pricing .table tbody tr td p {
    margin-bottom: 0;
    color: #0e0e0e;
    font-size: 14px;
}
.domain-pricing .table tbody tr td p span {
    margin-right: 20px;
    color: #2da15e;
    text-decoration: line-through;
}
.domain-pricing .table tbody tr .dt-btn {
    padding: 13px 22px;
    margin: 0;
}
@media screen and (max-width: 768px) {
    table,
    tbody,
    td,
    th,
    thead,
    tr {
        display: block;
    }
    tr:nth-of-type(odd) {
        background: #f5f5f5;
    }
    .domain-pricing .table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .domain-pricing .table tbody tr td {
        padding: 10px;
        background-color: transparent;
        text-align: left;
    }
    .domain-pricing .table tbody tr td:first-child {
        width: 100%;
    }
    .domain-pricing .table tbody tr td p {
        line-height: 47px;
    }
    .domain-pricing .table tbody tr td .dt-btn {
        margin: 5px 0;
        padding: 12px 27px;
        float: none;
    }
    .domain-pricing .table tr {
        border: 1px solid #ccc;
    }
    .domain-pricing .table td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50% !important;
    }
    .domain-pricing .table td:before {
        position: absolute;
        top: 50%;
        left: 10px;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 14px;
    }
    .domain-pricing .table td:first-of-type:before {
        content: "Registation";
    }
    .domain-pricing .table td:nth-of-type(2):before {
        content: "Domain Search";
    }
    .domain-pricing .table td:nth-of-type(3):before {
        content: "Dns Management";
    }
    .domain-pricing .table td:nth-of-type(4):before {
        content: "Whois Privacy";
    }
}
@media screen and (max-width: 500px) {
    td {
        padding-left: 38% !important;
    }
    td:before {
        width: 30%;
    }
    tbody tr td h4 {
        margin: 11px 10px 0 0;
        font-size: 13px;
    }
    tbody tr td h3 {
        font-size: 16px;
    }
    tbody tr td h5,
    tbody tr td p,
    tbody tr td span {
        font-size: 13px;
    }
}
#domain-service {
    padding: 100px 0;
}
@media screen and (max-width: 768px) {
    #domain-service {
        padding: 50px 0;
    }
}
#support-center {
    padding: 100px 0;
}
.supp-feature-item {
    text-align: center;
}
.supp-feature-item .fea-icon {
    background: #f5f5f7;
    width: 100%;
    height: 135px;
    text-align: center;
    border-top-left-radius: 270px;
    border-top-right-radius: 270px;
    padding: 50px 0;
}
.supp-feature-item h3 {
    font-size: 18px;
    font-weight: 700;
    color: #0e0e0e;
    margin-bottom: 10px;
}
.supp-feature-item p {
    font-weight: 300;
    margin-bottom: 30px;
    color: #5f5f5f;
}
.supp-feature-item .dt-btn {
    padding: 13px 29px;
}
@media screen and (max-width: 992px) {
    .supp-feature-item {
        max-width: 280px;
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 768px) {
    .supp-feature-item {
        margin: 0 auto;
        margin-bottom: 30px;
    }
}
#answer {
    background: #2da15e;
    padding: 30px 0;
}
.answer .content {
    display: inline-block;
}
.answer .content h3 {
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    margin-top: 0;
}
.answer .content p {
    color: #fff;
    font-size: 18px;
    margin-bottom: 0;
}
.answer .dt-btn {
    float: right;
    background: #000;
    color: #fff;
    display: inline-block;
    margin-top: 5px;
}
#topic {
    padding: 100px 0;
}
.tpoics .topic-item {
    margin-bottom: 30px;
    padding: 25px 20px;
    border: 1px solid #dfe4e7;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.tpoics .topic-item h3 {
    color: #0e0e0e;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 15px;
    margin-top: 0;
    transition: all 0.3s ease-in-out;
}
.tpoics .topic-item ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.tpoics .topic-item ul li {
    line-height: 30px;
    color: #0e0e0e;
    font-size: 13px;
}
.tpoics .topic-item ul li i {
    margin-right: 5px;
    color: #2da15e;
}
.tpoics .topic-item:hover {
    border-color: #2da15e;
}
.tpoics .topic-item:hover h3 {
    color: #2da15e;
    text-decoration: underline;
}
.about-center h2 {
    color: #0e0e0e;
    font-size: 36px;
    text-transform: uppercase;
}
.about-center h5 {
    font-size: 16px;
    text-decoration: underline;
}
.about-center h5,
.about-center p {
    color: #5f5f5f;
    font-weight: 300;
    margin-bottom: 30px;
}
.about-center p {
    line-height: 26px;
}
.ab-center-wrapper {
    border-bottom: 1px solid #dfe4e7;
    padding: 80px 0;
}
.youtube-banner {
    height: 100%;
    overflow: hidden;
}
.youtube-wrapper {
    position: relative;
    padding-bottom: 56.2%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background-color: #191a1c;
    cursor: pointer;
}
.youtube-wrapper i {
    font-size: 20px;
    margin-top: 7px;
    margin-left: 3px;
    color: #fff;
    z-index: 2;
    transition: transform 0.2s, opacity 0.2s;
}
.youtube-wrapper:after,
.youtube-wrapper i {
    position: absolute;
    top: 50%;
    left: 50%;
    cursor: pointer;
    visibility: visible;
    transform: translate3d(-50%, -50%, 0) scale(1);
}
.youtube-wrapper:after {
    content: "";
    margin-top: 6px;
    height: 55px;
    width: 55px;
    border: none;
    border-radius: 100px;
    background-color: #2da15e;
    transition: background-color 0.2s, transform 0.2s, opacity 1.2s;
}
.youtube-wrapper.reveal:after,
.youtube-wrapper.reveal i {
    opacity: 0;
    visibility: hidden;
    transition: visibility 0.4s, opacity 0.4s;
}
.youtube-wrapper.reveal iframe {
    visibility: visible;
}
.youtube-wrapper embed,
.youtube-wrapper iframe,
.youtube-wrapper object {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    visibility: hidden;
}
.youtube-wrapper:before {
    content: "";
    position: absolute;
    left: -5px;
    top: -5px;
    border: 8px solid #2da15e;
    height: 67px;
    width: 67px;
    opacity: 0.5;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -41%, 0);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.youtube-wrapper .youtube-poster {
    height: 370px;
    background-position: 50%;
    background-size: cover;
}
@media screen and (max-width: 768px) {
    .ab-center-wrapper {
        padding: 50px 0;
    }
    .about-center h2 {
        font-size: 30px;
    }
}
#about-us {
    padding: 100px 0;
}
.about-tab .tabs {
    background-color: transparent;
}
.about-tab .tabs li {
    margin-right: 110px;
    border-right: none;
    position: relative;
    z-index: 100;
}
.about-tab .tabs li:after {
    position: absolute;
    content: "";
    height: 1px;
    width: 120px;
    background: #dfe4e7;
    right: -120%;
    top: 50%;
    z-index: -1;
}
.about-tab .tabs li:last-child {
    margin-right: 0;
}
.about-tab .tabs li:last-child:after {
    display: none;
}
.about-tab .tabs li.current a,
.about-tab .tabs li:hover a {
    background: #2da15e;
    color: #fff;
}
.about-tab .tabs li.current a:after,
.about-tab .tabs li:hover a:after {
    display: none;
}
.about-tab .tabs li a {
    color: #000;
    border: 1px solid #dfe4e7;
    padding: 14px 30px;
    line-height: 14px;
    color: #5f5f5f;
    background: #eee;
    font-weight: 400;
}
.about-tab .tab_content .content h4 {
    font-weight: 700;
    font-size: 22px;
}
.about-tab .tab_content .content .dt-btn {
    margin-top: 20px;
}
.about-tab .tab_content .ab-thumb {
    max-width: 570px;
    margin: 0 auto;
}
.about-tab .tab_content .ab-thumb img {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    margin-top: 20px;
}
@media screen and (max-width: 1280px) {
    .about-tab .tabs {
        background-color: transparent;
    }
    .about-tab .tabs li {
        margin-right: 70px;
    }
}
@media screen and (max-width: 1024px) {
    .about-tab .tabs {
        background-color: transparent;
    }
    .about-tab .tabs li {
        margin-right: 35px;
    }
    .about-tab .tabs li:after {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .about-tab .tabs {
        background-color: transparent;
    }
    .about-tab .tabs li {
        margin-right: 35px;
        width: 30.7%;
        margin-right: 10px;
    }
}
@media screen and (max-width: 500px) {
    #about-us {
        padding: 50px 0;
    }
    .about-tab .tabs {
        background-color: transparent;
    }
    .about-tab .tabs li {
        width: 27.7%;
        margin-right: 10px;
    }
    .about-tab .tabs_item {
        margin-bottom: 0;
    }
}
#counter {
    padding: 100px 0;
    background-size: cover;
}
.counter-item {
    text-align: center;
    cursor: pointer;
}
.counter-item .count-icon {
    max-height: 260px;
    max-width: 260px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.502);
    position: relative;
    line-height: 250px;
    transition: all 0.3s ease-in-out;
}
.counter-item .count-icon img {
    position: relative;
    z-index: 999;
}
.counter-item .count-icon:before {
    position: absolute;
    content: "";
    left: -5px;
    top: -5px;
    border: 5px solid #fff;
    height: 260px;
    width: 264px;
    border-radius: 50%;
    transition: all 0.15s ease-in-out;
}
.counter-item .count-icon:after {
    position: absolute;
    content: "";
    height: 170px;
    width: 170px;
    border-radius: 50%;
    margin: 0 auto;
    background: #141515;
    line-height: 170px;
    left: 41px;
    top: 41px;
    z-index: 1;
    transition: all 0.15s ease-in-out;
}
.counter-item h2 {
    font-size: 40px;
    color: #fff;
}
.counter-item h3 {
    color: #fff;
    font-size: 16px;
    margin: 0;
}
.counter-item:hover .count-icon:before {
    border: 7px solid #2da15e;
}
.counter-item:hover .count-icon:after {
    background: #2da15e;
}
@media screen and (max-width: 1280px) {
    .counter-item .count-icon {
        max-height: 215px;
        max-width: 215px;
        margin: 0 auto;
    }
    .counter-item .count-icon img {
        vertical-align: baseline;
    }
    .counter-item .count-icon:before {
        height: 220px;
        width: 220px;
    }
    .counter-item .count-icon:after {
        height: 150px;
        width: 150px;
        left: 30px;
        top: 30px;
    }
}
@media screen and (max-width: 992px) {
    .counter-item {
        margin-bottom: 30px;
    }
    .counter-item .count-icon {
        max-height: 215px;
        max-width: 215px;
        margin: 0 auto;
    }
    .counter-item img {
        vertical-align: baseline;
    }
    .counter-item:before {
        height: 220px;
        width: 220px;
    }
    .counter-item:after {
        height: 150px;
        width: 150px;
        left: 30px;
        top: 30px;
    }
}
@media screen and (max-width: 500px) {
    .full-wide {
        width: 100%;
    }
}
#feature-hosting {
    padding-top: 100px;
    background: #f5f5f7;
}
.feature-hosting h2 {
    color: #0e0e0e;
    font-weight: 700;
    font-size: 30px;
}
.feature-hosting h3 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 300;
    text-decoration: underline;
    margin-bottom: 30px;
    margin-top: 0;
}
.feature-hosting ul {
    margin: 0;
    padding: 0 0 30px;
    list-style: none;
}
.feature-hosting ul li {
    line-height: 30px;
}
.feature-hosting ul li i {
    margin-right: 10px;
    color: #2da15e;
}
.fea-thumb img {
    width: 100%;
}
#team-two {
    padding: 100px 0;
    background: #f5f5f5;
}
.team-member {
    position: relative;
    max-width: 400px;
    overflow: hidden;
}
.team-member .member-thumb img {
    width: 100%;
}
.team-member .member-details {
    position: absolute;
    left: 0;
    top: 80%;
    background: rgba(45, 161, 94, 0.7);
    height: 100%;
    width: 100%;
    padding: 20px 40px;
    transition: all 0.3s ease-in-out;
}
.team-member .member-details .name {
    color: #fff;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 700;
    border-bottom: none;
    margin-top: 0;
}
.team-member .member-details .position {
    color: #0e0e0e;
    text-decoration: underline;
    margin-top: 0;
    margin-bottom: 20px;
}
.team-member .member-details p {
    color: #fff;
}
.team-member .member-profile {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    right: 5px;
    top: -30%;
    transition: all 0.5s ease-in-out;
}
.team-member .member-profile li a {
    height: 40px;
    width: 40px;
    line-height: 40px;
    background: #000;
    display: block;
    text-align: center;
    margin-bottom: 2px;
}
.team-member .member-profile li a i {
    color: #fff;
}
.team-member .member-profile li a:hover {
    background: #fff;
}
.team-member .member-profile li a:hover i {
    color: #000;
}
.team-member:hover .member-details {
    top: 0;
}
.team-member:hover .member-details .name {
    margin-top: 200px;
}
.team-member:hover .member-profile {
    top: 0;
}
.team-three {
    margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
    .team-member .member-details {
        top: 75%;
    }
    .team-member .member-profile {
        top: -35%;
    }
    .team-member:hover .member-details .name {
        margin-top: 120px;
    }
}
@media screen and (max-width: 768px) {
    #team-two {
        padding: 50px 0;
    }
    .team-member {
        margin: 0 auto 30px;
    }
    .team-member .member-details {
        top: 83%;
    }
}
@media screen and (max-width: 500px) {
    .team-member .member-details {
        top: 78%;
    }
}
#faq-categories {
    padding: 100px 0;
}
.faq-cate h3 {
    background: #eee;
    padding: 17px;
    font-size: 15px;
    color: #0e0e0e;
    border-bottom: 1px solid #cececf;
    margin: 0;
    text-align: center;
}
.faq-tab-nav {
    background: #f5f5f7;
    margin: 0;
    padding: 30px 0;
    list-style: none;
}
.faq-tab-nav li {
    line-height: 30px;
}
.faq-tab-nav li a {
    text-decoration: none;
    color: #303030;
    line-height: 40px;
    padding: 0 40px;
    display: block;
}
.faq-tab-nav li a:hover {
    background: #2da15e;
    color: #fff;
}
.widget-title {
    padding: 13px 30px;
    background: #eee;
    font-size: 18px;
    color: #0e0e0e;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 20px;
}
.widget_dt_search .search-form {
    width: 100%;
}
.widget_dt_search .search-form label {
    position: relative;
    width: 100%;
    margin-bottom: 0;
}
.widget_dt_search .search-form .search-icon {
    position: absolute;
    right: 10px;
    top: 8px;
    cursor: pointer;
}
.widget_dt_search .search-form .search-icon i {
    color: #999;
}
.widget_dt_search input[type="search"] {
    width: 100%;
    border: 1px solid #eee;
    outline: none;
    padding: 8px 20px 8px 8px;
    color: #111;
    font-size: 14px;
    font-weight: 300;
}
.widget_dt_search .search-submit {
    display: none;
}
.dt_custom_menu {
    margin: 0;
    padding: 0;
    list-style: none;
}
.dt_custom_menu li {
    line-height: 32px;
}
.dt_custom_menu li a {
    color: #0e0e0e;
    font-size: 14px;
}
.dt_custom_menu li a i {
    margin-right: 10px;
}
.dt_custom_menu li a:hover {
    color: #2da15e;
    text-decoration: underline;
}
.post-nav {
    padding: 20px 0 10px;
    list-style: none;
}
.post-nav li {
    display: inline-block;
    margin-right: -4px;
}
.post-nav li a {
    display: block;
    background: #0e0e0e;
    padding: 10px 27px;
    border-right: 1px solid #2e2e2e;
    text-transform: uppercase;
    color: #fff;
}
.post-nav li a:focus,
.post-nav li a:hover {
    background: #2da15e;
    text-decoration: none;
}
.post-nav li.active a {
    background: #2da15e;
}
.resent-post {
    margin-bottom: 20px;
    border-bottom: 1px solid #dfe4e7;
    padding-bottom: 10px;
}
.resent-post:last-child {
    border-bottom: none;
    margin-bottom: 0;
}
.resent-post .post-thumbs {
    float: left;
}
.resent-post .post-content {
    margin-left: 120px;
}
.resent-post .post-content h5 {
    margin: 0;
}
.resent-post .post-content h5 a {
    color: #222832;
    line-height: 24px;
    font-size: 14px;
}
.resent-post .post-content h5 a:hover {
    color: #2da15e;
    text-decoration: underline;
}
.resent-post .post-content > a {
    display: inline-block;
    color: #6e6f70;
    font-size: 13px;
    font-weight: 300;
    margin-right: 10px;
}
.resent-post .post-content > a i {
    margin-right: 5px;
    color: #2da15e;
}
.resent-post .post-content > a:hover {
    color: #2da15e;
}
.dt-tag a {
    padding: 8px 24px;
    border: 1px solid #dfe4e7;
    background: #f5f5f7;
    display: inline-block;
    margin: 0 5px 7px 0;
    font-size: 14px;
    color: #0e0e0e;
}
.dt-tag a:hover {
    background: #2da15e;
    color: #fff;
}
.widget {
    position: relative;
}
.widget-bg {
    background: #f7f7f7;
    padding: 30px 19px 20px;
    margin-bottom: 50px;
}
.widget-title-two {
    display: inline-block;
    background: #dfe4e7;
    margin-bottom: -30px;
    margin-left: 20px;
    position: absolute;
    left: 0;
    top: -15%;
}
.dt-tag.widget-bg {
    padding: 60px 20px 20px;
}
.dt-tag.widget-bg a {
    padding: 8px 18px;
}
@media screen and (max-width: 1024px) {
    .post-nav li a {
        padding: 10px 16px;
    }
}
#login {
    padding: 100px 0;
}
.login-wrapper {
    width: 80%;
    margin: 0 auto;
}
.login-header {
    padding: 14px 20px;
    background: #2da15e;
}
.login-header h3 {
    display: inline-block;
    margin: 0;
    font-size: 14px;
    color: #fff;
}
.login-header .sing-up {
    float: right;
    color: #fff;
    font-size: 22px;
}
.login-form {
    padding: 50px 100px;
    background: #f5f5f5;
    margin: 0 20px;
}
.login-form .input-form {
    width: 100%;
}
.login-form .input-form input {
    width: 100%;
    height: 60px;
    margin-bottom: 20px;
    padding: 12px 20px;
    font-size: 16px;
    border: 1px solid #c9d1ff;
    outline: none;
    transition: all 0.3s ease-in-out;
}
.login-form .input-form input:hover {
    border-color: #2da15e;
}
.login-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.login-button p input {
    margin-left: 10px;
}
.login-button .width-1-3 {
    width: 33%;
}
.login-button .width-1-3 a {
    color: #2da15e;
}
.login-button .width-1-3 .dt-btn {
    float: right;
    padding: 12px 50px;
    color: #fff;
}
#sign-up {
    padding: 100px 0;
}
#error-page {
    padding: 150px 0;
}
#error-page img {
    width: 100%;
}
.error-title {
    font-size: 40px;
    letter-spacing: 16px;
    color: #2da15e;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 50px;
}
.subscribe h3 {
    font-size: 30px;
    font-weight: 600;
    color: #000;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 40px;
}
.subscribe p {
    margin-bottom: 30px;
    color: #757575;
    font-weight: 300;
}
.subscribe .dt-btn {
    padding: 14px 37px;
}
.subscribe-form input {
    max-width: 460px;
    width: 100%;
    height: 55px;
    border: 1px solid #dddbdb;
    outline: none;
    padding: 10px;
    margin-bottom: 20px;
}
.subscribe-form .dt-btn {
    height: 55px;
    border: none;
    padding: 0;
    width: 70px;
    margin-left: -3px;
}
.subscribe-form .dt-btn i {
    margin-left: 0;
    font-size: 16px;
    position: relative;
    opacity: 1;
    right: auto;
    -ms-transform: translateX(0);
    transform: translateX(0);
}
@media screen and (max-width: 768px) {
    .subscribe-form input {
        width: 400px;
    }
    .subscribe p br {
        display: none;
    }
    .subscribe .bgt,
    .subscribe .dt-btn {
        padding: 10px 28px;
    }
    .subscribe .bgt {
        padding: 9px 28px !important;
    }
}
@media screen and (max-width: 500px) {
    .subscribe-form input {
        width: 260px;
    }
}
#coming-soon {
    background: #2da15e;
    height: 100vh;
    overflow: hidden;
}
#stars {
    animation: d 50s linear infinite;
}
#stars,
#stars:after {
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 1838px 1932px #fff, 485px 1604px #fff, 1637px 1596px #fff, 1012px 882px #fff, 423px 1588px #fff, 1708px 1624px #fff, 1280px 1719px #fff, 590px 1900px #fff, 1654px 352px #fff, 249px 495px #fff, 1422px 714px #fff,
        7px 1205px #fff, 52px 1055px #fff, 639px 1295px #fff, 1582px 1979px #fff, 837px 1166px #fff, 1485px 567px #fff, 1139px 1851px #fff, 1346px 1842px #fff, 1205px 1742px #fff, 1408px 745px #fff, 487px 886px #fff, 243px 127px #fff,
        1445px 1620px #fff, 697px 20px #fff, 319px 407px #fff, 42px 1689px #fff, 401px 1736px #fff, 1442px 146px #fff, 1629px 491px #fff, 538px 671px #fff, 1515px 531px #fff, 1250px 954px #fff, 941px 89px #fff, 45px 216px #fff,
        333px 678px #fff, 505px 793px #fff, 849px 1559px #fff, 1702px 1119px #fff, 1458px 1984px #fff, 1113px 1096px #fff, 1220px 1474px #fff, 1823px 1808px #fff, 218px 837px #fff, 1693px 932px #fff, 1311px 1518px #fff, 1022px 451px #fff,
        431px 1644px #fff, 1930px 838px #fff, 1722px 680px #fff, 1014px 1988px #fff, 246px 171px #fff, 1900px 1841px #fff, 1788px 970px #fff, 623px 727px #fff, 1858px 81px #fff, 767px 1637px #fff, 1454px 1715px #fff, 736px 1185px #fff,
        521px 1347px #fff, 1035px 376px #fff, 1244px 1329px #fff, 1471px 96px #fff, 186px 949px #fff, 1274px 1211px #fff, 1276px 1651px #fff, 940px 584px #fff, 1074px 80px #fff, 1037px 1602px #fff, 1001px 1895px #fff, 51px 266px #fff,
        994px 160px #fff, 1539px 1945px #fff, 1919px 552px #fff, 121px 540px #fff, 59px 429px #fff, 56px 1606px #fff, 573px 1374px #fff, 538px 93px #fff, 1248px 310px #fff, 167px 1718px #fff, 1308px 1844px #fff, 442px 1019px #fff,
        430px 1642px #fff, 1477px 1248px #fff, 1186px 123px #fff, 842px 274px #fff, 465px 389px #fff, 1014px 176px #fff, 1026px 182px #fff, 398px 23px #fff, 582px 1450px #fff, 574px 793px #fff, 1555px 810px #fff, 1091px 1094px #fff,
        1408px 875px #fff, 1135px 1239px #fff, 1540px 799px #fff, 1316px 307px #fff, 1272px 1634px #fff, 1084px 617px #fff, 490px 202px #fff, 652px 1531px #fff, 3px 331px #fff, 1232px 1867px #fff, 944px 800px #fff, 1293px 1252px #fff,
        1899px 1184px #fff, 367px 1938px #fff, 506px 1456px #fff, 550px 1320px #fff, 1617px 1811px #fff, 1123px 1731px #fff, 1109px 1554px #fff, 1838px 2px #fff, 1221px 1714px #fff, 176px 1287px #fff, 1905px 153px #fff, 1175px 264px #fff,
        503px 1815px #fff, 1630px 1631px #fff, 1508px 1246px #fff, 437px 508px #fff, 66px 682px #fff, 442px 221px #fff, 988px 1773px #fff, 827px 61px #fff, 1406px 289px #fff, 698px 106px #fff, 647px 1050px #fff, 1435px 157px #fff,
        849px 1265px #fff, 1859px 1861px #fff, 1327px 926px #fff, 1688px 584px #fff, 1959px 1994px #fff, 1211px 399px #fff, 1139px 537px #fff, 15px 596px #fff, 1747px 512px #fff, 339px 1675px #fff, 1225px 915px #fff, 28px 1101px #fff,
        225px 507px #fff, 1653px 1483px #fff, 234px 1889px #fff, 920px 1499px #fff, 697px 968px #fff, 1863px 1938px #fff, 716px 925px #fff, 289px 1403px #fff, 929px 428px #fff, 973px 53px #fff, 1803px 508px #fff, 214px 769px #fff,
        1407px 1414px #fff, 1138px 1794px #fff, 274px 1686px #fff, 1601px 1212px #fff, 1963px 16px #fff, 952px 304px #fff, 158px 546px #fff, 1542px 859px #fff, 1830px 792px #fff, 1895px 1544px #fff, 1256px 1312px #fff, 1187px 1566px #fff,
        756px 1580px #fff, 73px 477px #fff, 766px 121px #fff, 1000px 1849px #fff, 623px 1032px #fff, 1983px 179px #fff, 541px 1653px #fff, 814px 404px #fff, 451px 1349px #fff, 965px 440px #fff, 706px 1634px #fff, 810px 1197px #fff,
        1566px 1149px #fff, 362px 1482px #fff, 1806px 1975px #fff, 1710px 204px #fff, 403px 1091px #fff, 918px 47px #fff, 1997px 1188px #fff, 80px 1839px #fff, 1214px 1661px #fff, 850px 574px #fff, 1896px 276px #fff, 1941px 1363px #fff,
        788px 186px #fff, 956px 262px #fff, 1843px 91px #fff, 1383px 1678px #fff, 199px 108px #fff, 1176px 840px #fff, 668px 324px #fff, 1910px 1871px #fff, 1318px 221px #fff, 755px 702px #fff, 890px 1974px #fff, 635px 714px #fff,
        1490px 124px #fff, 1992px 953px #fff, 216px 1310px #fff, 1737px 1532px #fff, 1284px 1487px #fff, 1383px 429px #fff, 1148px 456px #fff, 1278px 590px #fff, 199px 607px #fff, 1424px 833px #fff, 362px 796px #fff, 1016px 1928px #fff,
        22px 495px #fff, 1530px 365px #fff, 1456px 1416px #fff, 769px 1765px #fff, 931px 890px #fff, 255px 1355px #fff, 1543px 1872px #fff, 592px 230px #fff, 1115px 917px #fff, 1426px 1539px #fff, 191px 469px #fff, 1645px 1537px #fff,
        1003px 1433px #fff, 1254px 995px #fff, 1525px 1752px #fff, 1139px 1459px #fff, 1554px 1775px #fff, 1671px 934px #fff, 1590px 118px #fff, 625px 123px #fff, 560px 1273px #fff, 1172px 1975px #fff, 1573px 1032px #fff, 1365px 671px #fff,
        152px 1799px #fff, 32px 819px #fff, 1255px 1782px #fff, 686px 139px #fff, 685px 1091px #fff, 1365px 1870px #fff, 1577px 1752px #fff, 1763px 705px #fff, 306px 558px #fff, 1444px 1730px #fff, 1070px 1482px #fff, 398px 1854px #fff,
        1784px 1468px #fff, 877px 1166px #fff, 1323px 674px #fff, 8px 1179px #fff, 108px 1450px #fff, 546px 634px #fff, 1605px 1199px #fff, 369px 321px #fff, 1961px 994px #fff, 245px 1496px #fff, 1575px 1070px #fff, 1735px 5px #fff,
        1169px 1266px #fff, 1680px 1622px #fff, 1641px 132px #fff, 354px 703px #fff, 93px 530px #fff, 1563px 1387px #fff, 1903px 1871px #fff, 1833px 606px #fff, 665px 1383px #fff, 1402px 1077px #fff, 1602px 937px #fff, 794px 1216px #fff,
        1866px 586px #fff, 872px 1061px #fff, 414px 477px #fff, 487px 1683px #fff, 484px 477px #fff, 1829px 1684px #fff, 555px 1593px #fff, 1392px 1782px #fff, 1029px 160px #fff, 1630px 1490px #fff, 1201px 1442px #fff, 1183px 20px #fff,
        294px 229px #fff, 1194px 774px #fff, 114px 393px #fff, 1723px 969px #fff, 1180px 1181px #fff, 1642px 913px #fff, 1223px 1758px #fff, 1672px 181px #fff, 987px 1849px #fff, 663px 727px #fff, 1844px 1128px #fff, 255px 955px #fff,
        134px 616px #fff, 1991px 926px #fff, 1249px 1666px #fff, 585px 179px #fff, 759px 1827px #fff, 6px 499px #fff, 979px 1681px #fff, 1824px 1103px #fff, 380px 126px #fff, 1023px 1161px #fff, 389px 1177px #fff, 1133px 325px #fff,
        966px 460px #fff, 850px 928px #fff, 1356px 1158px #fff, 761px 730px #fff, 1261px 1041px #fff, 1687px 1910px #fff, 1071px 783px #fff, 1474px 1817px #fff, 867px 1674px #fff, 585px 77px #fff, 1446px 1610px #fff, 305px 1878px #fff,
        1818px 380px #fff, 626px 1px #fff, 1430px 1239px #fff, 897px 460px #fff, 1130px 914px #fff, 1872px 488px #fff, 698px 825px #fff, 681px 505px #fff, 1630px 1180px #fff, 23px 1523px #fff, 495px 1408px #fff, 1436px 1191px #fff,
        1553px 704px #fff, 338px 1685px #fff, 812px 1621px #fff, 896px 1785px #fff, 1467px 972px #fff, 510px 1472px #fff, 772px 245px #fff, 146px 242px #fff, 179px 756px #fff, 501px 366px #fff, 942px 1757px #fff, 251px 472px #fff,
        1474px 752px #fff, 1451px 946px #fff, 796px 967px #fff, 225px 1242px #fff, 1682px 1120px #fff, 1504px 1954px #fff, 1155px 1626px #fff, 844px 683px #fff, 308px 1396px #fff, 647px 617px #fff, 1326px 1693px #fff, 331px 1126px #fff,
        688px 747px #fff, 586px 401px #fff, 1017px 30px #fff, 182px 1445px #fff, 1411px 950px #fff, 1123px 927px #fff, 1481px 1727px #fff, 403px 1479px #fff, 1037px 1090px #fff, 1655px 1955px #fff, 677px 1913px #fff, 981px 252px #fff,
        229px 1379px #fff, 683px 353px #fff, 1313px 704px #fff, 1691px 1517px #fff, 983px 294px #fff, 313px 1479px #fff, 164px 1884px #fff, 1330px 209px #fff, 198px 977px #fff, 1400px 736px #fff, 314px 488px #fff, 1408px 1705px #fff,
        1536px 1800px #fff, 505px 517px #fff, 630px 1624px #fff, 1449px 1624px #fff, 1218px 1908px #fff, 1219px 1175px #fff, 1665px 804px #fff, 602px 1195px #fff, 1363px 539px #fff, 522px 103px #fff, 1808px 314px #fff, 833px 1638px #fff,
        1589px 1498px #fff, 1823px 585px #fff, 1043px 1445px #fff, 1376px 1312px #fff, 73px 1083px #fff, 1665px 1864px #fff, 364px 1463px #fff, 1665px 1013px #fff, 819px 819px #fff, 1261px 1568px #fff, 1953px 1968px #fff, 1557px 746px #fff,
        1196px 224px #fff, 1388px 340px #fff, 682px 351px #fff, 1883px 205px #fff, 449px 456px #fff, 335px 1694px #fff, 1570px 1469px #fff, 337px 716px #fff, 754px 1365px #fff, 810px 826px #fff, 1955px 614px #fff, 1211px 1106px #fff,
        1852px 440px #fff, 1067px 1989px #fff, 1325px 366px #fff, 1534px 289px #fff, 56px 789px #fff, 1390px 1414px #fff, 1927px 358px #fff, 1809px 1521px #fff, 240px 1126px #fff, 1035px 472px #fff, 858px 1231px #fff, 824px 1766px #fff,
        1420px 1517px #fff, 1460px 671px #fff, 97px 287px #fff, 1329px 1760px #fff, 964px 639px #fff, 139px 804px #fff, 1034px 162px #fff, 978px 1108px #fff, 758px 1042px #fff, 227px 1595px #fff, 1100px 1412px #fff, 550px 336px #fff,
        1194px 1766px #fff, 3px 346px #fff, 1184px 902px #fff, 1912px 1961px #fff, 917px 244px #fff, 970px 105px #fff, 1769px 1107px #fff, 119px 261px #fff, 716px 943px #fff, 1932px 518px #fff, 1687px 635px #fff, 1888px 1391px #fff,
        541px 538px #fff, 1466px 1152px #fff, 427px 1032px #fff, 1590px 1842px #fff, 1685px 799px #fff, 983px 1233px #fff, 378px 895px #fff, 1188px 33px #fff, 964px 1237px #fff, 1682px 1726px #fff, 693px 1391px #fff, 1756px 1728px #fff,
        3px 403px #fff, 1527px 390px #fff, 165px 642px #fff, 1258px 33px #fff, 92px 100px #fff, 1597px 1380px #fff, 1969px 1805px #fff, 1945px 1086px #fff, 1122px 1574px #fff, 735px 1295px #fff, 627px 1332px #fff, 1302px 557px #fff,
        496px 272px #fff, 80px 1725px #fff, 436px 1482px #fff, 475px 195px #fff, 610px 1962px #fff, 351px 706px #fff, 250px 423px #fff, 1653px 871px #fff, 57px 1101px #fff, 923px 1282px #fff, 377px 115px #fff, 445px 753px #fff,
        1216px 212px #fff, 1677px 1924px #fff, 705px 122px #fff, 1211px 530px #fff, 768px 882px #fff, 1965px 264px #fff, 272px 747px #fff, 1489px 1882px #fff, 595px 996px #fff, 1568px 1132px #fff, 479px 1746px #fff, 1459px 1504px #fff,
        286px 1463px #fff, 1156px 1587px #fff, 281px 1166px #fff, 20px 1936px #fff, 784px 1588px #fff, 322px 1370px #fff, 18px 1377px #fff, 225px 229px #fff, 185px 956px #fff, 160px 959px #fff, 283px 63px #fff, 687px 378px #fff,
        922px 1945px #fff, 244px 1693px #fff, 1576px 1907px #fff, 395px 1518px #fff, 832px 1366px #fff, 1608px 1381px #fff, 1922px 1420px #fff, 45px 438px #fff, 366px 398px #fff, 172px 805px #fff, 428px 926px #fff, 141px 232px #fff,
        1542px 883px #fff, 593px 1935px #fff, 1828px 1438px #fff, 1179px 21px #fff, 546px 1446px #fff, 432px 224px #fff, 41px 1296px #fff, 1444px 550px #fff, 1894px 1129px #fff, 506px 1302px #fff, 1205px 715px #fff, 1768px 989px #fff,
        1800px 144px #fff, 1105px 974px #fff, 281px 1405px #fff, 558px 1956px #fff, 1402px 1460px #fff, 412px 102px #fff, 1546px 1249px #fff, 767px 34px #fff, 1535px 1062px #fff, 671px 688px #fff, 759px 1476px #fff, 141px 90px #fff,
        1946px 1292px #fff, 8px 1026px #fff, 1917px 1784px #fff, 921px 583px #fff, 1406px 618px #fff, 1059px 1947px #fff, 828px 333px #fff, 424px 175px #fff, 405px 426px #fff, 573px 572px #fff, 457px 1347px #fff, 1898px 1268px #fff,
        1807px 516px #fff, 1581px 958px #fff, 206px 1270px #fff, 838px 1500px #fff, 1874px 1174px #fff, 899px 1856px #fff, 479px 624px #fff, 1558px 289px #fff, 1425px 1215px #fff, 1969px 1573px #fff, 1835px 558px #fff, 593px 388px #fff,
        802px 1626px #fff, 1682px 878px #fff, 1051px 783px #fff, 729px 22px #fff, 1147px 102px #fff, 96px 927px #fff, 589px 794px #fff, 9px 1880px #fff, 1328px 245px #fff, 270px 351px #fff, 1566px 154px #fff, 1313px 1840px #fff,
        148px 1269px #fff, 826px 1908px #fff, 267px 1395px #fff, 146px 114px #fff, 56px 356px #fff, 1333px 1045px #fff, 18px 1377px #fff, 1784px 17px #fff, 887px 1050px #fff, 1118px 896px #fff, 911px 1278px #fff, 1450px 227px #fff,
        1706px 655px #fff, 21px 1000px #fff, 1986px 1667px #fff, 617px 338px #fff, 1794px 1517px #fff, 5px 1903px #fff, 951px 740px #fff, 996px 1225px #fff, 1695px 1372px #fff, 1059px 308px #fff, 1564px 852px #fff, 1233px 466px #fff,
        1284px 967px #fff, 829px 1395px #fff, 560px 1153px #fff, 135px 1271px #fff, 1522px 1164px #fff, 651px 668px #fff, 733px 1930px #fff, 455px 1202px #fff, 1770px 1283px #fff, 473px 339px #fff, 559px 130px #fff, 106px 1px #fff,
        562px 556px #fff, 1394px 481px #fff, 1698px 498px #fff, 483px 65px #fff, 19px 1299px #fff, 1751px 844px #fff, 1075px 946px #fff, 852px 203px #fff, 789px 1565px #fff, 925px 1241px #fff, 1912px 1115px #fff, 548px 262px #fff,
        919px 763px #fff, 1797px 189px #fff, 17px 1450px #fff, 291px 1246px #fff, 502px 536px #fff, 1006px 779px #fff, 869px 384px #fff, 1807px 569px #fff, 215px 595px #fff, 1517px 150px #fff, 1362px 1393px #fff, 1666px 384px #fff,
        1497px 1016px #fff, 963px 823px #fff, 389px 593px #fff, 737px 226px #fff, 1966px 588px #fff, 41px 1164px #fff, 1640px 1528px #fff, 815px 240px #fff, 906px 913px #fff, 145px 1741px #fff, 1379px 299px #fff, 325px 1342px #fff,
        490px 1693px #fff, 1745px 1478px #fff, 718px 1015px #fff, 1600px 1826px #fff, 1312px 631px #fff, 1527px 1707px #fff, 1402px 177px #fff, 838px 1064px #fff, 1524px 1630px #fff, 602px 98px #fff, 50px 312px #fff, 1117px 1272px #fff,
        1112px 275px #fff, 276px 1041px #fff, 206px 704px #fff, 1151px 1268px #fff, 174px 263px #fff, 1095px 1877px #fff, 1407px 1624px #fff, 1196px 226px #fff, 1155px 169px #fff, 406px 1620px #fff, 301px 689px #fff, 1968px 1082px #fff,
        862px 88px #fff, 246px 132px #fff, 435px 1916px #fff, 1060px 27px #fff, 1446px 827px #fff, 1125px 1611px #fff, 307px 1463px #fff, 1463px 1495px #fff, 1259px 1118px #fff, 873px 1213px #fff, 488px 56px #fff, 293px 837px #fff,
        748px 357px #fff, 1543px 1966px #fff, 439px 1243px #fff, 261px 1804px #fff, 674px 1101px #fff;
}
#stars:after {
    content: "";
    position: absolute;
    top: 2000px;
}
#stars2 {
    animation: d 100s linear infinite;
}
#stars2,
#stars2:after {
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 752px 229px #fff, 1294px 1831px #fff, 354px 1715px #fff, 1151px 933px #fff, 894px 418px #fff, 1204px 378px #fff, 131px 571px #fff, 1459px 438px #fff, 1164px 538px #fff, 62px 1565px #fff, 1485px 1191px #fff, 189px 1786px #fff,
        1492px 87px #fff, 1546px 1950px #fff, 1551px 1336px #fff, 551px 1967px #fff, 1246px 65px #fff, 1330px 116px #fff, 1539px 1724px #fff, 1517px 965px #fff, 546px 1112px #fff, 779px 877px #fff, 941px 608px #fff, 185px 633px #fff,
        1644px 1616px #fff, 11px 930px #fff, 797px 1564px #fff, 1363px 824px #fff, 662px 1167px #fff, 1523px 1000px #fff, 380px 795px #fff, 736px 1158px #fff, 194px 195px #fff, 1787px 1272px #fff, 313px 1810px #fff, 1559px 1838px #fff,
        577px 595px #fff, 717px 1740px #fff, 806px 1769px #fff, 532px 1754px #fff, 732px 1144px #fff, 465px 34px #fff, 973px 1279px #fff, 98px 1719px #fff, 934px 1635px #fff, 865px 1145px #fff, 1824px 835px #fff, 1740px 1739px #fff,
        1865px 535px #fff, 440px 1255px #fff, 1032px 1799px #fff, 1397px 1243px #fff, 57px 1575px #fff, 1838px 1556px #fff, 694px 703px #fff, 418px 805px #fff, 504px 1018px #fff, 1117px 276px #fff, 1381px 431px #fff, 1122px 1242px #fff,
        947px 1469px #fff, 159px 584px #fff, 213px 836px #fff, 934px 808px #fff, 285px 1916px #fff, 210px 2000px #fff, 347px 104px #fff, 502px 1207px #fff, 1767px 1253px #fff, 300px 1170px #fff, 1407px 1574px #fff, 876px 430px #fff,
        373px 1922px #fff, 508px 1419px #fff, 1339px 1859px #fff, 1707px 1885px #fff, 1312px 1647px #fff, 972px 321px #fff, 1483px 779px #fff, 759px 1855px #fff, 1183px 1643px #fff, 1397px 97px #fff, 294px 11px #fff, 461px 1020px #fff,
        41px 175px #fff, 272px 654px #fff, 725px 1967px #fff, 1977px 667px #fff, 805px 1377px #fff, 1396px 826px #fff, 155px 1142px #fff, 563px 1017px #fff, 163px 1496px #fff, 502px 1633px #fff, 350px 496px #fff, 155px 1474px #fff,
        254px 341px #fff, 1906px 1994px #fff, 1998px 899px #fff, 338px 1307px #fff, 1023px 1492px #fff, 1546px 670px #fff, 1478px 1570px #fff, 1935px 137px #fff, 1742px 408px #fff, 607px 1726px #fff, 224px 1904px #fff, 1812px 338px #fff,
        1851px 873px #fff, 760px 302px #fff, 1064px 840px #fff, 328px 50px #fff, 1968px 1626px #fff, 985px 927px #fff, 1699px 813px #fff, 1928px 1938px #fff, 652px 944px #fff, 1753px 833px #fff, 547px 1211px #fff, 268px 376px #fff,
        1302px 120px #fff, 1994px 179px #fff, 1853px 58px #fff, 1873px 1068px #fff, 501px 160px #fff, 1654px 431px #fff, 1332px 78px #fff, 1958px 709px #fff, 1602px 1402px #fff, 362px 1939px #fff, 1215px 1445px #fff, 1417px 1394px #fff,
        1728px 747px #fff, 548px 874px #fff, 700px 838px #fff, 310px 1447px #fff, 311px 412px #fff, 1706px 1581px #fff, 1963px 1586px #fff, 1594px 691px #fff, 524px 1456px #fff, 1030px 459px #fff, 538px 575px #fff, 1363px 1808px #fff,
        8px 1673px #fff, 662px 173px #fff, 1421px 525px #fff, 574px 735px #fff, 1243px 335px #fff, 58px 624px #fff, 636px 1174px #fff, 145px 694px #fff, 159px 1531px #fff, 104px 1269px #fff, 1171px 6px #fff, 1986px 1287px #fff,
        1914px 1539px #fff, 551px 781px #fff, 1451px 1363px #fff, 1978px 484px #fff, 1435px 1371px #fff, 953px 170px #fff, 431px 330px #fff, 1533px 1711px #fff, 1781px 155px #fff, 1533px 370px #fff, 999px 1499px #fff, 1228px 1117px #fff,
        404px 1932px #fff, 1681px 1311px #fff, 344px 1261px #fff, 1582px 1488px #fff, 1664px 1729px #fff, 897px 476px #fff, 17px 55px #fff, 1244px 1754px #fff, 323px 1760px #fff, 1727px 610px #fff, 1504px 1693px #fff, 835px 415px #fff,
        320px 1559px #fff, 1924px 195px #fff, 1384px 1153px #fff, 902px 927px #fff, 1079px 419px #fff, 1464px 963px #fff, 1155px 117px #fff, 1558px 83px #fff, 711px 94px #fff, 1511px 1696px #fff, 1597px 1912px #fff, 308px 1634px #fff,
        583px 1875px #fff, 463px 747px #fff, 1204px 50px #fff, 103px 1411px #fff, 1682px 744px #fff, 105px 467px #fff, 1149px 785px #fff, 588px 838px #fff;
}
#stars2:after {
    content: "";
    position: absolute;
    top: 2000px;
}
#stars3 {
    animation: d 150s linear infinite;
}
#stars3,
#stars3:after {
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 1172px 903px #fff, 1923px 1931px #fff, 1459px 434px #fff, 1247px 219px #fff, 1013px 1251px #fff, 1751px 563px #fff, 617px 163px #fff, 1434px 913px #fff, 1674px 402px #fff, 189px 873px #fff, 672px 945px #fff,
        924px 1457px #fff, 376px 715px #fff, 1184px 119px #fff, 512px 1927px #fff, 546px 779px #fff, 873px 668px #fff, 784px 274px #fff, 167px 1668px #fff, 486px 983px #fff, 482px 1563px #fff, 1100px 243px #fff, 1676px 46px #fff,
        227px 1623px #fff, 1588px 1172px #fff, 234px 499px #fff, 151px 1670px #fff, 1298px 1869px #fff, 1809px 1229px #fff, 263px 617px #fff, 141px 1019px #fff, 1669px 432px #fff, 799px 471px #fff, 17px 744px #fff, 1157px 1412px #fff,
        1529px 979px #fff, 1428px 729px #fff, 57px 336px #fff, 763px 904px #fff, 324px 892px #fff, 1123px 632px #fff, 1220px 1385px #fff, 1918px 1256px #fff, 1159px 1483px #fff, 678px 244px #fff, 311px 1088px #fff, 613px 1394px #fff,
        1282px 546px #fff, 1016px 1172px #fff, 1900px 487px #fff, 1549px 1141px #fff, 1597px 34px #fff, 464px 1332px #fff, 1087px 46px #fff, 1677px 936px #fff, 1895px 530px #fff, 1600px 836px #fff, 1425px 1541px #fff, 345px 435px #fff,
        1579px 924px #fff, 54px 1274px #fff, 1639px 1599px #fff, 373px 1933px #fff, 169px 78px #fff, 1015px 632px #fff, 1483px 1443px #fff, 869px 1754px #fff, 67px 542px #fff, 718px 506px #fff, 1831px 1222px #fff, 977px 1405px #fff,
        1973px 212px #fff, 825px 1748px #fff, 1046px 1139px #fff, 1334px 632px #fff, 1369px 1898px #fff, 1187px 390px #fff, 965px 512px #fff, 409px 58px #fff, 1871px 90px #fff, 1964px 385px #fff, 1389px 1166px #fff, 547px 1290px #fff,
        1351px 1456px #fff, 1351px 682px #fff, 955px 831px #fff, 1836px 1101px #fff, 1351px 458px #fff, 984px 180px #fff, 821px 1357px #fff, 519px 1457px #fff, 1639px 1277px #fff, 1954px 1009px #fff, 141px 23px #fff, 1109px 619px #fff,
        1552px 1698px #fff, 301px 1226px #fff, 86px 970px #fff, 917px 1758px #fff, 1652px 329px #fff;
}
#stars3:after {
    content: "";
    position: absolute;
    top: 2000px;
}
@keyframes d {
    0% {
        transform: translateY(0);
    }
    to {
        transform: translateY(-2000px);
    }
}
.coming-soon {
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
}
.coming-soon .soon-title {
    text-transform: uppercase;
    color: #fff;
    font-size: 30px;
}
.coming-soon h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 30px;
}
.coming-soon .footer-social-link li {
    border-color: #fff;
}
.coming-soon .footer-social-link li a i {
    color: #fff;
}
.coming-soon .footer-social-link li:hover {
    border-color: #000;
    background: #000;
}
#coming-date {
    text-align: center;
    position: relative;
    margin-top: 90px;
    margin-left: 100px;
}
#coming-date span {
    font-family: PT Sans, sans-serif;
    padding: 5px;
    display: inline-block;
    font-size: 18px;
    color: #fff;
    margin-right: 95px;
    text-transform: uppercase;
    position: relative;
    z-index: 500;
    padding: 30px;
}
#coming-date span:before {
    position: absolute;
    height: 150px;
    width: 150px;
    background-color: #f89406;
    content: "";
    left: 0;
    top: 0;
    z-index: -1;
    border-radius: 10px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#coming-date span:after {
    position: absolute;
    content: "";
    height: 16px;
    width: 60px;
    background: #f89406;
    right: -75px;
    top: 67px;
}
#coming-date span:last-child:after {
    display: none;
}
#coming-date span p {
    font-family: PT Sans, sans-serif;
    font-size: 72px;
    line-height: 60px;
    font-weight: 700;
}
.comming-timer {
    padding: 90px 0;
    border-top: 1px solid #227947;
    border-bottom: 1px solid #227947;
    margin-top: 50px;
    margin-bottom: 20px;
}
#timer {
    margin-top: 70px;
    display: inline-block;
}
#timer div {
    position: relative;
    float: left;
}
#timer .dayes p {
    color: #fff;
    font-size: 13px;
    position: absolute;
    left: 10px;
    top: -84px;
    text-transform: uppercase;
}
#timer .dayes span {
    font-size: 200px;
    color: #fff;
}
#timer .hours,
#timer .minit {
    margin: -70px 20px 20px;
    position: relative;
}
#timer .hours span,
#timer .minit span {
    color: #000;
    font-size: 80px;
}
#timer .hours p,
#timer .minit p {
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    margin-left: -20px;
    margin-bottom: 15px;
}
#timer .secounds {
    float: none;
    margin-right: 100px;
}
#timer .secounds span {
    font-size: 40px;
    color: #fff;
}
#timer .secounds .sec {
    color: #000;
    font-size: 14px;
}
@media screen and (max-width: 1024px) {
    #timer .dayes span {
        font-size: 120px;
    }
    #timer .dayes p {
        top: -55px;
    }
    #timer .hours,
    #timer .minit {
        margin: -42px 10px 10px;
    }
    #timer .hours span,
    #timer .minit span {
        font-size: 40px;
    }
    #timer .hours p,
    #timer .minit p {
        margin: 0;
    }
    #timer .secounds {
        margin-right: 18px;
    }
}
@media screen and (max-width: 768px) {
    #coming-soon {
        padding: 0;
    }
    .coming-soon h3 {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .comming-timer {
        padding: 10px 0;
        margin-top: 20px;
    }
    #timer {
        margin-top: 35px;
    }
    #timer .dayes span {
        font-size: 70px;
    }
    #timer .dayes p {
        top: -38px;
    }
    #timer .hours,
    #timer .minit {
        margin: -38px 10px 0;
    }
    #timer .hours span,
    #timer .minit span {
        font-size: 28px;
    }
    #timer .secounds {
        margin-right: 25px;
    }
    #timer .secounds span {
        font-size: 20px;
    }
}
#contact {
    padding-top: 100px;
}
.contact p {
    color: #5f5f5f;
    font-weight: 300;
    margin-bottom: 40px;
}
.contact-title {
    font-size: 26px;
    color: #0e0e0e;
    margin-top: 0;
}
#contact-form .form-control {
    border: 1px solid #dfe4e7;
    outline: none;
    border-radius: 0;
}
#contact-form .form-control:focus {
    outline: none;
    box-shadow: none;
}
#contact-form input {
    height: 60px;
}
#contact-form textarea {
    height: 230px;
}
#contact-form .dt-btn {
    border: none;
    padding: 14px 37px;
    margin-top: 30px;
}
.contact-address {
    margin-top: 120px;
}
.contact-address .address {
    background: #f5f5f7;
    padding: 20px 20px 20px 50px;
    position: relative;
    margin-left: 45px;
    margin-bottom: 70px;
}
.contact-address .address h5 {
    color: #0e0e0e;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}
.contact-address .address .con-icon {
    height: 90px;
    width: 90px;
    border-radius: 50%;
    line-height: 106px;
    position: absolute;
    text-align: center;
    top: -40px;
    left: -40px;
    border: 1px solid transparent;
}
.contact-address .address .con-icon:after {
    content: "";
    position: absolute;
    height: 88px;
    width: 88px;
    background: #eee;
    z-index: 1;
    left: 0;
    top: 0;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
}
.contact-address .address .con-icon i {
    font-size: 40px;
    color: #2da15e;
    z-index: 100;
    position: relative;
}
.contact-address .address:hover .con-icon {
    border-color: #2da15e;
}
.contact-address .address:hover .con-icon:after {
    background: #2da15e;
    left: 4px;
    top: 4px;
    height: 80px;
    width: 80px;
}
.contact-address .address:hover .con-icon i {
    color: #fff;
}
.contact-address .address p {
    margin-bottom: 0;
}
.google-map {
    margin-top: 50px;
}
.gmap3-area {
    height: 400px;
    width: 100%;
}
