@charset "UTF-8";

/* @Author: Themezinho @URL: http://www.themezinho.net This file contains the styling for the actual theme, this is the file you need to edit to change the look of the theme. // Table of contents // 01. CUSTOM FONTS 02. BODY 03. HTML TAGS 04. FORM ELEMENTS 05. LINKS 06. CUSTOM CLASSES 07. SPACINGS 08. CUSTOM CONTAINER 09. ODOMETER 10. SWIPER BULLETS 11. HAMBURGER 12. ACCORDION 13. SEARCH BOX 14. SIDE WIDGET 15. CUSTOM BUTTON 16. WHITE SPACES 17. PAGE TRANSITION 18. NAVBAR 19. SLIDER 20. PAGE HEADER 21. CONTENT SECTION 22. SECTION TITLE 23. ICON CONTENT 24. SIDE IMAGE 25. COUNTER BOX 26. CONTACT FORM 27. GOOGLE MAPS 28. ISOTOPE FILTER 29. PROJECTS 30. PROJECT TEXT 31. PROJECT SLIDER 32. SECTOR BOX 33. CALCULATOR 34. STEP BOX 35. INFO BOX DARK 36. CTA YELLOW BOX 37.SERVICE LIST BOX 38.CUSTOM LIST 39.CERTIFICATE 40.OUR HISTORY 41.CORE VALUES BOX 42.DIRECTOR TEAM 43.SALES TEAM 44.TAB CONTENT 45.VIDEO BOX 46.TESTIMONIALS SLIDER 47.LOGO ITEMS 48.RECENT NEWS 49.NEWS BOX 50.SIDEBAR 51.PAGINATION 52.FOOTER 53. RESPONSIVE MEDIUM FIXES 54. RESPONSIVE TABLET FIXES 55. RESPONSIVE MOBILE FIXES */
/* CUSTOM FONTS */

/* dieupt-2024/05/22: Replace fonts Mont to Montserrat => /tickets/detail/596848 */
/*
@font-face {
    font-family: 'Mont';
    src: url("../fonts/Mont-Regular.eot");
    src: local("☺"),
    url("../fonts/Mont-Regular.woff") format("woff"),
    url("../fonts/Mont-Regular.ttf") format("truetype"),
    url("../fonts/Mont-Regular.svg") format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Mont';
    src: url("../fonts/Mont-Bold.eot");
    src: local("☺"), 
	url("../fonts/Mont-Bold.woff") format("woff"), 
	url("../fonts/Mont-Bold.ttf") format("truetype"), 
	url("../fonts/Mont-Bold.svg") format("svg");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Mont';
    src: url("../fonts/Mont-Heavy.eot");
    src: local("☺"), 
	url("../fonts/Mont-Heavy.woff") format("woff"), 
	url("../fonts/Mont-Heavy.ttf") format("truetype"), 
	url("../fonts/Mont-Heavy.svg") format("svg");
    font-weight: 800;
    font-style: normal;
}
*/

/* dieupt-2024/05/22: Replace fonts Mont to Montserrat => /tickets/detail/596848 */
/*@font-face {
    font-family: 'Montserrat';
    src: url("../fonts/Montserrat/Montserrat-Regular.eot");
    src: local("☺"),
        url("../fonts/Montserrat/Montserrat-Regular.woff") format("woff"),
        url("../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url("../fonts/Montserrat/Montserrat-SemiBold.eot");
    src: local("☺"),
        url("../fonts/Montserrat/Montserrat-SemiBold.woff") format("woff"),
        url("../fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url("../fonts/Montserrat/Montserrat-ExtraBold.eot");
    src: local("☺"),
        url("../fonts/Montserrat/Montserrat-ExtraBold.woff") format("woff"),
        url("../fonts/Montserrat/Montserrat-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}*/

* {
    outline: none !important;
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Montserrat'; /* dieupt-2024/05/22: Replace fonts Mont to Montserrat => /tickets/detail/596848 */
    font-size: 17px;
    color: #0b0b0b;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

/* HTML TAGS */
img {
    max-width: 100%;
}

figure {
    margin-bottom: 20px;
}

/* FORM ELEMENTS */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"] {
    width: 100%;
    max-width: 100%;
    height: 50px;
    border: 2px solid #e8e8e8;
    padding: 0 30px;
}

input[type="submit"],
input[type="button"],
button[type="button"],
button[type="submit"] {
    height: 50px;
    border: none;
    background: #feed01;
    color: #0b0b0b;
    font-weight: 800;
    font-size: 13px;
    padding: 14px 30px;
    margin-bottom: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: relative;
    line-height: 20px;
}

textarea {
    width: 420px;
    max-width: 100%;
    height: 128px;
    border: 2px solid #e8e8e8;
    padding: 30px;
}

/* LINKS */
a {
    color: #0b0b0b;
}

a:hover {
    text-decoration: underline;
    color: #0b0b0b;
}

/* CUSTOM CLASSES */
.overflow {
    overflow: hidden;
}

/* SPACINGS */
.no-spacing {
    margin: 0 !important;
    padding: 0 !important;
}

.no-bottom-spacing {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* ODOMETER */
.odometer-formatting-mark {
    display: none;
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-car {
    padding: 0;
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-car .odometer-digit {
    padding: 0;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-car .odometer-digit .odometer-value {
    text-indent: -5px;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
    text-align: center;
    left: 0 !important;
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-car .odometer-digit {
    padding: 0 !important;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-car .odometer-digit .odometer-value {
    text-indent: 0;
    text-align: center;
}

/* SWIPER BULLETS */
.swiper-pagination {
    width: 100%;
    display: block;
    position: relative;
    text-align: center;
}

.swiper-pagination .swiper-pagination-bullet {
    width: 50px;
    height: 4px;
    border-radius: 0 !important;
}

.swiper-pagination .swiper-pagination-bullet-active {
    background: #feed01;
}

/* HAMBURGER */
.hamburger {
    width: 45px;
    height: 45px;
    position: absolute;
    right: 20px;
    top: 42px;
    cursor: pointer;
    display: inline-block;
    padding-top: 3px;
}

.hamburger span {
    display: block;
    background: #fff;
}

.hamburger #hamburger {
    position: absolute;
    height: 100%;
    width: 100%;
}

.hamburger #hamburger span {
    width: 100%;
    height: 2px;
    position: relative;
    top: 0;
    left: 0;
    margin: 6px 0;
    transition: width ease 0.25s;
}

.hamburger #hamburger span:nth-child(1) {
    transition-delay: 0.5s;
    width: 100%;
}

.hamburger #hamburger span:nth-child(2) {
    transition-delay: 0.625s;
    width: 70%;
}

.hamburger #hamburger span:nth-child(3) {
    transition-delay: 0.75s;
    width: 100%;
    left: 0;
}

.hamburger #cross {
    position: absolute;
    height: 34px;
    width: 34px;
    transform: rotate(45deg);
    left: -2px;
    top: 2px;
}

.hamburger #cross span:nth-child(1) {
    height: 0%;
    width: 2px;
    position: absolute;
    top: 0;
    right: 16px;
    transition-delay: 0s;
    transition: height ease 0.25s;
}

.hamburger #cross span:nth-child(2) {
    width: 0%;
    height: 2px;
    position: absolute;
    left: 0;
    top: 16px;
    transition-delay: 0.25s;
    transition: width ease 0.25s;
}

.hamburger.open #hamburger span {
    width: 0%;
}

.hamburger.open #hamburger span:nth-child(1) {
    transition-delay: 0s;
}

.hamburger.open #hamburger span:nth-child(2) {
    transition-delay: 0.125s;
}

.hamburger.open #hamburger span:nth-child(3) {
    transition-delay: 0.25s;
}

.hamburger.open #cross span:nth-child(1) {
    height: 100%;
    transition-delay: 0.625s;
}

.hamburger.open #cross span:nth-child(2) {
    width: 100%;
    transition-delay: 0.375s;
}

/* ACCORDION */
.accordion {
    width: 100%;
    float: left;
    background: #fff;
    padding: 0;
    padding-right: 50px;
}

.accordion .card {
    background: none;
    border-radius: 0;
    border: none;
}

.accordion .card .card-header {
    background: none;
    padding: 0;
    border: none;
}

.accordion .card .card-header a {
    width: 100%;
    float: left;
    font-weight: 600;
    padding: 30px 0;
    color: #0b0b0b;
    font-weight: 600;
    border-bottom: 4px solid #eaebee;
    font-size: 19px;
}

.accordion .card .card-header a i {
    float: right;
}

.accordion .card .card-header a:hover {
    border-color: #feed01;
    text-decoration: none;
}

.accordion .card .card-body {
    width: 100%;
    line-height: 26px;
    padding: 20px 0;
}

.accordion .card [aria-expanded="true"] {
    border-color: #feed01 !important;
}

/* SEARCH BOX */
.search-box {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3;
    background: #0b0b0b;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    opacity: 0;
    visibility: hidden;
    color: #fff;
}

.search-box .inner {
    width: 50vw;
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}

.search-box .inner form {
    width: 100%;
    display: block;
}

.search-box .inner form input[type="search"] {
    width: 100%;
    height: 70px;
    border: none;
    border-bottom: 4px solid #232222;
    background: none;
    font-size: 20px;
    margin-bottom: 30px;
    color: #fff;
}

.search-box .inner form input[type="submit"] {
    height: 70px;
    background: #feed01;
    border: none;
    font-weight: 600;
    padding: 0 60px;
}

.search-box.active {
    opacity: 1;
    visibility: visible;
}

/* SIDE WIDGET */
.side-widget {
    width: 400px;
    height: 100%;
    max-width: 100%;
    flex-wrap: wrap;
    align-items: center;
    position: fixed;
    left: -100%;
    top: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    background: #232222;
    background-image: url("../images/header-pattern.png");
    background-position: center;
    background-size: cover;
    z-index: 5;
    box-shadow: 0 0 60px #000;
    padding: 20px 30px;
    color: #fff;
}

.side-widget .inner {
    display: inline-block;
    overflow-y: auto;
}

.side-widget .logo {
    width: 100%;
    display: block;
    margin-bottom: 40px;
}

.side-widget .logo img {
    height: 40px;
}

.side-widget .show-mobile {
    display: none;
}

.side-widget .hide-mobile {
    display: block;
    overflow-x: hidden;
}

.side-widget .gallery {
    display: flex;
    flex-wrap: wrap;
    margin-left: -3px;
    margin-right: -3px;
}

.side-widget .gallery img {
    width: 50%;
    padding: 0 3px;
}

.side-widget p {
    width: 100%;
    display: block;
}

.side-widget .widget-title {
    width: 100%;
    display: block;
    font-weight: 600;
    color: #feed01;
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 20px;
}

.side-widget .address {
    width: 100%;
    display: block;
    margin-top: 20px;
}

.side-widget .social-media {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

.side-widget .social-media li {
    display: inline-block;
    margin-right: 20px;
    padding: 0;
    list-style: none;
}

.side-widget .social-media li a {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
}

.side-widget .languages {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    margin-top: 20px;
}

.side-widget .languages ul {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

.side-widget .languages ul li {
    display: inline-block;
    margin-right: 10px;
    padding: 0;
    list-style: none;
}

.side-widget .languages ul li a {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
}

.side-widget .site-menu {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    margin-top: 20px;
}

.side-widget .site-menu ul {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

.side-widget .site-menu ul li {
    display: block;
    margin: 3px 0;
    padding: 0;
    list-style: none;
}

.side-widget .site-menu ul li ul {
    display: none;
    padding-left: 10px;
    margin-bottom: 10px;
}

.side-widget .site-menu ul li i {
    display: inline-block;
    margin-left: 7px;
}

.side-widget .site-menu ul li a {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

.side-widget small {
    font-size: 11px;
    width: 100%;
    display: block;
    margin-top: 20px;
}

.side-widget.active {
    left: 0;
    top: 120px;
}

/* CUSTOM BUTTON */
.custom-button {
    display: inline-block;
    height: 68px;
    line-height: 68px;
    padding: 0 40px;
    background: #feed01;
    color: #0b0b0b;
    font-size: 13px;
    font-weight: 600;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.custom-button i {
    display: inline-block;
    margin-left: 10px;
    font-size: 20px;
    transform: translateY(3px);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.custom-button:hover {
    text-decoration: none;
}

.custom-button:hover i {
    margin-left: 20px;
}

.custom-button.top-spacing {
    margin-top: 30px;
}

/* WHITE SPACES */
.white-space-top {
    position: relative;
}

.white-space-top:before {
    content: "";
    width: 100vw;
    height: 148px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
}

.white-space-bottom {
    position: relative;
}

.white-space-bottom:after {
    content: "";
    width: 100%;
    height: 148px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}

/* PAGE TRANSITION */
.first-transition {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9;
    right: 0;
    top: 0;
    background: #feed01;
    animation: first-transition 1s;
    animation-fill-mode: forwards;
}

@keyframes first-transition {
    from {
        right: 0;
    }

    to {
        right: -100%;
    }
}

.page-transition {
    width: 0;
    height: 100%;
    position: fixed;
    z-index: 9;
    left: 0;
    top: 0;
    background: #feed01;
    transition: all ease 1s;
}

.page-transition.active {
    width: 100%;
}

/* NAVBAR */
.navbar {
    height: 120px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    z-index: 2021;
    transition: top ease 1s;
}

.navbar.sticky {
    background: #0b0b0b;
}

.navbar.nav-down {
    top: 0;
}

.navbar.nav-up {
    top: -100%;
}

.navbar .logo {
    margin-left: 0;
}

.navbar .logo a {
    display: block;
    margin: 0;
}

.navbar .logo a img {
    height: 70px;
}

.navbar .languages {
    display: inline-block;
    margin: 0 20px;
}

.navbar .languages ul {
    display: block;
    margin: 0;
    padding: 0;
}

.navbar .languages ul li {
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    list-style: none;
}

.navbar .languages ul li a {
    display: inline-block;
    color: #fff;
    position: relative;
}

.navbar .languages ul li a:hover {
    text-decoration: none;
}

.navbar .languages ul li a:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0;
    transition: width 0s ease, background 0.25s ease;
}

.navbar .languages ul li a:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 2px;
    width: 0;
    background: #feed01;
    transition: width 0.25s ease;
}

.navbar .languages ul li a:hover:before {
    width: 100%;
    background: #feed01;
    transition: width 0.25s ease;
}

.navbar .languages ul li a:hover:after {
    width: 100%;
    background: transparent;
    transition: all 0s ease;
}

.navbar .site-menu {
    display: inline-block;
    margin: 0 20px;
}

.navbar .site-menu ul {
    display: block;
    margin: 0;
    padding: 0;
}

.navbar .site-menu ul li {
    display: inline-block;
    margin: 0 10px;
    padding: 0;
    list-style: none;
    position: relative;
}

.navbar .site-menu ul li ul {
    display: none;
    position: absolute;
    left: -30px;
    top: calc(100% + 20px);
    background: #feed01;
    padding: 30px;
}

.navbar .site-menu ul li ul:before {
    content: "";
    width: 100%;
    height: 20px;
    position: absolute;
    left: 0;
    top: -20px;
}

.navbar .site-menu ul li ul li {
    width: 100%;
    display: block;
    margin: 0;
    margin-bottom: 10px;
    white-space: nowrap;
}

.navbar .site-menu ul li ul li:last-child {
    margin-bottom: 0;
}

.navbar .site-menu ul li ul li a {
    color: #0b0b0b;
    display: block;
    padding: 0;
}

.navbar .site-menu ul li:hover ul {
    display: block;
}

.navbar .site-menu ul li a {
    display: inline-block;
    color: #fff;
    position: relative;
}

.navbar .site-menu ul li a:hover {
    text-decoration: none;
}

.navbar .site-menu ul li a:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0;
    transition: width 0s ease, background 0.25s ease;
}

.navbar .site-menu ul li a:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 2px;
    width: 0;
    background: #feed01;
    transition: width 0.25s ease;
}

.navbar .site-menu ul li a:hover:before {
    width: 100%;
    background: #feed01;
    transition: width 0.25s ease;
}

.navbar .site-menu ul li a:hover:after {
    width: 100%;
    background: transparent;
    transition: all 0s ease;
}

.navbar .search {
    display: inline-block;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}

.navbar .hamburger {
    display: inline-block;
    color: #fff;
}

.navbar .navbar-button {
    height: 58px;
    line-height: 58px;
    padding: 0 20px;
    color: #0b0b0b;
    background: #feed01;
    font-size: 13px;
    font-weight: 600;
    position: fixed;
    right: 15px;
}

.navbar .navbar-button i {
    font-size: 20px;
    display: inline-block;
    transform: translateY(3px);
    margin-right: 5px;
}

.navbar .navbar-button:hover {
    text-decoration: none;
}

/* SLIDER */
.slider {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    background-color: #0b0b0b;
    background-image: url("../images/header-pattern.png");
    background-size: cover;
    position: relative;
}

.slider .container {
    position: relative;
    padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.slider .slider-content {
    width: calc(50% - 120px);
    position: relative;
    overflow: hidden;
    margin: 0;
    margin-right: 40px;
    z-index: 2;
}

.slider .inner {
    width: 100%;
    display: block;
    color: #fff;
    padding: 20px 0px;
}

.slider .inner h2 {
    font-size: 60px;
    font-weight: 800;
    word-wrap: break-word;
}

.slider .inner h2 b {
    -webkit-text-stroke: 1px #fff;
    text-stroke: 1px #fff;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.slider .inner p {
    margin-bottom: 70px;
}

.slider .inner a {
    display: inline-block;
    height: 68px;
    line-height: 68px;
    padding: 0 40px;
    background: #feed01;
    color: #0b0b0b;
    font-size: 13px;
    font-weight: 600;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.slider .inner a i {
    display: inline-block;
    margin-left: 10px;
    font-size: 20px;
    transform: translateY(3px);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.slider .inner a:hover {
    text-decoration: none;
    box-shadow: 0 20px 20px #000;
}

.slider .inner a:hover i {
    margin-left: 20px;
}

.slider .controls {
    width: 90%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    padding: 30px;
}

.slider .controls .swiper-pagination {
    width: auto;
    display: inline-block;
    position: static;
    font-size: 26px;
    color: #9a9a9a;
}

.slider .controls .swiper-pagination .swiper-pagination-current {
    font-size: 54px;
    color: #feed01;
}

.slider .controls .button-prev {
    width: 80px;
    height: 80px;
    line-height: 80px;
    display: inline-block;
    text-align: center;
    background: #f2f3f5;
    border-radius: 50%;
    color: #0b0b0b;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    margin-left: auto;
}

.slider .controls .button-prev:hover {
    background: #feed01;
}

.slider .controls .button-next {
    width: 80px;
    height: 80px;
    line-height: 80px;
    display: inline-block;
    text-align: center;
    background: #f2f3f5;
    border-radius: 50%;
    color: #0b0b0b;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    margin-left: 2px;
    margin-right: 0;
}

.slider .controls .button-next:hover {
    background: #feed01;
}

.slider .slider-content .swiper-slide {
    display: flex;
    align-items: center;
}

/*
 	slider1: slider main
 */
.slider .slider-main {
    width: calc(50vw + 80px);
    height: calc(100vh - 150px);
    overflow: hidden;
    margin: 0;
    position: absolute;
    left: calc(50% - 80px);
    top: 150px;
}

.slider .slider-main .slide-image {
    width: 100%;
    height: 100%;
    display: inline-block;
    background-position: center !important;
    background-size: cover !important;
}

.slider .slider-main .header-box {
    width: 160px;
    height: 180px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #feed01;
    position: absolute;
    left: 30px;
    bottom: 30px;
    z-index: 1;
}

.slider .slider-main .header-box:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #0b0b0b transparent;
    position: absolute;
    right: 4px;
    bottom: 4px;
}

.slider .slider-main .header-box b {
    font-size: 90px;
    height: 90px;
    line-height: 1;
    font-weight: 400;
    display: inline-block;
    transform: translateY(8px);
}

.slider .slider-main .header-box small {
    display: inline-block;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 2px;
    transform: translateY(-8px);
}


.slider .header-box {
    width: 160px;
    height: 180px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #feed01;
    position: inherit;
}

.slider .header-box:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #0b0b0b transparent;
    position: absolute;
    right: 4px;
    bottom: 4px;
}

.slider .header-box b {
    font-size: 90px;
    height: 90px;
    line-height: 1;
    font-weight: 400;
    display: inline-block;
    transform: translateY(8px);
}

.slider .header-box small {
    display: inline-block;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 2px;
    transform: translateY(-8px);
}

/* slider2: slider content */
.slider .slider-content2 {
    width: calc(50% - 120px);
    height: auto;
    position: relative;
    overflow: hidden;
    margin: 0;
    margin-right: 40px;
}

.slider .slider-content2 .inner {
    width: 100%;
    display: block;
    color: #fff;
    padding-bottom: 100px;
}

.slider .slider-content2 .inner h2 {
    font-size: 60px;
    font-weight: 800;
    word-wrap: break-word;
}

.slider .slider-content2 .inner h2 b {
    -webkit-text-stroke: 1px #fff;
    text-stroke: 1px #fff;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.slider .slider-content2 .inner p {
    margin-bottom: 70px;
}

.slider .slider-content2 .inner a {
    display: inline-block;
    height: 68px;
    line-height: 68px;
    padding: 0 40px;
    background: #feed01;
    color: #0b0b0b;
    font-size: 13px;
    font-weight: 600;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.slider .slider-content2 .inner a i {
    display: inline-block;
    margin-left: 10px;
    font-size: 20px;
    transform: translateY(3px);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.slider .slider-content2 .inner a:hover {
    text-decoration: none;
    box-shadow: 0 20px 20px #000;
}

.slider .slider-content2 .inner a:hover i {
    margin-left: 20px;
}

/* slider2: slider main */
.slider .slider-main2 {
    width: calc(50vw + 80px);
    height: calc(100vh - 80px);
    overflow: hidden;
    margin: 0;
    position: absolute;
    left: calc(50% - 80px);
    z-index: 1;
}

.slider .slider-main2 .slide-image {
    width: 100%;
    height: 100%;
    display: inline-block;
    background-position: center !important;
    background-size: cover !important;
}

.slider .slider-main2 .header-box {
    width: 160px;
    height: 180px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #feed01;
    position: absolute;
    left: 30px;
    bottom: 60px;
    z-index: 1;
}

.slider .slider-main2 .header-box:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #0b0b0b transparent;
    position: absolute;
    right: 4px;
    bottom: 4px;
}

.slider .slider-main2 .header-box b {
    font-size: 90px;
    height: 90px;
    line-height: 1;
    font-weight: 400;
    display: inline-block;
    transform: translateY(8px);
}

.slider .slider-main2 .header-box small {
    display: inline-block;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 2px;
    transform: translateY(-8px);
}

/* PAGE HEADER */
.page-header {
    width: 100%;
    height: 500px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #0b0b0b;
    background-image: url("../images/header-pattern.png");
    background-size: cover;
    position: relative;
}

.page-header .container {
    position: relative;
    color: #fff;
    padding-top: 98px;
}

.page-header .container h6 {
    width: 100%;
    display: block;
    opacity: 0.7;
    margin-bottom: 50px;
}

.page-header .container h1 {
    width: 100%;
    display: block;
    font-size: 7vw;
    font-weight: 800;
    line-height: 1;
}

.page-header .container ul {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

.page-header .container ul li {
    display: inline-block;
    margin-right: 10px;
    padding: 0;
    font-size: 13px;
    font-weight: 600;
    color: #feed01;
}

.page-header .container ul li:last-child:after {
    display: none;
}

.page-header .container ul li:after {
    content: "/";
    display: inline-block;
    margin-left: 15px;
    color: #fff;
}

.page-header .container ul li a {
    color: #fff;
}

/* CONTENT SECTION */
.content-section {
    width: 100%;
    display: block;
    padding: 80px 0;
    position: relative;
}

.section-note {
    width: 100%;
    display: block;
    margin-top: 30px;
    text-align: center;
    font-size: 14px;
}

/* SECTION TITLE */
.section-title {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 50px;
}

.section-title h6 {
    display: inline-block;
    position: relative;
    z-index: 1;
    font-weight: 800;
    letter-spacing: 3px;
    font-size: 18px;
}

.section-title h6:before {
    content: "";
    width: 100%;
    height: 6px;
    background: #feed01;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    mix-blend-mode: difference;
}

.section-title h2 {
    width: 100%;
    display: block;
    margin-bottom: 0;
    font-size: 47px;
}

.section-title p {
    width: 100%;
    display: block;
    margin-bottom: 0;
    margin-top: 20px;
}

/* ICON CONTENT */
.icon-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #e8e8e8;
    padding: 45px 30px;
    /* box-shadow: 7px 7px 0 #f9f9f9;
	 */
    position: relative;
}

.icon-content:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #feed01;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    opacity: 0;
    z-index: -1;
    box-shadow: 0 30px 30px #eee;
}

.icon-content:hover {
    border-color: #feed01;
}

.icon-content:hover:after {
    content: "";
    width: 30%;
    height: 70px;
    background: url("../images/pattern-dot.png");
    background-size: 12px 12px;
    position: absolute;
    right: -25px;
    bottom: -25px;
}

.icon-content:hover:before {
    transform: scale(1.05);
    opacity: 1;
}

.icon-content figure {
    width: 100%;
    display: block;
    margin-bottom: 50px;
}

.icon-content figure img {
    height: 70px;
}

.icon-content h3 {
    width: 100%;
    display: block;
    margin-bottom: 40px;
}

.icon-content small {
    width: 100%;
    display: block;
    margin-bottom: 70px;
    font-size: 16px;
}

.icon-content a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    background: #0b0b0b;
    color: #fff;
    text-align: center;
    font-size: 20px;
}

.icon-content a:hover {
    text-decoration: none;
}

/* SIDE IMAGE */
.side-image {
    width: 100%;
    display: block;
    margin: 0;
}

.side-image img {
    width: 100%;
}

/* SIDE CONTENT */
.side-content {
    width: 100%;
    display: block;
    margin: 0;
    padding-left: 50px;
}

.side-content figure {
    width: 100%;
    display: block;
    margin: 0;
}

.side-content figure img {
    height: 80px;
}

.side-content h6 {
    width: 100%;
    display: block;
    margin-top: 30px;
    font-weight: 600;
    margin-bottom: 2px;
}

.side-content h5 {
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 22px;
}

.side-content b {
    font-weight: 600;
}

.side-content u {
    text-decoration: none;
    position: relative;
}

.side-content u:before {
    content: "";
    width: 100%;
    height: 6px;
    background: #feed01;
    position: absolute;
    left: 0;
    bottom: 0;
    mix-blend-mode: multiply;
}

.side-content p {
    margin-bottom: 25px;
}

.side-content small {
    width: 100%;
    display: block;
    font-size: 13px;
    opacity: 0.6;
}

/* COUNTER BOX */
.col-lg-3:nth-child(even) .counter-box {
    margin-top: 50%;
}

.counter-box {
    width: 100%;
    display: block;
    border: 1px solid #e8e8e8;
    padding: 30px;
    position: relative;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.counter-box:hover {
    transform: translateY(-20px);
    box-shadow: 0 30px 30px #eee;
}

.counter-box:hover h6:before {
    width: 0;
}

.counter-box:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #e8e8e8 transparent;
    position: absolute;
    right: 4px;
    bottom: 4px;
}

.counter-box .odometer {
    display: inline-block;
    font-size: 70px;
}

.counter-box .value {
    font-size: 24px;
}

.counter-box h6 {
    display: inline-block;
    font-weight: 800;
    letter-spacing: 2px;
    position: relative;
}

.counter-box h6:before {
    content: "";
    width: 100%;
    height: 6px;
    background: #feed01;
    position: absolute;
    left: 0;
    bottom: 0;
    mix-blend-mode: multiply;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.counter-box p {
    font-size: 13px;
    padding-right: 5%;
}

/* CONTACT BOX */
.contact-box {
    width: 100%;
    display: block;
    border: 1px solid #e8e8e8;
    padding: 30px;
    position: relative;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.contact-box:hover {
    transform: translateY(-20px);
    box-shadow: 0 30px 30px #eee;
}

.contact-box:hover h6:before {
    width: 0;
}

.contact-box:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #e8e8e8 transparent;
    position: absolute;
    right: 4px;
    bottom: 4px;
}

.contact-box figure {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

.contact-box figure img {
    height: 80px;
}

.contact-box h6 {
    display: inline-block;
    font-weight: 800;
    letter-spacing: 2px;
    position: relative;
}

.contact-box h6:before {
    content: "";
    width: 100%;
    height: 6px;
    background: #feed01;
    position: absolute;
    left: 0;
    bottom: 0;
    mix-blend-mode: multiply;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.contact-box p {
    font-size: 20px;
    padding-right: 5%;
}

/* GOOGLE MAPS */
.google-maps {
    width: 100%;
    height: 520px;
    display: block;
    border: none;
}

.contact-form {
    width: 100%;
    display: block;
    padding: 50px;
    background: #fff;
    position: relative;
    z-index: 1;
    margin-bottom: -70%;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.contact-form input[type="text"] {
    width: 100%;
}

.contact-form textarea {
    width: 100%;
}

.contact-form .form-group:last-child {
    margin-bottom: 0;
}

/* ISOTOPE FILTER */
.isotope-filter {
    width: 100%;
    display: block;
    margin-bottom: 40px;
    padding: 0;
}

.isotope-filter li {
    display: inline-block;
    margin-right: 30px;
    padding: 0;
    list-style: none;
    cursor: pointer;
    position: relative;
    font-weight: 600;
}

.isotope-filter li:last-child {
    margin-right: 0;
}

.isotope-filter li.current:before {
    width: 100%;
}

.isotope-filter li:hover:before {
    width: 100%;
}

.isotope-filter li:before {
    content: "";
    width: 0;
    height: 4px;
    background: #feed01;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

/* PROJECTS */
.projects {
    width: calc(100% + 60px);
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px;
    padding: 0;
}

.projects li {
    width: 50%;
    display: inline-block;
    margin-bottom: 50px;
    padding: 0 30px;
    list-style: none;
}

.projects li .project-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding-bottom: 50px;
    position: relative;
}

.projects li .project-box:hover img {
    filter: grayscale(0);
}

.projects li .project-box:hover figcaption {
    background: #feed01;
    color: #0b0b0b;
}

.projects li .project-box img {
    width: 100%;
    display: block;
    filter: grayscale(1);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.projects li .project-box figcaption {
    width: 70%;
    position: absolute;
    left: 30px;
    bottom: 15px;
    padding: 30px;
    background: #0b0b0b;
    color: #fff;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.projects li .project-box figcaption:after {
    content: "";
    width: 20%;
    height: 55px;
    background: url("../images/pattern-dot.png");
    background-size: 12px 12px;
    position: absolute;
    right: -25px;
    bottom: -25px;
}

.projects li .project-box figcaption h5 {
    display: block;
    font-size: 30px;
    font-weight: 800;
    margin: 0;
}

.projects li .project-box figcaption p {
    width: 100%;
    display: block;
    margin: 0;
    display: none;
}

/* PROJECT TEXT */
.project-specifications {
    width: calc(100% - 40px);
    display: block;
    background: #fff;
    box-shadow: 0 0 30px #eee;
    padding: 50px;
    margin-left: 40px;
}

.project-specifications table {
    width: 100%;
    font-size: 15px;
}

.project-specifications table tr td:first-child {
    font-weight: 600;
    width: 120px;
    padding: 10px 0;
}

/* PROJECT SLIDER */
.project-slider {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}

.project-slider .swiper-slide {
    max-width: 50vw;
    text-align: center;
}

.project-slider .swiper-slide.swiper-slide-active .project-box figcaption {
    opacity: 1;
}

.project-slider .swiper-slide .project-box {
    width: 100%;
    /*display: flex;
	 flex-wrap: wrap;*/
    margin: 0;
    padding-bottom: 50px;
    position: relative;
}

.project-slider .swiper-slide .project-box:hover img {
    filter: grayscale(0);
}

.project-slider .swiper-slide .project-box img {
    width: 100%;
    display: block;
    filter: grayscale(1);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.project-slider .swiper-slide .project-box figcaption {
    width: 70%;
    position: absolute;
    left: 30px;
    bottom: 15px;
    padding: 30px;
    background: #feed01;
    color: #0b0b0b;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    opacity: 0;
}

.project-slider .swiper-slide .project-box figcaption:after {
    content: "";
    width: 20%;
    height: 55px;
    background: url("../images/pattern-dot.png");
    background-size: 12px 12px;
    position: absolute;
    right: -25px;
    bottom: -25px;
}

.project-slider .swiper-slide .project-box figcaption h5 {
    display: block;
    font-size: 30px;
    font-weight: 800;
}

.project-slider .swiper-slide .project-box figcaption p {
    width: 100%;
    display: block;
    margin: 0;
}

.project-slider .swiper-pagination {
    width: 100%;
    float: left;
    position: static;
    margin-top: 20px;
}

/* SECTOR BOX */
.sector-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 40px;
    box-shadow: 1px 0 0 0 #eee, 0 1px 0 0 #eee, 1px 1px 0 0 #eee, 1px 0 0 0 #eee inset, 0 1px 0 0 #eee inset;
    position: relative;
    color: #0b0b0b;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.sector-box:hover {
    box-shadow: none;
    z-index: 1;
    text-decoration: none;
    background: #feed01;
}

.sector-box:hover i {
    opacity: 1;
}

.sector-box span {
    font-weight: 600;
}

.sector-box i {
    margin-left: auto;
    opacity: 0.4;
    transform: translateY(3px);
}

/* CALCULATOR */
.calculator {
    background-color: #0b0b0b;
    background-image: url("../images/header-pattern.png");
    background-position: center;
    background-size: cover;
    margin-top: 80px;
}

.calculator .section-title {
    color: #fff;
}

.calculator .bg-image {
    width: 40%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-size: cover;
}

.calculator .form {
    width: 100%;
    display: block;
    padding: 50px;
    background: #fff;
    color: #0b0b0b;
    position: relative;
}

.calculator .form .form-group {
    position: static;
    margin-bottom: 35px;
}

.calculator .form .form-group:last-child {
    margin-bottom: 0;
}

.calculator .form select {
    width: 300px;
    max-width: 100%;
    height: 58px;
    border: 1px solid #e5e5e5;
    padding: 0 20px;
}

.calculator .form .custom-checkbox {
    height: 58px;
    line-height: 58px;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    padding: 0 30px;
    margin-right: 5px;
}

.calculator .form input[type="checkbox"] {
    display: none;
}

.calculator .form input[type="checkbox"]:checked + .custom-checkbox {
    border-color: #feed01;
    background: #feed01;
    color: #0b0b0b;
}

.calculator .form .info-box {
    width: 65%;
    float: left;
    margin-top: 50px;
}

.calculator .form .info-box i {
    color: #4cd964;
    font-size: 20px;
    transform: translateY(2px);
}

.calculator .form .price-box {
    float: right;
    background: #feed01;
    padding: 30px 50px;
    margin-right: -50px;
    margin-bottom: -50px;
}

.calculator .form .price-box small {
    width: 100%;
    display: block;
    font-weight: 600;
    margin-bottom: 5px;
}

.calculator .form .price-box span {
    font-size: 50px;
    font-weight: 800;
    line-height: 1;
}

/* STEP BOX */
.step-box {
    width: 100%;
    display: block;
    position: relative;
    z-index: 1;
}

.step-box:hover .image img {
    filter: grayscale(0);
}

.step-box:hover:after {
    content: "";
    width: 40%;
    height: 65px;
    background: url("../images/pattern-dot.png");
    background-size: 12px 12px;
    position: absolute;
    right: -25px;
    bottom: -25px;
    z-index: 0;
}

.step-box:hover .content {
    bottom: 0;
}

.step-box:hover .content h6:before {
    width: 0;
}

.step-box * {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.step-box .image {
    width: 100%;
    display: block;
    padding-right: 30px;
}

.step-box .image img {
    width: 100%;
    filter: grayscale(1);
}

.step-box .content {
    width: 80%;
    position: absolute;
    right: 0;
    bottom: -30px;
    z-index: 1;
    background: #fff;
    padding: 40px;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}

.step-box .content .icon {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

.step-box .content .icon img {
    height: 70px;
}

.step-box .content span {
    position: absolute;
    right: 30px;
    top: 30px;
    font-weight: 800;
    opacity: 0.3;
    font-size: 19px;
}

.step-box .content h6 {
    display: inline-block;
    font-weight: 800;
    letter-spacing: 2px;
    position: relative;
    margin-bottom: 20px;
}

.step-box .content h6:before {
    content: "";
    width: 100%;
    height: 6px;
    background: #feed01;
    position: absolute;
    left: 0;
    bottom: 0;
    mix-blend-mode: multiply;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.step-box .content p {
    width: 100%;
    display: block;
    margin: 0;
    opacity: 0.7;
}

/* INFO BOX DARK */
.info-box-dark {
    width: 100%;
    display: block;
    background: #0b0b0b;
    color: #fff;
    padding: 50px;
    position: relative;
}

.info-box-dark:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 25px 15px 0;
    border-color: transparent #0b0b0b transparent transparent;
    position: absolute;
    right: 10%;
    bottom: -15px;
}

.info-box-dark h6 {
    width: 100%;
    display: block;
    margin-bottom: 15px;
    font-weight: 800;
    font-size: 20px;
}

.info-box-dark p {
    width: 100%;
    display: block;
    opacity: 0.8;
}

.info-box-dark p:last-child {
    margin-bottom: 0;
}

/* CTA BOX YELLOW */
.cta-box-yellow {
    width: calc(100% - 50px);
    display: block;
    background: #feed01;
    color: #0b0b0b;
    padding: 50px;
    position: relative;
    margin-bottom: 148px;
}

.cta-box-yellow h4 {
    width: 100%;
    display: block;
    font-weight: 800;
    margin-bottom: 20px;
    font-size: 44px;
}

.cta-box-yellow p {
    width: 100%;
    margin-bottom: 25px;
}

.cta-box-yellow .button {
    display: inline-block;
    height: 68px;
    line-height: 68px;
    padding: 0 40px;
    background: #0b0b0b;
    color: #feed01;
    font-size: 13px;
    font-weight: 600;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.cta-box-yellow .button:hover {
    text-decoration: none;
}

/* SERVICE LIST BOX */
.services-list-box {
    width: 100%;
    display: block;
    background: #fff;
    padding: 50px;
    transform: translateY(100px);
    margin-bottom: 100px;
}

.services-list-box h4 {
    font-size: 50px;
    font-weight: 800;
}

.services-list-box p {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

.services-list-box ul {
    width: 100%;
    display: block;
    padding-left: 20px;
    margin-bottom: 30px;
}

.services-list-box ul li {
    margin: 10px 0;
}

.services-list-box .button {
    display: inline-block;
    height: 68px;
    line-height: 68px;
    padding: 0 40px;
    background: #0b0b0b;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.services-list-box .button:hover {
    text-decoration: none;
    background: #feed01;
    color: #0b0b0b;
}

/* CUSTOM LIST */
.custom-list {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

.custom-list li {
    width: 100%;
    display: block;
    margin: 0;
    padding: 20px 0;
    list-style: none;
    font-size: 20px;
    font-weight: 600;
    position: relative;
}

.custom-list li:hover:before {
    background: #feed01;
    width: 100%;
}

.custom-list li:before {
    content: "";
    width: 30%;
    height: 1px;
    background: #eee;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.custom-list li i {
    font-size: 14px;
    display: inline-block;
    margin-right: 8px;
}

/* CERTIFICATE */
.certificate {
    width: 100%;
    display: block;
    margin: 0;
}

.certificate img {
    border: 1px solid #e8e8e8;
    margin-bottom: 20px;
}

.certificate figcaption {
    font-size: 14px;
}

/* OUR HISTORY */
.our-history {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
}

.our-history .swiper-pagination {
    position: absolute;
    height: 1px;
    left: 0;
    top: 50px;
    background: #eee;
}

.our-history .swiper-pagination-progressbar-fill {
    background: #feed01;
}

.our-history .swiper-slide:hover b:after {
    background: #feed01;
}

.our-history .swiper-slide {
    z-index: 1;
}

.our-history figure {
    width: 100%;
    padding: 0 15px;
}

.our-history p {
    width: 100%;
    display: block;
    padding: 0 15px;
    font-size: 14px;
}

.our-history b {
    width: 100%;
    height: 50px;
    display: inline-block;
    margin-bottom: 20px;
    text-align: center;
    position: relative;
}

.our-history b:after {
    content: "";
    width: 12px;
    height: 12px;
    background: #eee;
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 6px);
    bottom: -6px;
}

.our-history .controls {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 30px;
}

.our-history .controls .button-prev {
    width: 80px;
    height: 80px;
    line-height: 80px;
    display: inline-block;
    text-align: center;
    background: #f2f3f5;
    border-radius: 50%;
    color: #0b0b0b;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    margin: 0 2px;
}

.our-history .controls .button-prev:hover {
    background: #feed01;
}

.our-history .controls .button-next {
    width: 80px;
    height: 80px;
    line-height: 80px;
    display: inline-block;
    text-align: center;
    background: #f2f3f5;
    border-radius: 50%;
    color: #0b0b0b;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    margin: 0 2px;
    margin-right: 0;
}

.our-history .controls .button-next:hover {
    background: #feed01;
}

/* CORE VALUES BOX */
.core-values-box {
    width: 100%;
    display: block;
    border: 1px solid #e8e8e8;
    padding: 30px;
    position: relative;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    margin: 15px 0;
}

.core-values-box:hover {
    transform: translateY(-20px);
    box-shadow: 0 30px 30px #eee;
}

.core-values-box:hover h6:before {
    width: 0;
}

.core-values-box:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #e8e8e8 transparent;
    position: absolute;
    right: 4px;
    bottom: 4px;
}

.core-values-box figure {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

.core-values-box figure img {
    height: 80px;
}

.core-values-box h6 {
    display: inline-block;
    font-weight: 800;
    letter-spacing: 2px;
    position: relative;
}

.core-values-box h6:before {
    content: "";
    width: 100%;
    height: 6px;
    background: #feed01;
    position: absolute;
    left: 0;
    bottom: 0;
    mix-blend-mode: multiply;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.core-values-box p {
    font-size: 20px;
    padding-right: 5%;
}

/* DIRECTOR TEAM */
.director-team {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border: 1px solid #e8e8e8;
    position: relative;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    margin: 15px 0;
}

.director-team:hover {
    transform: translateY(-20px);
    box-shadow: 0 30px 30px #eee;
}

.director-team:hover h6:before {
    width: 0;
}

.director-team:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #e8e8e8 transparent;
    position: absolute;
    right: 4px;
    bottom: 4px;
}

.director-team figure {
    width: 45%;
    display: block;
    margin: 0;
}

.director-team .content {
    width: 55%;
    display: inline-block;
    padding: 0 30px;
}

.director-team h6 {
    display: inline-block;
    font-weight: 800;
    letter-spacing: 2px;
    position: relative;
}

.director-team h6:before {
    content: "";
    width: 100%;
    height: 6px;
    background: #feed01;
    position: absolute;
    left: 0;
    bottom: 0;
    mix-blend-mode: multiply;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.director-team small {
    width: 100%;
    display: block;
    font-size: 20px;
    margin-bottom: 10px;
}

.director-team b {
    width: 100%;
    display: block;
    font-weight: 600;
}

/* SALES TEAM */
.sales-team {
    width: 100%;
    display: block;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    position: relative;
}

.sales-team:hover {
    background: #feed01;
    transform: translateY(-20px);
    box-shadow: 0 30px 30px #eee;
    z-index: 1;
}

.sales-team:hover:after {
    content: "";
    width: 80px;
    height: 70px;
    background: url("../images/pattern-dot.png");
    background-size: 12px 12px;
    position: absolute;
    left: -30px;
    top: 30px;
}

.sales-team:hover .infos:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #0b0b0b transparent;
    position: absolute;
    right: 4px;
    bottom: 4px;
}

.sales-team:hover figure img {
    mix-blend-mode: multiply;
}

.sales-team figure {
    width: 100%;
    display: block;
    margin: 0;
}

.sales-team figure img {
    width: 100%;
    filter: grayscale(1);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.sales-team .infos {
    width: 100%;
    display: block;
    text-align: center;
    padding: 15px 0;
    position: relative;
}

.sales-team h6 {
    width: 100%;
    display: block;
}

.sales-team small {
    width: 100%;
    display: block;
    opacity: 0.5;
}

.sales-team b {
    width: 100%;
    display: block;
    font-weight: 600;
    margin-bottom: 15px;
}

.sales-team ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.sales-team ul li {
    display: inline-block;
    margin: 0 6px;
    padding: 0;
    list-style: none;
}

.sales-team ul li a {
    color: #0b0b0b;
    font-size: 13px;
}

/* TAB CONTENT */
.tab-left {
    width: 100%;
    display: block;
    background: #0b0b0b;
    color: #fff;
    padding: 50px;
}

.tab-left h2 {
    width: 100%;
    display: block;
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 30px;
}

.tab-left ul {
    width: 100%;
    display: block;
    margin-bottom: 50px;
    padding: 0;
}

.tab-left ul li {
    width: 100%;
    display: block;
    margin: 0;
    padding: 8px 0;
    list-style: none;
}

.tab-left ul li.active a:before {
    width: 100%;
}

.tab-left ul li a {
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    display: inline-block;
    position: relative;
}

.tab-left ul li a:hover {
    text-decoration: none;
    color: #feed01;
}

.tab-left ul li a:before {
    content: "";
    width: 0;
    height: 5px;
    background: #feed01;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.tab-left p {
    width: 100%;
    display: block;
    margin: 0;
}

.tab-right {
    width: 100%;
    display: block;
}

.tab-right .tab-item {
    display: none;
}

.tab-right .tab-item img {
    width: 100%;
}

.tab-right .tab-item:first-child {
    display: block;
}

/* VIDEO BOX */
.video-box {
    width: 100%;
    display: block;
    margin: 0;
    background: #0b0b0b;
    position: relative;
}

.video-box .play-btn {
    width: 70px;
    height: 70px;
    line-height: 66px;
    display: inline-block;
    position: absolute;
    right: 50px;
    top: 100px;
    z-index: 1;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    font-size: 20px;
    text-indent: 2px;
}

.video-box .play-btn:hover {
    background: #feed01;
    border-color: #feed01;
    color: #0b0b0b;
}

.video-box video {
    width: 100%;
    display: block;
    margin: 0;
    opacity: 0.5;
    filter: grayscale(1);
}

/* TESTIOMONIALS SLIDER */
.testimonials-slider {
    width: calc(100% - 250px);
    float: right;
    margin-top: -200px;
    margin-right: 50px;
    position: relative;
    overflow: hidden;
}

.testimonials-slider .controls {
    display: inline-block;
    position: static;
    margin-top: 30px;
}

.testimonials-slider .controls .swiper-pagination {
    width: auto;
    display: inline-block;
    position: static;
    font-size: 26px;
    color: #9a9a9a;
}

.testimonials-slider .controls .swiper-pagination .swiper-pagination-current {
    font-size: 54px;
    color: #0b0b0b;
}

.testimonials-slider .controls .button-prev {
    width: 80px;
    height: 80px;
    line-height: 80px;
    display: inline-block;
    text-align: center;
    background: #feed01;
    border-radius: 50%;
    color: #0b0b0b;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    margin-left: auto;
}

.testimonials-slider .controls .button-prev:hover {
    background: #0b0b0b;
    color: #fff;
}

.testimonials-slider .controls .button-next {
    width: 80px;
    height: 80px;
    line-height: 80px;
    display: inline-block;
    text-align: center;
    background: #feed01;
    border-radius: 50%;
    color: #0b0b0b;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    margin-left: 2px;
    margin-right: 0;
}

.testimonials-slider .controls .button-next:hover {
    background: #0b0b0b;
    color: #fff;
}

.testimonials-slider .testimonial {
    width: 100%;
    float: left;
    padding: 30px;
    background: #fff;
    position: relative;
}

.testimonials-slider .testimonial:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 0;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    bottom: -20px;
    right: 30px;
}

.testimonials-slider .testimonial p {
    width: 100%;
    display: block;
    margin-bottom: 30px;
    color: #565656;
}

.testimonials-slider .testimonial i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    float: left;
    background: #feed01;
    color: #0b0b0b;
    text-align: center;
    font-size: 30px;
    margin-right: 20px;
    margin-top: -8px;
}

.testimonials-slider .testimonial h6 {
    font-weight: 600;
    margin-bottom: 0;
}

/* LOGO ITEMS */
.logo-item {
    width: 100%;
    display: block;
    margin: 0;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    padding: 0 30px;
}

.logo-item img {
    width: 100%;
}

/* RECENT NEWS */
.recent-news {
    width: 100%;
    display: block;
    position: relative;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.recent-news:hover {
    transform: translateY(-20px);
    box-shadow: 0 30px 30px #eee;
}

.recent-news:hover:after {
    content: "";
    width: 70%;
    height: 70px;
    background: url("../images/pattern-dot.png");
    background-size: 12px 12px;
    position: absolute;
    right: -25px;
    bottom: -25px;
    z-index: -1;
    opacity: 0.2;
}

.recent-news:hover figure img {
    filter: none;
}

.recent-news:hover .content h3 a {
    background-size: 100% 100%;
}

.recent-news figure {
    width: 100%;
    max-height: 220px;
    display: block;
    margin: 0;
    position: relative;
    overflow: hidden;
    background: #feed01;
}

.recent-news figure img {
    width: 100%;
    max-width: inherit;
    min-height: 220px;
    filter: grayscale(1);
}

.recent-news .content {
    width: 100%;
    height: 100%;
    display: block;
    padding: 30px;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-top: none;
}

.recent-news .content small {
    display: inline-block;
    padding: 4px 8px;
    background: #feed01;
    margin-bottom: 20px;
    color: #0b0b0b;
}

.recent-news .content h3 {
    width: 100%;
    display: block;
    margin-bottom: 30px;
    font-size: 26px;
    line-height: 1.4;
}

.recent-news .content h3 a {
    display: inline;
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) calc(99% - 1px), #0b0b0b 1px);
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) calc(99% - 1px), #0b0b0b 1px);
    background-image: linear-gradient(rgba(0, 0, 0, 0) calc(99% - 1px), #0b0b0b 1px);
    background-repeat: no-repeat;
    background-size: 0% 100%;
    transition: background-size 0.5s;
}

.recent-news .content h3 a:hover {
    text-decoration: none;
}

.recent-news .content .author {
    width: 100%;
    display: block;
    margin-bottom: 0;
    font-size: 13px;
}

.recent-news .content .author img {
    height: 50px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 15px;
}

.recent-news .content .author b {
    font-weight: 600;
}

/* NEWS BOX */
.news-box {
    width: 100%;
    display: block;
    position: relative;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    margin-bottom: 100px;
}

.news-box:last-child {
    margin-bottom: 0;
}

.news-box:after {
    content: "";
    width: 70%;
    height: 70px;
    background: url("../images/pattern-dot.png");
    background-size: 12px 12px;
    position: absolute;
    right: -25px;
    bottom: -25px;
    z-index: -1;
    opacity: 0.2;
}

.news-box:hover .content h3 a {
    background-size: 100% 100%;
}

.news-box figure {
    width: 100%;
    display: block;
    margin: 0;
    position: relative;
    overflow: hidden;
    background: #feed01;
}

.news-box figure img {
    width: 100%;
    max-width: inherit;
}

.news-box .content {
    width: 100%;
    height: 100%;
    display: block;
    padding: 30px;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-top: none;
}

.news-box .content small {
    display: inline-block;
    padding: 4px 8px;
    background: #feed01;
    margin-bottom: 20px;
    color: #0b0b0b;
}

.news-box .content h3 {
    width: 100%;
    display: block;
    margin-bottom: 30px;
    font-size: 38px;
    line-height: 1.4;
}

.news-box .content h3 a {
    display: inline;
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) calc(99% - 1px), #0b0b0b 1px);
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) calc(99% - 1px), #0b0b0b 1px);
    background-image: linear-gradient(rgba(0, 0, 0, 0) calc(99% - 1px), #0b0b0b 1px);
    background-repeat: no-repeat;
    background-size: 0% 100%;
    transition: background-size 0.5s;
}

.news-box .content h3 a:hover {
    text-decoration: none;
}

.news-box .content .author {
    width: 100%;
    display: block;
    margin-bottom: 0;
    font-size: 13px;
}

.news-box .content .author img {
    height: 50px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 15px;
}

.news-box .content .author b {
    font-weight: 600;
}

.news-box .content h6 {
    font-size: 24px;
    line-height: 1.7;
    margin: 30px 0;
}

.news-box .content strong {
    font-weight: 600;
}

.news-box .content figure {
    margin: 30px 0;
}

.news-box .content blockquote {
    width: 100%;
    display: block;
    padding: 40px;
    background: #feed01;
    color: #0b0b0b;
    font-size: 19px;
}

.news-box .content ul {
    padding-left: 20px;
}

.news-box .content ul li {
    margin: 4px 0;
}

/* SIDEBAR */
.sidebar {
    width: 100%;
    display: block;
    padding-left: 30px;
}

.sidebar .widget {
    width: 100%;
    display: block;
    border: 1px solid #e8e8e8;
    padding: 50px;
    margin-bottom: 50px;
}

.sidebar .widget:last-child {
    margin-bottom: 0;
}

.sidebar .widget .widget-title {
    width: 100%;
    display: block;
    position: relative;
    z-index: 1;
    font-weight: 800;
    letter-spacing: 3px;
    font-size: 18px;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.sidebar .widget .widget-title:before {
    content: "";
    width: 100%;
    height: 6px;
    background: #feed01;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    mix-blend-mode: difference;
}

.sidebar .widget form {
    width: 100%;
    display: block;
}

.sidebar .widget form input[type="submit"] {
    margin-top: 10px;
    background: #0b0b0b;
    color: #fff;
}

.sidebar .widget .categories {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

.sidebar .widget .categories li {
    width: 100%;
    display: block;
    margin: 4px 0;
    padding: 0;
    list-style: none;
}

.sidebar .widget .categories li a {
    color: #0b0b0b;
    font-size: 19px;
}

/* PAGINATION */
.pagination {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.pagination .page-item {
    display: inline-block;
}

.pagination .page-item .page-link {
    height: 60px;
    line-height: 60px;
    padding: 0 40px;
    border-radius: 0 !important;
    font-size: 12px;
    font-weight: 600;
    color: #0b0b0b;
    outline: none !important;
}

.pagination .page-item .page-link:focus {
    outline: none !important;
}

/* FOOTER BAR */
.footer-bar {
    width: 100%;
    display: block;
    padding: 80px 0;
    position: relative;
    overflow: hidden;
    color: #fff;
    background-color: #232222;
    background-image: url("../images/header-pattern.png");
    background-position: center;
    background-size: cover;
}

.footer-bar .logo {
    width: 100%;
    display: block;
    margin-bottom: 30px;
}

.footer-bar .logo img {
    height: 50px;
}

.footer-bar h2 {
    font-size: 60px;
    font-weight: 800;
    padding-right: 20%;
    margin-bottom: 50px;
}

.footer-bar h2 b {
    -webkit-text-stroke: 1px #fff;
    text-stroke: 1px #fff;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.footer-bar .button {
    display: inline-block;
    float: left;
    height: 68px;
    line-height: 68px;
    padding: 0 40px;
    background: #feed01;
    color: #0b0b0b;
    font-size: 13px;
    font-weight: 600;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.footer-bar .button i {
    display: inline-block;
    margin-left: 10px;
    font-size: 20px;
    transform: translateY(3px);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.footer-bar .button:hover {
    text-decoration: none;
}

.footer-bar .button:hover i {
    margin-left: 20px;
}

.footer-bar .sales-representive {
    display: inline-block;
    line-height: 68px;
}

.footer-bar .sales-representive figure {
    float: left;
    margin-right: 10px;
}

.footer-bar .sales-representive figure img {
    height: 60px;
    border-radius: 50%;
}

.footer-bar .sales-representive b {
    display: inline-block;
    font-weight: 600;
    position: relative;
}

.footer-bar .sales-representive b:before {
    content: "";
    width: 100%;
    height: 4px;
    background: #feed01;
    position: absolute;
    left: 0;
    bottom: 20px;
}

/* FOOTER */
.footer-main {
    width: 100%;
    display: block;
    background-color: #0b0b0b;
    position: relative;
    padding-top: 80px;
    color: #fff;
}

.footer-main .scroll-top {
    width: 100px;
    background: #feed01;
    position: absolute;
    right: 30px;
    top: -30px;
    z-index: 1;
    color: #0b0b0b;
    text-align: center;
    padding: 15px 0;
}

.footer-main .scroll-top small {
    width: 100%;
    display: block;
}

.footer-main .widget-title {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    font-weight: 600;
    opacity: 0.7;
    letter-spacing: 2px;
}

.footer-main address {
    width: 100%;
    display: block;
    margin: 0;
}

.footer-main address p {
    width: 100%;
    display: block;
}

.footer-main address a {
    display: inline-block;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    border-bottom: 3px solid #feed01;
}

.footer-main address a:hover {
    text-decoration: none;
    border-color: #fff;
}

.footer-main form {
    width: 100%;
    display: block;
}

.footer-main form input[type="email"] {
    width: 100%;
    height: 68px;
    border: none;
    background: #232222;
    padding: 30px;
    color: #fff;
    margin-bottom: 15px;
}

.footer-main form input[type="submit"] {
    height: 60px;
    background: #feed01;
    border: none;
    padding: 0 40px;
    font-size: 13px;
    font-weight: 600;
}

.footer-main .footer-bottom {
    width: 100%;
    display: block;
    margin-top: 50px;
    border-top: 1px dotted rgba(255, 255, 255, 0.2);
    padding: 40px 0;
}

.footer-main .footer-bottom span {
    opacity: 0.7;
    font-size: 13px;
}

.footer-main .footer-bottom ul {
    float: right;
    margin: 0;
    padding: 0;
}

.footer-main .footer-bottom ul li {
    display: inline-block;
    padding: 5px;
    list-style: none;
}

.footer-main .footer-bottom ul li a {
    opacity: 0.7;
    font-size: 13px;
    color: #fff;
}

.footer-main .footer-bottom ul li a:hover {
    opacity: 1;
    text-decoration-color: #feed01;
}

/* SALES SPECIALIST FORM */
#sales-specialist-form {
    width: 500px;
    max-width: 100%;
    display: none;
    padding: 40px;
}

#sales-specialist-form .form-group span {
    display: inline-block;
    margin-left: 12px;
    background: #fff;
    padding: 0 6px;
    transform: translateY(14px);
    color: #8b8b8b;
    font-size: 15px;
}

#sales-specialist-form .form-group:last-child {
    margin: 0;
}

.fancybox-close-small {
    transform: scale(1.5);
    top: 10px;
    right: 10px;
}

/* YES NO SWITCHER*/
.yes-no {
    width: 100%;
    display: block;
    position: relative;
    background: #0b0b0b;
    border: 4px solid #0b0b0b;
}

.yes-no .switch {
    width: 100%;
    height: 50px;
    text-align: center;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.yes-no .switch span {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    background: #feed01;
    font-weight: 600;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.yes-no label {
    cursor: pointer;
    line-height: 50px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    font-weight: 600;
}

.yes-no label[for=yes] {
    position: absolute;
    z-index: 1;
    left: 0px;
    width: 50%;
    height: 100%;
    margin: 0;
    color: #fff;
}

.yes-no label[for=no] {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0px;
    z-index: 1;
    color: #fff;
    margin: 0;
}

.yes-no input[type=radio] {
    display: none;
}

.yes-no #no:checked ~ .switch {
    background: #feed01;
}

.yes-no #no:checked ~ .switch span {
    background: #0b0b0b;
}

.yes-no #no:checked ~ .switch span:after {
    background: none;
}

.yes-no #yes:checked ~ .switch label[for=yes] {
    color: #0b0b0b;
    font-weight: 600;
}

.yes-no #no:checked ~ .switch label[for=no] {
    color: #0b0b0b;
}

/* RANGE SLIDER */
.range-slider {
    width: 100%;
    display: block;
}

.range-slider__range {
    -webkit-appearance: none;
    width: 100%;
    height: 10px;
    border-radius: 0;
    background: #f2f2f2;
    outline: none;
    padding: 0;
    margin: 0;
}

.range-slider__range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #feed01;
    cursor: pointer;
    -webkit-transition: background 0.15s ease-in-out;
    transition: background 0.15s ease-in-out;
}

.range-slider__range::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border: 0;
    border-radius: 50%;
    background: #feed01;
    cursor: pointer;
    -moz-transition: background 0.15s ease-in-out;
    transition: background 0.15s ease-in-out;
}

.range-slider__range:active::-moz-range-thumb {
    background: #feed01;
}

.range-slider__range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #feed01;
}

.range-slider__value {
    display: inline-block;
    position: relative;
    width: 60px;
    color: #0b0b0b;
    line-height: 20px;
    text-align: center;
    background: #feed01;
    padding: 5px 10px;
}

::-moz-range-track {
    background: #feed01;
    border: 0;
}

input::-moz-focus-inner,
input::-moz-focus-outer {
    border: 0;
}

/*# sourceMappingURL=style.css.map */
.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}

.page-wrapper {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
}

.freeze-header .navbar.nav-down {
    background: #0000004d;
    margin: 0 !important;
    position: absolute;
}

.mfp-arrow:before,
.mfp-arrow:after {
    margin-top: 15px !important;
}

button.btn.btn-search.search_booking {
    height: 100%;
}

/***

====================================================================
            Page Title
====================================================================

***/

.page-title {
    position: relative;
    padding: 100px 0px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    margin-top: 0px;
}

.page-title:before {
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(34, 34, 34, 0.65);
}

.page-title .inner-container {
    position: relative;
}

.page-title h1 {
    position: relative;
    float: left;
    font-size: 30px;
    color: #ffffff;
    line-height: 50px;
    font-weight: 500;
}

.page-title .bread-crumb {
    position: relative;
    float: right;
}

.page-title .bread-crumb span {
    position: relative;
    float: left;
    font-size: 36px;
    line-height: 50px;
    color: #ffffff;
    font-weight: 400;
    cursor: default;
    padding-right: 25px;
    margin-right: 25px;
    font-family: 'Tangerine', cursive;
}

.page-title .bread-crumb span:before {
    position: absolute;
    right: -1px;
    top: 10px;
    height: 30px;
    width: 2px;
    background-color: #feed01;
    content: "";
}

.page-title .bread-crumb span:last-child {
    padding-right: 0;
    margin-right: 0;
}

.page-title .bread-crumb span:last-child:before {
    display: none;
}

.page-title .bread-crumb span a {
    color: #feed01;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.page-title .bread-crumb span a:hover {
    color: #ffffff;
}

/***

====================================================================
    About Us
====================================================================

***/

.about-us {
    position: relative;
    padding: 120px 0 120px;
}

.about-us .left-image {
    position: absolute;
    left: 0;
    bottom: 30px;
    height: auto;
    width: auto;
}

.about-us .content-column {
    position: relative;
    margin-bottom: 40px;
}

.about-us .content-column .inner-column {
    position: relative;
    padding-top: 50px;
}

.about-us .title {
    position: relative;
    display: inline-block;
    font-size: 30px;
    color: #feed01;
    font-weight: 700;
    font-family: 'Montserrat'; /* dieupt-2024/05/22: Replace fonts Mont to Montserrat => /tickets/detail/596848 */
    margin-bottom: 15px;
}

.about-us h2 {
    position: relative;
    font-size: 36px;
    color: #222222;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 30px;
}

.about-us p {
    font-size: 14px;
    line-height: 30px;
    color: #666666;
    font-weight: 500;
    margin-bottom: 30px;
}

.about-us .image-column .inner-column {
    margin-left: -30px;
    margin-right: -110px;
}

.about-us .feature-list {
    position: relative;
    padding-left: 20px;
}

.about-us .feature-list span {
    position: relative;
    padding-left: 30px;
    font-size: 14px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 10px;
    float: left;
    width: 50%;
    color: #666666;
}

.about-us .feature-list span:before {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    line-height: 26px;
    color: #feed01;
    content: "\f06c";
    font-family: "FontAwesome";
}

.about-us .feature-list span a {
    font-weight: 500;
    color: #666666;
    display: inline-block;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.about-us .feature-list span a:hover {
    color: #feed01;
}

.about-us .content-column .inner-column .theme-btn {
    margin-top: 20px;
}

/***

====================================================================
                Services Section
====================================================================

***/

.services-section {
    position: relative;
    background-repeat: no-repeat;
    background-position: center top;
    padding: 120px 0;
}

.services-carousel {
    position: relative;
    padding: 25px 25px 60px;
    background-color: #ffffff;
}

.service-block {
    position: relative;
    padding: 20px 15px;
}

.service-block .inner-box {
    position: relative;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;

}

.service-block .inner-box:hover {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}

.service-block .image-box {
    position: relative;
}

.service-block .image {
    position: relative;
    overflow: hidden;
}

.service-block .image a {
    display: block;
}

.service-block .image img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.service-block .inner-box:hover .image img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.service-block .lower-content {
    position: relative;
    padding: 35px 20px 30px;
    padding-left: 100px;
    border-bottom: 2px solid #dddddd;
}

.service-block .lower-content:before {
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 2px;
    width: 0;
    content: "";
    background-color: #88af0c;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.service-block .inner-box:hover .lower-content:before {
    width: 100%;
    left: 0;
}

.service-block .icon-box {
    position: absolute;
    left: 0;
    top: 35px;
    width: 100px;
    text-align: center;
    font-size: 48px;
    line-height: 1em;
    color: #88af0c;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.service-block .inner-box:hover .icon-box {
    color: #222222;
}

.service-block .lower-content h3 {
    display: block;
    font-size: 18px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 500;
    margin-bottom: 10px;
}

.service-block .lower-content h3 a {
    color: #222222;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.service-block .lower-content h3 a:hover {
    color: #88af0c;
}

.service-block .lower-content p {
    display: block;
    font-size: 14px;
    line-height: 30px;
    color: #666666;
}

.services-carousel .owl-nav {
    display: none;
}

.services-carousel .owl-dots {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.services-carousel .owl-dots .owl-dot {
    position: relative;
    width: 50px;
    margin: 0 5px;
    padding: 10px 0 0;
    display: inline-block;
    border-bottom: 3px solid #88af0c;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.services-carousel .owl-dots .owl-dot.active {
    border-bottom: 10px solid #222222;
    bottom: -3px;
    width: 30px;
}

.services-carousel .owl-dots .owl-dot:hover {
    border-bottom: 10px solid #222222;
}

/***

====================================================================
                Services Section Two
====================================================================

***/

.services-section-two {
    position: relative;
    padding: 115px 0 0;
}

.services-section-two .content-column .inner-column {
    position: relative;
    padding-top: 70px;
}

.services-list {
    position: relative;
}

.services-list li {
    position: relative;
    padding-left: 70px;
    margin-bottom: 60px;
}

.services-list li .icon {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    font-size: 48px;
    line-height: 1em;
    color: #cccccc;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.services-list li:hover .icon {
    color: #88af0c;
}

.services-list li h3 {
    display: block;
    font-size: 20px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 600;
    margin-bottom: 10px;
}

.services-list li h3 a {
    color: #222222;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.services-list li h3 a:hover {
    color: #88af0c;
}

.services-list li p {
    position: relative;
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    font-weight: 400;
}

.services-section-two .image-column .inner-column {
    margin-top: -30px;
}

.services-section-two .image-column .image-one {
    position: relative;
}

.services-section-two .image-column .image-two {
    position: absolute;
    right: -340px;
    bottom: -20px;
    z-index: 9;
}

/***

====================================================================
            Service Detail
====================================================================

***/

.service-detail-section {
    position: relative;
    padding: 120px 0 80px;
}

.service-detail {
    position: relative;
}

.service-detail .image-box {
    position: relative;
    margin-bottom: 45px;
}

.service-detail .lower-content {
    position: relative;
}

.service-detail h2 {
    position: relative;
    font-size: 30px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 600;
    margin-bottom: 35px;
}

.service-detail h3 {
    position: relative;
    font-size: 24px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 600;
    margin-bottom: 30px;
}

.service-detail p {
    position: relative;
    font-size: 14px;
    line-height: 30px;
    color: #666666;
    font-weight: 400;
    margin-bottom: 30px;
}

.service-detail .procedure-section {
    padding-top: 70px;
    padding-bottom: 0;
}

.service-detail .procedure-section:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    /*background-image: url(../images/icons/price-bg.png);*/
    background-repeat: no-repeat;
    background-position: center center;
    content: "";
}

.service-detail .two-column {
    position: relative;
}

.service-detail .two-column .info-column {
    position: relative;
}

.service-detail .image-column .image {
    position: relative;
}

.service-detail .image-column .image img {
    display: block;
    width: 100%;
}

/*Services Category*/

.service-sidebar .categories {
    margin-bottom: 50px;
}

.service-cat-list {
    position: relative;
    border: 1px dashed #d9d9d9;
}

.service-cat-list li {
    position: relative;
}

.service-cat-list li a {
    position: relative;
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    color: #666666;
    padding: 15px 15px 15px 25px;
    display: block;
    background-color: #f7f7f7;
    border: 1px dashed #d9d9d9;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.service-cat-list li:first-child a {
    border-bottom: 0;
}

.service-cat-list li:last-child a {
    border-bottom: 0;
}

.service-cat-list li a:before {
    position: absolute;
    content: '\f105';
    left: 25px;
    font-size: 18px;
    color: #333333;
    font-family: 'FontAwesome';
    line-height: 30px;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.service-cat-list li a:hover:before,
.service-cat-list li.active a::before {
    color: #7fa700;
    visibility: visible;
    opacity: 1;
}

.service-cat-list li.active a,
.service-cat-list li a:hover {
    color: #7fa700;
    padding-left: 45px;
    border-color: #7fa700;
}

/* Department Sidebar */

.service-sidebar {
    position: relative;
}

.service-sidebar .download-links {
    position: relative;
    margin-bottom: 40px;
}

.service-sidebar h3 {
    position: relative;
    font-size: 18px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 700;
    margin-bottom: 25px;
}

.service-sidebar .link-box {
    position: relative;
    display: block;
    padding: 19px 20px;
    padding-left: 75px;
    margin-bottom: 20px;
    border: 1px dashed #d9d9d9;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.service-sidebar .link-box:hover {
    border-color: #7fa700;
}

.service-sidebar .link-box .icon {
    position: absolute;
    left: 0;
    top: 0;
    height: 75px;
    width: 75px;
    text-align: center;
    font-size: 30px;
    line-height: 70px;
    color: #7fa700;
}

.service-sidebar .link-box h5 {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #222222;
    font-weight: 600;
}

.service-sidebar .link-box a {
    display: block;
    font-size: 12px;
    line-height: 20px;
    color: #666666;
    font-weight: 400;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.service-sidebar .link-box a:hover {
    color: #7fa700;
}

/***

====================================================================
                Contact Page Section
====================================================================

/*===================================================================================*/
/*  BOOKING
/*===================================================================================*/
button.mfp-close {
    position: absolute;
    padding: 0px;
}

.item-booking {
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}

.group-select select option {
    color: #515151;
    height: 30px;
    float: left;
    width: 100%;
}

.group-select optgroup {
    font-weight: 700;
    color: #E94E75;
    height: 30px;
    float: left;
    width: 100%;
}

.group-select .fa-calendar {
    position: absolute;
    margin-top: 0px;
    right: 10px;
    top: 42px;
    font-size: 18px;
}

.box_register .btn_submit_login {
    margin-top: 40px;
}

.popup_main_area .border_right {
    border-right: 1px solid #dedede;
}

.box_register .btn_login_social {
    text-align: center;
    align-items: center;
}

.group-select {
    float: left;
    margin-right: 0;
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}

.group-select label {
    float: left;
    width: 100%;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 5px;
    min-height: 26px;
}

.btn-search {
    width: 100%;
    text-transform: uppercase;
    outline: none;
}

.staff-avatar {
    padding: 0;
}

.staff_service_v1 {
    display: inline-block;
}

.staff_service_v1 {
    margin-top: 15px;
    overflow: hidden;
}

.staff_service_v1 h4 {
    margin-top: 0;
    font-weight: 700;
}

.time_work_staff_v1 ul {
    margin-top: 20px;
    padding-left: 0;
}

.time_work_staff_v1 ul li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}

.time_work_staff_v1 ul li a {
    color: #000;
    padding: 10px;
    background: #ebebeb;
    margin: 0;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-variant-ligatures: common-ligatures;
    display: inline-block;
}

.content-shop-booking,
#box_person,
.time_work_staff_v1 {
    padding-bottom: 30px;
}

.white-popup {
    position: relative;
    padding: 0;
    width: auto;
    max-width: 800px;
    margin: 20px auto;
    background: #fff;
}

.popup_main_area {
    padding: 15px;
    float: left;
    width: 100%;
    color: #333;
}

.box_account_v1 .modal_form_header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #655353;
    background: #000000;
    color: #fff;
}

.modal_form_header h4 {
    margin: 0;
    color: #fff;
}

#send_booking .input-box {
    margin-bottom: 5px;
}

/***

====================================================================
                    Gift Section
====================================================================

***/

.gift-section {
    position: relative;
    padding: 115px 0 80px;
}

.gift-block {
    position: relative;
    margin-bottom: 40px;
}

.gift-block .inner-box {
    position: relative;
}

.gift-block .image-box {
    position: relative;
    text-align: center;
    border: 1px solid #d7d7d7;
    -webkit-border-radius: 0 20px 0 20px;
    -moz-border-radius: 0 20px 0 20px;
    -ms-border-radius: 0 20px 0 20px;
    -o-border-radius: 0 20px 0 20px;
    border-radius: 0 20px 0 20px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.gift-block .inner-box:hover .image-box {
    border-color: #88af0c;
    text-align: center;
}

.gift-block .image-box img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.gift-block .info-box {
    position: relative;
    text-align: center;
    padding: 35px 15px 0;
}

.gift-block .info-box .price {
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: #222222;
    font-weight: 600;
    margin-bottom: 30px;
}

.gift-block .info-box .price del {
    color: #999999;
    font-weight: 400;
    margin-right: 8px;
}

.gift-block .info-box h4 {
    display: block;
    font-size: 18px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 500;
    margin-bottom: 35px;
}

.gift-block .info-box h4 a {
    color: #222222;
    display: inline-block;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.gift-block .info-box h4 a:hover {
    color: #88af0c;
}

.gift-block .info-box .link-box {
    position: relative;
}

.gift-block .info-box .link-box a {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    color: #222222;
    font-weight: 500;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.gift-block .info-box .link-box a:hover {
    color: #88af0c;
}

.gift-block .info-box .link-box a i {
    margin-left: 5px;
}

/*===================================================================================*/
/*  CART
/*===================================================================================*/
.mycarttable tbody tr td .list-row-col .form-control {
    height: 50px;
}

.table-mobile-collapse {
    display: table;
    border: 1px solid gray;
    border-spacing: 0;
    border-collapse: collapse;
}

.thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
    display: none;
}

.tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

.table-row {
    border: inherit;
    vertical-align: inherit;
}

.table-head {

    padding: 15px;
    border: inherit;
    vertical-align: inherit;
}

.table-data {
    padding: 15px;
    padding-top: 0;
    vertical-align: inherit;
}

.table-responsive {
}

.cart-wrraper {
    font-family: "Poppins", sans-serif;
    background-color: #ffffff;
    color: #333;
}

.cart-product-image-cell {
    display: flex;
    padding-top: 15px;
    padding-bottom: 0;
}

.table-cart {
    background-color: #fff;
    border: none;
    margin-bottom: 0;
}

.table-cart .thead .table-head {
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}

.table-cart .tbody .table-data {
    display: block;
    vertical-align: top;
}

.table-cart .tbody .table-row:last-child .table-data {
    border-bottom: none;
}

.table-cart p {
    margin-bottom: 0;
}

.quantity-label {
    display: inline-block;
}

.table-cart .form-control {
    margin-top: 10px;
}

.cart-product-image-cell {
    vertical-align: top;
}

.table-cart .tbody .table-data.quantity-cell,
.table-cart .tbody .table-data.price-cell,
.table-cart .tbody .table-data.total-change-cell {
    display: inline-block;
    vertical-align: bottom;
    padding-left: 15px;
}

.table-cart .tbody .table-data.price-cell {
    min-width: 273px;
}

.total-change-cell {
    padding-left: 15px;
}

.total-change-cell > p.total_change:before {
    display: inline-block;
    position: relative;
    content: "Total:";
    font-weight: normal;
    margin-right: 15px;
    color: #000;
}

.cart-product-image {
    width: 72px;
    height: 72px;
    margin-right: 15px;
}

.cart-product-image > img {
    width: 100%;
    height: auto;
}

.cart-product-name {
    margin-top: 0;
    font-weight: bold;
}

.form-control.form-control-sm {
    width: 80px;
    display: inline-block;
}

.total_change {
    color: #ff0000;
    font-weight: bold;
    text-align: right;

}

.total-amount {
    text-align: right;
    color: #ff0000;
    font-weight: bold;
    font-size: 18px;
}

.total-amount-label {
    text-align: right;
    display: none;
}

.total-amount:before {
    display: inline-block;
    position: relative;
    content: "Amount:";
    font-weight: normal;
    margin-right: 15px;
    color: #000;
    padding-top: 15px;
}

.total-amount-cell {
    padding: 0;
}

.table-row {
    border-bottom: 2px solid #ffffff;
}

.cart-product-image,
.cart-product-description {
    display: inline-block;
    vertical-align: top;

}


/* FORM CART */
.cart img {
    margin: 0 auto 25px auto;
    text-align: center;
    display: block
}

.cart .form_cart {
    margin-bottom: 30px
}

.cart .form_cart a {
    display: table;
    margin: 10px auto 25px auto;
    padding: 15px 65px;
    font-size: 15px;
    cursor: pointer
}

.cart .form_cart p {
    font-size: 14px;
}

.cart .order {
    margin-top: 15px;
    background: #fff;
    border-radius: 3px;
    color: #222;
    padding-bottom: 10px;
    border: 1px solid #E2E2E2;
}

.cart .order .inner {
    padding: 15px 20px 0px 20px
}

.cart .order .inner ul li {
    clear: both;
    border-bottom: 1px solid #E2E2E2;
    margin-bottom: 15px;
    padding-bottom: 15px;
    display: table;
    width: 100%
}

.cart .order .inner ul li .frame_img {
    height: 60px;
    overflow: hidden;
    float: left;
    margin-right: 15px
}

.cart .order .inner ul li .frame_img img {
    width: 60px;
    background: #fff
}

.cart .order .inner ul li .name_product {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 63%;
    overflow: hidden;
    float: left;
}

.cart .order .inner ul li .name_product p {
    font-size: 15px
}

.cart .order .inner ul li .name_product span {
    color: #858585;
    font-size: 13px;
    margin-right: 5px
}

.cart .order .inner ul li .name_product small {
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block
}

.cart .order .subtotal {
    padding: 0px 20px 15px 20px
}

.cart .order .subtotal ul li {
    padding: 3px 0px
}

.cart ul {
    margin-top: 15px;
    list-style: none;
    padding-left: 0;
}

.cart .order .total ul {
    padding: 15px 20px;
}

.cart .order .total ul li span {
    color: #000;
    font-size: 24px;
}

.cart .note {
    margin: 15px 0px
}

.cart .note p {
    font-size: 14px;
    margin: 0;
}

h2.timr {
    margin: 0;
    margin-bottom: 20px;
}

.box_cart {
    margin: 30px auto;
}

ul.list_form li {
    margin: 5px 0;
}

h4.sanb {
    font-size: 18px;
    font-style: italic;
}

.inner .price,
.subtotal span,
.total span {
    font-weight: bold;
}

.fl-flex-label label {
    font-weight: normal;
}

.white-popup {
    clear: both;
    overflow: hidden;
}

.cards-item {
    position: relative;
    margin-bottom: 30px;
    cursor: pointer;
}

.cards-item .cards-item-image {
    transition: transform 0.25s ease;
    margin-bottom: 20px;
}

.cards-item:hover .cards-item-image {
    transform: scale(1.05);
}

.book_appoin_btn {
    margin-top: 20px;
}

.contact-page-section {
    position: relative;
}

.contact-page-section .form-section {
    padding: 120px 0 130px;
}

.contact-form-two .title {
    position: relative;
    display: block;
    font-size: 30px;
    line-height: 1em;
    color: #88af0c;
    font-weight: 700;
    margin-bottom: 20px;
    font-family: 'Tangerine', cursive;
}

.contact-form-two h3 {
    display: block;
    font-size: 36px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 700;
    margin-bottom: 30px;
}

.contact-form-two .text {
    display: block;
    font-size: 14px;
    line-height: 30px;
    color: #666666;
    font-weight: 400;
    margin-bottom: 40px;
}

.contact-page-section .form-section {
    position: relative;
    padding-top: 120px;
}

.contact-form-two {
    position: relative;
    z-index: 1;
}

.contact-form-two .form-group,
.form-control-wrapper {
    position: relative;
    margin-bottom: 30px;
}

.contact-form-two .form-group:last-child {
    /*margin-bottom: 0;*/
}

.btn_login_social .btn_facebook_v1 {
    background: #3B5998;
}

.btn_login_social .btn_gplus_v1 {
    background: #dd4b39;
}

.group-select .form-control,
.form-group input[type="password"].form-control,
.form-group input[type="text"].form-control,
.form-group input[type="email"].form-control,
.form-group input[type="tel"].form-control,
.form-group input[type="url"].form-control,
.form-group textarea.form-control,
.form-group select.form-control,
.contact-form-two .form-group input[type="text"],
.contact-form-two .form-group input[type="email"],
.contact-form-two .form-group input[type="tel"],
.contact-form-two .form-group input[type="url"],
.contact-form-two .form-group textarea,
.contact-form-two .form-group select {
    position: relative;
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: 28px;
    color: #555555;
    font-weight: 500;
    height: 50px;
    padding: 10px 25px;
    letter-spacing: .5px;
    background-color: transparent;
    border: 1px solid #dddddd;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-form-two ::-webkit-input-placeholder {
    color: #999999;
}

.contact-form-two ::-moz-input-placeholder {
    color: #999999;
}

.contact-form-two ::-ms-input-placeholder {
    color: #999999;
}

.contact-form-two .form-group input:focus,
.contact-form-two .form-group select:focus,
.contact-form-two .form-group textarea:focus {
    border-color: #7fa700;
}

.contact-form-two .form-group textarea {
    height: 200px;
    margin-bottom: 20px;
    resize: none;
}

.contact-form-two .form-group label.error {
    color: #ff0000;
    line-height: 20px;
    padding-top: 5px;
    font-weight: 500;
    font-size: 14px;
    display: block;
    text-transform: capitalize;
}

.contact-page-section .map-canvas {
    height: 500px;
}

.contact-page-section .contact-column .inner-column {
    padding-top: 45px;
}

.contact-page-section .contact-column .title {
    display: block;
    font-size: 36px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 700;
    margin-bottom: 35px;
}

.contact-page-section .contact-column .text {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    font-weight: 600;
    margin-bottom: 40px;
}

.contact-page-section .contact-info {
    position: relative;
}

.contact-page-section .contact-info li {
    position: relative;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    font-weight: 600;
    padding-left: 70px;
    margin-bottom: 30px;
    min-height: 50px;
}

.contact-page-section .contact-info li .icon {
    position: absolute;
    left: 0;
    top: 0;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 48px;
    border: 1px solid #88af0c;
    color: #88af0c;
    font-size: 20px;
    border-radius: 50%;
}

.contact-page-section .contact-info li strong {
    display: block;
    font-size: 18px;
    line-height: 24px;
    color: #222222;
    font-weight: 600;
}

.contact-page-section .contact-info li p {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    font-weight: 500;
}

.contact-page-section .contact-info li p a {
    color: #666666;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-page-section .contact-info li a:hover {
    color: #88af0c;
}

.contact-page-section .contact-info .social-links {
    position: relative;
}

.contact-page-section .social-links h5 {
    display: inline-block;
    font-size: 18px;
    line-height: 30px;
    color: #222222;
    font-weight: 600;
}

.social-icon-one {
    position: relative;
    display: inline-block;
}

.contact-page-section .map-section {
    padding-bottom: 150px;
}

.service-i-name-div {
    color: #feed01;
    position: absolute;
    left: 50%;
    bottom: 50px;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.25);
    width: 80%;
}

span.fci-content a {
    color: #ffffff;
}

.footer-main .widget-title {
    border-bottom: 3px solid #feed01;
}

.sp-text-inner {
    padding-left: 40px;
}

.btn-style-four {
    position: relative;
    font-size: 14px;
    color: #ffffff;
    padding: 15px 30px;
    line-height: 20px;
    font-weight: 600;
    background-color: #feed01;
}

.btn-style-four:hover {
    background: #222222;
    color: #ffffff;
}