/* Imports */

@import "/assets/plugins/bootstrap4/bootstrap-beta.min.css";

@import "/assets/plugins/bootstrap4/bootstrap.rtl.css";

@import "/assets/plugins/bootstrap4/bootstrap-grid.rtl.min.css";

@import "/assets/plugins/fontaws/font-awesome.css";

@import "/assets/plugins/simple-line-icons/css/simple-line-icons.css";

@import "/assets/plugins/selectbox/select_option1.css";

@import "/assets/plugins/slick/slick.css";

@import "/assets/plugins/slick/slick-theme.css";

@import "/assets/plugins/prismjs/prism.css";

@import "/assets/plugins/fancybox/jquery.fancybox.min.css";

@import "/assets/plugins/isotope/isotope.min.css";

@import "/assets/plugins/animate.css";

/* ============================ fonts.css ============================ */

@font-face {

    font-family: 'Shabnam';

    src: url('/css/fonts/Shabnam.eot');

    src: url('/css/fonts/Shabnam.eot?#iefix') format('embedded-opentype'), url('/css/fonts/Shabnam.woff') format('woff'), url('/css/fonts/Shabnam.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'IranSans';

    src: url('/css/fonts/IRANSansWeb.eot');

    src: url('/css/fonts/IRANSansWeb.eot?#iefix') format('embedded-opentype'), url('/css/fonts/IRANSansWeb.woff2') format('woff2'), url('/css/fonts/IRANSansWeb.woff') format('woff'), url('/css/fonts/IRANSansWeb.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'IranSansBold';

    src: url('/css/fonts/IRANSansWeb_Bold.eot');

    src: url('/css/fonts/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'), url('/css/fonts/IRANSansWeb_Bold.woff2') format('woff2'), url('/css/fonts/IRANSansWeb_Bold.woff') format('woff'), url('/css/fonts/IRANSansWeb_Bold.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'Raleway';

    font-style: normal;

    font-weight: 600;

    src: url('/css/fonts/Raleway.woff2') format('woff2');

}

@font-face {

    font-family: 'FontAwesome';

    src: url('/css/fonts/fontawesome-webfont.eot?v=4.7.0');

    src: url('/css/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/css/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/css/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/css/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/css/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'simple-line-icons';

    src: url('/css/fonts/Simple-Line-Iconsb26c.eot');

    src: url('/css/fonts/Simple-Line-Iconsb26c.eot#iefix') format('embedded-opentype'), url('/css/fonts/Simple-Line-Iconsb26c.woff2') format('woff2'), url('/css/fonts/Simple-Line-Iconsb26c.ttf') format('truetype'), url('/css/fonts/Simple-Line-Iconsb26c.woff') format('woff'), url('/css/fonts/Simple-Line-Iconsb26c.svg#simple-line-icons') format('svg');

    font-weight: normal;

    font-style: normal;

}

.font-en {

    font-family: 'Raleway', Tahoma !important;

}

/* ------------------------------------------------------------------- */

.text-primary {

    color: #0cc652 !important;

}

.text-white {

    color: #fff !important;

}

.bg-sand {

    background-color: #f5f5f6;

}

.bg-gray {

    background-color: #ccc;

}

.bg-primary {

    background-color: #0cc652 !important;

}

.no-bg {

    background-color: transparent;

}

.bordered {

    border: 1px solid #d6dbe2;

}

.brd-gray {

    border-color: #ccc !important;

}

.brd-primary {

    border-color: #0cc652 !important;

}

.bg-white {

    background-color: #fff !important;

}

.bg-dark {

    background-color: #1d2025 !important;

}

.bg-faded {

    background-color: #f5f5f6;

}

* {

    outline: 0;

    margin: 0;

    padding: 0;

}

html,

* {

    text-rendering: optimizeLegibility;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

body {

    font-size: 14px;

    line-height: 21px;

    color: #8b8e93;

    font-weight: 300;

}

ul {

    margin: 0;

    padding: 0;

}

ul li {

    list-style-type: none;

}

p {

    color: #5a4542;

    font-weight: 300;

    margin-bottom: 0;

    font-size: 14px;

    line-height: 26px;

}

h1,

h2,

h3,

h4,

h5,

h6 {

    text-transform: capitalize;

    margin: 0;

    color: #6b534f;

}

h1 {

    font-size: 40px;

    line-height: 1.1;

}

h2 {

    font-size: 30px;

    line-height: 1.1;

}

h3 {

    font-size: 25px;

    line-height: 1.1;

}

h4 {

    font-size: 20px;

    line-height: 1.1;

}

h5 {

    font-size: 18px;

    line-height: 1.1;

}

h6 {

    font-size: 16px;

    line-height: 1.1;

}

.container {

    position: relative;

    width: 100%;

}

@media (min-width: 480px) {

    .container {

        width: 450px;

    }

}

@media (min-width: 768px) {

    .container {

        width: 750px;

    }

}

@media (min-width: 992px) {

    .container {

        width: 970px;

    }

}

@media (min-width: 1200px) {

    .container {

        width: 1140px;

    }

}

a {

    color: #8b8e93;

    text-decoration: none;

    transition: all 0.3s ease-in-out;

}

a:hover,

a:focus {

    outline: 0;

    color: #0cc652;

    text-decoration: none;

}

.main-wrapper {

    overflow-x: hidden;

    background-color: #fff;

    padding-top: 100px;

}

@media (max-width: 768px) {

    .main-wrapper {

        padding-top: 50px;

    }

}

body.boxed {

    margin: 0 auto;

    position: relative;

}

@media (min-width: 992px) {

    body.boxed {

        max-width: 970px;

    }

}

@media (min-width: 1200px) {

    body.boxed {

        max-width: 1260px;

    }

}

@media (min-width: 992px) {

    body.boxed .header {

        max-width: 970px;

    }

}

@media (min-width: 1200px) {

    body.boxed .header {

        max-width: 1260px;

    }

}

@media (min-width: 992px) {

    body.boxed .navbar-sticky {

        max-width: 970px;

    }

}

@media (min-width: 1200px) {

    body.boxed .navbar-sticky {

        max-width: 1260px;

    }

}

.list-inline li {

    display: inline-block;

}

.position_unset>.offset-md-1.col-md-10 {

    position: unset;

}

.position_unset>.offset-md-1.col-md-10>.row {

    position: unset;

}

.visible {

    display: block !important;

}

.hidden {

    display: none;

}

.form-control:focus {

    box-shadow: none;

}

.btn-cta {

    color: #222 !important;

    background-color: #fff;

}

.section {

    padding-top: 80px;

}

@media (min-width: 992px) {

    .section {

        padding-top: 100px;

    }

}

.ract45 {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}

.ract45 i {

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

    transform: rotate(-45deg);

}

.img-full {

    width: 100%;

}

.img-circle {

    position: relative;

    border-radius: 50%;

}

::-moz-selection {

    background-color: #0cc652;

    color: #fff;

}

::selection {

    background-color: #0cc652;

    color: #fff;

}

.mb30 {

    margin-bottom: 30px;

}

.no-padding {

    padding: 0 !important;

}

.pv100 {

    padding-top: 100px;

    padding-bottom: 100px;

}

.pt30 {

    padding-top: 30px;

}

.pt50 {

    padding-top: 50px;

}

.pb30 {

    padding-bottom: 30px;

}

.pb50 {

    padding-bottom: 50px;

}

.pv30 {

    padding-top: 30px;

    padding-bottom: 30px;

}

.pt100 {

    padding-top: 100px;

}

.pb100 {

    padding-bottom: 100px;

}

.bold {

    font-weight: 700 !important;

}

.medium {

    font-weight: 500 !important;

}

.sidebar {

    padding-left: 15px;

    padding-right: 15px;

    margin-top: 40px;

}

@media (min-width: 768px) {

    .sidebar {

        padding-left: 30px;

        margin-top: 0;

    }

}

@media (min-width: 992px) {

    .sidebar {

        padding-left: 40px;

        margin-top: 0;

    }

}

@media (min-width: 768px) {

    .sidebar.sidebar-left {

        padding-left: 15px;

        padding-right: 40px;

    }

}

@media (min-width: 992px) {

    .sidebar.sidebar-left {

        padding-left: 15px;

        padding-right: 40px;

    }

}

#searchModal {

    background: rgba(255, 255, 255, 0.9);

}

#searchModal .modal-dialog {

    max-width: 100%;

    height: 100%;

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

    transform: translate(0, 0);

    margin: 0;

}

#searchModal .modal-dialog .modal-content {

    border-radius: 0;

    outline: 0;

    background: 0 0;

    box-shadow: none;

    padding: 0 25%;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    height: 100%;

}

#searchModal .modal-dialog .modal-content button.close {

    height: 40px;

    width: 40px;

    opacity: 1;

    position: absolute;

    top: 30px;

    right: 30px;

}

#searchModal .modal-dialog .modal-content button.close span {

    display: block;

    background: #222;

    width: 100%;

    height: 1px;

}

#searchModal .modal-dialog .modal-content button.close span.bar-1 {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}

#searchModal .modal-dialog .modal-content button.close span.bar-2 {

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

    transform: rotate(-45deg);

}

#searchModal .modal-dialog .modal-content form {

    width: 100%;

}

#searchModal .modal-dialog .modal-content input {

    border: 0;

    border-bottom: 3px solid #848484;

    padding: 10px 0;

    background: 0 0;

    font-size: 20px;

    margin: 0 auto;

    width: 100%;

}

@media (min-width: 768px) {

    #searchModal .modal-dialog .modal-content input {

        font-size: 26px;

    }

}

@media (min-width: 992px) {

    #searchModal .modal-dialog .modal-content input {

        font-size: 35px;

    }

}

@media (min-width: 1200px) {

    #searchModal .modal-dialog .modal-content input {

        font-size: 40px;

    }

}

.hover-overlay {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

}

.hover-overlay a.overlay_icon {

    width: 55px;

    height: 55px;

    background: #fff;

    position: relative;

    display: inline-block;

    border-radius: 50%;

    margin: 3px;

    text-align: center;

}

.hover-overlay a.overlay_icon i.fa {

    font-size: 20px;

    line-height: 50px;

    color: #8b8e93;

}

.hover-overlay.effect-transformY {

    position: absolute;

    content: '';

    background-color: rgba(12, 198, 82, 0.8);

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

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

    transform: translateY(-100%);

    transition: -webkit-transform 0.3s ease;

    transition: transform .3s ease;

    transition: transform 0.3s ease, -webkit-transform 0.3s ease;

}

.hover-overlay.effect-scale {

    transition: all .4s ease;

    -webkit-transform: scale(0);

    transform: scale(0);

    opacity: 0;

}

.hover-overlay.effect-scale:before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

    transition: opacity 0.4s, -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s;

    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s, -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    background: rgba(12, 198, 82, 0.7);

}

.card:hover .hover-overlay.effect-transformY,

.card_img:hover .hover-overlay.effect-transformY {

    -webkit-transform: translateY(0);

    transform: translateY(0);

}

.card:hover .hover-overlay.effect-scale,

.card_img:hover .hover-overlay.effect-scale {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1;

}

.card:hover .hover-overlay.effect-scale:before,

.card_img:hover .hover-overlay.effect-scale:before {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

}

.img_overlay-container {

    position: relative;

    padding: 0 30px;

}

.img_overlay-container .img_overlay-title {

    color: #fff;

    margin-bottom: 10px;

}

.img_overlay-container .img_overlay-desc {

    color: rgba(255, 255, 255, 0.7);

    margin-bottom: 20px;

}

.img_overlay-container a.icon {

    width: 38px;

    height: 38px;

    font-size: 15px;

    line-height: 36px;

    background-color: transparent;

    text-align: center;

    display: inline-block;

    color: #fff;

    border: 1px solid #fff;

    margin-right: 5px;

}

.img_overlay-container a.icon:hover {

    background-color: #0cc652;

    border-color: #0cc652;

}

.highlighter {

    background: #282c34;

    padding: 0 10px;

    border-radius: 4px;

    display: inline-block;

}

.bredcrumb .bg-image {

    padding: 60px 0 60px;

}

.bredcrumb .bg-image:before {

    background-color: rgba(0, 0, 0, 0.65);

}

.bredcrumb .bg-image h1 {

    color: #fff;

    position: relative;

    font-weight: 700;

    margin-bottom: 0;

}

.bredcrumb .pager.middle {

    text-align: center;

    background-color: #f5f5f8;

}

.bredcrumb .pager.middle li {

    padding: 20px 5px;

    position: relative;

    text-transform: capitalize;

    color: #222;

    font-weight: 600;

}

.bredcrumb .pager.middle li:after {

    content: "\f105";

    right: -8px;

    top: 20px;

}

.bredcrumb .pager.middle a {

    color: #0cc652;

}

.btn-search {

    background: 0 0;

    border: 0;

    position: absolute;

    top: 16px;

    left: 15px;

    color: #848484;

    cursor: pointer;

}

.b-element .bredcrumb,

.kit .bredcrumb {

    padding: 50px 0;

}

@media (min-width: 992px) {

    .b-element .bredcrumb,

    .kit .bredcrumb {

        padding-top: 50px;

        padding-bottom: 50px;

    }

}

.b-element .bredcrumb h2,

.b-element .bredcrumb p,

.kit .bredcrumb h2,

.kit .bredcrumb p {

    color: #fff;

}

.b-element .bredcrumb .bredcrumb-inner,

.kit .bredcrumb .bredcrumb-inner {

    margin: -50px 0;

}

.element-sidenav {

    display: block;

    margin-bottom: 80px;

}

.element-sidenav .nav-item {

    height: 42px;

    background: #f7f7f7;

    border-top: 1px solid;

    border-left: 1px solid;

    border-right: 1px solid;

    border-color: #d6dbe2;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.element-sidenav .nav-item>a.nav-link {

    font-size: 16px;

    padding: 0 20px;

    display: block;

    width: 100%;

    font-weight: 700;

    color: #222;

}

.element-sidenav .nav-item>a.nav-link .fa {

    padding-right: 10px;

    font-size: 14px;

}

.element-sidenav .nav-item>a.nav-link:hover {

    color: #0cc652;

}

.element-sidenav .nav-item.active {

    background-color: #fff;

    border-left: 0;

}

.element-sidenav .nav-item.active>a.nav-link {

    color: #0cc652;

}

.element-sidenav .nav-item:last-child {

    border-bottom: 1px solid #d6dbe2;

}

.element_single .card.single-block {

    margin-bottom: 30px;

    border: 0;

    border-radius: 0;

    background-color: #f5f5f6;

}

.element_single .card.single-block .card-header {

    padding: 20px;

    border-bottom: none;

    border-radius: 0;

    background-color: #f5f5f6;

    position: relative;

}

@media (min-width: 992px) {

    .element_single .card.single-block .card-header {

        padding: 20px 25px;

    }

}

.element_single .card.single-block .card-header h3 {

    font-size: 20px;

    max-width: 60%;

    font-style: normal;

}

@media (min-width: 768px) {

    .element_single .card.single-block .card-header h3 {

        font-size: 25px;

        max-width: 100%;

    }

}

.element_single .card.single-block .card-header h3 a {

    color: #8b8e93;

    background: #fff;

    padding: 10px 10px;

    font-size: 14px;

    border-radius: 4px;

    right: 20px;

    position: absolute;

    top: 50%;

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

    transform: translateY(-50%);

}

@media (min-width: 768px) {

    .element_single .card.single-block .card-header h3 a {

        float: right;

        right: 0;

        position: relative;

        -webkit-transform: translateY(0%);

        transform: translateY(0%);

    }

}

.element_single .card.single-block .card-block {

    padding: 0;

}

.element_single .card.single-block .card-block .code_container {

    margin-right: 0;

    margin-left: 0;

    border-top: 1px solid rgba(2, 2, 2, 0.09);

    padding: 10px 20px;

}

.element_single .card.single-block .card-block .code_container h5 {

    color: #8b8e93;

    font-size: 18px;

    line-height: 60px;

    text-transform: unset;

}

.element_single .card.single-block .card-block .code_container p {

    color: #222;

}

.element_single .card.single-block .card-block .code_container ul {

    padding: 10px 15px 20px;

}

.element_single .card.single-block .card-block .code_container ul li {

    color: #222;

    padding: 5px 15px;

    font-size: 15px;

    line-height: 26px;

}

.element_single .card.single-block .card-block .code_container ul li:before {

    content: "\f10c";

    font-family: FontAwesome;

    display: inline-block;

    font-size: 14px;

    color: #8b8e93;

    margin-left: -24px;

    width: 24px;

}

.element_single .card.single-block .card-block .code_container .s {

    color: #e6db74;

}

.element_single .card.single-block .card-block .code_container .nt {

    color: #f92672;

}

.element_single .card.single-block .card-block .code_container .na {

    color: #a6e22e;

}

.element_single .card.single-block pre {

    margin: 10px 0;

    background-color: #282c34;

    color: #abb2bf;

}

.element_single .card.single-block pre code {

    color: #abb2bf;

    font-size: 14px;

}

.element_single .display-single_element {

    margin-bottom: 80px;

}

.element_single .display-single_element>p {

    font-size: 15px;

    margin-bottom: 15px;

}

.element_single .dropdown-menu {

    -webkit-transform-origin: top;

    transform-origin: top;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-transform: scale(1, 1);

    transform: scale(1, 1);

    background-color: #fff;

    margin-top: 0;

    padding: 5px 20px;

    opacity: 1;

    transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s;

    transition: transform 0.3s, opacity 0.3s ease-in-out;

    transition: transform 0.3s, opacity 0.3s ease-in-out, -webkit-transform 0.3s;

}

@media (min-width: 768px) {

    .element_single .dropdown-menu {

        display: none;

    }

}

@media (min-width: 768px) {

    .element_single .show .dropdown-menu {

        display: block;

    }

}

.element_single .progress {

    margin: 10px 0;

}

.element_single .bd-example {

    padding: 1.5rem;

    margin-right: 0;

    margin-bottom: 0;

    margin-left: 0;

    border-width: 0.2rem;

}

.element_single .scrollspy-example {

    position: relative;

    height: 200px;

    margin-top: .5rem;

    overflow: auto;

}

#cards_element footer {

    padding: 20px;

}

hr.hr_narrow {

    width: 7%;

    height: 2px;

    height: 20px 0;

}

.hr_color,

.hr_color hr {

    color: #fff;

    background: #fff;

}

hr.hr-inline {

    display: inline-block;

}

.footer.element-footer .copyright p {

    color: #8b8e93;

}

.card.card-accordion {

    margin: 10px 0;

}

.card.card-accordion .card-header {

    padding: 0;

    border-radius: 0;

    border: 0;

}

.card.card-accordion .card-header h5 {

    position: relative;

}

.card.card-accordion .card-header h5 a:after {

    top: 50%;

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

    transform: translateY(-50%);

}

.card.card-accordion .card-header a {

    display: block;

    padding: 15px 20px;

    line-height: 24px;

    background-color: #0cc652;

    color: #fff;

    border: 1px solid #0cc652;

    border-radius: 2px;

}

.card.card-accordion .card-header a[data-toggle=collapse]:after {

    font-family: FontAwesome;

    font-style: normal;

    speak: none;

    display: inline-block;

    content: '\f106';

    float: right;

    line-height: 1;

    width: 22px;

    font-size: 20px;

    text-align: center;

    position: absolute;

    right: 15px;

}

.card.card-accordion .card-header a.collapsed {

    line-height: 24px;

    color: #222;

    background-color: #f5f5f6;

    border: 1px solid #e5e5e5;

}

.card.card-accordion .card-header a[data-toggle=collapse].collapsed:after {

    font-family: FontAwesome;

    font-style: normal;

    speak: none;

    display: inline-block;

    content: '\f107';

}

.card.card-accordion .card-block {

    border: 1px solid #e5e5e5;

    border-top: 0;

    padding: 30px 20px;

    font-size: 15px;

    line-height: 26px;

}

.icon-left.card.card-accordion .card-header {

    padding: 0;

    border-radius: 0;

    border: 0;

}

.icon-left.card.card-accordion .card-header a {

    display: block;

    padding: 15px 20px;

    line-height: 24px;

    padding-left: 50px;

    border-radius: 2px;

}

.icon-left.card.card-accordion .card-header.header-inverse a {

    background-color: #fff;

    color: #0cc652;

    border: 1px solid #0cc652;

}

.icon-left.card.card-accordion .card-header a[data-toggle=collapse]:after {

    font-family: FontAwesome;

    font-style: normal;

    speak: none;

    display: inline-block;

    content: '\f106';

    float: left;

    line-height: 1;

    width: 22px;

    margin-right: 10px;

    font-size: 20px;

    text-align: center;

    position: absolute;

    left: 15px;

}

.icon-left.card.card-accordion .card-header a.collapsed {

    line-height: 24px;

    color: #222;

    background-color: #f5f5f6;

    border: 1px solid #e5e5e5;

}

.icon-left.card.card-accordion .card-header a[data-toggle=collapse].collapsed:after {

    font-family: FontAwesome;

    font-style: normal;

    speak: none;

    display: inline-block;

    content: '\f107';

}

#buttons .display-single_element .btn {

    margin: 0 5px 10px 0;

}

.btn {

    border: 0;

    border-radius: 0;

    height: 40px;

    padding: 0 20px;

    font-size: 14px;

    line-height: 40px;

    font-weight: 400;

    text-transform: uppercase;

    cursor: pointer;

    color: #000;

    transition: all 0.3s ease-in-out;

}

@media (min-width: 992px) {

    .btn {

        font-size: 14px;

    }

}

.btn.focus,

.btn:focus,

.btn.active,

.btn:active,

.btn:hover {

    box-shadow: none;

    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.08);

}

.btn.btn-rounded {

    border-radius: 40px;

}

.btn i {

    font-size: inherit;

}

.btn-primary {

    background-color: #0cc652;

    border: 1px solid #0cc652;

}

.btn-primary:hover,

.btn-primary:focus,

.btn-primary.active,

.btn-primary:active {

    background-color: #0cc652 !important;

    border: 1px solid #0cc652 !important;

}

.btn-secondary {

    background-color: #f5f5f6;

    color: #222;

    border: 1px solid #dedede;

}

.btn-secondary:hover,

.btn-secondary:focus,

.btn-secondary.active,

.btn-secondary:active {

    background-color: #f5f5f6;

    color: #222;

    border: 1px solid #dedede;

}

.btn-success {

    background-color: #ffd700;

    border: 1px solid #ffd700;

}

.btn-success:hover,

.btn-success:focus,

.btn-success.active,

.btn-success:active {

    background-color: #ffd700;

    border: 1px solid #ffd700;

}

.btn-info {

    background-color: #439fdb;

    border: 1px solid #439fdb;

}

.btn-info:hover,

.btn-info:focus,

.btn-info.active,

.btn-info:active {

    background-color: #439fdb;

    border: 1px solid #439fdb;

}

.btn-warning {

    background-color: #eabf38;

    border: 1px solid #eabf38;

}

.btn-warning:hover,

.btn-warning:focus,

.btn-warning.active,

.btn-warning:active {

    background-color: #eabf38;

    border: 1px solid #eabf38;

}

.btn-danger {

    background-color: #f55c5d;

    border: 1px solid #f55c5d;

}

.btn-danger:hover,

.btn-danger:focus,

.btn-danger.active,

.btn-danger:active {

    background-color: #f55c5d;

    border: 1px solid #f55c5d;

}

.btn-inverse {

    background-color: #323f41;

    border: 1px solid #323f41;

}

.btn-inverse:hover,

.btn-inverse:focus,

.btn-inverse.active,

.btn-inverse:active {

    background-color: #323f41;

    border: 1px solid #323f41;

}

.btn-primary-outlined {

    background-color: transparent;

    color: #0cc652;

    border: 1px solid #0cc652;

}

.btn-primary-outlined:hover,

.btn-primary-outlined:focus,

.btn-primary-outlined.active,

.btn-primary-outlined:active {

    background-color: #0cc652;

    color: #fff;

}

.btn-secondary-outlined {

    background-color: transparent;

    color: #222;

    border: 1px solid #dedede;

}

.btn-secondary-outlined:hover,

.btn-secondary-outlined:focus,

.btn-secondary-outlined.active,

.btn-secondary-outlined:active {

    background-color: #f5f5f6;

    color: #222;

}

.btn-success-outlined {

    background-color: transparent;

    color: #49c32c;

    border: 1px solid #49c32c;

}

.btn-success-outlined:hover,

.btn-success-outlined:focus,

.btn-success-outlined.active,

.btn-success-outlined:active {

    background-color: #49c32c;

    color: #fff;

}

.btn-info-outlined {

    background-color: transparent;

    color: #439fdb;

    border: 1px solid #439fdb;

}

.btn-info-outlined:hover,

.btn-info-outlined:focus,

.btn-info-outlined.active,

.btn-info-outlined:active {

    background-color: #439fdb;

    color: #fff;

}

.btn-warning-outlined {

    background-color: transparent;

    color: #eabf38;

    border: 1px solid #eabf38;

}

.btn-warning-outlined:hover,

.btn-warning-outlined:focus,

.btn-warning-outlined.active,

.btn-warning-outlined:active {

    background-color: #eabf38;

    color: #fff;

}

.btn-danger-outlined {

    background-color: transparent;

    color: #f55c5d;

    border: 1px solid #f55c5d;

}

.btn-danger-outlined:hover,

.btn-danger-outlined:focus,

.btn-danger-outlined.active,

.btn-danger-outlined:active {

    background-color: #f55c5d;

    color: #fff;

}

.btn-inverse-outlined {

    background-color: transparent;

    color: #323f41;

    border: 1px solid #323f41;

}

.btn-inverse-outlined:hover,

.btn-inverse-outlined:focus,

.btn-inverse-outlined.active,

.btn-inverse-outlined:active {

    background-color: #323f41;

    color: #fff;

}

.btn.btn-sm {

    padding: 0 10px;

    font-size: 12px;

    height: 30px;

    line-height: 30px;

}

.btn.btn-mid {

    height: 40px;

    line-height: 40px;

    padding: 0 20px;

}

.btn.btn-lg {

    height: 50px;

    line-height: 50px;

    padding: 0 35px;

}

.btn.btn-default {

    height: 50px;

    line-height: 50px;

    padding: 0 30px;

}

.btn.btn-icon i {

    margin-right: 5px;

}

.btn-facebook {

    background-color: #3b5999;

}

.btn-twitter {

    background-color: #55acee;

}

.btn-social {

    font-size: 16px;

    width: 35px;

    height: 35px;

    text-align: center;

    padding: 0;

    border-radius: 0;

    margin: 0 auto;

    line-height: 32px;

    display: inline-block;

}

.btn-social i {

    margin-right: 0;

}

.btn-social.btn-cicle {

    border-radius: 50%;

}

.btn-social.rounded {

    border-radius: 4px;

}

.btn-social.titled {

    text-transform: capitalize;

    width: auto;

    height: 35px;

    border-radius: 0;

    padding: 0 20px;

    line-height: 35px;

}

.btn-social.titled i {

    margin-right: 5px;

}

.btn-social.facebook {

    background-color: #3b5999;

}

.btn-social.twitter {

    background-color: #55acee;

}

.btn-social.pinterest {

    background-color: #bd081c;

}

.btn-social.skype {

    background-color: #00aff0;

}

.btn-social.linkedin {

    background-color: #0077b5;

}

.btn-social.google-plus {

    background-color: #dd4b39;

}

.btn-social.youtube {

    background-color: #cc181e;

}

.btn-social.btn-social-o:hover {

    background-color: transparent;

    box-shadow: none;

}

.btn-social.btn-social-o:hover.facebook {

    color: #3b5999;

}

.btn-social.btn-social-o:hover.twitter {

    color: #55acee;

}

.btn-social.btn-social-o:hover.pinterest {

    color: #bd081c;

}

.btn-social.btn-social-o:hover.skype {

    color: #00aff0;

}

.btn-social.btn-social-o:hover.linkedin {

    color: #0077b5;

}

.btn-social.btn-social-o:hover.google-plus {

    color: #dd4b39;

}

.btn-social.btn-social-o:hover.youtube {

    color: #cc181e;

}

.btn-social.outlined {

    background-color: #fff;

}

.btn-social.outlined.facebook {

    color: #3b5999;

    border: 1px solid;

    border-color: #3b5999;

}

.btn-social.outlined.facebook:hover {

    background-color: #3b5999;

    color: #fff;

}

.btn-social.outlined.twitter {

    color: #55acee;

    border: 1px solid;

    border-color: #55acee;

}

.btn-social.outlined.twitter:hover {

    background-color: #55acee;

    color: #fff;

}

.btn-social.outlined.pinterest {

    color: #bd081c;

    border: 1px solid;

    border-color: #bd081c;

}

.btn-social.outlined.pinterest:hover {

    background-color: #bd081c;

    color: #fff;

}

.btn-social.outlined.skype {

    color: #00aff0;

    border: 1px solid;

    border-color: #00aff0;

}

.btn-social.outlined.skype:hover {

    background-color: #00aff0;

    color: #fff;

}

.btn-social.outlined.linkedin {

    color: #0077b5;

    border: 1px solid;

    border-color: #0077b5;

}

.btn-social.outlined.linkedin:hover {

    background-color: #0077b5;

    color: #fff;

}

.btn-social.outlined.google-plus {

    color: #dd4b39;

    border: 1px solid;

    border-color: #dd4b39;

}

.btn-social.outlined.google-plus:hover {

    background-color: #dd4b39;

    color: #fff;

}

.btn-social.outlined.youtube {

    color: #cc181e;

    border: 1px solid;

    border-color: #cc181e;

}

.btn-social.outlined.youtube:hover {

    background-color: #cc181e;

    color: #fff;

}

.socialLink a {

    height: 45px;

    width: 45px;

    position: relative;

    display: inline-block;

    font-size: 16px;

    background: 0 0;

    color: #8b8e93;

    line-height: 44px;

    border-radius: 50%;

    border: 1px solid rgba(132, 132, 132, 0.5);

}

.socialLink a:focus,

.socialLink a:hover,

.socialLink a.active,

.socialLink a:active {

    background-color: #0cc652;

    border: 1px solid #0cc652;

    color: #fff;

    opacity: 1;

}

@media (min-width: 768px) {

    .socialLink a {

        height: 30px;

        width: 30px;

        font-size: 14px;

        line-height: 30px;

    }

}

@media (min-width: 992px) {

    .socialLink a {

        height: 45px;

        width: 45px;

        font-size: 16px;

        line-height: 44px;

    }

}

.footer-dark .socialLink a {

    color: #fff;

    border: 1px solid rgba(255, 255, 255, 0.7);

    opacity: 0.7;

}

.footer-dark .socialLink a:focus,

.footer-dark .socialLink a:hover,

.footer-dark .socialLink a.active,

.footer-dark .socialLink a:active {

    background-color: #0cc652;

    border: 1px solid #0cc652;

    color: #fff;

    opacity: 1;

}

#button-group .btn-group {

    margin-bottom: 10px;

}

#button-group .btn-social {

    margin-bottom: 10px;

    margin-right: 5px;

}

.btn-group {

    margin-right: 10px;

}

.btn-group .btn-secondary:before {

    content: '';

    position: absolute;

    right: 0;

    height: 100%;

}

.btn-group .btn-primary:before {

    content: '';

    position: absolute;

    right: 0;

    height: 100%;

    border-right: 1px solid #6fbecb;

}

.btn-group .btn-success:before {

    content: '';

    position: absolute;

    right: 0;

    height: 100%;

    border-right: 1px solid #41b226;

}

.btn-group .btn-info:before {

    content: '';

    position: absolute;

    right: 0;

    height: 100%;

    border-right: 1px solid #3b90c8;

}

.btn-group .btn-warning:before {

    content: '';

    position: absolute;

    right: 0;

    height: 100%;

    border-right: 1px solid #d4ad31;

}

.btn-group .btn-danger:before {

    content: '';

    position: absolute;

    right: 0;

    height: 100%;

    border-right: 1px solid #df5354;

}

.btn-group .btn-inverse:before {

    content: '';

    position: absolute;

    right: 0;

    height: 100%;

    border-right: 1px solid #222;

}

.btn-group .btn.btn-secondary:before,

.btn-group .btn:last-child:before {

    border-right: 0 solid rgba(20, 20, 20, 0.2);

}

.divider-dotted {

    border-top-style: dotted;

}

.divider-dashed {

    border-top-style: dashed;

}

.divider-solid-dbl {

    height: 4px;

    border-top: 1px solid;

    border-bottom: 1px solid;

}

.divider-dotted-dbl {

    height: 4px;

    border-top: 1px dotted;

    border-bottom: 1px dotted;

}

.divider-dashed-dbl {

    height: 4px;

    border-top: 1px dashed;

    border-bottom: 1px dashed;

}

.divider-gradient-gray {

    background-image: linear-gradient(to right, transparent, #ccc, transparent);

    height: 1px;

    border: 0;

}

.w25 {

    width: 25% !important;

}

.w50 {

    width: 50% !important;

}

.w75 {

    width: 75% !important;

}

.divider {

    position: relative;

    border-top-width: 1px;

}

.border-solid {

    border-top-style: solid;

}

.divider-center {

    text-align: center;

}

.divider-center .divider-icon {

    left: auto;

    right: auto;

    margin-left: -20px;

}

.divider-right {

    text-align: right;

}

.divider-right .divider-icon {

    left: auto;

    margin-left: -40px;

}

.divider-icon {

    position: absolute;

    width: 40px;

    height: 40px;

    top: -20px;

    display: inline-block;

    line-height: 40px;

    font-size: 20px;

    color: #ccc;

    text-align: center;

}

.divider-gradient {

    height: 1px;

    border: 0;

}

.alert {

    padding: 20px;

    margin-bottom: 20px;

    border: 0 solid transparent;

    border-radius: 0;

    font-size: 15px;

}

@media (min-width: 768px) {

    .alert {

        font-size: 18px;

    }

}

.alert p {

    color: #8b8e93;

}

.alert a.alert-link {

    color: #222;

    font-weight: 500;

}

.alert-success {

    background-color: rgba(73, 195, 44, 0.25);

    border-color: #49c32c;

    color: #49c32c;

}

.alert-info {

    background-color: rgba(67, 159, 219, 0.25);

    border-color: #439fdb;

    color: #439fdb;

}

.alert-warning {

    background-color: rgba(234, 191, 56, 0.25);

    border-color: #eabf38;

    color: #eabf38;

}

.alert-danger {

    background-color: rgba(245, 92, 93, 0.25);

    border-color: #f55c5d;

    color: #f55c5d;

}

.iconic-alert .alert {

    padding: 10px 20px;

}

.iconic-alert i {

    height: 40px;

    width: 40px;

    display: inline-block;

    text-align: center;

    color: #fff;

    font-size: 15px;

    border-radius: 50%;

    line-height: 40px;

    margin-right: 10px;

}

.iconic-alert .alert-success i {

    background: #49c32c;

}

.iconic-alert .alert-info i {

    background: #439fdb;

}

.iconic-alert .alert-warning i {

    background: #eabf38;

}

.iconic-alert .alert-danger i {

    background: #f55c5d;

}

.alert-dismissible .close {

    position: relative;

    right: -1.25rem;

    padding: 18px 20px;

    color: inherit;

    font-size: 25px;

    opacity: 0.8;

}

.anim_item {

    position: relative;

    text-align: center;

    border: 1px solid #e5e5e5;

    padding: 60px 20px 30px;

    margin-top: 50px;

    margin-bottom: 50px;

}

.anim_item .icon {

    display: inline-block;

    width: 60px;

    height: 60px;

    line-height: 60px;

    font-size: 24px;

    border: 1px solid #e5e5e5;

    border-radius: 50%;

    background: #fff;

    position: absolute;

    top: -30px;

    left: 50%;

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

    transform: translateX(-50%);

}

.anim_item h5 {

    margin-bottom: 10px;

}

.display-single_element.element_badge p {

    margin-bottom: 10px;

    font-size: 18px;

    margin-top: 0;

}

.display-single_element.element_badge h1,

.display-single_element.element_badge h2,

.display-single_element.element_badge h3,

.display-single_element.element_badge h4,

.display-single_element.element_badge h5 {

    margin: 0 0 15px;

}

.display-single_element.element_badge h1 {

    display: none;

}

@media (min-width: 768px) {

    .display-single_element.element_badge h1 {

        display: block;

    }

}

.display-single_element.element_badge .btn {

    text-transform: capitalize;

    margin-right: 15px;

}

.btn .badge {

    margin-left: 5px;

}

.badge {

    padding: 5px;

    font-weight: 400;

    font-size: 12px;

}

.badge-default {

    background-color: #323f41;

    color: #fff !important;

}

.badge-primary {

    background-color: #0cc652;

    color: #fff !important;

}

.badge-success {

    background-color: #49c32c;

    color: #fff !important;

}

.badge-info {

    background-color: #439fdb;

    color: #fff !important;

}

.badge-warning {

    background-color: #eabf38;

    color: #fff !important;

}

.badge-danger {

    background-color: #f55c5d;

    color: #fff !important;

}

.bg-gradient-navy {

    background-image: linear-gradient(0deg, #0a233b 0%, #1a3550 50%, #0a233b 100%);

}

.h300 {

    position: relative;

    height: 300px;

}

.bg-gray-lineargradient {

    background-repeat: repeat-x;

    background-image: linear-gradient(180deg, #fff, #dbdbdb);

}

.bg-green-lineargradient {

    background: #00c9ff;

    background: linear-gradient(to right, #0cc652, #00c9ff);

    background-repeat: repeat-x;

}

.bg-blue-lineargradient {

    background: #00c9ff;

    background: linear-gradient(to right, #00c9ff, #92fe9d);

    background-repeat: repeat-x;

}

.bg-green-gradient {

    background-image: linear-gradient(to bottom, rgba(51, 152, 220, 0.5) 0%, rgba(114, 192, 44, 0.8) 100%);

    background-repeat: repeat-x;

}

.bg-black-gradient-opacity {

    background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.9) 100%);

    background-repeat: repeat-x;

}

.bg-image-holder,

.bg-image {

    background-size: cover !important;

    background-position: 50% 0 !important;

    transition: all .3s linear;

    background: #f5f5f6;

    position: relative;

}

.bg-image:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(0, 0, 0, 0.7);

}

.bg-fixed {

    background-attachment: fixed;

}

.bg-image .overlay-content {

    position: relative;

    z-index: 5;

}

.bg-video {

    position: relative;

    height: 400px;

}

.bg-video video {

    position: absolute;

    top: 50%;

    left: 50%;

    min-width: 100%;

    min-height: 100%;

    width: auto;

    height: auto;

    z-index: -100;

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

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

    background: url(//demosthenes.info/assets/images/polina.jpg) no-repeat;

    background-size: cover;

    transition: 1s opacity;

}

.list-group-item {

    border-radius: 0 !important;

    font-size: 15px;

    display: inline-block;

    padding: 15px 0;

    color: #8b8e93;

    border: 0;

    margin: 0;

    border-bottom: 1px solid rgba(139, 142, 147, 0.25);

}

.list-group-item.active {

    background-color: #0cc652;

    border-color: #0cc652;

}

.list-group-item.active>a {

    color: #fff;

}

.list-group-item a {

    display: block;

    width: 100%;

}

.list-group-item a:hover .badge {

    color: #0cc652;

}

.list-group-item i {

    font-size: 14px;

    margin-right: 8px;

}

.list-group-item .badge {

    color: #8b8e93;

    float: right;

    font-size: 15px;

    font-weight: 400;

    transition: color 0.3s ease;

}

.list-group-item .badge.badge-default {

    color: #fff;

}

.no-border .list-group-item {

    border: 0;

    padding: 0 0 20px;

}

.list-group-item-primary {

    background-color: rgba(12, 198, 82, 0.75);

}

.list-group-item-primary a {

    color: #0cc652;

}

.list-group-item-success {

    background-color: rgba(73, 195, 44, 0.75);

}

.list-group-item-success a {

    color: #49c32c;

}

.list-group-item-info {

    background-color: rgba(67, 159, 219, 0.75);

}

.list-group-item-info a {

    color: #439fdb;

}

.list-group-item-warning {

    background-color: rgba(234, 191, 56, 0.75);

}

.list-group-item-warning a {

    color: #eabf38;

}

.list-group-item-danger {

    background-color: rgba(245, 92, 93, 0.75);

}

.list-group-item-danger a {

    color: #f55c5d;

}

.icon-v1,

.icon-v2,

.icon-v3,

.icon-v4 {

    position: relative;

    display: inline-block;

    text-align: center;

    transition: all 0.2s ease-in-out;

    color: #6c6c6c;

}

.icon-xs {

    width: 24px;

    height: 24px;

    font-size: 12px;

    line-height: 24px;

}

.icon-sm {

    width: 30px;

    height: 30px;

    font-size: 14px;

    line-height: 30px;

}

.icon-v2 {

    border-style: solid;

    border: solid 1px #eee;

}

.icon-v2.icon-xs {

    width: 30px;

    height: 30px;

    font-size: 12px;

    line-height: 30px;

}

.icon-v2.icon-sm {

    width: 40px;

    height: 40px;

    font-size: 14px;

    line-height: 40px;

}

.icon-v3 {

    background-color: #eee;

}

.icon-v3.icon-xs {

    width: 30px;

    height: 30px;

    font-size: 12px;

    line-height: 30px;

}

.icon-v3.icon-sm {

    width: 40px;

    height: 40px;

    font-size: 14px;

    line-height: 40px;

}

.icon-v4 {

    padding: 4px;

    background: 0 0 !important;

    border: solid 1px #eee;

    transition: all 0.1s ease-in-out;

}

.icon-v4.icon-xs {

    width: 40px;

    height: 40px;

    font-size: 12px;

    line-height: 30px;

}

.icon-v4.icon-sm {

    width: 50px;

    height: 50px;

    font-size: 14px;

    line-height: 40px;

}

.icon-v4 .icon-v4-inner {

    position: relative;

    display: block;

    overflow: hidden;

    background-color: #eee;

}

.image_container {

    overflow: hidden;

}

.image_container.image_circle {

    width: 300px;

    height: 300px;

    border-radius: 50%;

}

.image_container.image_circle img {

    max-width: 100%;

}

.image_container img {

    max-width: 100%;

}

.image_container img.image_rounded {

    border-radius: 4px;

}

.image_container img.image_bordered {

    padding: 5px;

    border: 1px solid #d6dbe2;

}

#image.element_single .display-single_element>p {

    margin-bottom: 0;

}

#image.element_single .display-single_element .image_container {

    margin-top: 30px;

}

.input-group .form-check-label {

    margin-bottom: 0;

}

.input-group .input-group-addon input[type=checkbox],

.input-group .input-group-addon input[type=radio] {

    margin-top: 6px;

}

.input-group .form-check {

    margin-bottom: 0;

}

.input-group .form-check .checkbox-custom+.checkbox-custom-label:before,

.input-group .form-check .radio-custom+.radio-custom-label:before {

    margin-right: 0;

}

label {

    font-size: 15px;

}

.input-group-addon {

    border-radius: 0;

    background: #f5f5f6;

    padding-left: 17px;

    padding-right: 17px;

    border: 1px solid #e5e5e5;

    font-size: 16px;

    color: #8b8e93;

}

input.form-control {

    font-size: 15px;

    color: #8b8e93;

}

.cr-addon .input-group {

    margin-bottom: 30px;

}

[class*=heading-] {

    position: relative;

}

.heading:before,

.heading:after {

    content: "";

    position: absolute;

    left: auto;

    right: 0;

    width: 100%;

    height: 0;

    border-top-width: 1px;

    border-color: inherit;

}

.heading.heading-v1:before {

    top: 48%;

    border-top-style: solid;

}

.heading.heading-v1:after {

    top: 58%;

    border-top-style: solid;

}

.heading-v1-title {

    position: relative;

    display: inline-block;

    margin-bottom: 0;

    padding-right: 18px;

    background-color: inherit;

    z-index: 2;

}

.text-center .heading-v1-title {

    padding-right: 18px;

    padding-left: 18px;

}

.text-right .heading-v1-title {

    padding-right: 0;

    padding-left: 18px;

}

#cards_element .card {

    margin-bottom: 30px;

}

#cards_element .card .display-single_element p {

    margin-bottom: -10px;

}

.card {

    border: 0;

    border-radius: 0;

    overflow: hidden;

}

.card .card_img {

    position: relative;

    width: 100%;

    overflow: hidden;

}

.card .card-img {

    border-radius: 0;

}

.card .card-title {

    margin: 0;

    padding: 15px 0 10px;

    transition: all 0.3s ease;

}

.card .card-title:hover {

    color: #0cc652;

}

.card .card-block {

    padding: 0;

}

.card .card-block p.card-text {

    padding: 15px 0;

}

.card.img-mid .card_img {

    padding: 20px 0 20px;

}

.card.img-mid .card-title {

    padding-top: 0;

}

.card.img-mid .card-block {

    padding: 0;

}

.card.img-mid .card-block p.card-text {

    padding: 0 0 15px;

}

.card.img-bottom .card_img {

    padding-top: 25px;

}

.card.img-bottom .card-title {

    padding-top: 0 !important;

}

.card .card-img-overlay p.card-text {

    color: #fff;

}

.card.card-inverse:before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(20, 20, 20, 0.7);

}

.card ul.list-inline li {

    margin-right: 10px;

}

.card ul.list-inline li:last-child {

    margin-right: 0;

}

.card ul.list-inline li i {

    margin-right: 5px;

}

.card.text-white .card-title,

.card.text-white .card-text {

    color: #fff;

}

.card.card-body {

    border: 1px solid #f5f5f6;

}

.card .card-ribbon {

    width: 200px;

    padding: 2px 5px;

    position: absolute;

    text-align: center;

    font-size: 12px;

    z-index: 1;

}

.card .card-ribbon.card-ribbon-top {

    top: 20px;

}

.card .card-ribbon.card-ribbon-top.card-ribbon-left {

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

    transform: rotate(-45deg);

}

.card .card-ribbon.card-ribbon-top.card-ribbon-right {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}

.card .card-ribbon.card-ribbon-bottom {

    bottom: 20px;

}

.card .card-ribbon.card-ribbon-bottom.card-ribbon-left {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}

.card .card-ribbon.card-ribbon-bottom.card-ribbon-right {

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

    transform: rotate(-45deg);

}

.card .card-ribbon.card-ribbon-left {

    left: -70px;

}

.card .card-ribbon.card-ribbon-right {

    right: -70px;

}

.date-holder {

    position: absolute;

    top: 15px;

    font-size: 14px;

    color: #fff;

    width: 65px;

    height: 65px;

    text-align: center;

    padding-top: 13px;

    left: 15px;

}

.date-holder span {

    font-size: 22px;

    display: block;

}

.date-holder::after {

    position: absolute;

    content: '';

    width: 0;

    height: 0;

    border-top: 0 solid transparent;

    border-bottom: 20px solid transparent;

    border-left: 15px solid #0cc652;

    bottom: -20px;

    left: 0;

}

.card.card-accordion {

    margin: 10px 0;

}

.card.card-accordion .card-header {

    padding: 0;

    border-radius: 0;

    border: 0;

}

.card.card-accordion .card-header h5 {

    position: relative;

}

.card.card-accordion .card-header h5 a:after {

    top: 50%;

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

    transform: translateY(-50%);

}

.card.card-accordion .card-header a {

    display: block;

    padding: 15px 20px;

    line-height: 24px;

    background-color: #0cc652;

    color: #fff;

    border: 1px solid #0cc652;

    border-radius: 2px;

}

.card.card-accordion .card-header a[data-toggle=collapse]:after {

    font-family: FontAwesome;

    font-style: normal;

    speak: none;

    display: inline-block;

    content: '\f106';

    float: right;

    line-height: 1;

    width: 22px;

    font-size: 20px;

    text-align: center;

    position: absolute;

    right: 15px;

}

.card.card-accordion .card-header a.collapsed {

    line-height: 24px;

    color: #222;

    background-color: #f5f5f6;

    border: 1px solid #e5e5e5;

}

.card.card-accordion .card-header a[data-toggle=collapse].collapsed:after {

    font-family: FontAwesome;

    font-style: normal;

    speak: none;

    display: inline-block;

    content: '\f107';

}

.card.card-accordion .card-block {

    border: 1px solid #e5e5e5;

    border-top: 0;

    padding: 30px 20px;

    font-size: 15px;

    line-height: 26px;

}

.icon-left.card.card-accordion .card-header {

    padding: 0;

    border-radius: 0;

    border: 0;

}

.icon-left.card.card-accordion .card-header a {

    display: block;

    padding: 15px 20px;

    line-height: 24px;

    padding-left: 50px;

    border-radius: 2px;

}

.icon-left.card.card-accordion .card-header.header-inverse a {

    background-color: #fff;

    color: #0cc652;

    border: 1px solid #0cc652;

}

.icon-left.card.card-accordion .card-header a[data-toggle=collapse]:after {

    font-family: FontAwesome;

    font-style: normal;

    speak: none;

    display: inline-block;

    content: '\f106';

    float: left;

    line-height: 1;

    width: 22px;

    margin-right: 10px;

    font-size: 20px;

    text-align: center;

    position: absolute;

    left: 15px;

}

.icon-left.card.card-accordion .card-header a.collapsed {

    line-height: 24px;

    color: #222;

    background-color: #f5f5f6;

    border: 1px solid #e5e5e5;

}

.icon-left.card.card-accordion .card-header a[data-toggle=collapse].collapsed:after {

    font-family: FontAwesome;

    font-style: normal;

    speak: none;

    display: inline-block;

    content: '\f107';

}

.count-down {

    position: relative;

}

.count-down h2 {

    font-size: 40px;

    margin-bottom: 30px;

}

.count-down .simple_timer {

    width: 100%;

    margin: 0 auto;

    color: #222;

}

.count-down .table-cell {

    margin: 15px 15px 0 0;

    display: inline-block !important;

    text-align: center;

}

.count-down .table-cell .tab-val {

    width: 100px;

    height: 100px;

    line-height: 110px;

    font-size: 40px;

    display: inline-block !important;

    background: #f8f8f8;

    border: 1px solid #e5e5e5;

    font-weight: 500;

}

.count-down .table-cell .tab-metr {

    display: none;

}

.count-down.titled .table-cell {

    position: relative;

    height: 130px;

}

.count-down.titled .table-cell .tab-val {

    width: 130px;

    height: 130px;

    background-color: transparent;

}

.count-down.titled .table-cell .tab-metr {

    display: block !important;

    margin-top: -50px;

    line-height: 22px;

    font-size: 16px;

    text-transform: capitalize;

    color: #222;

}

.count-down.circled .tab-val {

    border-radius: 50%;

}

.count-down.colored-bg {

    padding: 80px 50px 80px;

}

.count-down.colored-bg .tab-val {

    width: 130px;

    height: 130px;

    background-color: #fff !important;

    border: 0;

}

.count-down.bg-image {

    position: relative;

    padding: 80px 50px 80px;

}

.count-down.bg-image .tab-val {

    width: 130px;

    height: 130px;

    background-color: #fff !important;

    border: 0;

}

.count-down.bg-image.shadow:before {

    position: absolute;

    content: '';

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background-color: rgba(53, 63, 65, 0.9);

}

.fun-text {

    position: relative;

    display: block;

    margin-top: 15px;

}

@media (min-width: 768px) {

    .fun-text {

        display: inline-block;

        margin-right: 0;

    }

}

.fun-text:last-child {

    margin-right: 0;

}

@media (min-width: 768px) {

    .fun-text {

        margin-right: 80px;

    }

}

.fun-text span {

    font-size: 50px;

    color: #222;

    font-weight: 400;

    padding: 20px 0;

    display: inline-block;

}

.fun-text p {

    font-size: 16px;

    line-height: 22px;

    color: #222;

}

.bg-primary .fun-text span,

.bg-primary .fun-text p {

    color: #fff;

}

.carousel-item {

    height: 300px;

}

#home-carusel .carousel-item {

    height: 70vh;

}

@media (min-width: 768px) {

    .carousel-item {

        height: 350px;

    }

}

@media (max-width: 768px) {

    #home-carusel .carousel-item {

        height: 350px;

    }
    #searchModal .modal-dialog .modal-content {
        padding: 0 35px;
      }

}

@media (min-width: 992px) {

    .carousel-item {

        height: 400px;

    }

}

@media (max-width: 992px) {

    #home-carusel .carousel-item {

        height: 400px;

    }

}

.carousel-item:hover .carousel-control {

    opacity: 0;

    visibility: hidden;

}

.carousel-item img {

    width: 100%;

    height: 100%;

}

@media (min-width: 768px) {

    .carousel-item img {

        height: auto;

    }

}

.carousel-caption {

    position: absolute;

    right: unset;

    bottom: auto;

    left: 5%;

    z-index: 10;

    padding: 0;

    text-align: left;

    top: 50%;

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

    transform: translateY(-50%);

}

.carousel-caption.text-center {

    width: 100%;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}

.carousel-caption h1 {

    font-size: 25px;

    font-weight: 700;

    font-style: italic;

    color: #fff;

    line-height: 35px;

}

@media (min-width: 768px) {

    .carousel-caption h1 {

        font-size: 35px;

        line-height: 55px;

    }

}

@media (min-width: 992px) {

    .carousel-caption h1 {

        font-size: 40px;

        line-height: 55px;

    }

}

.carousel-caption p {

    font-size: 14px;

    color: #fff;

    padding: 20px 0 25px;

    line-height: 24px;

}

@media (min-width: 768px) {

    .carousel-caption p {

        font-size: 16px;

        line-height: 26px;

        padding: 25px 0 30px;

    }

}

@media (min-width: 992px) {

    .carousel-caption p {

        padding: 35px 0 40px;

    }

}

.carousel-caption .btn {

    height: 35px;

    line-height: 35px;

}

.b-carousel-v1 .carousel-indicators li {

    max-width: 20px;

    height: 20px;

    border: 2px solid rgba(255, 255, 255, 0.7);

    border-radius: 50%;

    background: 0 0;

    position: relative;

}

.b-carousel-v1 .carousel-indicators li.active {

    background-color: #0cc652;

    border: 2px solid #0cc652;

}

.b-carousel-v1 .carousel-indicators li.active:before {

    position: absolute;

    top: 4px;

    left: 4px;

    display: inline-block;

    content: "";

    background: #fff;

    width: 8px;

    height: 8px;

    border-radius: 50%;

}

.b-carousel-v1 .carousel-indicators.right_indicators {

    right: 0;

    bottom: auto;

    left: auto;

    padding-left: 0;

    margin-right: 5%;

    margin-left: 0;

    list-style: none;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    top: 50%;

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

    transform: translateY(-50%);

}

.b-carousel-v1 .carousel-indicators.right_indicators li {

    width: 20px;

    height: 20px;

    margin: 3px 0;

}

.b-carousel-v1 .carousel-control {

    opacity: 0;

    visibility: hidden;

}

.b-carousel-v1 .carousel-control span.icon-prev,

.b-carousel-v1 .carousel-control span.icon-next {

    position: absolute;

    top: 50%;

    border: 1px solid rgba(255, 255, 255, 0.5);

    width: 45px;

    height: 45px;

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

    transform: translateY(-50%);

    background: rgba(255, 255, 255, 0.302);

    text-align: center;

    transition: all 0.3s ease;

}

.b-carousel-v1 .carousel-control span.icon-prev .fa,

.b-carousel-v1 .carousel-control span.icon-next .fa {

    font-size: 30px;

    color: #fff;

    line-height: 45px;

}

.b-carousel-v1 .carousel-control span.icon-prev:hover,

.b-carousel-v1 .carousel-control span.icon-prev:focus,

.b-carousel-v1 .carousel-control span.icon-next:hover,

.b-carousel-v1 .carousel-control span.icon-next:focus {

    background: #0cc652;

    border-color: #0cc652;

}

.b-carousel-v1 .carousel-control .icon-prev {

    left: 15px;

}

.b-carousel-v1 .carousel-control .icon-next {

    right: 15px;

}

.carousel:hover .carousel-control {

    opacity: 1;

    visibility: visible;

}

.testimonial-carousel {

    position: relative;

    padding-bottom: 50px;

}

.testimonial-carousel .carousel-indicators {

    bottom: -30px;

    left: -20px;

}

.testimonial-carousel .carousel-indicators li {

    border-color: #d6dbe2;

}

.testimonial-carousel .carousel-indicators li.active {

    background-color: #0cc652;

    border: 2px solid #0cc652;

}

.testimonial-carousel p {

    margin: 30px 5px;

}

.testimonial-carousel h5 {

    margin-bottom: 10px;

}

.testimonial-carousel .carousel-item {

    height: auto;

}

.client-img {

    width: 100px;

    height: 100px;

    display: inline-block;

    overflow: hidden;

}

button.slick-arrow {

    border: 2px solid #fff;

    width: 50px;

    height: 50px;

    z-index: 55;

}

@media (min-width: 768px) {

    button.slick-arrow {

        width: 40px;

        height: 40px;

    }

}

@media (min-width: 1200px) {

    button.slick-arrow {

        width: 50px;

        height: 50px;

    }

}

.slick-prev:before {

    content: '\f060';

}

.slick-next:before {

    content: '\f061';

}

.slick-prev:before,

.slick-next:before {

    font-family: 'FontAwesome';

    font-size: 14px;

    line-height: 1;

    opacity: 1;

    color: #fff;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

@media (min-width: 768px) {

    .slick-prev {

        left: 0;

    }

}

@media (min-width: 768px) {

    .slick-next {

        right: 0;

    }

}

.arrow-shade button.slick-arrow {

    opacity: 0;

    visibility: hidden;

    border: 1px solid #fff;

    width: 50px;

    height: 50px;

    z-index: 55;

    background: rgba(255, 255, 255, 0.302);

    text-align: center;

    transition: all 0.3s ease;

}

.arrow-shade button.slick-arrow .fa {

    font-size: 30px;

    color: #fff;

    line-height: 45px;

}

.arrow-shade button.slick-arrow:hover,

.arrow-shade button.slick-arrow:focus {

    background: #0cc652;

    border-color: #0cc652;

}

@media (min-width: 768px) {

    .arrow-shade button.slick-arrow.slick-prev {

        left: 25px;

    }

}

@media (min-width: 768px) {

    .arrow-shade button.slick-arrow.slick-next {

        right: 25px;

    }

}

.arrow-shade:hover button.slick-arrow,

.arrow-shade:focus button.slick-arrow {

    opacity: 1;

    visibility: visible;

}

.brand_carousel {

    padding: 35px 0;

}

.brand_carousel .slick-initialized .slick-slide {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    height: 100px;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}

.brand_carousel .brand_img {

    text-align: center;

}

@media (min-width: 768px) {

    .brand_carousel .brand_img {

        overflow: hidden;

    }

}

.brand_carousel .brand_img img {

    display: inline-block;

    max-width: 100%;

}

@media (min-width: 768px) {

    .brand_carousel .carousel_row .slick-prev {

        left: 25px;

    }

}

@media (min-width: 768px) {

    .brand_carousel .carousel_row .slick-next {

        right: 25px;

    }

}

@media (min-width: 768px) {

    .brand_carousel .slick-slider {

        padding: 0 50px;

    }

}

@media (min-width: 992px) {

    .brand_carousel .slick-slider {

        padding: 0 100px;

    }

}

.image_carousel .element_row {

    margin: 0 -15px;

}

.image_carousel .element_row .image_single {

    padding: 0 15px;

}

.product-carousel .element_row {

    margin: 0 -15px;

}

.product-carousel .element_row .card {

    padding: 0 15px;

    margin-bottom: 30px;

}

.product-carousel .slick-dots {

    bottom: -30px;

}

.product-carousel .slick-dots li button {

    border: 2px solid #d6dbe2;

}

.slick-dots {

    bottom: 35px;

}

.slick-dots li button {

    border: 2px solid #fff;

    opacity: .7;

    background: 0 0;

    border-radius: 50%;

}

.slick-dots li button:before {

    color: transparent;

}

.slick-dots li.slick-active button {

    background-color: #0cc652;

    border: 0;

    opacity: 1;

}

.slick-dots li.slick-active button:before {

    opacity: 1;

    font-size: 8px;

    line-height: 22px;

    color: #fff;

}

.form-group {

    margin-bottom: 0;

}

.input-group-addon {

    border-color: #f5f5f6;

}

select.form-control:not([size]):not([multiple]) {

    height: unset;

}

input.form-control,

textarea.form-control,

select.form-control {

    border-radius: 0;

    font-size: 14px;

    padding: 13px 20px;

    line-height: 24px;

    border: 1px solid #f5f5f6;

    background-color: #f5f5f6;

    margin-bottom: 30px;

    font-weight: 300;

}

input.form-control::-webkit-input-placeholder,

textarea.form-control::-webkit-input-placeholder,

select.form-control::-webkit-input-placeholder {

    color: #8b8e93;

}

input.form-control:-moz-placeholder,

textarea.form-control:-moz-placeholder,

select.form-control:-moz-placeholder {

    color: #8b8e93;

}

input.form-control::-moz-placeholder,

textarea.form-control::-moz-placeholder,

select.form-control::-moz-placeholder {

    color: #8b8e93;

}

input.form-control:-ms-input-placeholder,

textarea.form-control:-ms-input-placeholder,

select.form-control:-ms-input-placeholder {

    color: #8b8e93;

}

input.form-control.focus,

input.form-control:focus,

input.form-control.active,

input.form-control:active,

textarea.form-control.focus,

textarea.form-control:focus,

textarea.form-control.active,

textarea.form-control:active,

select.form-control.focus,

select.form-control:focus,

select.form-control.active,

select.form-control:active {

    background-color: #fff;

    border-color: #f5f5f6;

    font-weight: 300;

    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.05);

}

input.form-control.is-valid.focus,

input.form-control.is-valid:focus,

input.form-control.is-valid.active,

input.form-control.is-valid:active,

input.form-control.is-invalid.focus,

input.form-control.is-invalid:focus,

input.form-control.is-invalid.active,

input.form-control.is-invalid:active {

    background-color: #fff;

    border-color: default;

    font-weight: 300;

    box-shadow: default;

}

.text_input .form-group {

    margin-bottom: 10px;

}

@media (min-width: 768px) {

    .text_input .form-group {

        margin-bottom: 20px;

    }

}

.text_input .form-group label {

    font-size: 15px;

    font-weight: 400;

    line-height: 24px;

    color: #222;

}

@media (min-width: 992px) {

    .text_input .form-group label {

        font-size: 16px;

    }

}

.text_input input.form-control,

.text_input textarea.form-control,

.text_input select.form-control {

    margin-bottom: 0;

}

.form-group .helpText {

    position: absolute;

    top: 18px;

    right: 25px;

}

.selectOptions {

    margin-bottom: 0;

}

.selectOptions .sbHolder {

    background-color: transparent;

    border: 0;

    margin: 0;

    border-radius: 0;

    border: 1px solid #d6dbe2;

}

.selectOptions .sbHolder,

.selectOptions .sbSelector {

    width: 100% !important;

    height: 50px !important;

    line-height: 50px;

}

.selectOptions .sbOptions {

    width: 100% !important;

    background-color: #fff;

    border: 1px solid #d6dbe2;

    right: 0 !important;

    border-radius: 0;

    z-index: 100;

}

.selectOptions .sbOptions a {

    color: #8b8e93;

    font-size: 13px;

    padding: 13px 17px;

    text-transform: uppercase;

}

.selectOptions .sbOptions a:hover {

    color: #0cc652;

    background-color: transparent;

}

.selectOptions .sbOptions .sbToggle:hover,

.selectOptions .sbOptions .sbToggle:focus,

.selectOptions .sbOptions .sbToggle:active {

    color: inherit;

}

.selectOptions .sbHolder>a.sbToggle:after {

    position: absolute;

    content: '\f078';

    font-family: 'FontAwesome';

    top: 0;

    right: 10px;

    font-size: 10px;

}

.selectOptions .sbHolder>a.sbToggle.sbToggleOpen:after {

    content: '\f077';

}

.form-check-input {

    margin-left: 4px;

    margin-top: 6px;

    padding: 5px;

    opacity: 0;

}

.form-check-label {

    padding-left: 0;

    margin-bottom: 25px;

    font-size: 15px;

    cursor: default;

    color: #222;

}

.checkbox-custom+.checkbox-custom-label:before,

.radio-custom+.radio-custom-label:before {

    content: '';

    background: #fff;

    border: 1px solid #dedede;

    display: inline-block;

    vertical-align: middle;

    width: 20px;

    height: 20px;

    padding: 0;

    margin-right: 10px;

    text-align: center;

    line-height: 20px;

}

.checkbox-custom:checked+.checkbox-custom-label:before {

    content: "\f00c";

    font-family: 'FontAwesome';

    color: #fff;

    background: #0cc652;

    border: 0 solid #0cc652;

}

.radio-custom+.radio-custom-label:before {

    border-radius: 50%;

}

.radio-custom:checked+.radio-custom-label:before {

    content: "\f111";

    font-size: 9px;

    font-family: 'FontAwesome';

    color: #fff;

    background: #0cc652;

    border: 0 solid #0cc652;

}

span.or {

    font-size: 15px;

    padding: 15px 0;

    display: block;

    color: #222;

}

.checkbox-custom:checked+.checkbox-custom-label.default-checked:before,

.radio-custom:checked+.radio-custom-label.default-checked:before {

    background-color: #e5e5e5 !important;

    color: #8b8e93 !important;

}

.checkbox-custom:checked+.checkbox-custom-label.disable-checked:before,

.radio-custom:checked+.radio-custom-label.disable-checked:before {

    background: #f2f2f2 !important;

    color: rgba(139, 142, 147, 0.5) !important;

}

h3.form_title {

    display: block;

    font-size: 25px;

    padding: 25px 30px;

    text-transform: capitalize;

    background: #f5f5f6;

}

form.register {

    border: 1px solid #e5e5e5;

    border-top: 0;

    padding: 25px 30px;

}

form.register .form-check label.checkbox-custom-label {

    color: #222;

    margin-bottom: 0;

}

form.register .form-check label.checkbox-custom-label:before {

    width: 16px;

    height: 16px;

    line-height: 16px;

}

form.register .form-check .checkbox-custom:checked+.checkbox-custom-label:before {

    font-size: 12px;

}

form.register .btn-link {

    color: #439fdb;

    text-decoration: none;

    font-size: 15px;

    display: inline-block;

}

form.register span.or {

    position: relative;

    font-weight: 700;

}

form.register span.or:before {

    content: '';

    position: absolute;

    left: 0;

    width: 47%;

    background: #e5e5e5;

    height: 1px;

    top: 50%;

}

form.register span.or:after {

    content: '';

    position: absolute;

    right: 0;

    width: 47%;

    background: #e5e5e5;

    height: 1px;

    top: 50%;

}

form.register .btn {

    font-weight: 700;

    margin-bottom: 20px;

}

form.register .btn.btn-facebook,

form.register .btn.btn-twitter {

    margin-top: 20px;

    margin-bottom: 10px;

    text-transform: unset;

}

p.form-footer {

    margin: 0;

    text-align: center;

    padding: 20px 0;

    border: 1px solid #e5e5e5;

    border-top: 0;

    font-size: 15px;

}

.input-icon {

    position: relative;

}

.input-icon .input-group-addon {

    background-color: transparent;

    border: 0 solid transparent;

    font-size: 16px;

    color: #8b8e93;

    position: absolute;

    top: 0;

    padding: 0;

    z-index: 55;

    margin: 17px 0;

    left: 15px;

}

.input-icon input {

    padding-left: 40px;

}

.input-icon.col-md-12 .input-group-addon {

    left: 27px;

}

.form-inline {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}

.form-inline .input-group {

    width: 100%;

    position: relative;

}

@media (min-width: 768px) {

    .form-inline .input-group {

        width: 35%;

    }

}

@media (min-width: 992px) {

    .form-inline .input-group {

        width: 38%;

    }

}

.form-inline .uname,

.form-inline .email,

.form-inline .password {

    position: relative;

}

.progress {

    border-radius: 0;

}

.progress.bordered {

    height: 20px;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background: 0 0;

    padding: 0 5px;

    line-height: 10px;

    text-align: center;

    border: 1px solid #e5e5e5;

    border-radius: 0;

}

.progress.bordered .progress-bar {

    background-color: #0cc652;

    border-radius: 0;

    height: 10px;

}

.progressText {

    font-size: 15px;

}

.progress-bar {

    background-color: #0cc652;

    text-align: left;

    border-radius: 0;

}

.tooltip {

    position: relative;

    float: right;

}

.tooltip>.tooltip-inner {

    background-color: transparent;

    padding: 8px 15px;

    color: #8b8e93;

    font-size: 15px;

}

.tooltip>.tooltip-inner:before {

    display: none;

}

.progress-bar-primary {

    background-color: #0cc652;

}

.progress-bar-success {

    background-color: #49c32c;

}

.progress-bar-info {

    background-color: #439fdb;

}

.progress-bar-warning {

    background-color: #eabf38;

}

.progress-bar-danger {

    background-color: #f55c5d;

}

.circle1 {

    margin-top: 30px;

    position: relative;

}

.circle1 strong {

    position: absolute;

    top: 50%;

    left: 0;

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

    transform: translateY(-50%);

    width: 100%;

    text-align: center;

    font-size: 30px;

    margin-top: -20px;

    color: #222;

}

.circle1 span.text {

    display: block;

    color: #222;

    font-size: 16px;

    margin-top: 15px;

    text-transform: uppercase;

}

ul.nav .nav-item .nav-link {

    font-size: 14px;

    line-height: 26px;

    text-transform: uppercase;

}

ul.nav .nav-item.active .nav-link {

    color: #0cc652;

}

ul.nav-tabs .nav-item .nav-link {

    border-radius: 0;

    padding: 10px 25px;

    background-color: #f5f5f6;

    margin-right: 0;

    border: 1px solid #e5e5e5;

    border-bottom: 0;

}

ul.nav-tabs .nav-item .nav-link.active {

    border-top-color: #0cc652;

    border-top-width: 2px;

    background-color: #fff;

}

@media (min-width: 768px) {

    ul.nav-tabs .nav-item .nav-link {

        margin-right: 5px;

    }

}

ul.nav-tabs .nav-item:last-child .nav-link {

    margin-right: 0;

}

ul.nav-tabs.no-bg .nav-item .nav-link {

    background-color: transparent;

    border: 1px solid transparent;

}

ul.nav-tabs.no-bg .nav-item .nav-link.active {

    border-color: #0cc652;

    background-color: #0cc652;

    color: #fff;

}

ul.nav-tabs.nav-pills .nav-item .nav-link.active {

    border-color: #0cc652;

    background-color: #0cc652;

    color: #fff;

}

.map-canvas {

    height: 400px;

    width: 100%;

}

.map-canvas #map {

    height: 100%;

    width: 100%;

}

.mapArea #map-canvas {

    height: 400px;

    width: 100%;

}

@media (min-width: 992px) {

    .modal .modal-lg {

        max-width: 870px !important;

    }

}

.modal.show .modal-dialog {

    -webkit-transform: translate(0, 15%);

    transform: translate(0, 15%);

}

@media (min-width: 992px) {

    .modal.show .modal-dialog {

        -webkit-transform: translate(0, 25%);

        transform: translate(0, 25%);

    }

}

.modal-content {

    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);

    border: 0;

}

.modal-content .modal-item {

    padding: 15px;

}

@media (min-width: 992px) {

    .modal-content .modal-item {

        padding: 30px;

    }

}

button.close {

    padding: 0;

    cursor: pointer;

    background: 0 0;

    border: 0;

    font-size: 16px;

    -webkit-appearance: none;

    position: absolute;

    right: 15px;

    z-index: 55;

}

button.close:hover,

button.close.active,

button.close:focus {

    outline: 0;

    box-shadow: none;

}

.card_img {

    position: relative;

    overflow: hidden;

}

.quick_view {

    color: #fff !important;

}

.quick_view:visited,

.quick_view:hover {

    color: #fff;

}

.quick-view-container {

    background: rgba(10, 10, 10, 0.85);

}

.quick-view-content {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    width: calc(60%);

    height: calc(60%);

    max-width: 980px;

    max-height: 400px;

}

.quick-view-carousel {

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    background: #fff;

}

@media (min-width: 768px) {

    .quick-view-carousel {

        top: 0;

        width: 57%;

    }

}

.fancybox-slide .fancybox-image-wrap {

    top: 10px;

}

@media (min-width: 768px) {

    .fancybox-slide .fancybox-image-wrap {

        top: 0;

    }

}

.quick-view-carousel .fancybox-stage {

    bottom: 30px;

}

.quick-view-aside {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 50%;

    left: auto;

    width: 100%;

    padding: 0 0 0 0;

    background: #fff;

    color: #777;

}

@media (min-width: 768px) {

    .quick-view-aside {

        width: 43%;

        bottom: 0;

    }

}

.quick-view-aside .project_specification {

    padding: 10px 30px;

    color: #fff;

    position: relative;

}

@media (min-width: 768px) {

    .quick-view-aside .project_specification {

        padding: 40px 30px;

    }

}

.quick-view-aside .project_specification h2 {

    margin-bottom: 10px;

    margin-top: 0;

    font-size: 22px;

}

@media (min-width: 768px) {

    .quick-view-aside .project_specification h2 {

        margin-bottom: 20px;

    }

}

@media (min-width: 992px) {

    .quick-view-aside .project_specification h2 {

        margin-bottom: 30px;

        font-size: 30px;

    }

}

.quick-view-aside .project_specification .row {

    margin-top: 10px;

}

@media (min-width: 768px) {

    .quick-view-aside .project_specification .row {

        margin-top: 15px;

    }

}

.quick-view-aside::before,

.quick-view-aside::after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

}

.quick-view-aside::before {

    width: 8px;

    background: #f4f4f4;

}

.quick-view-aside::after {

    width: 0;

    background: #e9e9e9;

}

@media (min-width: 768px) {

    .quick-view-aside::after {

        width: 1px;

    }

}

.quick-view-aside>div {

    height: 100%;

    overflow: auto;

    padding: 0 0 0 0;

    text-align: center;

}

@media (min-width: 768px) {

    .quick-view-aside>div {

        padding: 0 0 0 10px;

    }

}

.quick-view-aside>div .bg-image {

    height: 100%;

}

.quick-view-close {

    position: absolute;

    top: 0;

    right: 0;

    width: 44px;

    height: 44px;

    background: #f0f0f0;

    padding: 0;

    margin: 0;

    border: 0;

    cursor: pointer;

    font-size: 14px;

    color: #222;

    text-indent: -99999px;

    transition: all 0.2s;

}

.quick-view-close:hover {

    background: #e4e4e4;

}

.quick-view-close::before,

.quick-view-close::after {

    content: '';

    position: absolute;

    top: 12px;

    left: 22px;

    width: 1px;

    height: 18px;

    background-color: #222;

}

.quick-view-close:before {

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

    transform: rotate(-45deg);

}

.quick-view-close:after {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}

.quick-view-bullets {

    list-style: none;

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    text-align: center;

    margin: 0;

    padding: 0;

    z-index: 99999;

    -webkit-tap-highlight-color: transparent;

}

.quick-view-bullets li {

    display: inline-block;

    vertical-align: top;

}

.quick-view-bullets li a {

    display: block;

    height: 30px;

    width: 20px;

    position: relative;

}

.quick-view-bullets li a span {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    width: 10px;

    height: 10px;

    border-radius: 99px;

    text-indent: -99999px;

    overflow: hidden;

    background: #d4d2d2;

}

.quick-view-bullets li.active a span {

    background: #0cc652;

}

.popover {

    border-radius: 0;

    border-color: #e5e5e5;

}

.popover.bs-tether-element-attached-left::before,

.popover.popover-right::before,

.popover.popover-left::before,

.popover.popover-top::before,

.popover.popover-bottom::before {

    border-right-color: #e5e5e5;

}

.popover-title {

    font-size: 18px;

    border-bottom: 1px solid #e5e5e5;

}

.tooltip-inner {

    max-width: 200px;

    padding: 3px 8px;

    color: #fff !important;

    position: relative;

    text-align: center;

    background-color: #071e33 !important;

    border-radius: 0;

}

.tooltip-inner:after {

    position: absolute;

    content: '';

    top: 0;

    left: 50%;

    margin-left: -5px;

    border-bottom-color: #000;

    border-width: 0 5px 5px;

}

.display-single_element button[data-toggle=tooltip] {

    margin-bottom: 15px;

    display: block;

}

@media (min-width: 768px) {

    .display-single_element button[data-toggle=tooltip] {

        margin-bottom: 0;

        display: inline-block;

    }

}

.icon_tabs {

    margin-top: 25px;

    border: 0;

    display: block;

}

@media (min-width: 768px) {

    .icon_tabs {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

    }

}

.icon_tabs .nav-item {

    border: 0;

    display: block;

    text-align: left !important;

    margin-bottom: 10px;

}

@media (min-width: 768px) {

    .icon_tabs .nav-item {

        margin-bottom: 0;

        text-align: center !important;

    }

}

@media (min-width: 992px) {

    .icon_tabs .nav-item {

        display: inline-block;

        margin: 0 5px;

    }

}

.icon_tabs .nav-item a.nav-link {

    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);

    border: 0;

    border-radius: 0;

    background: #fff;

    position: relative;

    color: #222;

    white-space: nowrap;

    padding: 25px;

}

@media (min-width: 768px) {

    .icon_tabs .nav-item a.nav-link {

        padding: 20px 0;

    }

}

@media (min-width: 992px) {

    .icon_tabs .nav-item a.nav-link {

        padding: 25px 0;

    }

}

@media (min-width: 1200px) {

    .icon_tabs .nav-item a.nav-link {

        padding: 40px 0;

    }

}

.icon_tabs .nav-item a.nav-link:before {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    opacity: 0;

    transition: all .3s ease;

    border-bottom: 4px solid #0cc652;

}

.icon_tabs .nav-item a.nav-link i {

    font-size: 26px;

    color: #848484;

    float: left;

    line-height: 20px;

    transition: all 0.3s ease;

}

@media (min-width: 768px) {

    .icon_tabs .nav-item a.nav-link i {

        float: unset;

        font-size: 30px;

        padding-bottom: 14px;

    }

}

@media (min-width: 992px) {

    .icon_tabs .nav-item a.nav-link i {

        float: unset;

        font-size: 40px;

        padding-bottom: 20px;

    }

}

.icon_tabs .nav-item a.nav-link h3 {

    text-transform: capitalize;

    display: inline-block;

    margin-left: 15px;

    font-size: 18px;

}

@media (min-width: 768px) {

    .icon_tabs .nav-item a.nav-link h3 {

        display: block;

        margin-left: 0;

        font-size: 15px;

    }

}

@media (min-width: 992px) {

    .icon_tabs .nav-item a.nav-link h3 {

        font-size: 18px;

    }

}

.icon_tabs .nav-item a.nav-link:hover:before,

.icon_tabs .nav-item a.nav-link.active:before {

    opacity: 1;

}

.icon_tabs .nav-item a.nav-link:hover .fa,

.icon_tabs .nav-item a.nav-link.active .fa {

    color: #0cc652;

}

.nav-tabs.bar-tabs {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}

.nav-tabs.bar-tabs .nav-item {

    margin-bottom: 0;

}

.nav-tabs.bar-tabs .nav-link {

    border-radius: 0;

    position: relative;

    display: inline-block;

    padding: 10px 25px;

    padding-bottom: 15px !important;

    background-color: transparent !important;

    margin-right: 0;

    border: 0 !important;

}

.nav-tabs.bar-tabs .nav-link.active h5 {

    transition: all .3s ease;

    color: #0cc652;

}

.nav-tabs.bar-tabs .nav-link.active:before {

    position: absolute;

    content: '';

    bottom: 0;

    left: 0;

    border-bottom: 3px solid #0cc652;

    width: 100%;

}

.tab-content .active {

    padding: 25px 0;

}

@media (min-width: 768px) {

    .nav-tabs .nav-item {

        margin-bottom: -1px;

    }

}

.tab-content.tab-bordered .active {

    border: 1px solid #e5e5e5;

    border-top: 0 solid transparent;

    padding: 25px;

}

.nav-unbordered.nav-tabs {

    border-bottom: 0;

}

.nav-unbordered.nav-tabs .nav-item {

    padding: 10px 25px 10px 0;

}

.nav-unbordered.nav-tabs .nav-item .nav-link {

    border: 0;

    padding: 0;

    font-size: 18px;

    background-color: transparent;

    text-transform: capitalize;

    position: relative;

    display: inline-block;

}

.nav-unbordered.nav-tabs .nav-item .nav-link.active {

    color: #7bd1df;

    background-color: transparent;

}

.nav-unbordered.nav-tabs .nav-item .nav-link.active:before {

    content: '';

    position: absolute;

    width: 100%;

    border-bottom: 2px solid #7bd1df;

    bottom: -8px;

}

.nav.nav-tabs {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

}

@media (min-width: 768px) {

    .nav.nav-tabs {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: unset;

        flex-direction: unset;

    }

}

.nav-stacked {

    -ms-flex-direction: column !important;

    -webkit-box-orient: vertical !important;

    -webkit-box-direction: normal !important;

    flex-direction: column !important;

}

.nav-tabs.nav-stacked {

    margin-right: 0;

    border-bottom: 0;

    border-right: none;

}

@media (min-width: 768px) {

    .nav-tabs.nav-stacked {

        border-right: 1px solid #d6dbe2;

        padding-right: 0;

    }

}

.nav-tabs.nav-stacked .nav-item {

    margin: 0 !important;

    float: none !important;

    display: block !important;

}

.nav-tabs.nav-stacked .nav-item .nav-link {

    padding: 10px 15px;

    margin-right: 0;

    border-right: 0;

}

.nav-tabs.nav-stacked .nav-item .nav-link i {

    padding-right: 10px;

}

.nav-tabs.nav-stacked .nav-item .nav-link.active {

    border-top-color: #d6dbe2;

    border-top-width: 1px;

    bottom: 0;

}

@media (min-width: 768px) {

    .nav-tabs.nav-stacked .nav-item .nav-link.active {

        margin-right: -1px;

        border-right-color: #fff !important;

    }

}

.promo-video {

    position: relative;

    width: 100%;

    float: none;

    overflow: hidden;

    max-height: 400px;

    padding-top: 100%;

}

.promo-video:before {

    background-color: transparent;

}

@media (min-width: 768px) {

    .promo-video {

        max-height: 500px;

        width: 100%;

        float: left;

        position: relative;

        margin: 0;

        padding-top: 80%;

    }

}

@media (min-width: 992px) {

    .promo-video {

        padding-top: 50%;

    }

}

.promo-video .video-button {

    position: absolute;

    left: 0;

    top: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

    height: 100%;

}

.promo-video .video-button i {

    position: relative;

    height: 80px;

    width: 80px;

    line-height: 80px;

    font-size: 35px;

    border-radius: 50%;

    display: inline-block;

    color: #fff;

    padding-left: 10px;

    text-align: center;

    border: 2px solid #fff;

    transition: -webkit-transform 0.3s ease;

    transition: transform .3s ease;

    transition: transform 0.3s ease, -webkit-transform 0.3s ease;

}

.promo-video .video-button:hover i {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

}

.video-box a {

    width: 100%;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.video-box a iframe {

    width: 100%;

    height: 100%;

    border: 0;

    position: relative;

}

.video-box a:before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.video-box a img {

    position: relative;

    transition: -webkit-transform 0.7s ease;

    transition: transform .7s ease;

    transition: transform 0.7s ease, -webkit-transform 0.7s ease;

}

.video-box a:hover img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

}

.box-video {

    position: relative;

    max-width: 100%;

    margin: 0 auto 20px;

    cursor: pointer;

    overflow: hidden;

}

.box-video .bg-video {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    z-index: 2;

}

.box-video .video-container {

    position: relative;

    margin: 0;

    z-index: 1;

}

.box-video .btn-play {

    position: absolute;

    top: 50%;

    left: 50%;

    margin: -30px 0 0 -30px;

    display: inline-block;

    width: 80px;

    height: 80px;

    background: #fff;

    border-radius: 50%;

    text-indent: -999em;

    cursor: pointer;

    z-index: 2;

    transition: all 0.3s ease-out;

}

.box-video .btn-play:after {

    content: '';

    position: absolute;

    left: 50%;

    top: 50%;

    height: 0;

    width: 0;

    margin: -12px 0 0 -6px;

    border: solid transparent;

    border-left-color: #0cc652;

    border-width: 12px 20px;

    transition: all 0.3s ease-out;

}

.box-video:hover .btn-play {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

}

.box-video.open .bg-video {

    visibility: hidden;

    opacity: 0;

    transition: all 0.6s 0.8s;

}

.box-video.open .video-container {

    opacity: 1;

    transition: all 0.6s 0.8s;

}

.fluid-width-video-wrapper {

    width: 100%;

    position: relative;

    padding: 0;

}

.fluid-width-video-wrapper iframe,

.fluid-width-video-wrapper object,

.fluid-width-video-wrapper embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border: 0;

}

.hero-block {

    padding-top: 80px;

    padding-bottom: 80px;

}

@media (min-width: 992px) {

    .hero-block {

        padding-top: 100px;

        padding-bottom: 100px;

    }

}

p.typo {

    padding-top: 20px;

    padding-bottom: 30px;

}

mark {

    background: 0 0;

    color: #f55c5d !important;

}

.styled_list {

    margin-top: 15px;

    position: relative;

    display: inline-block;

}

@media (min-width: 768px) {

    .styled_list {

        margin-top: 15px;

    }

}

.styled_list li {

    font-size: 14px;

    line-height: 30px;

}

@media (min-width: 768px) {

    .styled_list li {

        font-size: 14px;

        float: left;

        width: 50%;

    }

}

.styled_list li i {

    margin-right: 10px;

    font-size: 12px;

}

.styled_list li a {

    color: #8b8e93;

}

@media (min-width: 768px) {

    .styled_list li a {

        font-size: 12px;

    }

}

@media (min-width: 992px) {

    .styled_list li a {

        font-size: 14px;

    }

}

ol.styled_list {

    margin-left: 15px;

}

ol.styled_list li {

    padding-left: 10px;

}

.dropcaps p {

    display: inline-block;

}

.dropcaps p .firstcharacter {

    color: #8b8e93;

    float: left;

    font-size: 22px;

    width: 40px;

    height: 40px;

    background-color: #f5f5f6;

    text-align: center;

    line-height: 40px;

    margin-top: 9px;

    margin-right: 10px;

}

.seperator {

    display: inline-block;

    position: relative;

}

.seperator svg.seperator-icon {

    width: 34px;

    height: 39px;

    fill: #0cc652;

}

.seperator:before {

    position: absolute;

    content: '';

    top: 19px;

    left: -110px;

    width: 100px;

    border-bottom: 1px solid #0cc652;

}

.seperator:after {

    position: absolute;

    content: '';

    top: 19px;

    right: -110px;

    width: 100px;

    border-bottom: 1px solid #0cc652;

}

p.devider {

    position: relative;

    border-top: 1px solid #d6dbe2;

    margin: 20px 0;

}

p.devider.devider_medium {

    max-width: 50%;

    margin-left: auto;

    margin-right: auto;

}

p.devider.devider_dashed {

    border-top: 1px dashed #d6dbe2;

}

p.devider.devider_narrow {

    max-width: 10%;

    margin-left: auto;

    margin-right: auto;

}

p.devider.devider_thik {

    border-width: 2px;

}

p.devider.devider_primary {

    border-color: #0cc652;

}

.th-accordions {

    position: relative;

}

.th-accordions .collapse-bar {

    font-size: 14px;

    font-weight: 400;

    padding: 20px 25px 17px;

    display: block;

    color: #222;

    border-bottom: 2px solid #e6e6e6;

    position: relative;

}

.th-accordions .collapse-bar i {

    margin-right: 10px;

}

.th-accordions .collapse-bar:before {

    position: absolute;

    content: '';

    width: 10px;

    right: 32px;

    background: #fff;

    height: 10px;

    bottom: -8px;

    opacity: 0;

    visibility: hidden;

}

.th-accordions .collapse-bar:after {

    position: absolute;

    content: "\f107";

    right: 30px;

    bottom: -14px;

    opacity: 0;

    visibility: hidden;

    color: #0cc652;

    font-family: 'FontAwesome';

    font-size: 20px;

}

.th-accordions .collapse-bar:hover {

    color: #0cc652;

}

.th-accordions a[aria-expanded=true] {

    border-color: #0cc652;

    color: #0cc652;

}

.th-accordions a[aria-expanded=true]:after {

    opacity: 1;

    visibility: visible;

}

.th-accordions a[aria-expanded=true]:before {

    opacity: 1;

    visibility: visible;

}

.th-accordions .tab-pane p {

    padding: 25px 30px 0;

}

.media.blog-media {

    margin-top: 30px;

    position: relative;

    display: block;

}

@media (min-width: 992px) {

    .media.blog-media {

        display: table;

    }

}

.media.blog-media .circle {

    width: 70px;

    height: 70px;

    border-radius: 50%;

    background-color: rgba(0, 0, 0, 0.5);

    white-space: nowrap;

    position: absolute;

    padding: 0;

    top: 100px;

    right: 20px;

    text-align: center;

    box-shadow: none;

    -webkit-transform: translateX(0);

    transform: translateX(0);

    color: #fff;

    transition: background-color 0.3s ease;

}

.media.blog-media .circle .day {

    color: #fff;

    transition: color .25s ease;

    font-weight: 500;

    font-size: 28px;

    line-height: 1;

    margin-top: 12px;

}

.media.blog-media .circle .month {

    text-transform: uppercase;

    font-size: 14px;

}

.media.blog-media>a {

    position: relative;

    display: block;

}

@media (min-width: 992px) {

    .media.blog-media>a {

        display: table-cell;

        vertical-align: top;

        min-width: 200px;

    }

}

@media (min-width: 1200px) {

    .media.blog-media>a {

        min-width: 230px;

    }

}

.media.blog-media>a:before {

    position: absolute;

    content: '';

    top: 15px;

    left: 15px;

    right: 15px;

    bottom: 15px;

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

    transition: opacity 0.3s, -webkit-transform 0.3s ease;

    transition: transform .3s ease, opacity .3s;

    transition: transform 0.3s ease, opacity 0.3s, -webkit-transform 0.3s ease;

    background: rgba(12, 198, 82, 0.7);

}

.media.blog-media>a img {

    width: 100%;

}

.media.blog-media:hover>a:before {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

}

.media.blog-media:hover .circle {

    background-color: rgba(255, 255, 255, 0.9);

}

.media.blog-media:hover .circle .day,

.media.blog-media:hover .circle .month {

    color: #222;

}

.media.blog-media:hover .media-body h5 {

    color: #0cc652;

}

.media.blog-media:hover .media-body a.post-link {

    color: #0cc652;

    text-decoration: underline;

}

.media.blog-media .media-body {

    border: 1px solid #efeff3;

    padding: 30px 30px 10px;

    font-size: 14px;

    background: #fff;

    border-top: none;

}

@media (min-width: 992px) {

    .media.blog-media .media-body {

        padding: 15px 20px 10px;

        border-top: 1px solid #efeff3;

        border-left: none;

        display: table-cell;

        vertical-align: top;

    }

}

@media (min-width: 1200px) {

    .media.blog-media .media-body {

        padding: 30px 20px 10px;

    }

}

.media.blog-media .media-body h5 {

    transition: color .3s ease;

    margin-bottom: 15px;

}

@media (min-width: 992px) {

    .media.blog-media .media-body h5 {

        font-size: 15px;

    }

}

@media (min-width: 1200px) {

    .media.blog-media .media-body h5 {

        margin-bottom: 15px;

        font-size: 18px;

    }

}

.media.blog-media .media-body a.post-link {

    display: block;

    color: #222;

    font-size: 11px;

    padding: 23px 0;

    text-transform: uppercase;

    font-weight: 400;

}

@media (min-width: 992px) {

    .media.blog-media .media-body a.post-link {

        padding: 7px 0;

    }

}

@media (min-width: 1200px) {

    .media.blog-media .media-body a.post-link {

        padding: 23px 0;

    }

}

.media.blog-media .media-body ul {

    position: relative;

    padding: 10px 0 0;

}

.media.blog-media .media-body ul li {

    display: inline-block;

    width: 49%;

    position: relative;

}

.media.blog-media .media-body ul li:before {

    position: absolute;

    content: '';

    top: 5px;

    left: 0;

    width: 1px;

    height: 14px;

    background: #eeeef2;

}

.media.blog-media .media-body ul li:first-child:before {

    visibility: hidden;

}

.media.blog-media .media-body ul:before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 100%;

    height: 1px;

    background: #eeeef2;

}

.post-single.media .media-body {

    border-left: 1px solid #efeff3 !important;

    border-top: 0;

}

.content-wrapper {

    position: relative;

    padding: 80px 50px;

}

.content-wrapper h1 {

    padding-bottom: 30px;

}

.content-wrapper p {

    padding-bottom: 30px;

}

.bg-image {

    position: relative;

}

.bg-image.shadow:before {

    position: absolute;

    content: '';

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background: rgba(50, 63, 65, 0.9);

}

.bg-custom h1,

.bg-custom p {

    color: #fff;

    padding-bottom: 30px;

}

.bg-custom .btn {

    font-weight: 700;

}

.bg-video {

    position: relative;

    overflow: hidden;

}

.bg-video video {

    display: block;

}

@media (min-width: 992px) {

    .bg-video video {

        width: 100%;

    }

}

.bg-video .overlay {

    position: absolute;

    z-index: 55;

    background: rgba(0, 0, 0, 0.5);

    bottom: 0;

    top: 0;

    text-align: center;

    padding: 25px 50px;

}

@media (min-width: 768px) {

    .bg-video .overlay {

        padding: 80px 50px;

    }

}

.overlay {

    position: relative;

}

.pattern-01 {

    background-image: url(../img/patterns/pattern1.png);

    background-repeat: repeat;

    background-attachment: fixed;

    background-position: center;

}

.bredcrumb {

    opacity: 1;

    position: relative;

}

.bredcrumb.bg-image:before {

    background-color: rgba(0, 0, 0, 0.5);

}

.bredcrumb-inner {

    min-height: 200px;

    padding-top: 50px;

}

@media (min-width: 768px) {

    .bredcrumb-inner {

        height: 250px;

    }

}

@media (min-width: 992px) {

    .bredcrumb-inner {

        height: 400px;

    }

}

.bredcrumb-inner ul {

    position: relative;

}

.bredcrumb-inner ul li,

.bredcrumb-inner ul a {

    position: relative;

    display: inline-block;

    font-size: 13px;

    color: #fff;

    padding: 5px 7px;

}

@media (min-width: 768px) {

    .bredcrumb-inner ul li,

    .bredcrumb-inner ul a {

        font-size: 15px;

    }

}

.bredcrumb-inner ul li a {

    opacity: 0.7;

}

.bredcrumb-inner ul li:after {

    position: absolute;

    content: '\f053';

    font-family: FontAwesome;

    top: 10px;

    left: 0;

    opacity: 0.7;

}

.bredcrumb-inner ul li:last-child:after {

    display: none;

}

.bredcrumb-inner ul li:first-child {

    padding-left: 0;

}

.bredcrumb-inner ul li:first-child a {

    padding-left: 30px;

}

.bredcrumb-inner ul.pager {

    text-align: left;

}

@media (min-width: 768px) {

    .bredcrumb-inner ul.pager {

        text-align: right;

    }

}

.bredcrumb-inner h2,

.bredcrumb-inner h1 {

    color: #fff;

    font-size: 28px;

    line-height: 45px;

    text-transform: uppercase;

    margin-bottom: 24px;

}

@media (min-width: 768px) {

    .bredcrumb-inner h2,

    .bredcrumb-inner h1 {

        font-size: 40px;

    }

}

@media (max-width: 767px) {

    .bredcrumb-inner h2,

    .bredcrumb-inner h1 {

        margin: 20px;

        font-size: 15px;

        margin-bottom: 24px;

        word-wrap: break-word;

    }

}

.bredcrumb-inner p {

    color: #fff;

    line-height: 1.5;

}

@media (min-width: 992px) {

    .bredcrumb-inner p {

        line-height: 1;

    }

}

.display-single_element .bredcrumb h2 {

    padding-top: 0 !important;

}

.countUp.counter1.bg-image {

    background-attachment: fixed;

}

.countUp.counter1 .icon {

    font-size: 50px;

    float: left;

    color: #fff;

    margin-right: 25px;

    width: 60px;

    height: 60px;

    overflow: hidden;

    text-align: center;

}

@media (min-width: 768px) {

    .countUp.counter1 .icon {

        font-size: 35px;

        margin-right: 20px;

    }

}

@media (min-width: 992px) {

    .countUp.counter1 .icon {

        font-size: 50px;

        margin-right: 25px;

    }

}

.countUp .count-single-block {

    padding: 50px 15px;

}

.countUp .counter {

    font-size: 50px;

    padding-bottom: 0;

    position: relative;

    color: #fff;

    display: inline-block;

    line-height: 1;

}

@media (min-width: 768px) {

    .countUp .counter {

        font-size: 35px;

    }

}

@media (min-width: 992px) {

    .countUp .counter {

        font-size: 50px;

    }

}

.countUp .count-text {

    color: #0cc652;

    text-transform: capitalize;

    padding-left: 80px;

}

@media (min-width: 768px) {

    .countUp .count-text {

        padding-left: 0;

        font-size: 12px;

    }

}

@media (min-width: 992px) {

    .countUp .count-text {

        font-size: 14px;

    }

}

.countUp h5 {

    color: #fff;

    opacity: 0.7;

}

.countUp.counter2 .counter {

    color: #222;

    font-weight: 500;

}

.countUp.counter2 .count-text {

    color: #8b8e93;

}

.countUp.counter2 .info-count {

    background: #fff;

}

.countUp.counter2 .info-count .icon-circle {

    width: 50px;

    height: 50px;

    margin-top: -25px;

    background: #0cc652;

    border: 0 solid transparent;

    color: #fff;

    line-height: 48px;

}

.countUp.counter2 .info-count:hover .icon-circle {

    box-shadow: none;

}

.contact-media {

    padding-top: 50px;

    margin-bottom: -10px;

    text-align: center;

    display: block;

}

@media (min-width: 768px) {

    .contact-media {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        text-align: right;

    }

}

.contact-media .icon {

    margin-top: 0;

    text-align: center;

    font-size: 20px;

}

.contact-media .icon.icon-circle {

    width: 80px;

    height: 80px;

    border: 1px dashed rgba(0, 0, 0, 0.2);

    line-height: 78px;

    margin-bottom: 15px;

    border-radius: 100px;

    margin-top: -10px;

    color: #0cc652;

    display: inline-block;

}

@media (min-width: 768px) {

    .contact-media .icon.icon-circle {

        margin-left: 25px;

        margin-bottom: 0;

    }

}

.contact-media .icon.icon-ract.ract45 {

    width: 60px;

    height: 60px;

    margin-right: 0;

    margin-bottom: 30px;

    line-height: 60px;

}

.contact-media .icon.icon-ract.ract45:before {

    width: 52px;

    height: 52px;

    background: #f5f5f6;

}

@media (min-width: 768px) {

    .contact-media .icon.icon-ract.ract45 {

        margin-bottom: 0;

        margin-right: 20px;

    }

}

@media (min-width: 992px) {

    .contact-media .icon.icon-ract.ract45 {

        margin-bottom: 0;

        margin-right: 30px;

    }

}

.contact-media .media-body {

    color: #606163;

    line-height: 26px;

}

.contact-media.flex-row-reverse .icon.icon-ract.ract45 {

    margin-right: 0;

    margin-left: 30px;

}

.hover-overlay.effect-scale {

    z-index: 5;

}

.hover-overlay.effect-scale:before {

    top: 15px;

    left: 15px;

    right: 15px;

    bottom: 15px;

    border-radius: 2px;

    opacity: 1;

    z-index: -1;

    -webkit-transform: scale(1);

    transform: scale(1);

}

@media (min-width: 768px) {

    .hover-overlay.effect-scale:before {

        opacity: 0;

        -webkit-transform: scale(0);

        transform: scale(0);

    }

}

.hover-overlay.effect-scale:before {

    background-color: rgba(12, 198, 82, 0.7);

}

.hover-overlay.effect-scale .overlay-content {

    text-align: center;

    color: #fff;

    font-weight: 300;

}

.hover-overlay.effect-scale .overlay-content span {

    font-size: 12px;

    font-weight: 400;

    text-transform: uppercase;

    letter-spacing: 1px;

}

.hover-overlay .icon-ract {

    border: 1px solid rgba(255, 255, 255, 0.7);

    width: 40px;

    height: 40px;

    display: inline-block;

    border-radius: 4px;

    line-height: 40px;

    margin: 15px 8px;

}

.hover-overlay .icon-ract i {

    color: #fff;

    font-weight: 300;

}

.hover-overlay .icon-ract:before {

    width: 40px;

    height: 40px;

    background: 0 0;

    left: -1px;

    top: -1px;

    border-radius: 4px;

}

.hover-overlay .icon-ract:hover {

    border: 1px solid #fff !important;

}

.hover-overlay .icon-ract:hover i {

    color: #0cc652;

}

.hover-overlay .icon-ract:hover:before {

    background: #fff;

}

.hover-overlay .icon-circle {

    width: 50px;

    height: 50px;

    border: 1px solid rgba(255, 255, 255, 0.7);

    border-radius: 100%;

    line-height: 48px;

    color: #fff;

    display: inline-block;

    margin: 15px 5px;

}

.hover-overlay .icon-circle:hover {

    background: #fff;

    color: #0cc652;

}

.hover-overlay .overlay-title {

    color: #fff;

    margin-bottom: 5px;

    font-weight: 400;

}

.card.info-card .card-block {

    border: 1px solid #f5f5f6;

    border-top: 0;

    padding-left: 25px;

    padding-right: 25px;

}

@media (min-width: 992px) {

    .card.info-card .card-block {

        padding-left: 10px;

        padding-right: 10px;

    }

}

.card.info-card .card-block span {

    font-size: 12px;

    color: #0cc652;

}

.card.info-card .card-block a {

    border-radius: 2px;

    font-size: 12px;

    margin-bottom: 25px;

}

header {

    background-color: #fff;

}

.dropdown-menu li>h6 {

    margin-top: 20px;

    font-weight: 500;

    margin-bottom: 10px;

    padding: 0 0;

}

@media (min-width: 768px) {

    .dropdown-menu li>h6 {

        padding: 0 10px;

        font-size: 14px;

    }

}

@media (min-width: 992px) {

    .dropdown-menu li>h6 {

        padding: 0 20px;

        font-size: 16px;

    }

}

@media (min-width: 480px) {

    .boxed header {

        max-width: 520px;

        margin: 0 auto;

    }

}

@media (min-width: 768px) {

    .boxed header {

        background-color: transparent;

        max-width: 768px;

        margin: 0 auto;

    }

}

@media (min-width: 992px) {

    .boxed header {

        background-color: transparent;

        max-width: 970px;

        margin: 0 auto;

    }

}

@media (min-width: 1200px) {

    .boxed header {

        background-color: transparent;

        max-width: 100%;

        margin: 0 auto;

    }

}

@media (min-width: 1200px) {

    .boxed header.header-transparent {

        background-color: transparent;

        max-width: 1260px;

        margin: 0 auto;

    }

}

.main-nav {

    z-index: 5;

    position: unset;

}

.main-nav.navbar-sticky {

    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);

}

@media (min-width: 768px) {

    .main-nav {

        position: relative;

        padding: 0 !important;

    }

}

.main-nav .navbar-brand {

    padding-top: 10px;

    margin: 0;

    margin-left: 15px;

    padding-bottom: 10px;

    position: relative;

}

.main-nav .navbar-brand img {

    max-width: 100%;

}

@media (min-width: 768px) {

    .main-nav .navbar-brand {

        margin-top: 0;

        margin-left: 0;

        position: absolute;

    }

    .main-nav .navbar-brand img {

        width: auto;

        max-width: 150px;

    }

}

@media (min-width: 992px) {

    .main-nav .navbar-brand {

        width: 230px;

        overflow: visible;

    }

    .main-nav .navbar-brand img {

        width: auto;

        max-width: 100%;

    }

}

.main-nav .navbar-toggler {

    -webkit-align-self: flex-start;

    -ms-flex-item-align: start;

    align-self: flex-start;

    padding: 0;

    background: 0 0;

    border: 0;

    cursor: pointer;

    border-radius: 0;

    position: absolute;

    left: 15px;

    top: 15px;

    transition: all 0.5s ease-in-out;

    margin-top: 0;

    z-index: 5550;

}

.main-nav .navbar-toggler .burger-menu {

    display: inline-block;

    font-size: 24px;

    color: #222;

    background: 0 0;

    text-align: center;

}

.main-nav .navbar-toggler.active,

.main-nav .navbar-toggler:focus {

    outline: 0;

}

.main-nav .navbar-collapse {

    padding: 0;

    border-top: none;

    max-height: 450px;

    position: absolute;

    width: 100%;

    top: 100%;

    left: 0;

    box-shadow: 2px 3px 9px rgba(44, 40, 86, 0.1);

}

@media (min-width: 768px) {

    .main-nav .navbar-collapse {

        position: relative;

        margin-top: 0;

        box-shadow: none;

    }

}

.main-nav .dropdown-toggle::after {

    visibility: visible;

    position: absolute;

    left: 0;

    margin-left: 0;

    top: 50%;

    content: '\f107';

    font-family: 'FontAwesome';

    border: 0;

    top: 0;

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

    transform: translateY(-50%);

}

@media (min-width: 768px) {

    .main-nav .dropdown-toggle::after {

        visibility: hidden;

        display: none;

        margin: 0;

    }

}

.main-nav .navbar-collapse.show {

    overflow-y: auto;

    right: 0;

}

.main-nav .navbar-nav {

    position: relative;

    z-index: 5551;

    background: #f5f5f6;

    padding: 5px 0 0;

}

.main-nav .navbar-nav:after {

    content: "";

    display: table;

    clear: both;

}

@media (min-width: 768px) {

    .main-nav .navbar-nav {

        padding: 0;

        position: static;

        background: 0 0;

    }

}

.main-nav .nav-item a {

    text-transform: capitalize;

    font-style: normal;

}

.main-nav .nav-item a.nav-link {

    color: #222;

    padding: 0;

    font-size: 14px;

    position: relative;

    text-transform: uppercase;

    font-weight: 400;

    display: block;

    margin: 10px 15px;

    transition: all 0.3s ease;

}

@media (min-width: 768px) {

    .main-nav .nav-item a.nav-link {

        padding: 30px 0;

        margin: 0 12px;

        color: #222;

        font-size: 13px;

    }

}

@media (min-width: 992px) {

    .main-nav .nav-item a.nav-link {

        padding: 40px 0;

        margin: 0 20px;

        font-size: 14px;

        text-transform: uppercase;

    }

}

@media (min-width: 1200px) {

    .main-nav .nav-item a.nav-link {

        padding: 40px 0;

        margin: 0 20px;

        font-size: 14px;

    }

    .main-nav.scrolled-navbar .nav-item a.nav-link {

        padding: 20px 0;

    }

}

.main-nav .nav-item a.nav-link:hover {

    color: #0cc652;

}

@media (min-width: 768px) {

    .main-nav .nav-item a.nav-link:hover:before,

    .main-nav .nav-item a.nav-link:hover:after {

        opacity: 1;

    }

}

.main-nav .nav-item a.nav-link.btn-search:hover,

.main-nav .nav-item a.nav-link.btn-search:focus {

    color: #222;

}

.main-nav .nav-item.active a.nav-link:before {

    opacity: 1;

}

.main-nav .nav-item.active a.nav-link:after {

    opacity: 1;

}

.main-nav .nav-item.active a.nav-link {

    color: #0cc652;

}

.main-nav .show>.dropdown-menu {

    visibility: visible;

    -webkit-transform: translateY(0%);

    transform: translateY(0%);

    opacity: 1;

    z-index: 1;

    transition: all 0.3s ease-in-out;

}

.main-nav .dropdown-menu {

    top: 80%;

    left: 7px;

    border: 0;

    min-width: 230px;

    margin: 15px;

    width: auto;

    padding: 10px 20px;

    border-radius: 0;

    box-shadow: none;

}

.main-nav .dropdown-menu:before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    right: 0;

    height: 3px;

    background: #0cc652;

}

.main-nav .dropdown-menu a {

    padding: 10px 0;

    font-size: 14px;

    display: block;

    color: #8b8e93;

    transition: color 0.2s, background-color 0.2s ease-in-out;

}

@media (min-width: 768px) {

    .main-nav .dropdown-menu a {

        padding: 8px 10px;

        font-size: 12px;

        color: #545454;

    }

    .main-nav .dropdown-menu a:hover {

        color: #333;

        background-color: #0cc652;

    }

}

@media (min-width: 992px) {

    .main-nav .dropdown-menu a {

        font-size: 14px;

        padding: 10px 20px;

    }

}

@media (min-width: 768px) {

    .main-nav .dropdown-menu {

        box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);

        -webkit-transform: translateY(30px);

        transform: translateY(30px);

        background-color: #fff;

        margin-top: 0;

        padding: 0;

        display: block;

        min-width: 180px;

        opacity: 0;

        left: 0;

        z-index: -1;

        visibility: hidden;

    }

}

@media (min-width: 992px) {

    .main-nav .dropdown-menu {

        margin-top: 0;

        min-width: 200px;

        padding: 0;

        left: 0;

    }

}

@media (min-width: 1200px) {

    .main-nav .dropdown-menu {

        left: 7px;

        min-width: 230px;

    }

}

.main-nav .dropdown-menu li {

    padding: 0;

}

.main-nav .dropdown-menu li.dropdown>a:after {

    position: absolute;

    content: '\f107';

    font-family: 'FontAwesome';

    top: 10px;

    right: 15px;

    font-size: 15px;

    visibility: visible;

    display: block;

}

@media (min-width: 768px) {

    .main-nav .dropdown-menu li.dropdown>a:after {

        content: '\f105';

    }

}

.main-nav .dropdown-menu li.dropdown .submenu {

    margin-top: 0;

    margin-left: 0;

    box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);

    border: 0;

    background: 0 0;

    -webkit-transform: translateY(0);

    transform: translateY(0);

    display: block;

    margin: 0;

    padding-top: 0;

    padding-bottom: 0;

}

.main-nav .dropdown-menu li.dropdown .submenu:before {

    position: absolute;

    content: '';

    top: 0;

    bottom: 0;

    left: 0;

    height: 100%;

    width: 3px;

    background: #0cc652;

}

@media (min-width: 768px) {

    .main-nav .dropdown-menu li.dropdown .submenu {

        display: none;

        top: 0 !important;

        left: -100% !important;

        margin-top: 0;

        background: #fff;

    }

    .main-nav .dropdown-menu li.dropdown .submenu:before {

        left: auto;

        right: 0;

    }

}

@media (min-width: 992px) {

    .main-nav .dropdown-menu li.dropdown .submenu {

        top: 0 !important;

        left: 100% !important;

        background: #fff;

    }

    .main-nav .dropdown-menu li.dropdown .submenu:before {

        left: 0;

        right: auto;

    }

}

@media (min-width: 1200px) {

    .main-nav .dropdown-menu li.dropdown .submenu {

        top: 0 !important;

        left: 100% !important;

    }

}

.main-nav .dropdown-menu li.dropdown.show {

    background-color: #0cc652;

}

.main-nav .dropdown-menu li.dropdown.show>a {

    color: #fff;

}

.main-nav .dropdown-menu li.dropdown.show>.dropdown-menu {

    display: block;

}

@media (min-width: 768px) {

    .megaDropMenu {

        position: static;

    }

    .megaDropMenu .dropdown-menu {

        right: 0;

        left: 0;

        margin: 0;

        padding: 0 0;

    }

}

@media (min-width: 768px) and (min-width: 768px) {

    .megaDropMenu .dropdown-menu {

        padding-bottom: 15px;

    }

}

@media (min-width: 768px) {

    .megaDropMenu .dropdown-menu>li {

        float: left;

        padding: 0 0;

        border-bottom: 0;

    }

    .megaDropMenu .dropdown-menu ul li:last-child {

        border-bottom: none;

    }

    .megaDropMenu .dropdown-menu.justify-content-md-between>li {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        width: 20%;

    }

}

.navbar-brand .path-2 {

    fill: #222;

}

.navbar-sticky {

    position: fixed;

    top: 0;

    z-index: 10999;

    width: 100%;

}

@media (min-width: 768px) {

    .boxed .navbar-sticky {

        left: 50%;

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

        transform: translateX(-50%);

    }

}

.static .navbar-sticky {

    display: none;

}

.main-nav .nav-item .btn-search {

    top: 0;

    left: 0;

}

.main-nav .nav-item .btn-search.nav-link {

    display: none;

    margin-left: 0 !important;

}

@media (min-width: 768px) {

    .main-nav .nav-item .btn-search.nav-link {

        display: block;

    }

}

.search_hook {

    position: relative;

}

.search_hook:before {

    position: absolute;

    content: '';

    right: 0;

    width: 2px;

    height: 14px;

    background: #ccc;

    top: 50%;

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

    transform: translateY(-50%);

    display: none;

}

@media (min-width: 768px) {

    .search_hook:before {

        display: block;

    }

}

.search_hook form.search_form {

    margin-top: 5px;

    position: relative;

    right: 0;

    background: #f5f5f6;

    top: 80%;

    z-index: 10;

    padding: 8px 30px;

    border-top: 1px solid #ccc;

    box-shadow: 2px 3px 9px rgba(44, 40, 86, 0.1);

}

@media (min-width: 768px) {

    .search_hook form.search_form {

        border-top: 3px solid #0cc652;

        width: 300px;

        display: none;

        background: #fff;

        position: absolute;

        margin: 0;

        padding: 15px;

    }

}

@media (min-width: 992px) {

    .search_hook form.search_form {

        padding: 20px;

    }

}

.search_hook form.search_form input {

    display: inline-block;

    padding: 10px 15px;

    font-size: 14px;

    max-width: 100%;

    width: 100%;

    background: #fff;

    color: #8b8e93;

    border: 1px solid #e6e6e6;

}

@media (min-width: 768px) {

    .search_hook form.search_form input {

        background: #f5f5f6;

    }

}

.search_hook form.search_form .btn-small {

    font-size: 12px;

    float: right;

}

.search_hook form.search_form .btn-search {

    top: 50%;

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

    transform: translateY(-50%);

    left: 45px;

    color: #222;

}

@media (min-width: 768px) {

    .search_hook form.search_form .btn-search {

        left: 30px;

    }

}

.icon-toggle {

    display: table-cell;

    transition: all .3s ease 0s;

    vertical-align: middle;

}

.icon-toggle.active>i {

    opacity: 0;

    -webkit-transform: translateY(-20px);

    transform: translateY(-20px);

}

.icon-toggle.active::after {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

}

.icon-toggle>i {

    display: inline-block;

    font-style: normal;

    opacity: 1;

    position: relative;

    -webkit-transform: translateY(0);

    transform: translateY(0);

    transition: opacity 0.15s ease 0s, -webkit-transform 0.3s ease 0s;

    transition: transform .3s ease 0s, opacity .15s ease 0s;

    transition: transform 0.3s ease 0s, opacity 0.15s ease 0s, -webkit-transform 0.3s ease 0s;

}

.icon-toggle::after {

    content: "\e082";

    display: block;

    font-family: 'simple-line-icons';

    margin-top: -23px;

    margin-right: -40px;

    opacity: 0;

    -webkit-transform: translateY(20px) scale(1);

    transform: translateY(20px) scale(1);

    transition: opacity 0.15s ease 0s, -webkit-transform 0.3s ease 0s;

    transition: transform .3s ease 0s, opacity .15s ease 0s;

    transition: transform 0.3s ease 0s, opacity 0.15s ease 0s, -webkit-transform 0.3s ease 0s;

}

.header-transparent {

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, transparent 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#00000000', GradientType=0);

    position: absolute;

    z-index: 55;

    padding: 0;

    width: 100%;

}

.header-transparent .navbar-toggler .burger-menu {

    color: #000;

}

@media (min-width: 992px) {

    .header-transparent .navbar-brand img {

        max-width: 100%;

    }

}

.header-transparent .navbar-brand .path-2 {

    fill: #fff;

}

.header-transparent .navbar-nav.mlr-auto {

    margin: 0 auto;

}

.header-transparent .nav-item a.nav-link {

    color: #222;

}

@media (min-width: 768px) {

    .header-transparent .nav-item a.nav-link {

        color: #fff;

    }

}

.header-transparent .nav-item a.nav-link.btn-search:hover,

.header-transparent .nav-item a.nav-link.btn-search:focus {

    color: #fff;

}

.header-transparent.navbar-sticky {

    position: fixed;

    background-image: none;

    background-color: #fff;

}

.header-transparent.navbar-sticky .navbar-brand .path-2 {

    fill: #222;

}

.header-transparent.navbar-sticky .nav-item a.nav-link {

    color: #222;

}

.header-transparent.navbar-sticky .nav-item a.nav-link:hover {

    color: #0cc652;

}

.header-transparent.navbar-sticky.main-nav .nav-item.active a.nav-link {

    color: #0cc652;

}

.header-transparent.navbar-sticky.main-nav .nav-item a.btn-search:focus {

    color: #222;

}

@media (min-width: 768px) {

    .bg-dark a.nav-link {

        color: #fff !important;

    }

}

.display-single_element .bg-dark .main-nav .nav-item a.nav-link {

    color: #fff;

}

.display-single_element .bg-dark .main-nav a.nav-link:before {

    border-color: #fff;

}

.display-single_element .main-nav a.nav-link:before {

    border-color: #222;

}

.display-single_element .main-nav a.nav-link:after {

    border-color: transparent;

}

.display-single_element .main-nav {

    box-shadow: none;

}

.display-single_element .main-nav .nav-item a.nav-link {

    color: #222;

}

.display-single_element .main-nav .navbar-collapse {

    margin-top: 20px;

    height: 200px;

}

@media (min-width: 768px) {

    .display-single_element .main-nav .navbar-collapse {

        margin-top: 0;

        height: auto;

    }

}

.display-single_element .main-nav .navbar-collapse .navbar-nav {

    background-color: #fff;

}

@media (min-width: 768px) {

    .display-single_element .main-nav .navbar-collapse .navbar-nav {

        background-color: transparent;

    }

}

.display-single_element .main-nav .dropdown-menu a {

    color: #222;

}

.display-single_element .main-nav .navbar-toggler,

.display-single_element .main-nav .nav-cart {

    top: 20px;

}

@media (min-width: 768px) {

    .display-single_element .main-nav .navbar-toggler,

    .display-single_element .main-nav .nav-cart {

        top: 0;

    }

}

.display-single_element .main-nav .navbar-brand {

    margin-left: -15px;

}

@media (min-width: 768px) {

    .display-single_element .main-nav .navbar-brand {

        margin-left: unset;

    }

}

.logo-center .main-nav .nav-item a.nav-link {

    color: #222;

}

@media (min-width: 768px) {

    .logo-center {

        background-image: url(../img/slider/slv1.jpg);

        background-position: bottom;

    }

    .logo-center .navbar-brand {

        position: absolute;

        width: 100%;

        left: 0;

        text-align: center;

        margin: auto;

        margin-left: -30px;

    }

}

@media (min-width: 768px) and (min-width: 768px) {

    .logo-center .navbar-brand {

        width: 150px;

        left: 50%;

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

        transform: translateX(-50%);

    }

}

.page-item a.page-link {

    border-radius: 0 !important;

    margin-right: 10px;

    color: #8b8e93;

    font-size: 17px;

    height: 40px;

    width: 40px;

    line-height: 26px;

    overflow: hidden;

    text-align: center;

    border: 1px solid #dadada;

}

@media (min-width: 768px) {

    .page-item a.page-link {

        height: 45px;

        width: 45px;

    }

}

.page-item.active a.page-link,

.page-item:hover a.page-link {

    background-color: #0cc652;

    border: 1px solid #0cc652;

    color: #fff;

}

.page-item:last-child a.page-link {

    margin-right: 0;

}

.th-pagination a.page-link {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    margin: 10px;

    font-weight: 400;

}

@media (min-width: 768px) {

    .th-pagination a.page-link {

        margin: 15px;

    }

}

.th-pagination a.page-link span,

.th-pagination a.page-link i {

    display: inline-block;

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

    transform: rotate(-45deg);

}

.th-pagination .page-item:last-child a {

    margin: 10px;

}

@media (min-width: 768px) {

    .th-pagination .page-item:last-child a {

        margin: 15px;

    }

}

.progress-holder {

    margin-top: 50px;

}

.progress-holder .barWrapper .progressText {

    font-size: 15px;

    color: #222;

}

.progress-holder .progress {

    margin-bottom: 25px;

    margin-top: 10px;

    overflow: visible;

    background-color: #f5f5f6;

}

.progress-holder .progress .progress-bar {

    position: relative;

}

.progress-holder .progress .progress-bar:after {

    position: absolute;

    content: '';

    width: 1px;

    height: 33px;

    background-color: #0cc652;

    top: -8px;

    right: 0;

    z-index: 55;

}

.circle {

    width: 80px;

    height: 80px;

    border-radius: 50%;

    background-color: #0cc652;

    white-space: nowrap;

    position: absolute;

    padding: 0;

    top: -40px;

    left: 50%;

    box-shadow: 0 4px 10px rgba(134, 201, 212, 0.3);

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

    transform: translateX(-50%);

    color: #fff;

}

.pricing {

    border: 1px solid #d6dbe2;

    padding: 30px 0;

    transition: box-shadow 0.3s ease;

}

.pricing>h2 {

    line-height: 30px;

    margin-bottom: 10px;

}

.pricing>span {

    color: #8b8e93;

    font-style: italic;

    display: inline-block;

    font-size: 14px;

}

.pricing .card-header {

    margin: 30px 0;

    border: 0;

    padding: 30px 0;

}

.pricing .card-header>span.price {

    color: #222;

    display: inline-block;

    font-size: 50px;

    line-height: 50px;

}

.pricing .card-header>span.currency {

    color: #222;

    font-size: 18px;

    display: inline-block;

}

.pricing .list-group {

    padding-top: 20px;

    padding-bottom: 30px;

}

.pricing .list-group .list-group-item {

    color: #222;

}

.pricing .list-group .list-group-item i {

    color: #8b8e93;

}

.pricing .btn {

    font-weight: 700;

    color: #8b8e93;

    height: 50px;

    line-height: 50px;

}

.pricing .btn:hover {

    background-color: #0cc652;

    color: #fff;

    border-color: #0cc652;

}

.pricing .card-block {

    position: relative;

}

.pricing .circle {

    position: relative;

    padding: 0 15px;

    height: 100px;

    width: 100px;

    background: 0 0;

    left: 0;

    top: 0;

    -webkit-transform: translateX(0%);

    transform: translateX(0%);

    line-height: 100px;

    box-shadow: none;

    border: 1px solid #d6dbe2;

}

.pricing .circle .price {

    font-size: 36px;

    font-weight: 700;

    color: #0cc652;

}

.pricing .circle .tag {

    color: #222;

    font-size: 16px;

}

.pricing:hover {

    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.08);

    border: 1px solid transparent;

}

.pricing.delux .card-header {

    background-color: #0cc652;

}

.pricing.delux .card-header span.price,

.pricing.delux .card-header span.currency {

    color: #fff;

}

.price-card {

    background: #f5f5f6;

    padding: 40px 35px;

    position: relative;

    border-radius: 2px;

    overflow: hidden;

}

.price-card:before {

    position: absolute;

    content: '';

    top: 0;

    right: -35px;

    width: 88px;

    height: 88px;

    background: #0cc652;

    opacity: .2;

    border-radius: 8px;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}

.price-card:after {

    position: absolute;

    content: '';

    top: 30px;

    right: -35px;

    width: 88px;

    height: 88px;

    background: #0cc652;

    opacity: .2;

    border-radius: 8px;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}

.price-card h2 {

    font-size: 26px;

    font-weight: 600;

}

.price-card .btn {

    font-size: 11px;

    border-radius: 100px;

    padding: 0 25px;

    border: 0;

    color: #fff;

    float: right;

}

.price-card .btn.btn-inverse {

    background: #1d2025;

}

.price-card.featured {

    background: #fff;

    border: 1px solid #ebebeb;

    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);

}

.price-card:hover .btn {

    background: #0cc652;

    border-color: #0cc652;

}

p.price span {

    display: inline-block;

    padding: 45px 15px 50px;

    padding-right: 0;

    font-size: 50px;

    font-weight: 600;

    color: #0cc652;

    position: relative;

}

p.price span:before {

    position: absolute;

    content: '$';

    font-size: 16px;

    top: 25px;

    font-weight: 300;

    left: 0;

}

.pricing-offers {

    padding: 0 0 10px;

}

.pricing-offers li {

    padding: 0 0 16px;

    line-height: 18px;

}

.style2 {

    padding: 40px;

    position: relative;

}

.style2 h2 {

    margin: 25px 0 15px;

}

.style2 p {

    margin-bottom: 20px;

}

.style2 .btn {

    height: 40px;

    line-height: 40px;

}

.style2 .btn:hover {

    color: #fff !important;

}

.pricing_image-card {

    transition: box-shadow 0.3s ease;

}

.pricing_image-card .card_img {

    position: relative;

}

.pricing_image-card .card_img .overlay {

    color: #fff;

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(0, 0, 0, 0.4);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}

.pricing_image-card .card_img .overlay h2 {

    color: #fff;

    margin-bottom: 10px;

}

.pricing_image-card .card-block {

    position: relative;

    padding: 80px 20px 30px;

    border: 1px solid #d6dbe2;

    border-top: 0;

    transition: border 0.3s ease;

}

.pricing_image-card .card-block p {

    margin-bottom: 30px;

}

.pricing_image-card .circle {

    top: -50px;

    width: 100px;

    height: 100px;

    text-align: center;

    line-height: 15px;

    background: #fff;

    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.06);

}

.pricing_image-card .circle span.price {

    color: #0cc652;

    font-size: 34px;

    display: inline-block;

    font-weight: 700;

    margin-top: 30px;

}

.pricing_image-card .circle span.tag {

    color: #8b8e93;

    font-size: 13px;

    display: block;

    font-style: italic;

    line-height: 26px;

    text-transform: capitalize;

}

.pricing_image-card .btn {

    font-weight: 700;

    color: #8b8e93;

}

.pricing_image-card .btn:hover {

    background-color: #0cc652;

    color: #fff !important;

    border-color: #0cc652;

}

.pricing_image-card:hover {

    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.08);

}

.pricing_image-card:hover .card-block {

    border: 0 solid transparent;

}

.display-single_element .pricing,

.display-single_element .pricing_image-card {

    margin-bottom: 30px;

}

@media (min-width: 992px) {

    .display-single_element .pricing,

    .display-single_element .pricing_image-card {

        margin-bottom: 0;

    }

}

.seperator {

    display: inline-block;

    position: relative;

}

.seperator svg.seperator-icon {

    width: 34px;

    height: 39px;

    fill: #0cc652;

}

.seperator:before {

    position: absolute;

    content: '';

    top: 19px;

    left: -110px;

    width: 100px;

    border-bottom: 1px solid #0cc652;

}

.seperator:after {

    position: absolute;

    content: '';

    top: 19px;

    right: -110px;

    width: 100px;

    border-bottom: 1px solid #0cc652;

}

p.devider {

    position: relative;

    border-top: 1px solid #d6dbe2;

    margin: 20px 0;

}

p.devider.devider_medium {

    max-width: 50%;

    margin-left: auto;

    margin-right: auto;

}

p.devider.devider_dashed {

    border-top: 1px dashed #d6dbe2;

}

p.devider.devider_narrow {

    max-width: 10%;

    margin-left: auto;

    margin-right: auto;

}

p.devider.devider_thik {

    border-width: 2px;

}

p.devider.devider_primary {

    border-color: #0cc652;

}

.section-title {

    position: relative;

}

.section-title h2 {

    color: #1d2025;

    position: relative;

    margin: 0;

    font-size: 24px;

}

@media (min-width: 768px) {

    .section-title h2 {

        font-size: 28px;

    }

}

@media (min-width: 992px) {

    .section-title h2 {

        font-size: 34px;

    }

}

.section-title.title-ex1 h2 {

    padding-bottom: 20px;

}

@media (min-width: 768px) {

    .section-title.title-ex1 h2 {

        padding-bottom: 30px;

    }

}

@media (min-width: 992px) {

    .section-title.title-ex1 h2 {

        padding-bottom: 40px;

    }

}

.section-title.title-ex1 h2:before {

    content: '';

    position: absolute;

    right: 0;

    bottom: 12px;

    width: 110px;

    height: 1px;

    background-color: #d6dbe2;

}

@media (min-width: 768px) {

    .section-title.title-ex1 h2:before {

        bottom: 17px;

    }

}

@media (min-width: 992px) {

    .section-title.title-ex1 h2:before {

        bottom: 25px;

    }

}

.section-title.title-ex1 h2:after {

    content: '';

    position: absolute;

    right: 0;

    bottom: 12px;

    width: 40px;

    height: 1px;

    background-color: #0cc652;

}

@media (min-width: 768px) {

    .section-title.title-ex1 h2:after {

        bottom: 17px;

    }

}

@media (min-width: 992px) {

    .section-title.title-ex1 h2:after {

        bottom: 25px;

    }

}

.section-title.title-ex1.text-center h2:before {

    left: 50%;

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

    transform: translateX(-50%);

}

.section-title.title-ex1.text-center h2:after {

    left: 50%;

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

    transform: translateX(-50%);

}

.section-title.title-ex1.text-right h2:before {

    left: auto;

    right: 0;

}

.section-title.title-ex1.text-right h2:after {

    left: auto;

    right: 0;

}

.section-title.title-ex1 p {

    color: #8b8e93;

    font-size: 16px;

    font-weight: 300;

}

.info {

    margin-top: 50px;

}

.info .icon {

    color: #0cc652;

    position: relative;

    font-size: 20px;

    overflow: hidden;

    transition: all 0.3s ease;

}

.info:hover .icon-ract {

    border-color: #0cc652;

}

.info:hover .icon-ract:before {

    background-color: #0cc652;

}

.info:hover .icon-ract i {

    color: #fff;

}

.info .info-title {

    font-size: 16px;

    line-height: 1;

    margin-top: 20px;

    margin-bottom: 20px;

    text-transform: uppercase;

    font-weight: 900;

}

.info .icon-circle {

    border: 1px dashed #ccc;

    width: 130px;

    height: 130px;

    border-radius: 50%;

    margin-bottom: 20px;

    display: inline-block;

    line-height: 128px;

    transition: all 0.3s ease;

}

.info:hover .icon-circle {

    background: #0cc652;

    box-shadow: 0 12px 22px rgba(0, 0, 0, 0.15);

    border: 0 dashed #ccc;

    color: #0cc652;

}

.info:hover .icon-circle i {

    color: #fff;

}

.icon-ract {

    border: 1px solid #e6e6e6;

    width: 70px;

    height: 70px;

    display: inline-block;

    border-radius: 6px;

    line-height: 68px;

}

.icon-ract:before {

    transition: background .3s ease;

    content: '';

    position: absolute;

    width: 62px;

    height: 62px;

    background: #fff;

    left: 3px;

    top: 3px;

    border-radius: 4px;

}

.icon-ract i {

    color: #0cc652;

    transition: color .3s ease;

    margin: 15px;

}

.icon-ract.ract45 {

    margin-bottom: 15px;

}

.description {

    color: #8b8e93;

    min-height: 150px;

}

.info.info-boxed {

    background-color: #f5f5f6;

    padding: 0 20px 30px;

    border-radius: 2px;

    transition: all 0.3s ease;

}

.info.info-boxed .icon-circle {

    height: 100px;

    width: 100px;

    line-height: 98px;

    margin-top: -50px;

    background-color: #fff;

    transition: all .3s ease;

    font-size: 2em;

}

.info.info-boxed .icon-ract {

    margin-top: -35px;

    background-color: #fff;

}

.info.info-boxed a.btn {

    font-size: 14px;

    color: #000;

    text-transform: uppercase;

    font-weight: 900;

    margin-top: 15px;

    display: inline-block;

}

.info.info-boxed a.btn {

    color: #000 !important;

}

.info.info-boxed:hover {

    background-color: #fff;

    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);

}

.info.info-boxed:hover a {

    color: #0cc652;

}

.info.info-boxed:hover .icon-circle {

    background: #0cc652;

    color: #fff;

}

.kit-testimonial-carousel {

    height: 100%;

}

.kit-testimonial-carousel.slick-dotted.slick-slider {

    margin-bottom: 0;

}

.kit-testimonial-carousel .card {

    background-color: transparent;

}

.kit-testimonial-carousel .card-block {

    text-align: center;

    padding: 0 0 130px;

}

@media (min-width: 768px) {

    .kit-testimonial-carousel .card-block {

        text-align: left;

        padding: 0 0 0;

    }

}

.kit-testimonial-carousel .card-block p {

    margin: 0;

    padding: 0 0 30px;

    text-align: center;

}

@media (min-width: 768px) {

    .kit-testimonial-carousel .card-block p {

        text-align: left;

    }

}

.kit-testimonial-carousel .card-block h4 {

    font-size: 17px;

    margin-top: 10px;

    margin-bottom: 10px;

    font-weight: 400;

}

.kit-testimonial-carousel .card_img {

    position: relative;

    width: 80px;

    height: 80px;

    border-radius: 50%;

    display: inline-block;

}

.kit-testimonial-carousel:before {

    background-color: rgba(2, 20, 24, 0.7);

}

.kit-testimonial-carousel .img-ract {

    margin: 5px 20px 10px 10px;

    position: absolute;

    bottom: 35px;

    float: unset;

    width: 55px;

    height: 55px;

    overflow: hidden;

    text-align: center;

    border-radius: 6px;

    border: 3px solid rgba(12, 198, 82, 0.3);

    background-clip: padding-box;

}

@media (min-width: 768px) {

    .kit-testimonial-carousel .img-ract {

        bottom: 0;

        position: relative;

        float: left;

    }

}

.kit-testimonial-carousel .img-ract img {

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

    transform: rotate(-45deg);

    margin-top: -14px;

    margin-left: -14px;

}

.kit-testimonial-carousel .slick-dotted.slick-slider {

    margin-bottom: 0;

}

.kit-testimonial-carousel .slick-dots {

    display: inline-block;

    width: unset;

    left: 50%;

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

    transform: translateX(-50%);

    bottom: 0;

}

@media (min-width: 768px) {

    .kit-testimonial-carousel .slick-dots {

        left: auto;

        -webkit-transform: translateX(0);

        transform: translateX(0);

        right: 30px;

        bottom: 35px;

    }

}

.kit-testimonial-carousel .slick-dots li {

    width: unset;

    height: unset;

    margin: 0 3px;

}

.kit-testimonial-carousel .slick-dots li button {

    border: 0;

    background: #cdd6dc;

    opacity: .5;

    width: 10px;

    height: 10px;

}

.kit-testimonial-carousel .slick-dots li button:before {

    content: '';

}

.kit-testimonial-carousel .slick-dots li.slick-active button {

    opacity: 1;

    background: #0cc652;

}

.testimonial1 .section-title {

    text-align: center;

    margin-bottom: 40px;

}

@media (min-width: 768px) {

    .testimonial1 .section-title {

        text-align: left;

    }

}

.testimonial1 .section-title h2 {

    font-weight: 400;

    color: #fff;

}

.testimonial1 .section-title h2:before,

.testimonial1 .section-title h2:after {

    left: 50%;

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

    transform: translateX(-50%);

}

@media (min-width: 768px) {

    .testimonial1 .section-title h2:before,

    .testimonial1 .section-title h2:after {

        left: 0;

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

}

.testimonial1 .section-title h2 br {

    display: none;

}

@media (min-width: 768px) {

    .testimonial1 .section-title h2 br {

        display: block;

    }

}

.testimonial1 .section-title p {

    color: rgba(255, 255, 255, 0.7);

    font-weight: 300;

}

.testimonial1 .card-block p {

    color: rgba(255, 255, 255, 0.7);

}

@media (min-width: 768px) {

    .testimonial2 .kit-testimonial-carousel .slick-slide {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

    }

}

.testimonial2 .kit-testimonial-carousel .right-column img {

    display: inline-block;

}

@media (min-width: 768px) {

    .testimonial2 .kit-testimonial-carousel .right-column img {

        max-width: 100%;

    }

}

@media (min-width: 992px) {

    .testimonial2 .kit-testimonial-carousel .right-column img {

        max-width: unset;

    }

}

.testimonial2 .kit-testimonial-carousel .left-column {

    margin-top: 50px;

}

.testimonial2 .kit-testimonial-carousel .slick-dots {

    left: 50%;

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

    transform: translateX(-50%);

    bottom: 100px;

    right: auto;

}

@media (min-width: 768px) {

    .testimonial2 .kit-testimonial-carousel .slick-dots {

        left: 0;

        bottom: 30px;

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

}

@media (min-width: 992px) {

    .testimonial2 .kit-testimonial-carousel .slick-dots {

        bottom: 100px;

    }

}

.testimonial2 .card-block i {

    font-size: 36px;

    display: inline-block;

    color: #0cc652;

    margin-bottom: 25px;

}

.card.team-card {

    margin-top: 50px;

}

.card.team-card img {

    transition: all 0.4s ease;

}

.card.team-card:hover img {

    -webkit-filter: blur(2px);

    filter: blur(2px);

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

}

.card.team-card .hover-overlay .overlay-content {

    text-align: center;

    color: #fff;

    font-weight: 300;

}

.card.team-card .hover-overlay .overlay-content.diamond-shape {

    max-width: 100px;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}

.card.team-card .hover-overlay .icon-circle {

    margin: 15px 2px;

    width: 45px;

    height: 45px;

    line-height: 44px;

}

.card.team-card .hover-overlay .icon-ract.ract45 {

    border: 1px solid #fff;

    margin: 3px 1px;

}

.card.team-card .hover-overlay .ract45 {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

}

body {

    overflow: hidden;

    height: 100%;

}

body.loaded {

    overflow: auto;

    height: auto;

}

.smooth-loader-wrapper {

    background-color: #fff;

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 2000;

}

.smooth-loader-wrapper .smooth-loader {

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 2100;

    line-height: 0;

}

.smooth-loader .loader1 {

    position: relative;

    height: 100%;

    display: inline-block;

}

.smooth-loader .loader1 .loader-target {

    position: relative;

    height: 60px;

    width: 60px;

    margin-left: -30px;

    margin-top: -30px;

}

.loader-target .loader-target-main {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    border-radius: 50%;

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

    transform: rotate(45deg) translateZ(0);

    background: #00c9ff;

    background: linear-gradient(to right, #0cc652, #00c9ff);

    -webkit-animation-name: qodefTargetRotate;

    animation-name: qodefTargetRotate;

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-timing-function: cubic-bezier(0.38, 0.76, 0, 0.87);

    animation-timing-function: cubic-bezier(0.38, 0.76, 0, 0.87);

    -webkit-animation-delay: 0s;

    animation-delay: 0s;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    outline: transparent solid 1px;

}

.loader-target:after {

    content: '';

    position: absolute;

    top: 5%;

    left: 5%;

    height: 90%;

    width: 90%;

    border-radius: 50%;

    background: #fff;

    -webkit-animation-name: targetScale;

    animation-name: targetScale;

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-timing-function: cubic-bezier(0.38, 0.76, 0, 0.87);

    animation-timing-function: cubic-bezier(0.38, 0.76, 0, 0.87);

    -webkit-animation-delay: 0s;

    animation-delay: 0s;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

}

.loader-target .loader-target-inner {

    position: absolute;

    top: calc(30%);

    left: calc(30%);

    height: 40px;

    width: 40px;

    z-index: 100;

    opacity: 0;

    border-radius: 50%;

    background: #00c9ff;

    background: linear-gradient(to right, #0cc652, #00c9ff);

    -webkit-animation-name: targetScale;

    animation-name: targetScale;

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-timing-function: cubic-bezier(0.38, 0.76, 0, 0.67);

    animation-timing-function: cubic-bezier(0.38, 0.76, 0, 0.67);

    -webkit-animation-delay: 0s;

    animation-delay: 0s;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

}

.loader-target .loader-target-inner:after {

    content: '';

    position: absolute;

    top: 15px;

    left: 15px;

    height: 10px;

    width: 10px;

    border-radius: 50%;

    background: #fff;

    -webkit-animation-name: qodefTargetScale;

    animation-name: qodefTargetScale;

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-timing-function: cubic-bezier(0.38, 0.96, 0, 0.37);

    animation-timing-function: cubic-bezier(0.38, 0.96, 0, 0.37);

    -webkit-animation-delay: 0s;

    animation-delay: 0s;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

}

@-webkit-keyframes targetScale {

    0% {

        -webkit-transform: scale(0);

        transform: scale(0);

        opacity: 0;

    }

    50% {

        opacity: 1;

    }

    to {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 1;

    }

}

.loaded #preloader {

    opacity: 0;

    visibility: hidden;

    transition: all 0.7s ease-out;

}

.backToTop {

    display: inline-block;

    position: fixed;

    right: 50px;

    bottom: 35px;

    width: 40px;

    height: 40px;

    background: #0cc652;

    color: #fff;

    text-align: center;

    line-height: 36px;

    text-transform: uppercase;

    font-size: 14px;

    border-radius: 100px;

    box-sizing: content-box;

}

.backToTop:before {

    content: '';

    position: absolute;

    border: 3px solid rgba(12, 198, 82, 0.3);

    width: 40px;

    height: 40px;

    border-radius: 100px;

    top: -3px;

    left: -3px;

}

.backToTop i {

    display: inline-block;

}

.backToTop:hover {

    background-color: #0cc652;

    color: #fff;

}

.banner .rev_slider .slotholder:before {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    left: 50%;

    top: 30%;

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

    transform: translateX(-50%);

    border-radius: 100%;

    background-image: url(../img/banner-eclipse.png);

    z-index: 5;

    background-position: center;

    background-repeat: no-repeat;

    background-size: 90%;

}

@media (min-width: 768px) {

    .banner .rev_slider .slotholder:before {

        background-size: 45%;

    }

}

@media (min-width: 992px) {

    .banner .rev_slider .slotholder:before {

        background-size: 45%;

    }

}

@media (min-width: 1200px) {

    .banner .rev_slider .slotholder:before {

        width: 100%;

        top: 27%;

        background-size: auto;

    }

}

.banner .rev_slider .slotholder:after {

    width: 100%;

    height: 100%;

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    pointer-events: none;

    background: rgba(0, 0, 0, 0.5);

}

.banner .tp-caption.caption-1 {

    text-transform: uppercase;

}

.banner .tp-caption.caption-2 {

    text-transform: uppercase;

}

.banner .tp-caption.rev-btn {

    border-radius: 50px !important;

}

.banner .tp-caption.rev-btn a {

    color: #fff !important;

}

.banner .tp-caption.rev-btn a:hover {

    background-color: #0cc652;

}

.banner .tp-caption.rev-btn.rev-btn-2 {

    background-color: #fff !important;

    color: #222 !important;

}

.banner .tp-caption.rev-btn.rev-btn-2 a {

    color: #222 !important;

}

.banner .tp-caption.rev-btn.rev-btn-2 a:hover {

    background-color: #fff !important;

}

.banner .tp-caption.rev-btn.rev-btn-2:hover {

    color: #222 !important;

    background-color: #fff !important;

}

.banner .tparrows {

    cursor: pointer;

    background: rgba(255, 255, 255, 0.2);

    width: 30px;

    height: 50px;

    position: relative;

    display: none;

    z-index: 1000;

    left: 97% !important;

    text-align: center;

    padding-top: 15px;

    color: #fff;

    background-repeat: no-repeat;

    background-position: center;

}

@media (min-width: 768px) {

    .banner .tparrows {

        display: block;

    }

}

.banner .tparrows:hover {

    background: #fff;

    background-repeat: no-repeat;

    background-position: center;

}

.banner .tparrows:hover::before {

    opacity: 1 !important;

}

.banner .tparrows:hover::after {

    opacity: 1 !important;

}

.banner .tparrows.tp-leftarrow {

    -webkit-transform: matrix(1, 0, 0, 1, -60, -20) !important;

    transform: matrix(1, 0, 0, 1, -60, -20) !important;

    margin-top: -38px;

    margin-left: 10px;

    background-image: url(../img/arrow-left-white.png);

    margin-bottom: -10px;

}

.banner .tparrows.tp-leftarrow:hover {

    background-image: url(../img/arrow.png);

}

.banner .tparrows.tp-leftarrow:before {

    content: '';

    font-family: 'FontAwesome';

    position: absolute;

    border-left: 10px solid #fff;

    border-top: 50px solid transparent;

    z-index: 55;

    top: 0;

    right: -10px;

    opacity: 0.2;

}

.banner .tparrows.tp-leftarrow:after {

    content: '';

    position: absolute;

    border-right: 10px solid #fff;

    border-bottom: 50px solid transparent;

    z-index: 55;

    top: 0;

    left: -10px;

    opacity: 0.2;

}

.banner .tparrows.tp-rightarrow {

    margin-top: 37px;

    background-image: url(../img/arrow-right-white.png);

}

.banner .tparrows.tp-rightarrow:hover {

    background-image: url(../img/arrow-hr.png);

}

.banner .tparrows.tp-rightarrow:before {

    content: '';

    font-family: 'FontAwesome';

    position: absolute;

    border-right: 10px solid;

    border-top: 50px solid transparent;

    bottom: 0;

    left: -10px;

    opacity: 0.2;

}

.banner .tparrows.tp-rightarrow:after {

    content: '';

    position: absolute;

    border-left: 10px solid #fff;

    border-bottom: 50px solid transparent;

    z-index: 55;

    top: 0;

    right: -10px;

    opacity: 0.2;

}

.home-feature {

    padding-top: 80px;

    padding-bottom: 80px;

}

@media (min-width: 992px) {

    .home-feature {

        padding-top: 100px;

        padding-bottom: 100px;

    }

}

.home-feature .info {

    margin-top: 55px;

}

.home-about p.description {

    margin-bottom: 30px;

}

.home-about .btn {

    border-radius: 100px;

    display: inline-block;

    margin-bottom: 40px;

}

@media (min-width: 768px) {

    .home-about .btn {

        margin-bottom: 0;

    }

}

.home-about .promo-video {

    height: 100%;

    border-radius: 2px;

}

.home-about .promo-video.bg-image:before {

    background-color: rgba(0, 0, 0, 0.5);

}

.home-about .promo-video .video-button a {

    font-size: 24px;

    color: #fff;

}

.home-about .promo-video .video-button a:before {

    background: 0 0;

}

.home-about .promo-video .video-button i {

    position: relative;

    height: 70px;

    width: 70px;

    line-height: 70px;

    font-size: 18px;

    border-radius: 50px;

    padding-left: 4px;

    margin-right: 15px;

    text-align: center;

    border: 0 solid transparent;

    background: #0cc652;

    transition: background 0.3s ease;

}

.home-about .promo-video:hover .video-button i {

    -webkit-transform: scale(1);

    transform: scale(1);

    background: #0cc652;

}

.home-services {

    padding-top: 60px;

    padding-bottom: 60px;

}

@media (min-width: 992px) {

    .home-services {

        padding-top: 100px;

        padding-bottom: 100px;

    }

}

.home-services .info.info-boxed {

    margin-top: 85px;

    background: 0 0;

    border: 1px dashed rgba(0, 0, 0, 0.2);

    padding: 0 35px 45px;

}

.home-services .info.info-boxed .info-title {

    margin-top: 20px;

    margin-bottom: 15px;

}

.home-services .info.info-boxed:hover {

    border: 1px dashed transparent;

}

.home-services .info.info-boxed:hover a {

    text-decoration: underline;

}

.countup-section {

    padding-top: 50px;

    padding-bottom: 70px;

}

@media (min-width: 992px) {

    .countup-section {

        padding-top: 50px;

        padding-bottom: 70px;

    }

}

.about-more {

    padding-top: 80px;

}

@media (min-width: 992px) {

    .about-more {

        padding-top: 100px;

    }

}

.about-more .section-title {

    text-align: center;

}

@media (min-width: 768px) {

    .about-more .section-title {

        text-align: left;

    }

}

.about-more .section-title h2 {

    font-size: 24px;

}

@media (min-width: 992px) {

    .about-more .section-title h2 {

        font-size: 26px;

    }

}

.about-more .section-title h2:before,

.about-more .section-title h2:after {

    left: 50%;

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

    transform: translateX(-50%);

}

@media (min-width: 768px) {

    .about-more .section-title h2:before,

    .about-more .section-title h2:after {

        left: 0;

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

}

@media (min-width: 992px) {

    .about-more .skill {

        padding-right: 50px;

    }

}

.home-classic .tooltip,

.services .tooltip,

.kit .tooltip,

.services-details .tooltip,

.member-details-page .tooltip {

    z-index: 55;

}

.home-classic .tooltip-inner,

.services .tooltip-inner,

.kit .tooltip-inner,

.services-details .tooltip-inner,

.member-details-page .tooltip-inner {

    width: auto;

    color: #0cc652 !important;

    position: relative;

    text-align: center;

    background-color: transparent !important;

    border-radius: 0;

}

.home-classic .tooltip.bs-tooltip-top .arrow::before,

.services .tooltip.bs-tooltip-top .arrow::before,

.kit .tooltip.bs-tooltip-top .arrow::before,

.services-details .tooltip.bs-tooltip-top .arrow::before,

.member-details-page .tooltip.bs-tooltip-top .arrow::before {

    border-color: transparent;

}

.faq {

    margin-top: 50px;

}

@media (min-width: 768px) {

    .faq {

        margin-top: 0;

    }

}

.faq .th-accordions {

    margin-top: 30px;

}

.home-portfolio {

    padding-top: 80px;

    padding-bottom: 80px;

}

@media (min-width: 992px) {

    .home-portfolio {

        padding-top: 100px;

        padding-bottom: 100px;

    }

}

.home-portfolio .sectionTitle {

    margin-bottom: 20px;

}

.home-portfolio ul#filters {

    position: relative;

    text-align: center;

    padding: 30px 0 18px;

}

.home-portfolio ul#filters li {

    display: block;

    margin: 8px;

    position: relative;

}

@media (min-width: 768px) {

    .home-portfolio ul#filters li {

        display: inline-block;

        margin: 8px;

    }

}

@media (min-width: 992px) {

    .home-portfolio ul#filters li {

        display: inline-block;

        margin: 10px;

    }

}

.home-portfolio ul#filters li a {

    position: relative;

    color: #222;

}

.home-portfolio ul#filters li.active a,

.home-portfolio ul#filters li:hover a {

    color: #0cc652;

}

.home-portfolio ul#filters li.active a:after {

    position: absolute;

    content: '';

    top: 30px;

    right: 0;

    width: 100%;

    height: 1px;

    background: #0cc652;

}

.home-portfolio .row.no-gutters .card {

    margin-top: 10px;

}

.home-portfolio .row.no-gutters.portfolio_grid {

    margin-left: -5px;

    margin-right: -5px;

}

.home-portfolio .row.no-gutters.portfolio_grid .card {

    margin-left: 5px;

    margin-right: 5px;

}

.home-portfolio .card {

    margin-top: 30px;

}

@media (min-width: 992px) {

    .home-portfolio .card .hover-overlay h6.overlay-title {

        font-size: 15px;

        padding: 5px 0 0;

    }

}

@media (min-width: 1200px) {

    .home-portfolio .card .hover-overlay h6.overlay-title {

        font-size: 16px;

    }

}

.home-portfolio .btn-container {

    text-align: center;

    margin-top: 50px;

}

.home-team {

    padding-bottom: 80px;

}

@media (min-width: 992px) {

    .home-team {

        padding-bottom: 100px;

    }

}

.home-team .card-block {

    padding-left: 30px;

}

.home-team .card-block .card-title {

    padding-bottom: 5px;

}

.home-team .card-block>span {

    padding: 0;

}

@media (min-width: 768px) {

    .home-team .card.team-card .hover-overlay .icon-circle {

        width: 35px;

        height: 35px;

        line-height: 34px;

    }

}

@media (min-width: 1200px) {

    .home-team .card.team-card .hover-overlay .icon-circle {

        width: 45px;

        height: 45px;

        line-height: 44px;

    }

}

.home-team .slick-dots {

    bottom: -30px;

}

.home-team .slick-dots li {

    width: unset;

    height: unset;

    margin: 0 3px;

}

.home-team .slick-dots li button {

    border: 0;

    background: #cdd6dc;

    opacity: 1;

    width: 10px;

    height: 10px;

}

.home-team .slick-dots li button:before {

    content: '';

}

.home-team .slick-dots li.slick-active button {

    background: #0cc652;

}

.home-team #card {

    padding-bottom: 30px;

}

.home-testimonial {

    padding: 60px 0 0;

}

@media (min-width: 480px) {

    .home-testimonial.bg-image {

        background-size: unset !important;

        background-position: 83% 0 !important;

        background-repeat: no-repeat;

    }

}

@media (min-width: 768px) {

    .home-testimonial.bg-image {

        background-position: 60% 0 !important;

        background-size: cover !important;

    }

}

@media (min-width: 1200px) {

    .home-testimonial.bg-image {

        background-position: 50% 0 !important;

    }

}

.home-testimonial.bg-image:before {

    background-color: transparent;

}

.home-testimonial .section-title {

    text-align: center;

    margin-bottom: 40px;

}

@media (min-width: 768px) {

    .home-testimonial .section-title {

        text-align: left;

    }

}

.home-testimonial .section-title h2 {

    font-weight: 400;

    color: #fff;

}

.home-testimonial .section-title h2:before,

.home-testimonial .section-title h2:after {

    left: 50%;

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

    transform: translateX(-50%);

}

@media (min-width: 768px) {

    .home-testimonial .section-title h2:before,

    .home-testimonial .section-title h2:after {

        left: 0;

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

}

.home-testimonial .section-title h2 br {

    display: none;

}

@media (min-width: 768px) {

    .home-testimonial .section-title h2 br {

        display: block;

    }

}

.home-testimonial .section-title p {

    color: rgba(255, 255, 255, 0.7);

    font-weight: 300;

}

@media (min-width: 768px) {

    .home-testimonial.testimonial2 .left-column {

        margin-top: 0;

    }

}

@media (min-width: 992px) {

    .home-testimonial.testimonial2 .left-column {

        margin-top: 50px;

    }

}

@media (min-width: 768px) {

    .home-testimonial.testimonial2 .left-column .card-block i {

        margin-bottom: 15px;

    }

}

@media (min-width: 992px) {

    .home-testimonial.testimonial2 .left-column .card-block i {

        margin-bottom: 25px;

    }

}

@media (min-width: 768px) {

    .home-testimonial.testimonial2 .left-column .card-block p {

        padding-bottom: 5px;

    }

}

@media (min-width: 992px) {

    .home-testimonial.testimonial2 .left-column .card-block p {

        padding-bottom: 30px;

    }

}

.home-testimonial.testimonial2 .slick-dots {

    bottom: 100px;

}

@media (min-width: 768px) {

    .home-testimonial.testimonial2 .slick-dots {

        bottom: 20px;

    }

}

@media (min-width: 992px) {

    .home-testimonial.testimonial2 .slick-dots {

        bottom: 80px;

    }

}

@media (min-width: 1200px) {

    .home-testimonial.testimonial2 .slick-dots {

        bottom: 100px;

    }

}

.home-testimonial .card-block p {

    font-size: 16px;

    color: #8b8e93;

}

.pricing-section {

    padding-top: 80px;

    padding-bottom: 80px;

}

@media (min-width: 992px) {

    .pricing-section {

        padding-top: 100px;

        padding-bottom: 100px;

    }

}

.pricing-section .price-card {

    margin-top: 50px;

}

.home-blog {

    padding-top: 80px;

    padding-bottom: 80px;

}

@media (min-width: 992px) {

    .home-blog {

        padding-top: 100px;

        padding-bottom: 100px;

    }

}

.home-blog .section-title {

    padding-bottom: 15px;

}

.home-blog .media {

    margin-top: 50px;

}

@media (min-width: 768px) {

    .home-blog .media {

        margin-top: 30px;

    }

}

.contact {

    padding-top: 80px;

    padding-bottom: 80px;

}

@media (min-width: 992px) {

    .contact {

        padding-top: 100px;

        padding-bottom: 100px;

    }

}

.contact .section-title {

    text-align: center;

}

@media (min-width: 768px) {

    .contact .section-title {

        text-align: right;

    }

}

.contact .section-title h2 {

    font-size: 26px;

}

.contact .section-title h2:before,

.contact .section-title h2:after {

    left: 50%;

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

    transform: translateX(-50%);

}

@media (min-width: 768px) {

    .contact .section-title h2:before,

    .contact .section-title h2:after {

        left: 0;

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

}

.contact .media {

    padding-top: 45px;

}

.contact form {

    padding-top: 50px;

}

.contact form input.form-control,

.contact form select.form-control {

    border-radius: 2px;

    margin-bottom: 20px;

    border: 1px solid #f0f0f0;

}

.contact form textarea.form-control {

    border-radius: 2px;

    margin-bottom: 30px;

    border: 1px solid #f0f0f0;

}

.contact form .btn {

    font-size: 15px;

    border-radius: 100px;

    font-weight: 900;

    padding: 0 26px;

    width: 100%;

}

@media (min-width: 768px) {

    .contact form .btn {

        width: auto;

    }

}

footer {

    padding-top: 50px;

}

@media (min-width: 992px) {

    footer {

        padding-top: 55px;

    }

}

.footer p {

    color: rgba(255, 255, 255, 0.5);

    font-size: 14px;

    line-height: 24px;

    margin: 30px 0 40px;

}

@media (min-width: 768px) {

    .footer p {

        margin: 25px 0 35px;

    }

}

@media (min-width: 992px) {

    .footer p {

        margin: 35px 0 45px;

    }

}

.footer .social-icons .btn-social-o {

    background-color: transparent !important;

    color: #fff;

    font-size: 20px;

}

@media (min-width: 768px) {

    .footer .social-icons .btn-social-o {

        width: 30px;

        height: 30px;

    }

}

@media (min-width: 992px) {

    .footer .social-icons .btn-social-o {

        width: 30px;

        height: 30px;

    }

}

.footer .social-icons .btn-social-o:hover {

    color: #0cc652;

}

.copyright {

    margin-top: 50px;

}

.copyright hr {

    background-color: rgba(255, 255, 255, 0.05);

    margin-top: 0;

    height: 1px;

    margin-bottom: 0;

}

.copyright p {

    padding-bottom: 25px;

    padding-top: 25px;

    margin-bottom: 0;

    margin-top: 0;

    font-size: 12px;

    line-height: 17px;

    color: rgba(255, 255, 255, 0.5);

}

.copyright p a:hover {

    color: #0cc652 !important;

}

.about-us .home-team {

    padding-top: 80px;

    padding-bottom: 80px;

}

@media (min-width: 992px) {

    .about-us .home-team {

        padding-top: 100px;

        padding-bottom: 100px;

    }

}

#googleMap {

    height: 400px;

    width: 100%;

    margin-top: 50px;

}

@media (min-width: 768px) {

    .page-error .main-nav {

        box-shadow: 2px 3px 9px rgba(44, 40, 86, 0.1);

    }

}

.page-error .error {

    text-align: center;

    padding-top: 100px;

    padding-bottom: 100px;

}

@media (min-width: 992px) {

    .page-error .error {

        padding-top: 100px;

        padding-bottom: 100px;

    }

}

.page-error .error form {

    position: relative;

}

.page-error .error form .btn-search {

    top: 9px;

}

@media (min-width: 768px) {

    .page-error .error form .btn-search {

        top: 16px;

    }

}

.page-error .error .img-text {

    position: relative;

    text-align: center;

    padding-bottom: 50px;

}

.page-error .error .img-text:after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 50%;

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

    transform: translateX(-50%);

    width: 60px;

    height: 2px;

    background: #dedede;

}

.page-error .error h2 {

    font-size: 34px;

    font-weight: 400;

    padding: 50px 0 20px;

}

.page-error .error p {

    color: #8b8e93;

    font-size: 14px;

    font-weight: 400;

    padding: 0 0 50px;

}

.page-error .error input {

    margin-bottom: 50px;

    background-color: transparent;

}

.work-process-wrapper {

    padding-top: 80px;

    padding-bottom: 80px;

}

@media (min-width: 992px) {

    .work-process-wrapper {

        padding-top: 100px;

        padding-bottom: 100px;

    }

}

.work-process-wrapper .card {

    margin-top: 55px;

}

@media (min-width: 768px) {

    .work-process-wrapper .card {

        margin-top: 35px;

    }

}

@media (min-width: 768px) {

    .work-process-wrapper .card .card-body h5 {

        font-size: 16px;

    }

}

@media (min-width: 992px) {

    .work-process-wrapper .card .card-body h5 {

        font-size: 18px;

    }

}

.work-process-wrapper .card .process-img {

    position: relative;

    width: 170px;

    height: 170px;

    border: 6px solid #eaeaea;

    border-radius: 50%;

    overflow: hidden;

}

@media (min-width: 768px) {

    .work-process-wrapper .card .process-img {

        width: 150px;

        height: 150px;

    }

}

@media (min-width: 992px) {

    .work-process-wrapper .card .process-img {

        width: 170px;

        height: 170px;

    }

}

.work-process-wrapper .card .process-img img {

    max-width: 100%;

}

.work-process-wrapper .card-img-top {

    position: absolute;

    content: '';

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    width: 90px;

    height: 90px;

    border-radius: 100%;

    line-height: 90px;

    color: #fff;

    background-color: rgba(12, 198, 82, 0.8);

    z-index: 5;

}

.work-process-wrapper .card-img-top i {

    display: block;

    font-size: 45px;

    font-weight: 400px;

    font-style: normal;

    text-align: center;

}

.faq-page .faq {

    padding-top: 80px;

    padding-bottom: 80px;

}

@media (min-width: 992px) {

    .faq-page .faq {

        padding-top: 100px;

        padding-bottom: 100px;

    }

}

.page-comingsoon {

    padding: 100px 0;

}

.page-comingsoon .path-2 {

    fill: #222;

}

.page-comingsoon .form_subscribe {

    position: relative;

}

.page-comingsoon .form_subscribe i {

    color: #0cc652;

}

.page-comingsoon .form_subscribe input {

    background: 0 0;

    border: 1px solid #f5f5f6;

}

.page-comingsoon .form_subscribe input::-webkit-input-placeholder {

    color: #8b8e93;

}

.page-comingsoon .form_subscribe input:-moz-placeholder {

    color: #8b8e93;

}

.page-comingsoon .form_subscribe input::-moz-placeholder {

    color: #8b8e93;

}

.page-comingsoon .form_subscribe input:-ms-input-placeholder {

    color: #8b8e93;

}

.page-comingsoon .comingsoon h1 {

    margin-top: 80px;

    margin-bottom: 15px;

}

.page-comingsoon .count-down {

    padding-top: 25px;

    padding-bottom: 25px;

}

.page-comingsoon .count-down .table-cell {

    position: relative;

    height: 150px;

}

.page-comingsoon .count-down .tab-val {

    width: 150px;

    font-size: 40px;

    height: 150px;

    line-height: 112px;

    font-weight: 500;

    background-color: #0cc652 !important;

    border-color: #0cc652;

    color: #fff;

}

.page-comingsoon .count-down .tab-metr {

    margin-top: -65px;

    font-size: 16px;

    color: #fff !important;

}

.page-comingsoon .form_subscribe {

    margin: 0 0 80px;

}

.services .about-more {

    padding-top: 80px;

    padding-bottom: 80px;

}

@media (min-width: 992px) {

    .services .about-more {

        padding-top: 100px;

        padding-bottom: 100px;

    }

}

.service_single-area {

    padding-top: 80px;

    padding-bottom: 80px;

}

@media (min-width: 992px) {

    .service_single-area {

        padding-top: 100px;

        padding-bottom: 100px;

    }

}

.service_single-area .service_details-desc h2 {

    margin-top: 40px;

    text-transform: capitalize;

}

.service_single-area .service_details-desc p {

    margin-top: 15px;

}

.service_single-area .service_details-desc ul.styled_list {

    margin-top: 15px;

}

.service_single-area .service_details-desc ul.styled_list i {

    color: #0cc652;

}

.service_single-area .service_details-desc h4 {

    margin-top: 40px;

}

.service_single-area .skill,

.service_single-area .faq {

    padding-top: 30px;

}

.service_single-area .skill .section-title h2,

.service_single-area .faq .section-title h2 {

    font-size: 24px;

}

.service_single-area .skill .progress-holder,

.service_single-area .faq .progress-holder {

    margin-top: 30px;

}

.sidebar .list-group {

    margin-bottom: 40px;

}

@media (min-width: 768px) {

    .sidebar .list-group {

        margin-bottom: 0;

    }

}

.sidebar .list-group .list-group-item {

    margin-top: 0;

}

.sidebar .list-group .list-group-item:first-child {

    margin-top: 0;

}

.sidebar .list-group .list-group-item a {

    font-size: 14px;

    font-weight: 400;

    position: relative;

    color: #222;

    padding-left: 0;

}

.sidebar .list-group .list-group-item a:before {

    position: absolute;

    content: '';

    font-family: 'FontAwesome';

    left: 0;

}

.sidebar .list-group .list-group-item a:hover {

    color: #0cc652;

}

.sidebar .list-group .list-group-item.active a {

    color: #fff;

}

.portfolio-projects .sidebar {

    margin-top: 40px;

}

@media (min-width: 992px) {

    .portfolio-projects .sidebar {

        margin-top: 90px;

    }

}

.block {

    position: relative;

}

.block .nav-item a {

    position: relative;

    padding: 0 0 20px;

    display: block;

}

.block .nav-item a:after {

    position: absolute;

    content: '\f105';

    font-family: 'FontAwesome';

    right: 10px;

    transition: all 0.3s ease;

}

.block .nav-item:hover a:after {

    right: 0;

}

.block .nav-item:last-child a {

    padding-bottom: 0;

}

.block h4 {

    padding-bottom: 30px;

}

.block .carousel-indicators {

    bottom: -10px;

}

.block .carousel-indicators li {

    background-color: rgba(0, 0, 0, 0.2);

}

.block .carousel-indicators li.active {

    background-color: #0cc652;

}

.block .carousel-item {

    max-height: 200px;

}

@media (min-width: 768px) {

    .block .carousel-item {

        max-height: 140px;

    }

}

@media (min-width: 1200px) {

    .block .carousel-item {

        max-height: 170px;

    }

}

.block .carousel-item .overlay-link {

    position: absolute;

}

.block .carousel-item .overlay-link:after {

    position: absolute;

    content: '';

    top: 0;

    bottom: 0;

    left: 50%;

    right: 50%;

    background-color: rgba(12, 198, 82, 0.3);

    transition: all 0.3s ease;

}

.block .carousel-item .overlay-link i {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    width: 50px;

    height: 50px;

    text-align: center;

    line-height: 50px;

    color: #0cc652;

    font-size: 18px;

    z-index: 55;

    border-radius: 100%;

    background: #fff;

    opacity: 0;

    visibility: hidden;

    transition: all 0.3s ease;

}

.block .carousel-item .overlay-link:hover:after {

    left: 0;

    right: 0;

}

.block .carousel-item .overlay-link:hover i {

    opacity: 1;

    visibility: visible;

}

.tags a {

    padding: 4px 10px;

    border-radius: 2px;

    color: #fff;

    display: inline-block;

    margin-right: 5px;

    margin-bottom: 8px;

    border: 1px solid;

    background-color: #0cc652;

    border-color: #0cc652;

    font-size: 12px;

}

.tags a:hover {

    background-color: transparent;

    color: #0cc652;

    border-color: #0cc652;

}

.portfolio_grid .card-block {

    border: 1px solid #f5f5f6;

    border-top: 0;

    padding-left: 25px;

    padding-right: 25px;

}

@media (min-width: 992px) {

    .portfolio_grid .card-block {

        padding-left: 10px;

        padding-right: 10px;

    }

}

.portfolio_grid .card-block a {

    border-radius: 2px;

    font-size: 12px;

    margin-bottom: 25px;

}

.project-details-wrapper {

    padding-top: 80px;

    padding-bottom: 80px;

}

@media (min-width: 992px) {

    .project-details-wrapper {

        padding-top: 100px;

        padding-bottom: 100px;

    }

}

.project-details-wrapper .project-desc {

    padding-top: 50px;

}

.project-details-wrapper .page-nav {

    margin-top: 80px;

    position: relative;

    padding: 30px 0 25px;

    border-top: 1px solid #dedede;

    border-bottom: 1px solid #dedede;

}

@media (min-width: 992px) {

    .project-details-wrapper .page-nav {

        margin-top: 100px;

    }

}

.project-details-wrapper .page-nav .prev i {

    padding-top: 2px;

    padding-right: 10px;

}

.project-details-wrapper .page-nav .next i {

    padding-top: 2px;

    padding-left: 10px;

}

.project-details-wrapper .page-nav:before {

    content: '';

    position: absolute;

    top: 50%;

    left: 50%;

    height: 14px;

    border-left: 1px solid #dedede;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}

.project-details-wrapper .project_specification {

    padding: 40px 30px;

    color: #fff;

    position: relative;

}

.project-details-wrapper .project_specification h2 {

    color: #222;

    margin-bottom: 30px;

    margin-top: 0;

}

.project-details-wrapper .project_specification .row {

    margin-top: 15px;

    color: #8b8e93;

}

.project-details-wrapper .project_specification .row .col-4 {

    color: #222;

}

.project-details-wrapper .project_specification .row a:hover {

    color: #0cc652 !important;

}

.project-details-wrapper .related-projects .section-title {

    margin-top: 80px;

}

.project-details-wrapper .related-projects .card {

    margin-top: 30px;

}

.project-details-wrapper .related-projects .card-block {

    border: 1px solid #f5f5f6;

    border-top: 0;

    padding-left: 25px;

    padding-right: 25px;

}

.project-details-wrapper .related-projects .card-block a {

    border-radius: 2px;

    font-size: 12px;

    margin-bottom: 25px;

}

.team-page .home-team {

    padding-top: 80px;

}

@media (min-width: 992px) {

    .team-page .home-team {

        padding-top: 100px;

    }

}

.member-details {

    padding-top: 80px;

    padding-bottom: 80px;

}

@media (min-width: 992px) {

    .member-details {

        padding-top: 100px;

        padding-bottom: 100px;

    }

}

.member-details .member_designation {

    margin-bottom: 30px;

    padding-top: 12px;

}

.member-details .member_designation h2 {

    margin-bottom: 5px;

    margin-top: 25px;

}

@media (min-width: 768px) {

    .member-details .member_designation h2 {

        margin-top: 0;

    }

}

.member-details .member_designation span {

    font-style: italic;

}

.member-details .member_desc li {

    display: block;

    float: unset;

    width: 100%;

}

.member-details .member_desc li i {

    color: #0cc652;

    font-size: 14px;

}

.member-details .member_desc h4 {

    margin-top: 40px;

}

.member-details .member_desc p {

    margin-top: 10px;

}

.member-details .member_desc .progress-holder {

    margin-top: 30px;

}

.member-details .media-box {

    margin-bottom: 20px;

}

@media (min-width: 992px) {

    .member-details .media-box {

        margin-bottom: 0;

    }

}

.member-details .member_contact {

    padding: 40px;

    position: relative;

    margin-top: 40px;

}

.member-details .member_contact .media-icon {

    font-size: 32px;

    color: #dae0e6;

    position: relative;

    width: 30px;

    text-align: center;

    float: left;

    margin-right: 15px;

}

.member-details .member_contact .media-content {

    padding-left: 0;

    float: left;

}

.member-details .member_contact .media-content h5 {

    font-size: 15px;

}

.member-details .member_contact .media-content h5,

.member-details .member_contact .media-content a {

    color: #dae0e6;

}

.social-icons {

    text-align: center;

    margin: 12px auto;

}

.member-details .member_contact .social-icons .btn-social {

    width: 128px;

    height: 40px;

    line-height: 40px;

    margin-bottom: 8px;

}

.member-details .member_contact .social-icons .btn {

    background-color: transparent;

    border: 1px solid;

    border-color: #999;

    color: #dae0e6;

}

.member-details .member_contact .social-icons .btn:hover {

    background-color: #0cc652;

    border-color: #0cc652;

    opacity: 1;

}

.blog-content-area {

    padding-top: 50px;

    padding-bottom: 80px;

}

@media (min-width: 992px) {

    .blog-content-area {

        padding-top: 70px;

        padding-bottom: 100px;

    }

}

.blog-content-area .th-pagination {

    padding-top: 80px;

}

@media (min-width: 992px) {

    .blog-content-area .th-pagination {

        padding-top: 100px;

    }

}

@media (min-width: 768px) {

    .blog-left-sidebar .media.blog-media,

    .blog-right-sidebar .media.blog-media {

        display: table;

    }

}

@media (min-width: 768px) {

    .blog-left-sidebar .media.blog-media>a,

    .blog-right-sidebar .media.blog-media>a {

        display: table-cell;

        vertical-align: top;

        min-width: 250px;

    }

}

@media (min-width: 768px) {

    .blog-left-sidebar .media.blog-media .media-body,

    .blog-right-sidebar .media.blog-media .media-body {

        border-top: 1px solid #efeff3;

        border-left: none;

        display: table-cell;

        vertical-align: top;

    }

}

.blog-left-sidebar .media.blog-media .media-body a.post-link,

.blog-right-sidebar .media.blog-media .media-body a.post-link {

    padding: 22px 0;

}

@media (min-width: 1200px) {

    .blog-left-sidebar .media.blog-media>a,

    .blog-right-sidebar .media.blog-media>a {

        min-width: 250px;

    }

}

.blog-post .media.blog-media {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

.blog-post .bredcrumb h2 {

    margin-bottom: 0;

}

.blog-post .media.blog-media .media-body ul li {

    font-size: 13px;

    width: auto;

    padding-right: 14px;

}

.blog-post .media.blog-media .media-body ul li i {

    display: none;

}

@media (min-width: 768px) {

    .blog-post .media.blog-media .media-body ul li i {

        display: inline-block;

    }

}

@media (min-width: 768px) {

    .blog-post .media.blog-media .media-body ul li {

        font-size: 14px;

        width: auto;

        padding-right: unset;

    }

}

.blog-post .media.blog-media .media-body ul li:before {

    left: -8px;

}

@media (min-width: 768px) {

    .blog-post .media.blog-media .media-body ul li:before {

        left: 0;

    }

}

.blog-post-contents {

    padding: 80px 0;

}

@media (min-width: 992px) {

    .blog-post-contents {

        padding: 100px 0;

    }

}

.blog-post-contents .media.blog-media {

    margin-top: 0;

}

.blog-post-contents .media.blog-media .media-body {

    padding: 30px;

    border: 1px solid #eeeef2;

    border-top: none;

    max-width: 100%;

}

.blog-post-contents .media.blog-media .media-body p {

    padding-bottom: 15px;

}

.blog-post-contents .media.blog-media .media-body ul {

    padding-top: 15px;

}

.blog-post-contents .media.blog-media:hover .circle {

    background-color: rgba(255, 255, 255, 0.7);

}

.blog-post-contents .media.blog-media:hover .circle .day,

.blog-post-contents .media.blog-media:hover .circle .month {

    opacity: 1;

}

.blog-post-contents .comment_box {

    padding-top: 50px;

    padding-bottom: 40px;

}

@media (min-width: 992px) {

    .blog-post-contents .comment_box {

        padding-bottom: 0;

    }

}

.blog-post-contents .comment_box h3 {

    font-size: 20px;

    padding-bottom: 30px;

}

.blog-post-contents .comment_box input.form-control,

.blog-post-contents .comment_box textarea.form-control,

.blog-post-contents .comment_box select.form-control {

    background-color: transparent;

    border-color: #efeff3;

}

.left-sidebar .blog-sidebar {

    padding-left: 15px;

}

@media (min-width: 992px) {

    .left-sidebar .blog-sidebar {

        padding-right: 50px;

    }

}

@media (min-width: 992px) {

    .left-sidebar .blog-sidebar .form_search .btn-search,

    .form_search .btn-search {

        left: 10px;

    }

}

.blog-sidebar {

    margin-top: 50px;

    padding-left: 15px;

}

@media (min-width: 992px) {

    .blog-sidebar {

        margin-top: 30px;

        padding-left: 50px;

    }

}

.blog-sidebar .form_search,

.form_search {

    margin-bottom: 0;

    position: relative;

}

.blog-sidebar .form_search input.form-control,

.form_search input.form-control {

    background-color: transparent;

    border-color: #efeff3;

}

.blog-sidebar .form_search .btn-search,

.form_search .btn-search {

    left: 10px;

    color: #222;

}

.blog-sidebar.sidebar-left .form_search .btn-search {

    right: 55px;

}

.blog-sidebar h4 {

    margin-top: 45px;

}

.blog-sidebar .list-group {

    margin-top: 30px;

}

.blog-sidebar .media {

    margin-top: 20px;

}

.blog-sidebar .media img {

    height: 60px;

    width: 60px;

}

.blog-sidebar .media .media-body {

    padding: 0 20px;

}

.blog-sidebar .media .media-body h6 {

    padding: 5px 0 10px;

}

.blog-sidebar .media .media-body h6 a {

    color: #222;

}

.blog-sidebar .media .media-body h6 a:hover {

    color: #0cc652;

}

.blog-sidebar .tags {

    margin-top: 30px;

}

.blog-sidebar .archive {

    padding-top: 5px;

}

.blog-sidebar .archive li {

    padding-top: 15px;

}

.blog-post .sidebar {

    margin-top: 0;

}

.blog-post h2 {

    margin-bottom: 20px;

    font-size: 24px;

}

@media (min-width: 768px) {

    .blog-post h2 {

        margin-bottom: 10px;

        font-size: 30px;

    }

}

.comment-wrapper {

    margin-top: 50px;

}

.comment {

    padding-top: 25px;

}

.reply {

    padding-top: 15px;

}

.comment_img,

.reply_img {

    overflow: hidden;

    display: inline-block;

    float: right;

    width: 60px;

    height: 60px;

}

@media (min-width: 768px) {

    .comment_img,

    .reply_img {

        width: 80px;

        height: 80px;

    }

}

.comment_img img,

.reply_img img {

    max-width: 100%;

}

.reply {

    padding-left: 40px;

    padding-top: 15px;

}

@media (min-width: 768px) {

    .reply {

        padding-left: 100px;

    }

}

.comment_title {

    padding-left: 80px;

}

@media (min-width: 768px) {

    .comment_title {

        padding-left: 100px;

    }

}

.reply_title {

    padding-left: 80px;

}

@media (min-width: 768px) {

    .reply_title {

        padding-left: 80px;

    }

}

.comment_title i,

.reply_title i {

    margin-right: 5px;

}

.comment_title h5,

.reply_title h5 {

    padding-bottom: 10px;

}

.comment_title p,

.reply_title p {

    padding: 15px 0 10px;

    color: #8b8e93;

}

.comment_title .btn,

.reply_title .btn {

    color: #0cc652;

    font-size: 12px;

    padding: 0;

    font-weight: 400;

    height: 30px;

    padding: 0 15px;

    line-height: 30px;

    border-radius: 2px;

    border: 1px solid #0cc652;

}

.comment_title .btn:hover,

.reply_title .btn:hover {

    box-shadow: none;

    background-color: #0cc652;

    color: #fff;

}

body.default {

    background-image: url(../img/patterns/pattern1.png);

    background-repeat: repeat;

    background-attachment: fixed;

    background-position: center;

}

body.pattern-01 {

    background-image: url(../img/patterns/pattern2.png);

    background-repeat: repeat;

    background-attachment: fixed;

    background-position: center;

}

body.pattern-02 {

    background-image: url(../img/patterns/pattern3.png);

    background-repeat: repeat;

    background-attachment: fixed;

    background-position: center;

}

body.pattern-03 {

    background-image: url(../img/patterns/pattern4.png);

    background-repeat: repeat;

    background-attachment: fixed;

    background-position: center;

}

body.pattern-04 {

    background-image: url(../img/patterns/pattern5.png);

    background-repeat: repeat;

    background-attachment: fixed;

    background-position: center;

}

.footer-fix-telegram-join {

    position: fixed;

    left: 0px;

    bottom: 0px;

    z-index: 9;

    cursor: pointer;

}

.footer-fix-telegram-join .mobile-view {

    display: none;

}

@media (max-width: 640px) {

    .footer-fix-telegram-join {

        position: fixed;

        z-index: 9;

        background-color: #1976D2;

        width: 100%;

        color: #FFF;

        text-align: center;

        padding: 8px 0px;

        bottom: 0px;

    }

    .footer-fix-telegram-join a {

        color: #FFF;

    }

    .footer-fix-telegram-join .dekstop-view {

        display: none;

    }

    .footer-fix-telegram-join .mobile-view {

        display: block;

    }

}

a:hover,

a:focus,

.bredcrumb .pager.middle a,

.element-sidenav .nav-item>a.nav-link:hover,

.element-sidenav .nav-item.active>a.nav-link,

.icon-left.card.card-accordion .card-header.header-inverse a,

.btn-primary-outlined,

.list-group-item a:hover .badge,

.list-group-item-primary a,

.card .card-title:hover,

.icon-left.card.card-accordion .card-header.header-inverse a,

.selectOptions .sbOptions a:hover,

ul.nav .nav-item.active .nav-link,

.icon_tabs .nav-item a.nav-link:hover .fa,

.icon_tabs .nav-item a.nav-link.active .fa,

.nav-tabs.bar-tabs .nav-link.active h5,

.th-accordions .collapse-bar:after,

.th-accordions .collapse-bar:hover,

.th-accordions a[aria-expanded=true],

.media.blog-media:hover .media-body h5,

.media.blog-media:hover .media-body a.post-link,

.countUp .count-text,

.contact-media .icon.icon-circle,

.hover-overlay .icon-ract:hover i,

.hover-overlay .icon-circle:hover,

.card.info-card .card-block span,

.main-nav .nav-item a.nav-link:hover,

.main-nav .nav-item.active a.nav-link,

.header-transparent.navbar-sticky .nav-item a.nav-link:hover,

.header-transparent.navbar-sticky.main-nav .nav-item.active a.nav-link,

.pricing .circle .price,

p.price span,

.pricing_image-card .circle span.price,

.info .icon,

.info.info-boxed:hover a,

.testimonial2 .card-block i,

.services .tooltip-inner,

.kit .tooltip-inner,

.services-details .tooltip-inner,

.member-details-page .tooltip-inner,

.home-portfolio ul#filters li.active a,

.home-portfolio ul#filters li:hover a,

.footer .social-icons .btn-social-o:hover,

.page-comingsoon .form_subscribe i,

.service_single-area .service_details-desc ul.styled_list i,

.sidebar .list-group .list-group-item a:hover,

.block .carousel-item .overlay-link i,

.tags a:hover,

.member-details .member_desc li i,

.blog-sidebar .media .media-body h6 a:hover,

.comment_title .btn,

.reply_title .btn {

    color: #ffd700;

}

.bg-primary,

.img_overlay-container a.icon:hover,

.card.card-accordion .card-header a,

.btn-primary,

.btn-primary-outlined:hover,

.btn-primary-outlined:focus,

.btn-primary-outlined.active,

.btn-primary-outlined:active,

.socialLink a:focus,

.socialLink a:hover,

.socialLink a.active,

.socialLink a:active,

.footer-dark .socialLink a:focus,

.footer-dark .socialLink a:hover,

.footer-dark .socialLink a.active,

.footer-dark .socialLink a:active,

.badge-primary,

.list-group-item.active,

.card.card-accordion .card-header a,

.b-carousel-v1 .carousel-indicators li.active,

.b-carousel-v1 .carousel-control span.icon-prev:hover,

.b-carousel-v1 .carousel-control span.icon-prev:focus,

.b-carousel-v1 .carousel-control span.icon-next:hover,

.b-carousel-v1 .carousel-control span.icon-next:focus,

.testimonial-carousel .carousel-indicators li.active,

.arrow-shade button.slick-arrow:hover,

.arrow-shade button.slick-arrow:focus,

.slick-dots li.slick-active button,

.checkbox-custom:checked+.checkbox-custom-label:before,

.radio-custom:checked+.radio-custom-label:before,

.progress.bordered .progress-bar,

.progress-bar-primary,

.progress-bar,

ul.nav-tabs.no-bg .nav-item .nav-link.active,

ul.nav-tabs.nav-pills .nav-item .nav-link.active,

.quick-view-bullets li.active a span,

.countUp.counter2 .info-count .icon-circle,

.main-nav .dropdown-menu:before,

.main-nav .dropdown-menu li.dropdown .submenu:before,

.main-nav .dropdown-menu li.dropdown.show,

.page-item.active a.page-link,

.page-item:hover a.page-link,

.progress-holder .progress .progress-bar:after,

.circle,

.pricing .btn:hover,

.pricing.delux .card-header,

.price-card:before,

.price-card:after,

.price-card:hover .btn,

.pricing_image-card .btn:hover,

.section-title.title-ex1 h2:after,

.info:hover .icon-ract:before,

.info:hover .icon-circle,

.info.info-boxed:hover .icon-circle,

.kit-testimonial-carousel .slick-dots li.slick-active button,

.backToTop,

.backToTop:hover,

.banner .tp-caption.rev-btn a:hover,

.home-about .promo-video .video-button i,

.home-about .promo-video:hover .video-button i,

.home-portfolio ul#filters li.active a:after,

.home-team .slick-dots li.slick-active button,

.page-comingsoon .count-down .tab-val,

.block .carousel-indicators li.active,

.tags a,

.member-details .member_contact .social-icons .btn:hover,

.comment_title .btn:hover,

.reply_title .btn:hover {

    background: #ffd700 !important;

    background-color: #ffd700 !important;

}

.brd-primary,

.img_overlay-container a.icon:hover,

.card.card-accordion .card-header a,

.icon-left.card.card-accordion .card-header.header-inverse a,

.btn-primary,

.btn-primary-outlined,

.socialLink a:focus,

.socialLink a:hover,

.socialLink a.active,

.socialLink a:active,

.footer-dark .socialLink a:focus,

.footer-dark .socialLink a:hover,

.footer-dark .socialLink a.active,

.footer-dark .socialLink a:active,

.list-group-item.active,

.card.card-accordion .card-header a,

.icon-left.card.card-accordion .card-header.header-inverse a,

.b-carousel-v1 .carousel-indicators li.active,

.b-carousel-v1 .carousel-control span.icon-prev:hover,

.b-carousel-v1 .carousel-control span.icon-prev:focus,

.b-carousel-v1 .carousel-control span.icon-next:hover,

.b-carousel-v1 .carousel-control span.icon-next:focus,

.testimonial-carousel .carousel-indicators li.active,

.arrow-shade button.slick-arrow:hover,

.arrow-shade button.slick-arrow:focus,

.checkbox-custom:checked+.checkbox-custom-label:before,

.radio-custom:checked+.radio-custom-label:before,

ul.nav-tabs.no-bg .nav-item .nav-link.active,

ul.nav-tabs.nav-pills .nav-item .nav-link.active,

p.devider.devider_primary,

.th-accordions a[aria-expanded=true],

.page-item.active a.page-link,

.page-item:hover a.page-link,

.pricing .btn:hover,

.price-card:hover .btn,

.pricing_image-card .btn:hover,

p.devider.devider_primary,

.info:hover .icon-ract,

.page-comingsoon .count-down .tab-val,

.tags a,

.tags a:hover,

.member-details .member_contact .social-icons .btn:hover,

.comment_title .btn,

.reply_title .btn {

    border-color: #ffd700;

}

.btn-primary:hover,

.btn-primary:focus,

.btn-primary.active,

.btn-primary:active {

    background-color: #ffd700 !important;

    border: 1px solid #ffd700 !important;
    color: #313131;
}

.date-holder::after,

.box-video .btn-play:after {

    border-left-color: #ffd700;

}

ul.nav-tabs .nav-item .nav-link.active {

    border-top-color: #ffd700;

}

.icon_tabs .nav-item a.nav-link:before,

.nav-tabs.bar-tabs .nav-link.active:before,

.seperator:before,

.seperator:after {

    border-bottom-color: #ffd700;

}

.text-primary,

.copyright p a:hover,

.project-details-wrapper .project_specification .row a:hover,

.home-classic .tooltip-inner,

.services .tooltip-inner,

.kit .tooltip-inner,

.services-details .tooltip-inner,

.member-details-page .tooltip-inner {

    color: #ffd700 !important;

}

.hover-overlay.effect-scale:before,

.media.blog-media>a:before {

    background-color: rgba(12, 198, 82, 0.7) !important;

}

.backToTop:before {

    border-color: rgba(12, 198, 82, 0.3) !important;

}

.tp-caption.rev-btn,

.tp-caption.tp-svg-layer {

    background: #ffd700 !important;

}

.tp-caption.tp-svg-layer {

    border-color: #ffd700 !important;

}

.seperator svg.seperator-icon,

.path-1 {

    fill: #ffd700;

}

::-moz-selection {

    background: #ffd700 !important;

}

::selection {

    background: #ffd700 !important;

}

@media (min-width: 768px) {

    .main-nav .dropdown-menu a:hover {

        background-color: #ffd700;

    }

    .search_hook form.search_form {

        border-top: 3px solid #ffd700;

    }

}

body {

    direction: rtl;

    font-family: 'IranSans';

    font-size: 16px;

}

#home-carusel {

    direction: ltr;

}

#home-carusel .carousel-caption h3 {

    margin-bottom: 12px;

    color: #FFF;

}

.kit-testimonial-carousel,

.slick-list {

    direction: ltr;

}

.header-transparent .nav-item a.nav-link {

    font-family: 'IranSansBold';

    font-size: 15px;

}

.rtl {

    direction: rtl;

}

.bgimage {

    width: 100%;

    height: 500px;

    background: url('/img/court.jpg');

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    background-attachment: fixed;

    position: relative;

}

.bgimage .hero-text {

    text-align: center;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    color: white;

}

@media (min-width: 768px) {

    .bgimage .btn {

        height: auto;

        line-height: 50px;

        padding: 24px;

        font-size: 1.5em;

        border-radius: 50px;

    }

}

.blog-sidebar .tags a,

.blog-sidebar .tags a:hover,

.blog-sidebar .tags a:active,

.blog-sidebar .tags a:active {

    color: #FFF !important;

}

.input-error {

    padding: 8px;

    margin: -8px auto 8px auto;

}

.btn-submit span.fa,

.btn-submit i.fa {

    margin: 0px 8px;

}

.member_designation h1 {

    font-size: 25px;

}

.member_designation h2 {

    margin-top: 12px;

    font-size: 20px;

}

.footer.footer-classic hr {

    border-top: 4px solid rgba(255, 255, 255, 0.1);

}

.carousel-caption.text-center {

    padding: 42px;

}

.carousel-caption.animated {

    animation-iteration-count: 1;

    -webkit-animation-iteration-count: 1;

    -moz-animation-iteration-count: 1;

    animation-delay: 1s;

    -webkit-animation-delay: 1s;

    -moz-animation-delay: 1s;

    animation-duration: 1.5s;

    -webkit-animation-duration: 1.5s;

    -moz-animation-duration: 1.5s;

    animation-timing-function: ease-out;

    -webkit-animation-timing-function: ease-out;

    -moz-animation-timing-function: ease-out;

    position: absolute;

    left: 0;

}

.ul-icon-style li i.fa {

    background-color: rgba(255, 255, 255, 0.16);

    border-radius: 100%;

    width: 64px;

    height: 64px;

    padding: 14px 0px;

    font-size: 2.3em;

    text-align: center;

    color: #FFF;

}

.ul-icon-style li {

    margin: 12px auto;

}

hr.hr-transparent {

    border-top: 3px solid rgba(195, 195, 195, 0.53);

}

.ul-icon-style li span {

    color: #FFF;

    font-size: 1.2em;

    margin: 0px 20px;

}

@media (max-width: 640px) {

    .ul-icon-style li span {

        font-size: 1em;

    }

    .ul-icon-style li i.fa {

        width: 24px;

        height: 24px;

        padding: 3px 0px;

        float: right;

        font-size: 1em;

    }

    .ul-icon-style li {

        clear: both;

        text-align: right;

    }

    .member-details .member_contact {

        padding: 20px;

    }

}

.member-header-info {

    color: #FFF;

    padding: 40px;

    line-height: 1.9;

}

.index-blog-item {

    clear: both;

    margin-bottom: 24px;

    box-shadow: 2px 1px 2px -1px #b9b9b9;

    padding: 12px;

    transition-duration: 600ms;

    -webkit-transition-duration: 600ms;

    -moz-transition-duration: 600ms;

}

.index-blog-item:hover {

    box-shadow: 2px 1px 7px -1px #b9b9b9;

}

.index-blog-item-imagebox {

    float: right;

    display: block;

    border-radius: 4px;

    overflow: hidden;

    margin-left: 12px;

}

.index-blog-item-imagebox>img {

    width: 64px;

}

.index-blog-item-content {

    padding: 15px 0px;

}

.index-blog-item-date {

    margin-bottom: 8px;

}

.index-blog-item-date h5.day {

    color: #a7a7a7;

}

.blog-hero-item {

    display: block;

    margin: 12px auto;

    position: relative;

}

.blog-hero-btn-box {

    position: absolute;

    bottom: 0px;

    background-color: rgba(233, 236, 239, 0.7);

    width: 100%;

    padding: 12px;

    text-align: center;

    right: 0px;

}

.blog-hero-btn-box h4 {

    margin-bottom: 4px;

    color: #222;

}

@media (min-width: 768px) {

    .blog-hero-btn-box {

        opacity: 0;

    }

    .blog-hero-item:hover .blog-hero-btn-box {

        opacity: 1;

        transition-duration: 600ms;

        -webkit-transition-duration: 600ms;

        -moz-transition-duration: 600ms;

    }

}

@media (max-width: 640px) {

    .main-nav .navbar-brand {

        font-size: 14px;

    }

    .index-blog-item-content {

        float: right;

        width: 100%;

    }

    .index-blog-item-title>h5 {

        font-size: 14px;

        line-height: 2;

    }

}

.main-wrapper.scrolled-navbar {

    padding-top: 0px !important;

}

li.btnbox-reserve {

    padding-right: 46px;

    padding-top: 8px;

    padding-bottom: 8px;

}

.main-nav.scrolled-navbar li.btnbox-reserve {

    padding-top: 16px;

}

.inf-animate {

    animation-iteration-count: infinite;

    -webkit-iteration-count: infinite;

    -moz-iteration-count: infinite;

    -ms-iteration-count: infinite;

    animation-delay: 3s;

    -webkit-animation-delay: 3s;

    -moz-animation-delay: 3s;

    -ms-animation-delay: 3s;

}

#topNavbar {

    max-width: 200px;

}

@media (max-width: 768px) {

    .footer-content-box {

        margin-top: 40px;

    }

    .member_designation h1 {

        font-size: 20px;

        line-height: 2.1;

    }

    .member_designation h2 {

        font-size: 17px;

        line-height: 2.1;

    }

    h2 {

        font-size: 24px;

        line-height: 2.1;

    }

    h4 {

        font-size: 18px;

        line-height: 2.1;

    }

    .blog-post h2 {

        font-size: 20px;

        line-height: 2.1;

    }

    h3 {

        font-size: 19px;

        line-height: 2.1;

    }

    .section-title h2 {

        font-size: 20px;

    }

    .carousel-indicators {

        bottom: 0px;

    }

    #home-carusel .carousel-caption h3 {

        margin-bottom: 0px;

    }

}

.section-title h2 {

    color: #b24b3b;

}

.section-title.title-ex1 p,

p.description,

.member-details .member_desc li {

    color: #5a4542;

}

b,

strong {

    font-weight: 900 !important;

}

blockquote {

    padding: 0px 8px;

    margin: 30px auto;

    border-right: 4px solid #1976D2;

    background-color: #f3f3f3;

    line-height: 3;

}

@media (max-width: 480px) {

    .btn-group {

        display: inline-block !important;

    }

    .btn-group button {

        width: 100%;

    }

}

/* 

  ##Device = Low Resolution Tablets, Mobiles (Landscape)

  ##Screen = B/w 481px to 767px

*/

@media (min-width: 768px) and (max-width: 1024px) {

    .navbar-brand>span {

        display: none;

    }

}


#ModalEmailSubscribe .modal-body {
    padding: 0;
}

#ModalEmailSubscribe .modal-hero {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: auto;
    min-height: 350px;
    max-height: 380px;
    padding: 0;
    margin: 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}

#ModalEmailSubscribe .modal-hero .modal-hero-text {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    padding: 25% 5%;
    background-color: rgba(0, 0, 0, 0.45);
    color: #FFF;
    font-size: 20px;
    font-weight: 900;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    line-height: 36px;
    word-break: break-word;
}

.modal-hero-buttonons {
    display: block;
    clear: both;
    width: 100%;
    height: 60px;
    position: relative;
}

.modal-hero-buttonons .form-control {
    height: 52px;
    font-size: 1rem;
}

.modal-hero-buttonons button {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 52px;
}

.modal-hero-close{
    position: absolute;
    z-index: 9999;
    padding: 8px;
    right: 0;
    font-size: 14px;
    border-radius: 0 0 0 8px;
    background-color: white;
    top: 0px;
    color: #000;
    cursor: pointer;
}
@media (max-width:640px){
  .modal-hero-buttonons button{
    width: 68px;
    height: 52px;
    padding: 12px 8px;
  }
}
.flat-button {
    display: inline-block;
    margin: 0 0;
    border-radius: 6px;
    font-family: "Lato", sans-serif;
    font-size: 16.5px;
    padding: 12px 20px;
    border: 0;
    background: #34495E;
    color: #FFF;
    cursor: pointer;
    outline: 0;
}

.flat-button:hover {
    background: #005580;
}

.flat-primary-button {
    background: #1abc9c;
}

.flat-primary-button:hover {
    background: #2fe2bf;
}

.flat-info-button {
    background: #3498db;
}

.flat-info-button:hover {
    background: #5dade2;
}

.flat-danger-button {
    background: #e74c3c;
}

.flat-danger-button:hover {
    background: #ec7063;
}

.flat-border-button {
    padding: 8px 20px;
    border: 4px solid #2C3E50;
}

.flat-border-button:hover {
    border: 4px solid #2C3E50;
}

.flat-primary-border-button {
    border-color: #16A085;
}

.flat-primary-border-button:hover {
    border-color: #27AE60;
}

.flat-info-border-button {
    border-color: #2980B9;
}

.flat-info-border-button:hover {
    border-color: #2980B9;
}

.flat-danger-border-button {
    border-color: #C0392B;
}

.flat-danger-border-button:hover {
    border-color: #C0392B;
}

.flat-double-button {
    padding: 8px 20px;
    border: 3px solid #FFF;
    box-shadow: #34495E 0px 0px 0px 3px;
}

.flat-double-button:hover {
    box-shadow: #005580 0px 0px 0px 3px;
}

.flat-primary-double-button {
    box-shadow: #1abc9c 0px 0px 0px 3px;
}

.flat-primary-double-button:hover {
    box-shadow: #2fe2bf 0px 0px 0px 3px;
}

.flat-info-double-button {
    box-shadow: #3498db 0px 0px 0px 3px;
}

.flat-info-double-button:hover {
    box-shadow: #5dade2 0px 0px 0px 3px;
}

.flat-danger-double-button {
    box-shadow: #e74c3c 0px 0px 0px 3px;
}

.flat-danger-double-button:hover {
    box-shadow: #ec7063 0px 0px 0px 3px;
}

.flat-underline-button {
    text-decoration: underline;
}

.flat-grad-button {
    background-image: linear-gradient(#34495E 50%, #2C3E50 50%);
}

.flat-primary-grad-button {
    background-image: linear-gradient(#1ABC9C 50%, #16A085 50%);
}

.flat-info-grad-button {
    background-image: linear-gradient(#3498DB 50%, #2980B9 50%);
}

.flat-danger-grad-button {
    background-image: linear-gradient(#E74C3C 50%, #C0392B 50%);
}

.flat-inner-button {
    padding: 11px 0px;
    box-shadow: inset #2C3E50 -3px -3px 0px;
}

.flat-primary-inner-button {
    background: #1ABC9C;
    box-shadow: inset #16A085 -3px -3px 0px;
}

.flat-info-inner-button {
    box-shadow: inset #2980B9 -3px -3px 0px;
}

.flat-danger-inner-button {
    box-shadow: inset #C0392B -3px -3px 0px;
}

.flat-outer-button {
    padding: 11px 0px;
    box-shadow: #BDC3C7 2px 2px 0px;
}


.bg-brown{

    background-color: #342f29!important;

}

.bg-brown-dark{

    background-color: #2b2822!important;

}

.color-white{

    color: white;

}
.bg-black{
    background-color: #2d2c2b!important;
}