/*

===================================================================
MAIN DESIGN - STYLE.CSS
===================================================================

Table of contents

 - Global
 - Colors
 - Icons
 - Sections
 - Navigation
 - Headers
 - Typography
 - Components
 - Container
 - Footer
 - Animations
 - Responsive classes

------------------------------------------------------------------- 

# GLOBAL
===================================================================

*/

@font-face {
    font-family: "Icons";
    src: url('../media/icons/icons.eot');
    src: url('../media/icons/icons.eot?#iefix-rdmvgc') format('embedded-opentype'), url('../media/icons/icons.woff') format('woff'), url('../media/icons/icons.ttf') format('truetype'), url('../media/icons/icons.svg?-rdmvgc#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, textarea {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 25px;
    padding: 0;
    margin: 0;
}

body > #preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 99995;
}

#preloader:before {
    content: url(../media/loader.svg);
    position: absolute;
    width: 15px;
    height: 15px;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
}

body.no-transactions * {
    transition: none !important;
}

a, li {
    -webkit-tap-highlight-color: transparent
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
}

p {
    margin: 0;
}

p + p {
    margin-top: 10px;
}

h1 {
    font-size: 35px;
    line-height: 40px
}

h2 {
    font-size: 25px;
    line-height: 30px
}

h1 + p, h2 + p, h3 + p, h4 + p, h2 + h4, h1 + h4, h2 + ul.icon-list, h3 + ul.icon-list, p + h3, p + .btn, p + h4, h4 + .btn, h4 + .btn-text, h4 + input, h4 + select, h4 + textarea, p + ul.icon-list,
p + .btn-text, p + table, p + pre, p + img, img + p, p + .row, .row + p, p + .img-box, p + .media-box, p + .cnt-box, p + .icon-links, p + ul.icon-list, .container > .row + .row, .container > div + p, .container > div + .btn,
.table + .btn, .table + .btn-text, h4 + div, h4 + ul, h4 + ul.icon-list, h4 + a, .slimScrollDiv + .btn, .text-list + .btn, .text-list + .btn-text, p + .text-list {
    margin-top: 15px;
}

.row.justify-content-around {
    margin-right: -55px;
    margin-left: -55px;
}

.btn:not(.full-width) + .btn:not(.full-width) {
    margin-left: 15px;
}

.hidden {
    display: none !important;
}

.text-light {
    font-weight: 100 !important;
}

.text-normal {
    font-weight: 400 !important;
}

.text-bold {
    font-weight: 600 !important;
}

.text-black {
    font-weight: 900 !important;
}

.text-uppercase {
    text-transform: uppercase;
}

.clear {
    clear: both;
    width: 100%;
}

.full-width {
    width: 100%;
}

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

.align-right {
    text-align: right;
}

.align-center {
    text-align: center;
}

.no-margin {
    margin: 0 !important;
}

.no-padding-y > .container {
    padding-top: 0;
    padding-bottom: 0;
}

.no-padding-x > .container {
    padding-left: 0;
    padding-right: 0;
}

.no-padding-top > .container {
    padding-top: 0;
}

.no-padding-bottom > .container {
    padding-bottom: 0;
}

.no-padding > .container {
    padding: 0;
}

[data-href] {
    cursor: pointer;
}

.scroll-show:not(.showed) {
    display: none !important;
}

.boxed-area, .hc-cmp-column .hc-cmp-column.boxed-area, .hc-cmp-column .hc-cmp-column.boxed-area:last-child {
    padding: 30px;
    border-radius: 3px;
}

body.boxed-layout nav, body.boxed-layout header, body.boxed-layout main, body.boxed-layout footer {
    max-width: 1110px;
    margin-left: auto;
    margin-right: auto;
}

/* 

# ICONS
===================================================================

*/

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "Icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;
    text-transform: none;
}

.icon-user:before {
    content: "\6a";
}

.icon-bookmark:before {
    content: "\6c";
}

.icon-share:before {
    content: "\6d";
}

.icon-quote:before {
    content: "\65";
}

.icon-calendar:before {
    content: "\6e";
}

.icon-facebook:before {
    content: "\6b";
}

.icon-twitter:before {
    content: "\6f";
}

.icon-instagram:before {
    content: "\70";
}

.icon-pinterest:before {
    content: "\71";
}

.icon-linkedin:before {
    content: "\72";
}

.icon-youtube:before {
    content: "\73";
}

/*

# SECTIONS
===================================================================

-------------------------------------------------------------------
GLOBAL - SECTION
-------------------------------------------------------------------

*/

main > section {
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}

main > section.section-base {
    background-color: #FFF;
}

main > section > .container {
    padding-top: 100px;
    padding-bottom: 100px;
}

.section-video > video, .section-map > .google-map, .section-slider > .background-slider, .section-slider > .background-slider > div {
    position: absolute !important;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

section.section-center {
    display: flex;
    align-items: center;
}

.section-full-width > .container {
    max-width: 100%;
    width: 100%;
}

@media (min-width: 994px) {
    .section-full-width-right > .container > .row > .col-lg-6:last-child {
        position: absolute;
        left: 50%;
    }

    .section-full-width-right > .container > .row > .col-lg-8:last-child {
        position: absolute;
        left: 66.666667%;
    }

    .section-full-width-left > .container > .row > .col-lg-6:first-child {
        position: absolute;
        right: 50%;
    }

    .section-full-width-left > .container > .row {
        direction: rtl;
        text-align: left;
    }

    .section-full-width-left > .container > .row > div, .section-full-width-right > .container > .row > div {
        direction: ltr;
    }

    main .section-full-width-left > .container, main .section-full-width-left > .container {
        position: static;
    }
}


/*

# NAVIGATION
===================================================================

-------------------------------------------------------------------
GLOBAL
-------------------------------------------------------------------

*/

body > nav {
    z-index: 995;
    position: relative;
    background-color: #FFF;
}

body > nav > .container {
    height: 100%;
    min-height: 50px;
}

.logo-retina {
    display: none !important;
}

@media (min-resolution: 192dpi) and (min-width: 994px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 994px) {
    .logo-retina:not(.hidden):not(.scroll-show), .logo-retina.scroll-show.showed {
        display: block !important;
    }

    .logo-default {
        display: none !important;
    }
}

body > nav .menu-brand {
    float: left;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    z-index: 9999;
    position: relative;
}

body > nav .menu-brand > a {
    height: 100%;
}

body > nav .menu-brand img {
    max-height: 100%;
    display: block;
}

.menu-btn {
    display: none;
    width: 30px;
    height: 30px;
    font-style: normal;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    line-height: 30px;
}

.menu-btn:before {
    content: "\64";
    font-family: "Icons";
    position: absolute;
    left: 0;
    text-transform: none;
}

.menu-right {
    float: right;
    height: 50px;
    display: flex;
    align-items: center;
    margin: 0 -15px;
}

.menu-cnt {
    position: relative;
}

.menu-cnt > ul, .menu-inner > ul {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    margin-left: 30px;
}

.menu-cnt > ul > li > a, .dropdown > ul > li > a, .dropdown-submenu > ul > li > a {
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    font-size: 13px;
    display: block;
}

.menu-cnt ul > li > a {
    text-decoration: none;
    transition: all .5s, height 0s, line-height 0s;
}

.menu-cnt > ul > li a {
    font-weight: 500;
    text-decoration: none;
    text-align: left;
}

.menu-cnt li > a {
    position: relative;
}

/*
-------------------------------------------------------------------
INNER MENU - NAVIGATION MENU
-------------------------------------------------------------------
*/

.menu-inner > ul {
    float: none;
    padding: 0;
    margin: 0;
}

.menu-inner li > a {
    height: 50px;
    line-height: 50px;
    display: block;
    position: relative;
    text-decoration: none;
    border-radius: 3px;
    cursor: pointer;
    transition: all .5s;
}

.menu-inner li {
    position: relative;
    transition: all .5s;
}

.menu-inner li:before {
    content: "";
    position: absolute;
    width: 0%;
    height: 1px;
    transition: all .5s;
    bottom: 0;
    left: 0;
}

.menu-inner li:hover:before, .menu-inner li.active:before {
    width: 100%;
}

.menu-inner li > a > i {
    margin-right: 15px;
}

.menu-inner-vertical > ul {
    display: block;
}

.menu-inner > div {
    display: none;
    position: relative;
    padding: 10px 0;
}

.menu-inner > div > i {
    right: 0;
}

/*
-------------------------------------------------------------------
MENU FIXED - NAVIGATION MENU
-------------------------------------------------------------------
*/

nav.menu-fixed {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
}


/*

# TYPOGRAPHY
===================================================================
 
-------------------------------------------------------------------
SPACE
-------------------------------------------------------------------

*/

hr.space, hr.space-xs, hr.space-sm, hr.space-md, hr.space-lg {
    border: none;
    clear: both;
    margin: 0;
}

hr.space-xs {
    height: 15px;
}

hr.space-sm {
    height: 30px;
}

hr.space {
    height: 60px;
}

hr.space-md {
    height: 75px;
}

hr.space-lg {
    height: 100px;
}

span.space, span.space-xs, span.space-sm, span.space-md, span.space-lg {
    display: inline-block;
}

span.space-xs {
    width: 15px;
}

span.space-sm {
    width: 30px;
}

span.space {
    width: 60px;
}

span.space-md {
    width: 75px;
}

span.space-lg {
    width: 100px;
}

/*
-------------------------------------------------------------------
TEXT
-------------------------------------------------------------------
*/

.text-xs {
    font-size: 12px !important;
    line-height: 18px;
}

.text-sm {
    font-size: 16px !important;
    line-height: 22px;
}

.text-md {
    font-size: 25px !important;
    line-height: 35px;
}

.text-lg {
    font-size: 50px !important;
    line-height: 70px;
}

/*
-------------------------------------------------------------------
SEPARATOR
-------------------------------------------------------------------
*/

hr:not([class*=space]) {
    height: 1px;
    border: none;
    background: #dadada;
    margin: 30px 0;
}


/*

# COMPONENTS
===================================================================
 
-------------------------------------------------------------------
BUTTONS - COMPONENT
-------------------------------------------------------------------

*/

.btn {
    color: #fff;
    border-radius: 3px;
    display: inline-block;
    text-decoration: none;
    border-style: solid;
    border-width: 1px;
    position: relative;
    cursor: pointer;
    outline: none;
    text-align: center;
    transition: all .5s;
}

.btn-xs {
    padding: 7px 20px;
    font-size: 13px;
}

.btn-sm {
    padding: 10px 30px;
    font-size: 15px;
}

.btn-lg {
    padding: 15px 50px;
    font-size: 20px;
}

.btn-border, body .btn-border {
    background: none;
}

.btn-circle {
    border-radius: 100px;
}

.btn-text {
    position: relative;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    transition: all .5s;
}

.btn-text.btn-icon i {
    position: static;
    margin-right: 10px;
}

.btn-icon.btn-xs:not(.btn-anima), .btn-icon.btn-xs.btn-anima:hover {
    padding-left: 40px;
}

.btn-icon.btn-sm:not(.btn-anima), .btn-icon.btn-sm.btn-anima:hover {
    padding-left: 55px;
}

.btn-icon.btn-lg:not(.btn-anima), .btn-icon.btn-lg.btn-anima:hover {
    padding-left: 85px;
}

.btn-icon i {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
}

.btn-icon.btn-lg:not(.btn-anima) i {
    left: 50px;
}

.btn-anima {
    overflow: hidden;
}

.btn-anima i {
    left: -50px;
    transition: all .5s;
}

.btn-icon.btn-xs.btn-anima:hover i, .btn-icon.btn-xs:not(.btn-anima) i {
    left: 20px;
}

.btn-icon.btn-sm.btn-anima:hover i {
    left: 30px;
}

.btn-icon.btn-lg.btn-anima:hover i, .btn-icon.btn-lg.btn-xs:not(.btn-anima) i {
    left: 50px;
}

.btn + .btn {
    margin-top: 15px;
}

.btn-video {
    position: relative;
    display: block;
    padding-top: 60px;
    text-decoration: none;
}

.btn-video:before {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    margin-left: -43px;
    background: #FFF;
    z-index: 1;
}

.btn-video:after {
    content: "\62";
    font-family: "Icons";
    position: absolute;
    width: 50px;
    height: 50px;
    font-size: 45px;
    line-height: 55px;
    top: 0;
    left: 50%;
    margin-left: -24px;
    animation-iteration-count: infinite;
    z-index: 1;
    text-transform: none;
}

.img-box.btn-video {
    padding-top: 0;
}

.img-box.btn-video:before {
    top: 50%;
    margin-top: -43px;
    margin-left: -45px;
    height: 80px;
    border-radius: 50%;
    left: 50%;
    background: rgb(255, 255, 255);
}

.img-box.btn-video:after {
    top: 50%;
    margin-top: -30px;
}

/*

-------------------------------------------------------------------
PRICING TABLE - COMPONENT
-------------------------------------------------------------------

*/

.cnt-pricing-table {
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    transition: all .5s;
}

.cnt-pricing-table:hover {
    transform: translateY(15px);
}

.cnt-pricing-table .top-area, .cnt-pricing-table .bottom-area {
    padding: 30px;
}

.cnt-pricing-table > ul {
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
}

.cnt-pricing-table > ul > li {
    list-style: none;
    padding: 5px 30px;
    position: relative;
}

.cnt-pricing-table h2 {
    font-size: 20px;
}

.cnt-pricing-table .price {
    font-size: 30px;
    font-weight: 300;
    margin: 30px 0 20px 0;
}

.cnt-pricing-table .price span {
    font-size: 50px;
    display: inline-block;
    margin-left: 5px;
}

.cnt-pricing-table .price label {
    display: inline;
    font-weight: normal;
    font-style: normal;
}

.cnt-pricing-table .top-area p {
    margin: 0;
}

.pricing-table-big {
    padding: 20px 0;
    margin-top: -20px;
    height: 100%;
}

.pricing-table-big > ul {
    margin: 20px 0 30px 0;
}

.cnt-pricing-table.align-right {
    text-align: right;
}

.cnt-pricing-table.align-left {
    text-align: left;
}


/*
-------------------------------------------------------------------
INPUTS - COMPONENT
-------------------------------------------------------------------
*/

.input-text, .input-select, .input-textarea {
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    outline: none;
    width: 100%;
    padding: 10px;
    font-size: 14px;
    background: rgb(255, 255, 255);
}

.input-text-btn {
    display: flex;
}

.input-text-btn .input-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
    margin: 0;
}

.input-text-btn .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0;
}

/*
-------------------------------------------------------------------
TEXT LIST - COMPONENT
-------------------------------------------------------------------
*/

.text-list, .text-list li {
    list-style: none;
    position: relative;
    padding: 0;
    margin: 0;
}

.text-list li {
    transition: all .5s;
}

.text-list-base li, .text-list-image li, .text-list-side li {
    margin-bottom: 30px;
}

.text-list-base li:last-child, .text-list-image li:last-child, .text-list-side li:last-child {
    margin-bottom: 0;
}

.text-list-base li > h3, .text-list-image .content > h3, .text-list-side h3 {
    margin: 0;
    font-size: 19px;
}

.text-list-base li > p, .text-list-image .content > p {
    margin: 5px 0 0 0;
}

.text-list-base li > div, .text-list-image .content > div {
    position: absolute;
    right: 0;
    top: 0;
}

.text-list-image li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.text-list-image li .content {
    position: relative;
    width: 100%;
    padding-left: 30px;
}

.text-list-image li > img {
    position: relative;
    left: 0;
    width: 90px;
    height: 90px;
    border-radius: 50%;
}

.text-list-side li {
    display: flex;
    justify-content: space-between;
}

.text-list-side li h3 {
    min-width: 150px;
}

.text-list-side p {
    margin: 0 30px;
}

.text-list-bold li, .text-list-line li {
    display: flex;
    margin-bottom: 5px;
}

.text-list-bold p span, .text-list-line p span {
    padding-left: 15px;
}

.text-list-bold li p {
    margin: 0 0 0 15px;
}

.text-list-line li b {
    margin-right: 5px;
    white-space: nowrap;
}

.text-list-line label {
    text-transform: none;
    font-weight: normal;
    font-style: normal;
    display: inline;
}

.text-list-line li p {
    margin: 0 5px;
    white-space: nowrap;
    overflow: visible;
}

.text-list-line li {
    justify-content: space-between;
    height: 26.5px;
}

.text-list-line li hr {
    width: 100%;
    margin-top: 16px;
    border-top: 1px dotted;
    background: none;
    opacity: .8;
}

/*
-------------------------------------------------------------------
ICON LIST - COMPONENT
-------------------------------------------------------------------
*/

.icon-list-horizontal {
    display: flex;
}

.icon-list-horizontal.icon-list li {
    margin-right: 25px;
    margin-bottom: 0;
    padding-left: 25px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
}

.icon-list p {
    margin: 0;
    display: inline;
}

.icon-list li > i {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.icon-list-horizontal.icon-list a {
    text-decoration: none;
}

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

ul.icon-list li {
    position: relative;
    list-style: none;
    padding-left: 30px;
    margin-bottom: 10px;
}

ul.icon-list li:last-child {
    margin-bottom: 0;
}

.icon-list.icon-md li, .icon-list.icon-md span {
    padding-left: 40px;
    line-height: 35px;
}

.icon-list.icon-md li > i, .icon-list.icon-md span > i {
    font-size: 23px;
}

.icon-list.icon-lg li, .icon-list.icon-lg span {
    padding-left: 50px;
    line-height: 40px;
}

.icon-list.icon-lg li > i, .icon-list.icon-lg span > i {
    font-size: 30px;
}

.icon-list.icon-md.text-xs li {
    line-height: 20px;
}

.icon-list.icon-md.text-xs li > i {
    font-size: 15px;
}

.icon-circle li > i, .icon-line li > i, .icon-decimal li > i {
    display: none;
}

.icon-circle li:before, .icon-circle span:before, .icon-line li:before, .icon-line span:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s;
}

.icon-circle li:hover:before, .icon-circle span:hover:before {
    transform: translateY(-50%) scale(.8);
}

.icon-circle.icon-md li:before, .icon-circle.icon-md span:before {
    width: 11px;
    height: 11px;
}

.icon-circle.icon-md li, .icon-circle.icon-md span {
    padding-left: 35px;
}

.icon-circle.icon-lg li:before, .icon-circle.icon-lg span:before {
    width: 16px;
    height: 16px;
}

.icon-circle.icon-lg li, .icon-circle.icon-lg span {
    padding-left: 40px;
}

.icon-line li:before, .icon-line span:before {
    border-radius: 3px;
    height: 2px;
}

.icon-line li:hover:before, .icon-line span:hover:before {
    transform: translateY(-50%) translateX(5px);
}

.icon-line.icon-md li:before, .icon-line.icon-md span:before {
    width: 15px;
    height: 3px;
}

.icon-line.icon-md li, .icon-line.icon-md span {
    padding-left: 35px;
}

.icon-line.icon-lg li:before, .icon-line.icon-lg span:before {
    width: 20px;
    height: 4px;
}

.icon-line.icon-lg li, .icon-line.icon-lg span {
    padding-left: 40px;
}

ul.icon-decimal {
    padding-left: 15px;
}

ul.icon-decimal, ul.icon-decimal li {
    list-style: decimal;
}


.icon-list-horizontal.icon-list:not(.icon-md):not(.icon-lg) span {
    padding-left: 33px;
}

ul.icon-list.list-right li, .icon-list-horizontal.icon-list.list-right span {
    padding-left: 0;
    padding-right: 30px;
    text-align: right;
}

ul.icon-list.list-right li i, .icon-list-horizontal.icon-list.list-right i {
    left: auto;
    right: 0;
}

ul.icon-list.list-right.icon-md li, .icon-list-horizontal.icon-list.list-right.icon-md span {
    padding-right: 40px;
}

ul.icon-list.list-right.icon-lg li, .icon-list-horizontal.icon-list.list-right.icon-lg span {
    padding-right: 50px;
}

.icon-list-horizontal.icon-list.list-right:not(.icon-md):not(.icon-lg) span {
    padding-left: 0;
    padding-right: 33px;
}

.icon-circle.list-right li:before, .icon-circle.list-right span:before, .icon-line.list-right li:before, .icon-line.list-right span:before {
    left: auto;
    right: 0;
}

/*
-------------------------------------------------------------------
TABLE - COMPONENT
-------------------------------------------------------------------
*/

.table {
    width: 100%;
    border-spacing: 0;
    table-layout: fixed;
}

.table th {
    font-weight: 600;
}

.table th, .table td {
    text-align: left;
    padding: 5px 10px;
}

.table.align-center th, .table.align-center td {
    text-align: center;
}

.table.align-right th, .table.align-right td {
    text-align: center;
}

.table:not(.table-border):not(.table-full-border) {
    margin: -5px -10px;
    width: calc(100% + 20px);
}

.table-border td, .table-border th, .table-full-border td, .table-full-border th {
    border-style: solid;
    border-width: 1px;
    border-right: none;
    border-top: none;
    padding: 10px;
}

.table-border tbody tr td:first-child, .table-border thead tr:first-child th:first-child {
    border-left: none;
    padding-left: 0;
}

.table-border tbody tr:last-child td {
    border-bottom: none;
    padding-bottom: 0;
}

.table-full-border {
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
}

.table-full-border th {
    border-top: none;
}

.table-full-border th:first-child, .table-full-border td:first-child {
    border-left: none;
}

.table-full-border td:last-child {
    border-right: none;
}

.table-full-border tr:last-child td {
    border-bottom: none;
}

.table-grid:not(.table-border):not(.table-full-border) {
    margin: -30px;
    width: calc(100% + 60px);
}

.table-grid td, .table-grid.table-border tbody tr td:first-child, .table-grid.table-border tbody tr:last-child td {
    padding: 30px;
}

.table-grid td > img {
    max-width: 100%;
    display: inline-flex;
}

.table-grid.no-padding-y.table-border tbody tr td {
    padding-top: 0;
    padding-bottom: 0;
    vertical-align: top;
}

.table-grid.table-border.align-left tbody tr td:first-child {
    padding-left: 0;
}

.table-grid.table-border.align-left tbody tr td:last-child {
    padding-right: 0;
}

.table-columns {
    display: block;
}

.table-columns tbody {
    width: 100%;
    display: block;
}

.table-columns > tbody > tr {
    display: flex;
    justify-content: space-between;
}

.table-columns td {
    display: block;
    padding: 0 30px;
    width: 100%;
}

.table.table-columns:not(.table-border):not(.table-full-border) {
    margin: 0 -30px;
    width: calc(100% + 60px);
}


/* 

# CONTAINERS 
===================================================================

-------------------------------------------------------------------
TABS - CONTAINER
-------------------------------------------------------------------

*/

.tab-box > .panel:not(.active) {
    display: none;
}

.tab-nav {
    padding: 0;
    margin: 0 0 30px 0;
    list-style: none;
    display: flex;
}

.tab-nav li {
    list-style: none;
}

.tab-center > .tab-nav {
    justify-content: center;
}

.tab-right > .tab-nav {
    justify-content: flex-end;
}

.tab-left > .tab-nav {
    justify-content: flex-start;
}

.tab-justify > .tab-nav {
    justify-content: space-between;
}

.tab-justify > .tab-nav li {
    width: 100%;
}

.tab-inverse > .tab-nav {
    margin: 30px 0 0 0;
}

.tab-nav li a {
    text-decoration: none;
    display: block;
    padding: 10px 15px;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    margin: 0 15px;
    font-size: 15px;
    text-align: center;
    position: relative;
    transition: all .5s;
}

.tab-nav li:first-child a {
    margin-left: 0;
}

.tab-nav li:last-child a {
    margin-right: 0;
}

.tab-nav li.active a, .tab-nav li:hover a {
    color: #FFF;
}

.tab-nav.align-right {
    justify-content: flex-end;
}

.tab-nav.align-center {
    justify-content: center;
}

/*
-------------------------------------------------------------------
GRID LIST AND MOSONRY LIST - CONTAINER
-------------------------------------------------------------------
*/

.grid-item {
    padding: 0;
    margin: 0;
    min-width: 0;
    position: relative;
}

.grid-item img, .maso-item img {
    display: block;
}

.grid-box {
    display: grid;
    grid-gap: 30px;
}

.no-gap > div {
    grid-gap: 0;
}


/*
-------------------------------------------------------------------
SCROLL BOX - CONTAINER
-------------------------------------------------------------------
*/

.scroll-box {
    padding-right: 15px;
}

.scroll-box > * {
    margin-top: 0;
}

.scroll-box:after {
    content: "";
    position: absolute;
    height: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: linear-gradient(to top, rgb(255, 255, 255) 0%,rgba(0,0,0,0) 100%);
}

.scroll-pos-bottom.scroll-box:after {
    display: none;
}

/*
-------------------------------------------------------------------
COLLAPSE BOX - CONTAINER
-------------------------------------------------------------------
*/

.collapse-box > .content * {
    margin-top: 0;
}

.collapse-box > .content {
    overflow: hidden;
    display: none;
    position: relative;
}

.collapse-box > .content:after {
    content: "";
    position: absolute;
    height: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: linear-gradient(to top, rgb(255, 255, 255) 0%,rgba(0,0,0,0) 100%);
    transition: opacity .5s;
}

.collapse-box.open > .content:after {
    opacity: 0;
}

.collapse-button > a {
    position: relative;
    margin-top: 10px;
    padding-left: 30px;
    cursor: pointer;
    display: inline-block;
}

.collapse-button > a:before {
    font-family: "Icons";
    content: "\68";
    position: absolute;
    top: 50%;
    left: 0;
    transition: all .5s;
    transform: translateY(-50%) rotate(-90deg);
    text-transform: none;
}

.collapse-box.open .collapse-button > a:before {
    transform: translateY(-50%) rotate(90deg);
}

/*
-------------------------------------------------------------------
ACCORDION LIST - CONTAINER
-------------------------------------------------------------------
*/

.accordion-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.accordion-list > li {
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.accordion-list > li:first-child {
    border-top-style: solid;
    border-top-width: 1px;
}

.accordion-list > li.active {
    padding: 0 0 15px 0;
}

.accordion-list > li > a {
    display: block;
    text-decoration: none;
    padding: 10px 0 10px 25px;
    position: relative;
    transition: all .5s;
}

.accordion-list > li.active > a:before {
    transform: rotate(90deg);
}

.accordion-list > li > a:before {
    content: "\67";
    font-family: "Icons";
    position: absolute;
    left: -5px;
    top: 50%;
    margin-top: -9px;
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
    transition: all .5s;
    opacity: .6;
}

.accordion-list > li > a:hover:before {
    opacity: 1;
}

.accordion-list > li > .content {
    height: 0;
    display: none;
    overflow: hidden;
}

.accordion-list > li > .content > * {
    margin-top: 0;
    margin-bottom: 0;
}


/*
-------------------------------------------------------------------
COLUMNS - CONTAINER
-------------------------------------------------------------------
*/

[data-columns='1'] > div, .box-steps[data-columns='1'] {
    grid-template-columns: 1fr;
}

[data-columns='2'] > div, .box-steps[data-columns='2'] {
    grid-template-columns: 1fr 1fr;
}

[data-columns='3'] > div, .box-steps[data-columns='3'] {
    grid-template-columns: 1fr 1fr 1fr;
}

[data-columns='4'] > div, .box-steps[data-columns='4'] {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

[data-columns='5'] > div, .box-steps[data-columns='5'] {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

[data-columns='6'] > div, .box-steps[data-columns='6'] {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

[data-columns='1'] .maso-item {
    flex: 0 0 100%;
    max-width: 100%;
}

[data-columns='2'] .maso-item {
    flex: 0 0 50%;
    max-width: 50%;
}

[data-columns='3'] .maso-item {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

[data-columns='4'] .maso-item {
    flex: 0 0 25%;
    max-width: 25%;
}

[data-columns='5'] .maso-item {
    flex: 0 0 20%;
    max-width: 20%;
}

[data-columns='6'] .maso-item {
    flex: 0 0 16.666666%;
    max-width: 16.666666%;
}

.fixed-area {
    z-index: 95;
}

/*

# FOOTER
===================================================================

*/

footer > .container {
    padding-top: 80px;
    padding-bottom: 80px;
}

.footer-bar {
    border-top-style: solid;
    border-top-width: 1px;
}

.footer-bar > .container {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 12px;
    letter-spacing: .5px;
}

.footer-bar > .container > span:last-child {
    float: right;
}

.footer-wide .container {
    max-width: 100%;
}

.footer-parallax {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -121;
}

.footer-parallax-cnt {
    position: relative;
    z-index: 1;
}

footer a {
    text-decoration: none;
}

i.scroll-top-btn {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 35px;
    height: 35px;
    display: none;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.17);
    border-radius: 50%;
    background: #FFF;
    text-align: center;
    cursor: pointer;
    z-index: 999995;
    transition: all .5s;
}

i.scroll-top-btn:hover {
    margin-bottom: 5px;
}

i.scroll-top-btn.show {
    display: block;
}

i.scroll-top-btn:before {
    font-family: "Icons";
    font-style: normal;
    font-weight: normal;
    transform: rotate(90deg);
    content: "\68";
    position: absolute;
    left: 0;
    right: 0.5px;
    font-size: 22px;
    line-height: 32px;
    text-transform: none;
}


/*

# RESPONSIVE
===================================================================

-------------------------------------------------------------------
Large devices (desktops, less than 1200px)
-------------------------------------------------------------------

*/

@media (max-width: 1199.98px) {
    .hidden-lg {
        display: none !important;
    }

    [data-columns-lg='1'] > div {
        grid-template-columns: 1fr;
    }

    [data-columns-lg='2'] > div {
        grid-template-columns: 1fr 1fr;
    }

    [data-columns-lg='3'] > div {
        grid-template-columns: 1fr 1fr 1fr;
    }

    [data-columns-lg='4'] > div {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    [data-columns-lg='1'] .maso-item {
        flex: 0 0 100%;
        max-width: 100%;
    }

    [data-columns-lg='2'] .maso-item {
        flex: 0 0 50%;
        max-width: 50%;
    }

    [data-columns-lg='3'] .maso-item {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    [data-columns-lg='4'] .maso-item {
        flex: 0 0 25%;
        max-width: 25%;
    }

    [data-columns-lg='5'] .maso-item {
        flex: 0 0 20%;
        max-width: 20%;
    }

    [data-columns-lg='6'] .maso-item {
        flex: 0 0 16.666666%;
        max-width: 16.666666%;
    }

    .section-map-right > .container {
        max-width: 435px;
    }
}

/*
-------------------------------------------------------------------
Medium devices (tablets, less than 992px)
-------------------------------------------------------------------
*/

@media (max-width: 991.98px) {

    /*
    -------------------------------------------------------------------
    Layout
    -------------------------------------------------------------------
    */

    [class*=col-lg-] + [class*=col-lg-]:not([class*=col-md-]) {
        margin-top: 30px;
    }

    .col-md-6 + .col-md-6 + .col-md-6 {
        margin-top: 30px;
    }

    .col-md-6 + .col-md-6, .col-md-4 + .col-md-4 {
        margin-top: 0;
    }

    .row.justify-content-around {
        margin-right: -15px;
        margin-left: -15px;
    }

    .order-md-first {
        order: -1;
    }

    .order-md-last {
        order: 13;
    }

    [class*=col-lg-] + [class*=col-lg-].order-md-first, [class*=col-]:not([class*=col-sm]) + [class*=col-].order-md-first:not([class*=col-sm]) {
        margin-top: 0;
        margin-bottom: 30px;
    }

    /*
    -------------------------------------------------------------------
    Responsive classes
    -------------------------------------------------------------------
    */

    .no-margin-md {
        margin: 0 !important;
    }

    [class*=col-lg-] + [class*=col-lg-]:not( [class*=col-md-]).no-margin-md, .full-width-md + .full-width-md {
        margin-top: 15px !important;
    }

    .full-width-md {
        width: 100% !important;
    }

    .hidden-md {
        display: none !important;
    }

    .align-left-md {
        text-align: left;
    }

    .align-right-md {
        text-align: right;
    }

    .align-center-md {
        text-align: center;
    }

    .icon-links.align-center-md, .list-nav.align-center-md, .counter-horizontal.align-center-md {
        justify-content: center;
    }

    .icon-links.align-left-md, .list-nav.align-left-md, .counter-horizontal.align-left-md {
        justify-content: flex-start;
    }

    .icon-links.align-right-md, .list-nav.align-right-md, .counter-horizontal.align-right-md {
        justify-content: flex-end;
    }

    /*
    -------------------------------------------------------------------
    Components
    -------------------------------------------------------------------
    */

    .table-md-6 td, .table-md-6 th {
        display: block;
        border-top: none;
        border-bottom: none;
    }

    .table-md-6 tr {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .table-md-6 td:nth-child(2n+1) {
        border-left: none;
    }

    .table-md-6 td:nth-child(2n+1), .table-md-6.table-grid.table-border tbody td:nth-child(2n+1) {
        border-left: none;
    }

    .table-md-6.align-left td:nth-child(2n+1), .table-md-6.align-left.table-grid.table-border tbody td:nth-child(2n+1) {
        padding-left: 0;
    }

    .table-md-6.no-padding-y td:not(:first-child):not(:nth-child(2)) {
        padding-top: 15px;
    }

    /*
    -------------------------------------------------------------------
    Containers
    -------------------------------------------------------------------
    */

    [data-columns-md='1'] > div {
        grid-template-columns: 1fr;
    }

    [data-columns-md='2'] > div {
        grid-template-columns: 1fr 1fr;
    }

    [data-columns-md='3'] > div {
        grid-template-columns: 1fr 1fr 1fr;
    }

    [data-columns-md='4'] > div {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    [data-columns-md='1'] .maso-item {
        flex: 0 0 100%;
        max-width: 100%;
    }

    [data-columns-md='2'] .maso-item {
        flex: 0 0 50%;
        max-width: 50%;
    }

    [data-columns-md='3'] .maso-item {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    [data-columns-md='4'] .maso-item {
        flex: 0 0 25%;
        max-width: 25%;
    }

    [data-columns-md='5'] .maso-item {
        flex: 0 0 20%;
        max-width: 20%;
    }

    [data-columns-md='6'] .maso-item {
        flex: 0 0 16.666666%;
        max-width: 16.666666%;
    }

    .scroll-box.disable-md:after {
        display: none;
    }

    /*
    -------------------------------------------------------------------
    Sections
    -------------------------------------------------------------------
    */

    .section-map > .container {
        max-width: 315px;
    }

    /*
    -------------------------------------------------------------------
    Navigation
    -------------------------------------------------------------------
    */

    body > nav {
        height: 50px;
    }

    body > nav .menu-brand {
        max-width: calc(100% - 60px);
    }

    body > nav .menu-brand > a {
        display: flex;
        align-items: center;
    }

    body > nav > .container, body > .menu-mini > .container {
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    .menu-btn {
        display: block;
        z-index: 9999;
    }


    .menu-cnt > ul > li > a, .dropdown > ul > li > a, .dropdown-submenu > ul > li > a {
        padding: 0 15px;
    }

    .menu-cnt {
        height: 0;
        overflow: hidden;
        position: absolute;
        top: 100%;
        background: #FFF;
        left: 0;
        width: 100%;
        transition: height .5s;
        display: block;
    }

    nav.light .menu-cnt a {
        color: rgb(68, 68, 68) !important;
    }

    nav.align-right .menu-cnt {
        display: block;
    }

    nav.active .menu-cnt {
        box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.08);
        z-index: 9995;
    }

    body > nav.menu-fixed .menu-cnt {
        overflow-y: scroll;
    }

    .menu-cnt > ul, .menu-cnt > .menu-right {
        float: none;
        display: block;
        width: 100%;
        height: auto;
    }

    .menu-cnt > ul {
        margin: 0;
    }

    .menu-cnt > .menu-right {
        padding: 15px 0 0 0;
        margin: 0;
        height: auto;
    }

    /*
    -------------------------------------------------------------------
    Footer
    -------------------------------------------------------------------
    */

    i.scroll-top-btn {
        display: block;
    }

    .footer-bar > .container > span:last-child {
        float: none;
    }

    .footer-parallax {
        position: static;
    }
}

/*
-------------------------------------------------------------------
Small devices (landscape phones, less than 768px)
-------------------------------------------------------------------
*/

@media (max-width: 767.98px) {

    /*
    -------------------------------------------------------------------
    Layout
    -------------------------------------------------------------------
    */

    [class*=col-]:not([class*=col-sm]) + [class*=col-]:not([class*=col-sm]) {
        margin-top: 30px;
    }

    .order-sm-first {
        order: -1;
    }

    .order-sm-last {
        order: 13;
    }

    [class*=col-lg-] + [class*=col-lg-].order-sm-first, [class*=col-]:not([class*=col-sm]) + [class*=col-].order-sm-first:not([class*=col-sm]) {
        margin-top: 0;
        margin-bottom: 30px;
    }

    /*
    -------------------------------------------------------------------
    Responsive classes
    -------------------------------------------------------------------
    */

    .no-margin-sm {
        margin: 0 !important;
    }

    [class*=col-lg-] + [class*=col-lg-].no-margin-sm, .full-width-sm + .full-width-sm {
        margin-top: 15px !important;
    }

    .full-width-sm {
        width: 100% !important;
    }

    .hidden-sm {
        display: none !important;
    }

    .align-left-sm {
        text-align: left;
    }

    .align-right-sm {
        text-align: right;
    }

    .align-center-sm {
        text-align: center;
    }

    .icon-links.align-center-sm, .list-nav.align-center-sm, .counter-horizontal.align-center-sm {
        justify-content: center;
    }

    .icon-links.align-left-sm, .list-nav.align-left-sm, .counter-horizontal.align-left-sm {
        justify-content: flex-start;
    }

    .icon-links.align-right-sm, .list-nav.align-right-sm, .counter-horizontal.align-right-sm {
        justify-content: flex-end;
    }

    /*
    -------------------------------------------------------------------
    Components
    -------------------------------------------------------------------
    */

    .table-full-sm tr {
        display: block;
    }

    .table-full-sm {
        margin-top: -15px;
        margin-bottom: -15px;
    }

    p + .table-full-sm {
        margin-top: 30px;
    }

    .table-full-sm td, .table-full-sm th {
        width: 100%;
        border-right: none;
        border-left: none;
        display: block;
        padding: 15px 0 !important;
    }

    .table-border.table-full-sm tbody tr:last-child td:not(:last-child) {
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }

    .btn:not(.full-width) + .btn.full-width-sm {
        margin-left: 0;
    }

    .text-list-side li {
        display: block;
    }

    .text-list-side p {
        margin: 30px 0;
    }

    /*
    -------------------------------------------------------------------
    Containers
    -------------------------------------------------------------------
    */

    [data-columns-sm='1'] > div {
        grid-template-columns: 1fr;
    }

    [data-columns-sm='2'] > div {
        grid-template-columns: 1fr 1fr;
    }

    [data-columns-sm='3'] > div {
        grid-template-columns: 1fr 1fr 1fr;
    }

    [data-columns-sm='4'] > div {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    [data-columns-sm='1'] .maso-item {
        flex: 0 0 100%;
        max-width: 100%;
    }

    [data-columns-sm='2'] .maso-item {
        flex: 0 0 50%;
        max-width: 50%;
    }

    [data-columns-sm='3'] .maso-item {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    [data-columns-sm='4'] .maso-item {
        flex: 0 0 25%;
        max-width: 25%;
    }

    [data-columns-sm='5'] .maso-item {
        flex: 0 0 20%;
        max-width: 20%;
    }

    [data-columns-sm='6'] .maso-item {
        flex: 0 0 16.666666%;
        max-width: 16.666666%;
    }

    .scroll-box.disable-sm:after {
        display: none;
    }

    .tab-nav {
        display: block;
    }

    .tab-nav li a {
        margin: 10px 0;
    }

    .tab-vertical {
        display: block;
    }

    .tab-vertical > .panel {
        max-width: 100%;
    }

    .tab-vertical > .tab-nav, .tab-vertical.tab-inverse > .tab-nav {
        max-width: 100%;
        padding: 30px 0 0 0;
    }
}

/*
-------------------------------------------------------------------
Extra small devices (portrait phones, less than 576px)
-------------------------------------------------------------------
*/

@media (max-width: 575.98px) {
    .hidden-xs {
        display: none !important;
    }

    .visible-xs {
        display: block !important;
    }

    .no-margin-xs {
        margin: 0 !important;
    }

    .btn-sm {
        padding: 5px 20px;
        font-size: 14px;
    }

    .table-md-6 tr {
        grid-template-columns: 1fr;
    }

    .table-md-6 td {
        border: none;
    }

    .table-grid td, .table-grid.table-border tbody tr td:first-child, .table-grid.table-border tbody tr:last-child td {
        padding: 15px;
    }

    .table.align-left td {
        padding-left: 0 !important;
    }

    .table, .table tbody, .table tr, .table thead, .table th, .table td {
        display: block;
        border: none;
        padding: 0;
    }

    .table:not(.table-grid) tr {
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }

    table.table-grid td {
        padding: 30px 0;
    }

    table.table-grid tr:first-child td:first-child {
        padding-top: 0;
    }

    table.table-grid tr:last-child td:last-child {
        padding-bottom: 0;
    }

    .table.table-columns:not(.table-border):not(.table-full-border) {
        margin: 0 -15px;
        width: calc(100% + 30px);
    }

    .table-columns td {
        display: block;
        padding: 0 15px;
    }

    .table tbody tr:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none;
    }

    .table.boxed-area {
        padding: 30px;
    }

    .table.boxed-area td {
        padding: 0 0 30px 0 !important;
    }

    table.table-grid.table-full-border tr:first-child td:first-child {
        padding-top: 60px;
    }

    table.table-grid.table-full-border tr:last-child td:last-child {
        padding-bottom: 60px;
    }

    .table.boxed-area tr:last-child td:last-child {
        padding: 0 !important;
    }

    .pagination .next a {
        margin-left: 0;
        padding-right: 35px;
    }

    .pagination .prev a {
        margin-right: 0;
        padding-left: 35px;
    }

    .cnt-call {
        padding: 30px;
    }

    .col-md-6 + .col-md-6 {
        margin-top: 30px;
    }


    [data-columns-xs='1'] > div {
        grid-template-columns: 1fr;
    }

    [data-columns-xs='2'] > div {
        grid-template-columns: 1fr 1fr;
    }

    [data-columns-xs='3'] > div {
        grid-template-columns: 1fr 1fr 1fr;
    }

    [data-columns-xs='4'] > div {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    [data-columns-xs='1'] .maso-item {
        flex: 0 0 100%;
        max-width: 100%;
    }

    [data-columns-xs='2'] .maso-item {
        flex: 0 0 50%;
        max-width: 50%;
    }

    [data-columns-xs='3'] .maso-item {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    [data-columns-xs='4'] .maso-item {
        flex: 0 0 25%;
        max-width: 25%;
    }

    [data-columns-xs='5'] .maso-item {
        flex: 0 0 20%;
        max-width: 20%;
    }

    [data-columns-xs='6'] .maso-item {
        flex: 0 0 16.666666%;
        max-width: 16.666666%;
    }
}

@media (max-width: 425px) {
    .btn, .btn:not(.full-width) + .btn:not(.full-width) {
        margin-left: 0;
        width: 100%;
    }

    .text-list-bold li, .text-list-line li {
        display: block;
    }

    .text-list-bold li p {
        margin: 0;
    }

    .text-list-line li {
        height: auto;
    }

    .text-list-line li p {
        margin: 0 0 10px 0;
    }
}

/*
-------------------------------------------------------------------
Inverted responsive classes
-------------------------------------------------------------------
*/

@media (min-width: 992.98px) {
    .visible-md {
        display: none;
    }
}

@media (min-width: 767.98px) {
    .visible-sm {
        display: none;
    }
}

@media (min-width: 576px) {
    .visible-xs {
        display: none;
    }
}