:root {

    --thm-base: #117a39;

    --thm-base-rgb: 17, 122, 57;

    --thm-font: 'Be Vietnam', sans-serif;

    --thm-font-2: 'Inter', sans-serif;

    --thm-gray: #757575;

    --thm-black: #1e1e2a;

    --thm-black-rgb: 30, 30, 42;

}



/*==============================================

   Base Css

===============================================*/

* {

    margin: 0px;

    padding: 0px;

    border: none;

    outline: none;

    font-size: 100%;

}



html,

body {

    height: 100%;

}



body {

    color: var(--thm-gray);

    font-size: 16px;

    line-height: 26px;

    font-weight: 400;

    font-family: var(--thm-font);

}



button:focus {

    outline: none;

}



button {

    cursor: pointer;

    border: none;

    background: transparent;

    padding: 0;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    color: var(--thm-black);

    font-weight: 700;

    line-height: 1.25em;

    font-family: var(--thm-font-2);

    margin: 0;

}





a,

a:hover,

a:active,

a:focus {

    text-decoration: none;

    outline: none;

    border: none;

}



.sp {

    padding: 150px 0;

}







.parallax-scene {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

}



.fancybox-image,

.fancybox-spaceball {

    border-radius: 10px;

}





@media (min-width: 1200px) {

    .container {

        max-width: 1200px;

    }

}





img {

    max-width: 100%;

    height: auto;

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .7s;

    transition-property: all;

}





.map-data {

    text-align: center;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.8em;

    padding: 5px 10px 5px;

}



.map-data a {

    color: #0b59d9;

    display: block;

}



.map-data h6 {

    font-size: 16px;

    font-weight: 700;

    text-align: center;

    margin-bottom: 5px;

    color: #121212;

}







i {

    font-style: normal;

}



ul,

li {

    list-style: none;

    margin: 0;

    padding: 0;

}



ol,

li {

    margin: 0;

    padding: 0;

}



.auto-container {

    position: static;

    max-width: 1200px;

    padding: 0px 15px;

    margin: 0 auto;

}







.btn-one {

    position: relative;

    display: inline-block;

    overflow: hidden;

    padding-left: 45px;

    padding-right: 45px;

    background-color: transparent;

    color: var(--thm-base);

    font-size: 14px;

    line-height: 60px;

    font-weight: 700;

    text-transform: uppercase;

    border-radius: 0px;

    -webkit-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

    font-family: var(--thm-font-2);

    z-index: 2;

}



.btn-one:before {

    position: absolute;

    top: 115px;

    left: -50px;

    right: -50px;

    height: 170px;

    content: "";

    background: #63eae6;

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

    transform: translateY(-55px);

    border-radius: 50%;

    webkit-transition-duration: 800ms;

    transition-duration: 800ms;

    z-index: 1;

}



.btn-one:hover:before {

    top: 0%;

    left: -70px;

    right: -70px;

}



.btn-one:after {

    content: "";

    position: absolute;

    top: 0px;

    left: 0px;

    bottom: 0px;

    right: 0px;

    border: 2px solid var(--thm-base);

    background-color: transparent;

    opacity: 1;

    transform: scaleX(1.0);

    webkit-transition-duration: 800ms;

    transition-duration: 800ms;

    z-index: -1;

}



.btn-one:hover:after {

    transform: scaleX(0);

    webkit-transition-duration: 1500ms;

    transition-duration: 1500ms;

}





.btn-one.style2 {

    color: var(--thm-black);

}



.btn-one.style2:after {

    background-color: #ffffff;

    border: 2px solid #ffffff;

}



.btn-one.style2:hover:after {

    transform: scaleX(0);

    webkit-transition-duration: 1500ms;

    transition-duration: 1500ms;

}



.btn-one.style2:before {

    background-color: var(--thm-black);

}



.btn-one .txt {

    position: relative;

    z-index: 1;

}



.btn-one:hover,

.btn-one:focus {

    color: #000 !important;

}





.btn-two {

    position: relative;

    display: inline-block;

    padding-left: 20px;

    color: var(--thm-black);

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    font-family: var(--thm-font-2);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.btn-two:before {

    font-family: Fontawesome;

    content: "\f107";

    position: absolute;

    top: -2px;

    left: 0;

    font-weight: 400;

    font-size: 22px;

    transform: rotate(-135deg);

    transition: all 100ms linear;

    transition-delay: 0.1s;

}



.btn-two:hover:before {

    transform: rotate(-90deg);

    top: 0;

}



.btn-two:hover {

    color: var(--thm-base);

}









.checked-box1 {

    position: relative;

    display: block;

    min-height: 40px;

}



.checked-box1 label {

    position: relative;

    display: inline-block;

    padding-left: 50px;

    margin-right: 0px;

    margin-bottom: 0;

    color: #585858;

    font-size: 14px;

    line-height: 22px;

    font-weight: 400;

    cursor: pointer;

    min-height: 40px;

    font-family: var(--thm-font);

}



.checked-box1 input[type="checkbox"] {

    display: none;

}



.checked-box1 input[type="checkbox"]+label span {

    position: absolute;

    display: block;

    top: 4px;

    left: 0;

    width: 40px;

    height: 40px;

    vertical-align: middle;

    background-color: #ffffff;

    border: 1px solid #dae5ec;

    cursor: pointer;

    border-radius: 50%;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.checked-box1 label span:before {

    position: absolute;

    top: 0px;

    left: 0px;

    bottom: 0;

    right: 0;

    content: "";

    width: 30px;

    height: 30px;

    background: var(--thm-primary);

    border-radius: 50%;

    margin: 4px;

    transform: scale(0);

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.checked-box1 input[type="checkbox"]:checked+label span {

    border-color: #dae5ec;

}



.checked-box1 input[type="checkbox"]:checked+label span:before {

    transform: scale(1.0);

}













.checked-box2 {

    position: relative;

    display: block;

    min-height: 30px;

}



.checked-box2 label {

    position: relative;

    display: inline-block;

    padding-left: 30px;

    margin-right: 0px;

    margin-bottom: 0;

    color: #757575;

    font-size: 16px;

    line-height: 22px;

    font-weight: 400;

    cursor: pointer;

    min-height: 30px;

    font-family: var(--thm-font);

}



.checked-box2 input[type="checkbox"] {

    display: none;

}



.checked-box2 input[type="checkbox"]+label span {

    position: absolute;

    top: 5px;

    left: 0;

    width: 16px;

    height: 16px;

    vertical-align: middle;

    background-color: #f5f5f5;

    border: 1px solid #e5e5e5;

    cursor: pointer;

    border-radius: 3px;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.checked-box2 label span:before {

    font-family: FontAwesome;

    content: "\f00c";

    position: absolute;

    top: 0px;

    left: 0px;

    bottom: 0;

    right: 0;

    width: 16px;

    height: 16px;

    margin: 0px;

    color: var(--thm-base);

    font-size: 10px;

    line-height: 16px;

    text-align: center;

    opacity: 0;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.checked-box2 input[type="checkbox"]:checked+label span {

    border-color: #dedede;

}



.checked-box2 input[type="checkbox"]:checked+label span:before {

    opacity: 1;

}





/*==============================================

    Main Header Css        

===============================================*/

.main-header {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    margin: 0px;

    z-index: 999;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}



.sticky-header {

    position: fixed;

    top: 0px;

    left: 0px;

    width: 100%;

    padding: 0px 0px;

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

    opacity: 0;

    visibility: hidden;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    z-index: 0;

}



.fixed-header .sticky-header {

    visibility: visible;

    -ms-animation-name: fadeInDown;

    -moz-animation-name: fadeInDown;

    -op-animation-name: fadeInDown;

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown;

    -ms-animation-duration: 500ms;

    -moz-animation-duration: 500ms;

    -op-animation-duration: 500ms;

    -webkit-animation-duration: 500ms;

    animation-duration: 500ms;

    -ms-animation-timing-function: linear;

    -moz-animation-timing-function: linear;

    -op-animation-timing-function: linear;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -ms-animation-iteration-count: 1;

    -moz-animation-iteration-count: 1;

    -op-animation-iteration-count: 1;

    -webkit-animation-iteration-count: 1;

    animation-iteration-count: 1;

    box-shadow: 0 0 10px rgba(0, 0, 0, .1);

    opacity: 1;

    z-index: 999999;

}



.sticky-header .logo {

    position: relative;

    display: block;

    padding: 21px 0 21px;

}



.sticky-header .logo a {

    position: relative;

    display: inline-block;

}



.sticky-header .main-menu .navigation>li {

    margin-right: 35px;

}



.sticky-header .main-menu .navigation>li>a {

    padding: 33px 0px 37px;

}



.sticky-header .main-menu .navigation>li:hover>a,

.sticky-header .main-menu .navigation>li.current>a {

    color: var(--thm-base);

}



.sticky-header .main-menu .navigation>li>a span:before {

    display: none;

}



.sticky-header .main-menu .navigation>li>a:before {

    display: none;

}







.header-style-one {

    position: relative;

}



.header-style-one__inner {

    position: relative;

    display: block;

    padding-left: 365px;

}



.main-logo-box {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    width: 375px;

    display: flex;

    align-items: center;

    padding-left: 30px;

    overflow: hidden;

    z-index: 10;

}



.main-logo-box:before {

    content: "";

    position: absolute;

    top: 0;

    left: -100000px;

    bottom: 0;

    right: 75px;

    z-index: -1;

    border-top: 130px solid var(--thm-base);

    border-right: 70px solid transparent;

}



.main-logo-box:after {

    content: "";

    position: absolute;

    top: 0px;

    right: 40px;

    height: 50px;

    width: 70px;

    border-bottom: 50px solid rgba(var(--thm-base-rgb), .90);

    border-left: 27px solid transparent;

    border-right: 35px solid transparent;

    z-index: -1;

}



.main-logo-box a {

    position: relative;

    display: inline-block;

}





.header-style-one__header-content {

    position: relative;

    display: block;

}



.header-top {

    position: relative;

    display: block;

    padding: 10px 0;

    padding-left: 0px;

    padding-right: 30px;

    z-index: 1;

}



.header-top:before {

    content: "";

    position: absolute;

    top: 0;

    left: -10000000px;

    bottom: 0;

    right: 0;

    background: #1c1c27;

    z-index: -1;

}





.header-top .auto-container {

    max-width: 100%;

    padding: 0 0px;

}



.header-top .outer-box {

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}



.header-top__left {

    position: relative;

    display: flex;

}



.welcome-text {

    position: relative;

    display: block;

}



.welcome-text p {

    color: #ffffff;

    font-size: 20px;

    line-height: 22px;

    font-weight: 600;

    margin: 0;

}







.header-top__right {

    position: relative;

    display: flex;

    align-items: center;

}



.header-contact-info {

    position: relative;

    display: block;

}



.header-contact-info ul {

    overflow: hidden;

}



.header-contact-info ul li {

    position: relative;

    display: flex;

    align-items: center;

    float: left;

    padding-right: 21px;

    margin-right: 20px;

}



.header-contact-info ul li:last-child {

    margin-right: 0;

}



.header-contact-info ul li:before {

    content: "";

    position: absolute;

    top: 4px;

    right: 0;

    bottom: 4px;

    width: 1px;

    background: #ffffff;

    opacity: 0.25;

}



.header-contact-info ul li:last-child:before {

    display: block;

}



.header-contact-info ul li .icon {

    width: 30px;

    line-height: 22px;

}



.header-contact-info ul li .icon span:before {

    position: relative;

    display: inline-block;

    top: 2px;

    color: var(--thm-base);

    font-size: 18px;

}



.header-contact-info ul li .text {

    position: relative;

    display: block;

}



.header-contact-info ul li .text h6 {

    color: #fff;

    font-size: 16px;

    font-weight: 400;

    font-family: var(--thm-font);

}



.header-contact-info ul li .text h6 a {

    color: #fff;

    -webkit-transition: all 0.4s linear;

    -o-transition: all 0.4s linear;

    transition: all 0.4s linear;

}



.header-contact-info ul li .text h6 a:hover {

    color: var(--thm-base);

}





.header-social-link {

    position: relative;

    display: flex;

    align-items: center;

    padding-left: 30px;

}



.header-social-link .inner-title {

    position: relative;

    display: block;

}



.header-social-link .inner-title h4 {

    color: #ffffff;

    font-size: 16px;

    font-weight: 400;

    font-family: var(--thm-font);

}



.header-social-link .social-link {

    position: relative;

    display: block;

    padding-left: 10px;

}



.header-social-link .social-link ul {

    overflow: hidden;

}



.header-social-link .social-link ul li {

    position: relative;

    display: block;

    float: left;

    padding-right: 16px;

    margin-right: 15px;

    line-height: 30px;

}



.header-social-link .social-link ul li:last-child {

    padding-right: 0;

    margin-right: 0;

}



.header-social-link .social-link ul li:before {

    content: "";

    position: absolute;

    top: 8px;

    right: 0;

    bottom: 6px;

    width: 1px;

    background: #ffffff;

    opacity: 0.25;

}



.header-social-link .social-link ul li:last-child:before {

    display: none;

}



.header-social-link .social-link ul li a {

    color: #ffffff;

    font-size: 16px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.header-social-link .social-link ul li a:hover {

    color: var(--thm-base);

}







.header {

    position: relative;

    display: block;

    background: #ffffff;

    z-index: 1;

}



.header .auto-container {

    max-width: 100%;

    padding: 0px;

}



.header .outer-box {

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}





.header-left {

    position: relative;

    display: block;

}



.header-left .nav-outer {

    position: relative;

    display: block;

    float: left;

    z-index: 2;

}



.main-menu.style1 {}



.main-menu {

    position: relative;

    display: block;

    float: left;

}



.main-menu .navbar-collapse {

    padding: 0px;

    display: block !important;

}



.main-menu .navigation {

    position: inherit;

    display: block;

}



.main-menu .navigation>li {

    position: inherit;

    display: inline-block;

    float: left;

    margin-right: 45px;

}



.main-menu .navigation>li:last-child {

    margin-right: 0;

}



.main-menu .navigation>li>a {

    position: relative;

    display: block;

    padding: 25px 0px 25px;

    color: #1c1c27;

    font-size: 16px;

    line-height: 30px;

    font-weight: 600;

    text-transform: uppercase;

    transition: all 500ms ease;

    font-family: var(--thm-font-2);

    opacity: 1;

    z-index: 1;

}



.main-menu .navigation>li:hover>a,

.main-menu .navigation>li.current>a {

    color: var(--thm-base);

}



.main-menu .navigation>li.dropdown>a {

    padding-right: 15px;

}



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

    position: absolute;

    right: 0px;

    font-family: Fontawesome;

    content: "\f107";

    font-size: 16px;

    font-weight: 600;

    transition: all 200ms linear;

    transition-delay: 0.1s;

    z-index: 1;

}



.main-menu .navigation>li.dropdown:hover>a:after,

.main-menu .navigation>li.dropdown.current>a:after {

    transform: rotate(180deg);

}



.main-menu .navigation>li>ul {

    position: absolute;

    top: 100%;

    left: inherit;

    width: 240px;

    padding: 0px 0;

    opacity: 0;

    visibility: hidden;

    border-radius: 0px;

    -moz-transform: translateY(30px);

    -webkit-transform: translateY(30px);

    -ms-transform: translateY(30px);

    -o-transform: translateY(30px);

    transform: translateY(30px);

    transition: all 100ms ease;

    z-index: 100;

}



.main-menu .navigation>li>ul:before {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    content: '';

    background: #ffffff;

    border-radius: 0px;

    z-index: -1;

}



.main-menu .navigation>li>ul:after {

    position: absolute;

    top: -3px;

    left: 0px;

    right: 0;

    height: 3px;

    content: '';

    background: var(--thm-base);

    border-radius: 0px;

    z-index: -1;

}



.main-menu .navigation>li.dropdown:hover>ul {

    opacity: 1;

    visibility: visible;

    -moz-transform: translateY(0);

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

    transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

}



.main-menu .navigation>li>ul>li {

    position: relative;

    display: block;

    padding: 0 0px;

    width: 100%;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translateY(5px);

    transform: translateY(5px);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.main-menu .navigation>li:hover>ul>li {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translateY(0);

    transform: translateY(0);

}



.main-menu .navigation>li>ul>li:nth-child(2n+1) {

    -webkit-transition-delay: 0.1s;

    transition-delay: 0.1s;

}



.main-menu .navigation>li>ul>li:nth-child(2n+2) {

    -webkit-transition-delay: 0.2s;

    transition-delay: 0.2s;

}



.main-menu .navigation>li>ul>li:nth-child(2n+3) {

    -webkit-transition-delay: 0.3s;

    transition-delay: 0.3s;

}



.main-menu .navigation>li>ul>li:nth-child(2n+4) {

    -webkit-transition-delay: 0.4s;

    transition-delay: 0.4s;

}



.main-menu .navigation>li>ul>li:nth-child(2n+5) {

    -webkit-transition-delay: 0.5s;

    transition-delay: 0.5s;

}



.main-menu .navigation>li>ul>li:nth-child(2n+6) {

    -webkit-transition-delay: 0.6s;

    transition-delay: 0.6s;

}



.main-menu .navigation>li>ul>li:nth-child(2n+7) {

    -webkit-transition-delay: 0.7s;

    transition-delay: 0.7s;

}



.main-menu .navigation>li>ul>li:nth-child(2n+8) {

    -webkit-transition-delay: 0.8s;

    transition-delay: 0.8s;

}



.main-menu .navigation>li>ul>li:nth-child(2n+9) {

    -webkit-transition-delay: 0.9s;

    transition-delay: 0.9s;

}





.main-menu .navigation>li>ul>li>a {

    position: relative;

    display: block;

    border-bottom: 1px solid #e5e5e5;

    padding: 15px 0px 15px;

    padding-left: 30px;

    padding-right: 10px;

    color: #757575;

    font-size: 16px;

    line-height: 24px;

    font-weight: 400;

    text-align: left;

    text-transform: capitalize;

    transition: all 500ms ease;

    letter-spacing: normal;

    font-family: var(--thm-font);

    z-index: 1;

}



.main-menu .navigation>li>ul>li:last-child>a {

    border: none;

}



.main-menu .navigation>li>ul>li>a:before {

    content: "";

    position: absolute;

    top: -1px;

    left: 0px;

    right: 0;

    bottom: -1px;

    background-color: var(--thm-base);

    transition: -webkit-transform 0.4s ease;

    transition: transform 0.4s ease;

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

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

    transform: scale(0, 1);

    -webkit-transform-origin: right center;

    transform-origin: right center;

    z-index: -1;

}



.main-menu .navigation>li>ul>li:hover>a:before {

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

    transform: scale(1, 1);

    -webkit-transform-origin: left center;

    transform-origin: left center;

}



.main-menu .navigation>li>ul>li>a:after {

    content: "";

    position: absolute;

    top: 20px;

    left: 30px;

    bottom: 0;

    background-image: url(../images/menu-item-arrow.png);

    width: 10px;

    height: 14px;

    transform: scaleX(0);

    transition: all 500ms ease;

}



.main-menu .navigation>li>ul>li:hover>a:after {

    transform: scaleX(1.0);

}



.main-menu .navigation>li>ul>li:hover>a {

    color: #ffffff;

    padding-left: 50px;

}



.main-menu .navigation>li>ul>li.dropdown {}



.main-menu .navigation>li>ul>li.dropdown:after {

    position: absolute;

    top: 0px;

    right: 30px;

    bottom: 0;

    font-family: FontAwesome;

    content: "\f105";

    color: #757575;

    font-size: 18px;

    font-weight: 400;

    margin: 14px 0;

    text-align: right;

    transition: all 200ms linear;

    transition-delay: 0.1s;

    z-index: 5;

}



.main-menu .navigation>li>ul>li.dropdown:hover:after {

    color: #ffffff;

}









.main-menu .navigation>li>ul>li>ul {

    position: absolute;

    top: 0%;

    left: 100%;

    width: 250px;

    padding: 0px 0;

    display: none;

    border-left: 0px solid transparent;

    padding-left: 10px;

    border-radius: 0px;

    -moz-transform: translateY(30px);

    -webkit-transform: translateY(30px);

    -ms-transform: translateY(30px);

    -o-transform: translateY(30px);

    transform: translateY(30px);

    transition: all 100ms ease;

    z-index: 100;

}



.main-menu .navigation>li>ul>li>ul:before {

    position: absolute;

    top: 0px;

    left: 10px;

    right: 0;

    height: 100%;

    content: '';

    background: #ffffff;

    border-radius: 0px;

    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

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

    z-index: -1;

}



.main-menu .navigation li>ul>li.dropdown:hover ul {

    opacity: 1;

    visibility: visible;

    -moz-transform: translateY(0);

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

    transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

}



.main-menu .navigation>li>ul>li>ul>li {

    position: relative;

    display: block;

    padding: 0px;

    width: 100%;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translateY(5px);

    transform: translateY(5px);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.main-menu .navigation>li>ul>li:hover>ul>li {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translateY(0);

    transform: translateY(0);

}



.main-menu .navigation>li>ul>li>ul>li:nth-child(2n+1) {

    -webkit-transition-delay: 0.1s;

    transition-delay: 0.1s;

}



.main-menu .navigation>li>ul>li>ul>li:nth-child(2n+2) {

    -webkit-transition-delay: 0.2s;

    transition-delay: 0.2s;

}



.main-menu .navigation>li>ul>li>ul>li:nth-child(2n+3) {

    -webkit-transition-delay: 0.3s;

    transition-delay: 0.3s;

}



.main-menu .navigation>li>ul>li>ul>li:nth-child(2n+4) {

    -webkit-transition-delay: 0.4s;

    transition-delay: 0.4s;

}



.main-menu .navigation>li>ul>li>ul>li:nth-child(2n+5) {

    -webkit-transition-delay: 0.5s;

    transition-delay: 0.5s;

}





.main-menu .navigation>li>ul>li>ul>li>a {

    position: relative;

    display: block;

    border-bottom: 1px solid #e5e5e5;

    padding: 15px 0px 15px;

    padding-left: 30px;

    padding-right: 10px;

    color: #757575;

    font-size: 16px;

    line-height: 24px;

    font-weight: 400;

    text-align: left;

    text-transform: capitalize;

    transition: all 500ms ease;

    letter-spacing: normal;

    font-family: var(--thm-font);

    z-index: 1;

}



.main-menu .navigation>li>ul>li>ul>li:last-child>a {

    border: none;

}



.main-menu .navigation>li>ul>li>ul>li>a:before {

    content: "";

    position: absolute;

    top: -1px;

    left: 0px;

    right: 0;

    bottom: -1px;

    background-color: var(--thm-base);

    transition: -webkit-transform 0.4s ease;

    transition: transform 0.4s ease;

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

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

    transform: scale(0, 1);

    -webkit-transform-origin: right center;

    transform-origin: right center;

    z-index: -1;

}



.main-menu .navigation>li>ul>li>ul>li:hover>a:before {

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

    transform: scale(1, 1);

    -webkit-transform-origin: left center;

    transform-origin: left center;

}



.main-menu .navigation>li>ul>li>ul>li>a:after {

    content: "";

    position: absolute;

    top: 20px;

    left: 30px;

    bottom: 0;

    background-image: url(../images/menu-item-arrow.png);

    width: 10px;

    height: 14px;

    transform: scaleX(0);

    transition: all 500ms ease;

}



.main-menu .navigation>li>ul>li>ul>li:hover>a:after {

    transform: scaleX(1.0);

}



.main-menu .navigation>li>ul>li>ul>li:hover>a {

    color: #ffffff;

    padding-left: 50px;

}













/** Megamenu Style **/

.main-menu .navigation>li>.megamenu {

    position: absolute;

    top: 90%;

    left: 0;

    width: 100%;

    padding: 20px 0;

    padding-right: 40px;

    opacity: 0;

    visibility: hidden;

    border-radius: 10px;

    -moz-transform: translateY(30px);

    -webkit-transform: translateY(30px);

    -ms-transform: translateY(30px);

    -o-transform: translateY(30px);

    transform: translateY(30px);

    transition: all 100ms ease;

    z-index: 100;

}



.main-menu .navigation>li>.megamenu .row {

    margin-right: 0px;

    margin-left: 0px;

}



.main-menu .navigation>li>.megamenu .row [class*=col-] {

    padding-left: 0px;

    padding-right: 0px;

}



.main-menu .navigation>li>.megamenu:before {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    content: '';

    background: var(--thm-base);

    border-radius: 10px;

    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

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

    z-index: -1;

}



.main-menu .navigation>li.dropdown:hover .megamenu {

    opacity: 1;

    visibility: visible;

    -moz-transform: translateY(0);

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

    transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

}



.main-menu .navigation>li>.megamenu li {

    position: relative;

    display: block;

    padding: 0 40px;

    padding-right: 0;

    width: 100%;

    opacity: 1;

    visibility: hidden;

    -webkit-transform: translateY(5px);

    transform: translateY(5px);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.main-menu .navigation>li:hover .megamenu li {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translateY(0);

    transform: translateY(0);

}





/*****

.main-menu .navigation> li> .megamenu li:nth-child(2n+1) {

    -webkit-transition-delay: 0.1s;

    transition-delay: 0.1s;

}

.main-menu .navigation> li> .megamenu li:nth-child(2n+2) {

    -webkit-transition-delay: 0.2s;

    transition-delay: 0.2s;

}

.main-menu .navigation> li> .megamenu li:nth-child(2n+3) {

    -webkit-transition-delay: 0.3s;

    transition-delay: 0.3s;

}

.main-menu .navigation> li> .megamenu li:nth-child(2n+4) {

    -webkit-transition-delay: 0.4s;

    transition-delay: 0.4s;

}

.main-menu .navigation> li> .megamenu li:nth-child(2n+5) {

    -webkit-transition-delay: 0.5s;

    transition-delay: 0.5s;

}



.main-menu .navigation> li> .megamenu li:nth-child(2n+6) {

    -webkit-transition-delay: 0.6s;

    transition-delay: 0.6s;

}

.main-menu .navigation> li> .megamenu li:nth-child(2n+7) {

    -webkit-transition-delay: 0.7s;

    transition-delay: 0.7s;

}

.main-menu .navigation> li> .megamenu li:nth-child(2n+8) {

    -webkit-transition-delay: 0.8s;

    transition-delay: 0.8s;

}

.main-menu .navigation> li> .megamenu li:nth-child(2n+9) {

    -webkit-transition-delay: 0.9s;

    transition-delay: 0.9s;

}

.main-menu .navigation> li> .megamenu li:nth-child(2n+10) {

    -webkit-transition-delay: 0.10s;

    transition-delay: 0.10s;

}

****/



.main-menu .navigation>li>.megamenu li>a {

    position: relative;

    display: block;

    border-bottom: 1px solid rgba(255, 255, 255, 0.20);

    padding: 13px 0px 13px;

    color: #ffffff;

    font-size: 16px;

    line-height: 24px;

    font-weight: 500;

    text-align: left;

    text-transform: capitalize;

    transition: all 500ms ease;

    letter-spacing: 0.03em;

    font-family: var(--thm-font);

}



.main-menu .navigation>li>.megamenu li:last-child a {

    border: none;

}



.main-menu .navigation>li>.megamenu li>a:hover {

    color: #f0ebeb;

    padding-left: 15px;

}



.main-menu .navigation>li>.megamenu li>a:before {

    font-family: FontAwesome;

    content: "\f105";

    position: absolute;

    top: 2px;

    left: 0;

    bottom: 0;

    font-size: 18px;

    line-height: 48px;

    color: #f0ebeb;

    transform: scaleX(0);

    transition: all 500ms ease;

}



.main-menu .navigation>li>.megamenu li:hover>a:before {

    transform: scaleX(1.0);

}







.main-menu .navigation li.dropdown .megamenu li h4 {

    font-weight: 500;

    padding: 3px 0px;

    color: #fff;

}



.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {

    position: absolute;

    right: 0px;

    top: 0;

    width: 50px;

    height: 42px;

    border-left: 1px solid #04102a;

    text-align: center;

    font-size: 16px;

    line-height: 42px;

    color: #ffffff;

    cursor: pointer;

    display: none;

    z-index: 5;

}







.header-right {

    position: relative;

    display: flex;

    align-items: center;

}



.shopping-cart-box {

    position: relative;

    display: block;

}



.shopping-cart-box a {

    position: relative;

    display: block;

    width: 45px;

    height: 25px;

    color: var(--thm-black);

    font-size: 25px;

    line-height: 45px;

    text-align: left;

    -webkit-transition: all 0.4s linear;

    -o-transition: all 0.4s linear;

    transition: all 0.4s linear;

}



.shopping-cart-box a i {

    position: relative;

    display: block;

    line-height: 25px;

}



.shopping-cart-box a:hover {

    color: var(--thm-base);

}



.shopping-cart-box a .count {

    position: absolute;

    right: 0px;

    bottom: 0;

    width: 18px;

    height: 18px;

    background: var(--thm-base);

    color: #fff;

    font-size: 12px;

    line-height: 18px;

    font-weight: 500;

    border-radius: 50%;

    text-align: center;

    font-family: var(--thm-font-2);

}



.space-box1 {

    position: relative;

    display: block;

    width: 40px;

    height: 40px;

}



.space-box1:before {

    position: absolute;

    content: "";

    top: 0;

    left: 50%;

    bottom: 0;

    width: 1px;

    background: #e5e5e5;

}





.serach-button-style2 {

    position: relative;

    display: block;

    width: 200px;

}



.serach-button-style2 input[type="search"] {

    position: relative;

    display: block;

    box-shadow: none;

    width: 100%;

    height: 40px;

    padding-left: 30px;

    padding-right: 10px;

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

    border-radius: 0px;

    color: #757575;

    font-size: 16px;

    font-weight: 400;

    border: none;

    font-family: var(--thm-font-2);

}



.serach-button-style2 input[type="search"]:focus {

    outline: none;

}



.serach-button-style2 input[type="search"]::-webkit-input-placeholder {

    color: #757575;

}



.serach-button-style2 input[type="search"]:-moz-placeholder {

    color: #757575;

}



.serach-button-style2 input[type="search"]::-moz-placeholder {

    color: #757575;

}



.serach-button-style2 input[type="search"]:-ms-input-placeholder {

    color: #757575;

}



.serach-button-style2 button {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    width: 30px;

    color: #757575;

    font-size: 16px;

    line-height: 40px;

}





.header-right_buttom {

    position: relative;

    display: block;

}



.header-right_buttom .btns-box {

    position: relative;

    display: block;

    line-height: 0;

}



.header-right_buttom .btns-box a {

    color: #ffffff;

    line-height: 80px;

    border-radius: 0;

    padding: 0 35px;

}



.header-right_buttom .btns-box a.btn-one:after {

    border: 2px solid var(--thm-base);

    background-color: var(--thm-base);

}



.header-right_buttom .btns-box a i::before {

    position: relative;

    display: inline-block;

    padding-right: 5px;

    font-size: 18px;

    top: 0px;

    z-index: 1;

}



.header-right_buttom .btns-box a.btn-one:after {

    border-radius: 0px;

}



.header-right_buttom .btns-box a.btn-one:before {

    top: 135px;

    border-radius: 0%;

}



.header-right_buttom .btns-box a.btn-one:hover:before {

    top: 0%;

}





.side-content-button {

    position: relative;

    width: 80px;

    height: 80px;

    background: #ffffff;

    display: flex;

    align-items: center;

    justify-content: center;

}



.side-content-button a {

    color: var(--thm-base);

    font-size: 30px;

    line-height: 30px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.side-content-button a:hover {

    color: var(--thm-black);

}







/*** 

=====================================================

	Main Header style Two Css

=====================================================

***/

.header-style-two {}



.header-top-style2 {

    position: relative;

    display: none;
    background-color: #117a39;
    padding: 10px 0;

    z-index: 1;

}



.header-top-style2 .pattern-bg {

    position: absolute;

    top: 0px;

    left: 0px;

    bottom: 0;

    right: 0px;

    background-color: #ffffff;

    background-repeat: repeat;

    background-position: bottom;

    z-index: -1;

}



.header-top-style2 .outer-box {

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}



.header-top-style2__left {

    position: relative;

    display: flex;

}



.top-menu {

    position: relative;

    display: block;

}



.top-menu ul {

    position: relative;

    display: block;

    overflow: hidden;

}



.top-menu ul li {

    position: relative;

    display: inline-block;

    float: left;

    margin-right: 26px;
    font-size: 13px;

}



.top-menu ul li:last-child {

    margin-right: 0;

}



.top-menu ul li a {

    color: #fff;

}



.top-menu ul li a:hover {

    color: var(--thm-base);

}



.header-top-style2__middle {

    position: relative;

    display: block;

}



.welcome-text--style p {

    color: #213140;

}







.header-top-style2__right {

    position: relative;

    display: block;

}



.header-social-link--style2 .inner-title h4 {

    color: #213140;

}



.header-social-link--style2 .social-link ul li {}



.header-social-link--style2 .social-link ul li:before {

    content: "";

    position: absolute;

    top: 5px;

    right: 0;

    bottom: 5px;

    width: 1px;

    background: #dddddd;

    opacity: 1;

}



.header-social-link--style2 .social-link ul li a {

    color: #213140;

}







.header-style2 {

    position: relative;

    display: block;

    background: #213140;

    padding-bottom: 36px;

    z-index: 1;

}



.header-style2 .outer-box {

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}



.header-style2__left {

    position: relative;

    display: block;

    padding: 31px 0;

    padding-right: 20px;

    z-index: 1;

}



.header-style2__left .bg-color {

    content: "";

    position: absolute;

    left: -90000px;

    bottom: -36px;

    right: 0;

    height: 36px;

    background: var(--thm-base);

    z-index: -1;

}



.header-style2__left:before {

    content: "";

    position: absolute;

    top: 0;

    left: -100000px;

    bottom: 0;

    right: -70px;

    border-top: 120px solid var(--thm-base);

    border-right: 70px solid transparent;

    z-index: -1;

}



.header-style2__left:after {

    content: "";

    position: absolute;

    top: 0px;

    right: -153px;

    width: 155px;

    height: 120px;

    border-bottom: 120px solid rgba(var(--thm-base-rgb), .90);

    border-left: 70px solid transparent;

    border-right: 83px solid transparent;

    z-index: -1;

}



.main-logo-box-2 {

    position: relative;

    display: block;

}



.main-logo-box-2 a {

    position: relative;

    display: inline-block;

}







.header-style2__right {

    position: relative;

    display: flex;

    align-items: center;

}



.header-contact-info-style2 {

    position: relative;

    display: block;

}



.header-contact-info-style2 ul {

    position: relative;

    display: block;

    overflow: hidden;

}



.header-contact-info-style2 ul li {

    position: relative;

    display: block;

    float: left;

    padding-right: 40px;

    margin-right: 40px;

    border-right: 1px solid #374d62;

}



.header-contact-info-style2 ul li:last-child {

    padding-right: 0;

    margin-right: 0;

    border-right: none;

}



.header-contact-info-style2 ul li .inner {

    position: relative;

    display: block;

    padding-left: 50px;

}



.header-contact-info-style2 ul li .inner .icon {

    position: absolute;

    top: 7px;

    left: 0px;

    color: var(--thm-base);

    font-size: 35px;

}



.header-contact-info-style2 ul li .inner .icon span {

    position: relative;

    display: inline-block;

    line-height: 35px;

}



.header-contact-info-style2 ul li .inner .text {

    position: relative;

    display: block;

}



.header-contact-info-style2 ul li .inner .text p {

    color: #b4bdc5;

    font-size: 16px;

    line-height: 16px;

    margin: 0 0 11px;

}



.header-contact-info-style2 ul li .inner .text h4 {

    color: #ffffff;

    font-size: 20px;

    line-height: 22px;

    font-weight: 600;

}



.header-contact-info-style2 ul li .inner .text h4 a {

    color: #ffffff;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.header-contact-info-style2 ul li .inner .text h4 a:hover {

    color: var(--thm-base);

}



.quote-button-box {

    position: relative;

    display: block;

    padding-left: 100px;

}



.quote-button-box a {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 58px;

    height: 58px;

    background: var(--thm-base);

    text-align: center;

}







.header-bottom {

    position: relative;

    display: block;

}



.header-bottom .outer-box {

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    margin-top: -36px;

    background: #fff;

    padding-left: 40px;

    z-index: 10;

}



.header-bottom__left {

    position: relative;

    display: block;

}



.header-bottom__left .nav-outer {

    position: relative;

    display: block;

}



.main-menu.style2 .navigation>li>a {

    padding-top: 21px;

    padding-bottom: 21px;

    color: #213140;

}



.main-menu.style2 .navigation>li:hover>a,

.main-menu.style2 .navigation>li.current>a {

    color: var(--thm-base);

}





.header-bottom__right {

    position: relative;

    display: flex;

    align-items: center;

}



.serach-button-style2--instyle2 {

    position: relative;

    display: block;

    width: 140px;

}









/*** 

=====================================================

	Main Header style Two Css

=====================================================

***/

.header-style-three {

    position: relative;

    background: #fff;

}



.header-style-three__inner {

    position: relative;

    display: block;

    padding-left: 310px;

    padding-right: 310px;

}





.main-logo-box-three {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    width: 310px;

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 10;

}



.main-logo-box-three:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: -115px;

    z-index: -1;

    border-bottom: 130px solid var(--thm-base);

    border-right: 115px solid transparent;

}



.main-logo-box-three a {

    position: relative;

    display: inline-block;

}



.main-logo-box-three a img{

    width: 131px;

}

.header-style-three__header-content {

    position: relative;

    display: block;

}





.header-top-style3 {

    position: relative;

    display: block;

    padding: 13px 0;

    background: #fff;

    z-index: 1;

}



.header-top-style3:before {

    content: "";

    position: absolute;

    top: 0;

    left: 50px;

    bottom: 0;

    right: 50px;

    z-index: -1;

    border-top: 50px solid var(--thm-base);

    border-left: 44px solid transparent;

    border-right: 44px solid transparent;

}



.header-top-style3 .outer-box {

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    padding: 0 50px;

}



.header-top-style3__left {

    position: relative;

    display: flex;

}



.welcome-text p a {

    color: #ffffff;

    font-weight: 700;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.welcome-text p a i {

    position: relative;

    display: inline-block;

    padding-left: 6px;

}



.welcome-text p a:hover {

    color: var(--thm-black);

}









.header-top-style3__right {

    position: relative;

    display: flex;

    align-items: center;

}



.header-contact-info--style2 {

    position: relative;

    display: block;

    padding-left: 20px;

    padding-right: 20px;

    z-index: 1;

}



.header-contact-info--style2:before {

    content: "";

    position: absolute;

    top: -25px;

    left: 0;

    bottom: -13px;

    right: 0;

    border-left: 1px solid rgba(0, 0, 0, 0.15);

    border-right: 1px solid rgba(0, 0, 0, 0.15);

}



.header-contact-info--style2 ul li {

    padding-right: 0;

    margin-right: 0;

}



.header-contact-info--style2 ul li:before {

    display: none;

}



.header-contact-info--style2 ul li:last-child:before {

    display: none;

}



.header-contact-info--style2 ul li .icon span:before {

    color: #ffffff;

}



.header-contact-info--style2 ul li .text h6 a:hover {

    color: var(--thm-black);

}





.header-social-link-style2 {

    position: relative;

    display: block;

    padding-left: 20px;

    padding-right: 20px;

    margin-right: 20px;

}



.header-social-link-style2:before {

    content: "";

    position: absolute;

    top: -25px;

    right: 0;

    bottom: -16px;

    border-right: 1px solid rgba(0, 0, 0, 0.15);

}



.header-social-link-style2 ul {

    overflow: hidden;

}



.header-social-link-style2 ul li {

    position: relative;

    display: block;

    float: left;

    line-height: 16px;

    padding-right: 16px;

    margin-right: 15px;

}



.header-social-link-style2 ul li:before {

    content: "";

    position: absolute;

    top: 0px;

    right: 0;

    bottom: 0px;

    width: 1px;

    background: #000000;

    opacity: 0.15;

}



.header-social-link-style2 ul li:last-child {

    padding-right: 0;

    margin-right: 0;

}



.header-social-link-style2 ul li:last-child:before {

    display: none;

}



.header-social-link-style2 ul li a {

    color: #ffffff;

    font-size: 16px;

}





.header-style3 {

    position: relative;

    display: block;

    background: #fff;

    z-index: 1;

}



.header-style3 .outer-box {

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

}







.main-menu.style3 .navigation>li>a {

    color: #039343;

    padding-top: 25px;

    padding-bottom: 25px;

}



.main-menu.style3 .navigation>li:hover>a,

.main-menu.style3 .navigation>li.current>a {

    color: #23ad54;

}









.header-contact-info3 {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    width: 310px;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    padding-left: 20px;

    z-index: 10;

}



.header-contact-info3:before {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: -115px;

    z-index: -1;

    border-bottom: 130px solid var(--thm-base);

    border-left: 115px solid transparent;

}



.header-contact-info3 .icon {

    position: relative;

    display: block;

    width: 45px;

    height: 45px;

    background: #117a39;

    color: #ffffff;

    font-size: 20px;

    line-height: 45px;

    text-align: center;

}



.header-contact-info3 .text {

    position: relative;

    display: block;

    padding-left: 20px;

}



.header-contact-info3 .text p {

    position: relative;

    top: -3px;

    color: #039343;

    font-size: 16px;

    line-height: 16px;

    margin: 0 0 9px;

}



.header-contact-info3 .text h3 {

    font-size: 20px;

    line-height: 20px;

    font-weight: 600;

}



.header-contact-info3 .text h3 a {

    color: #039343;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.header-contact-info3 .text h3 a:hover {

    color: var(--thm-black);

}







.thm-social-link1 {

    position: relative;

    display: block;

}



.thm-social-link1 ul {

    position: relative;

}



.thm-social-link1 ul li {

    position: relative;

    float: left;

    margin-right: 10px;

}



.thm-social-link1 ul li:last-child {

    margin-right: 0;

}



.thm-social-link1 ul li a {

    position: relative;

    display: block;

    width: 40px;

    height: 40px;

    background: var(--thm-base);

    border-radius: 50%;

    border: 2px solid var(--thm-base);

    color: #ffffff;

    font-size: 14px;

    line-height: 36px;

    text-align: center;

    z-index: 1;

    transition: all 500ms ease;

}



.thm-social-link1 ul li a:before {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background-color: var(--thm-black);

    content: "";

    border-radius: 50%;

    z-index: -1;

    transform: scale(0.0);

    transform-origin: center;

    transform-style: preserve-3d;

    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);

}



.thm-social-link1 ul li a:hover:before {

    transform: scaleX(1.0);

}



.thm-social-link1 ul li a:hover {

    color: #ffffff;

}











.thm-social-link2 {

    position: relative;

    display: block;

}



.thm-social-link2 ul {

    position: relative;

    overflow: hidden;

}



.thm-social-link2 ul li {

    position: relative;

    display: inline-block;

    float: left;

    margin-right: 20px;

}



.thm-social-link2 ul li:last-child {

    margin-right: 0;

}



.thm-social-link2 ul li a {

    position: relative;

    display: block;

    color: #909090;

    font-size: 16px;

    line-height: 30px;

    transition: all 500ms ease;

}



.thm-social-link2 ul li a:hover {

    color: var(--thm-primary);

}







.parallax-bg-one {

    background-attachment: fixed;

    background-position: center top;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    z-index: 1;

}



.parallax-bg-one::before {

    background: rgba(18, 32, 0, 0.90) none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1;

}







/*___ owl Nav Dot Style _____*/

.owl-theme .owl-prev span,

.owl-theme .owl-next span {}



.owl-nav-style-one {}



.owl-nav-style-one .owl-controls {}



.owl-nav-style-one.owl-theme .owl-stage-outer {

    position: relative;

    display: block;

    padding-top: 0px;

    padding-bottom: 0px;

}



.owl-nav-style-one.owl-theme .owl-nav {

    position: relative;

    display: block;

    line-height: 0;

    z-index: 10;

}



.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {

    position: relative;

    display: inline-block;

    width: 60px;

    height: 60px;

    border-radius: 0%;

    margin: 0 0 0 0px;

    padding: 0;

    transition: all 700ms ease 0s;

}



.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:before {

    content: "\f149";

    font-family: flaticon !important;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    border: 2px solid #ffffff;

    color: var(--thm-base);

    font-size: 18px;

    line-height: 56px;

    font-weight: 600;

    text-align: center;

    -webkit-transition: all 0.4s linear;

    -o-transition: all 0.4s linear;

    transition: all 0.4s linear;

}



.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover:before {

    border-color: var(--thm-base);

}



.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] span {

    display: none;

}



.owl-nav-style-one.owl-theme .owl-nav .owl-prev {

    transform: rotate(-270deg);

    margin-right: 10px;

}



.owl-nav-style-one.owl-theme .owl-nav .owl-next {

    margin-left: 0px;

    transform: rotate(270deg);

}



.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover {

    background-color: var(--thm-base);

}



.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover:before {

    color: #ffffff

}







.owl-carousel.owl-dot-style1 .owl-dots {

    position: relative;

    text-align: center;

    line-height: 0;

    margin-top: 50px !important;

    display: block;

}



.owl-carousel.owl-dot-style1 .owl-dots .owl-dot {

    position: relative;

    display: inline-block;

    width: 12px;

    height: 12px;

    background: transparent;

    border: 2px solid #e0e0e0;

    margin: 0px 5px;

    padding: 0px;

    border-radius: 50%;

    transition: all 100ms linear;

    transition-delay: 0.1s;

}



.owl-carousel.owl-dot-style1 .owl-dots .owl-dot.active {

    border-color: var(--thm-base);

}



.owl-carousel.owl-dot-style1 .owl-dots .owl-dot span {}



.owl-carousel.owl-dot-style1 .owl-dots .owl-dot.active span {}









@keyframes pulse {

    50% {

        box-shadow: 0 0 0 5px rgba(255, 255, 255, .1),

            0 0 0 20px rgba(238, 238, 238, 0.3000);

    }

}



@keyframes pulse2 {

    50% {

        box-shadow: 0 0 0 5px rgba(255, 231, 1, .1),

            0 0 0 20px rgba(255, 231, 1, 0.3000);

    }

}



.rating-box {

    position: relative;

    display: block;

    overflow: hidden;

}



.rating-box ul {

    overflow: hidden;

}



.rating-box ul li {

    position: relative;

    display: inline-block;

    float: left;

    margin-right: 5px;

}



.rating-box ul li:last-child {

    margin-right: 0;

}



.rating-box ul li a {

    font-size: 20px;

    font-weight: 400;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}









.boxed_wrapper {

    position: relative;

    margin: 0 auto;

    overflow: hidden !important;

    background: #ffffff none repeat scroll 0 0;

    width: 100%;

    min-width: 320px;

}







.styled-pagination {

    position: relative;

    display: block;

    width: 100%;

    height: auto;

    padding-top: 10px;

}



.styled-pagination.pdtop0 {

    padding-top: 0;

}



.styled-pagination li {

    position: relative;

    display: inline-block;

    float: left;

    float: none;

    margin-right: 6px;

}



.styled-pagination li:last-child {

    margin-right: 0;

}



.styled-pagination li.prev a {

    transform: rotate(0deg);

}



.styled-pagination li a span:before {

    font-size: 25px;

}



.styled-pagination li.prev a span.left {

    position: relative;

    top: 1px;

}



.styled-pagination li.next a span.right {

    position: relative;

    top: 2px;

}



.styled-pagination li a {

    position: relative;

    display: inline-block;

    width: 55px;

    height: 55px;

    border-radius: 0%;

    background: #f5f5f5;

    border: 1px solid #f5f5f5;

    color: var(--thm-black);

    font-size: 18px;

    line-height: 53px;

    font-weight: 600;

    text-align: center;

    text-transform: uppercase;

    transition: all 500ms ease;

    font-family: var(--thm-font-2);

    z-index: 1;

}



.styled-pagination li:hover a,

.styled-pagination li.active a {

    color: #ffffff;

    border-color: var(--thm-base);

    background: var(--thm-base);

}



.styled-pagination li.prev a,

.styled-pagination li.next a {

    color: var(--thm-base);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.styled-pagination li.prev a:hover,

.styled-pagination li.next a:hover {

    color: #ffffff;

}













/** search pop-up style **/

.serach-button-style1 {

    position: relative;

    display: block;

}



.serach-button-style1 .search-toggler {

    position: relative;

    display: block;

    width: 25px;

    height: 24px;

    background: transparent;

    border-radius: 50%;

    color: #ffffff;

    font-size: 16px;

    font-weight: 400;

    cursor: pointer;

    transition: all 500ms ease;

}



.serach-button-style1 .search-toggler:hover {

    color: var(--thm-black);

}



.search-popup {

    position: fixed;

    left: 0;

    top: 0px;

    width: 100%;

    height: 100%;

    z-index: 99999;

    visibility: hidden;

    opacity: 0;

    overflow: auto;

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

    -webkit-transform: translateY(101%);

    -ms-transform: translateY(101%);

    transform: translateY(101%);

    transition: all 700ms ease;

    -moz-transition: all 700ms ease;

    -webkit-transition: all 700ms ease;

    -ms-transition: all 700ms ease;

    -o-transition: all 700ms ease;

}



.search-popup.popup-visible {

    -webkit-transform: translateY(0%);

    -ms-transform: translateY(0%);

    transform: translateY(0%);

    visibility: visible;

    opacity: 1;

}



.search-popup .overlay-layer {

    position: absolute;

    left: 0px;

    top: 0px;

    right: 0px;

    bottom: 0px;

    display: block;

}



.search-popup .close-search {

    position: absolute;

    right: 25px;

    top: 25px;

    font-size: 22px;

    color: #ffffff;

    cursor: pointer;

    z-index: 5;

    transition: all 500ms ease;

}



.search-popup .search-form {

    position: relative;

    padding: 0px 15px 0px;

    max-width: 1024px;

    margin: 0 auto;

    margin-top: 150px;

    margin-bottom: 100px;

    opacity: 0;

    -webkit-transform: translateY(50px);

    -ms-transform: translateY(50px);

    transform: translateY(50px);

    z-index: 10;

}



.search-popup.popup-visible .search-form {

    opacity: 1;

    -webkit-transform: translateY(0px);

    -ms-transform: translateY(0px);

    transform: translateY(0px);

    transition: all 500ms ease 500ms;

    -moz-transition: all 900ms ease 500ms;

    -webkit-transition: all 900ms ease 500ms;

    -ms-transition: all 900ms ease 500ms;

    -o-transition: all 900ms ease 500ms;

}



.search-popup .search-form .form-group {

    margin-bottom: 30px;

}



.search-popup .search-form fieldset {

    position: relative;

    border-radius: 12px;

}



.search-popup .search-form fieldset input[type="search"] {

    position: relative;

    height: 70px;

    padding: 20px 250px 20px 30px;

    background: #ffffff;

    line-height: 30px;

    font-size: 24px;

    color: #233145;

    border-radius: 7px;

}



.search-popup .search-form fieldset input[type="submit"] {

    position: absolute;

    display: block;

    right: 0px;

    top: 0px;

    text-align: center;

    width: 220px;

    height: 70px;

    padding: 20px 10px 20px 10px;

    color: #ffffff !important;

    line-height: 30px;

    font-size: 20px;

    cursor: pointer;

    text-transform: uppercase;

    border-radius: 0px 7px 7px 0px;

    background: var(--thm-base);

}



.search-popup .search-form fieldset input[type="submit"]:hover {

    transform: translateY(0px);

}



.search-popup h3 {

    text-transform: uppercase;

    font-size: 20px;

    font-weight: 600;

    color: #ffffff;

    margin-bottom: 20px;

    letter-spacing: 1px;

    text-align: center;

}



.search-popup .recent-searches {

    font-size: 16px;

    color: #ffffff;

    text-align: center;

}



.search-popup .recent-searches li {

    display: inline-block;

    margin: 0px 10px 10px 0px;

}



.search-popup .recent-searches li a {

    display: block;

    line-height: 24px;

    border: 1px solid #ffffff;

    padding: 7px 15px;

    color: #ffffff;

    border-radius: 3px;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.search-popup .recent-searches li a:hover {

    border-color: var(--thm-primary);

    background-color: var(--thm-primary);

}









/*** Scroll To Top style ***/

.scroll-top {

    position: fixed;

    right: 15px;

    bottom: 45px;

    width: 45px;

    height: 45px;

    background-color: #ffffff;

    border: 2px solid #ffffff;

    color: var(--thm-base);

    border-radius: 0%;

    font-size: 20px;

    line-height: 45px;

    font-weight: 700;

    text-align: center;

    text-transform: uppercase;

    display: none;

    cursor: pointer;

    transform: rotate(0deg);

    transition: all 200ms linear;

    transition-delay: 0.1s;

    z-index: 999999999;

}



.scroll-top span {}



.scroll-top:after {

    position: absolute;

    content: '';

    top: 100%;

    left: 5%;

    height: 10px;

    width: 90%;

    opacity: 1;

    z-index: -1;

    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);

    background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);

    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);

}



.scroll-top:hover {

    color: #ffffff;

    background-color: var(--thm-black);

    border-color: var(--thm-black);

}



.scroll-top.style2 {

    position: absolute;

    left: 0;

    top: -20px;

    right: 0;

    width: 40px;

    height: 40px;

    margin: 0 auto;

    border-radius: 5px;

    background-color: #0098ff;

    border: none;

    text-align: center;

    animation: auto;

    transition: all 200ms linear;

    transition-delay: 0.1s;

    font-size: 20px;

    line-height: 40px;

    font-weight: 400;

}







/* Form validation styles */

input:focus,

textarea:focus,

select:focus {

    border-color: #43c3ea;

    outline: none;

}



#contact-form input[type="text"].error {

    border-color: red;

}



#contact-form input[type="email"].error {

    border-color: red;

}



#contact-form select.error {

    border-color: red;

}



#contact-form textarea.error {

    border-color: red;

}















/* Overlay styles */

.overlay-style-one {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(218, 60, 34, 0.80);

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .7s;

    transition-property: all;

    opacity: 0;

    z-index: 1;

}



.overlay-style-one .box {

    display: table;

    height: 100%;

    width: 100%;

}



.overlay-style-one .box .content {

    display: table-cell;

    text-align: center;

    vertical-align: middle;

}



.overlay-style-one .box .inner {

    display: table-cell;

    text-align: center;

    vertical-align: middle;

}











.overlay-style-two {

    position: absolute;

    left: 0px;

    bottom: 0px;

    right: 0px;

    top: 0px;

    z-index: 2;

    opacity: 0;

    transition: all 900ms ease;

}



.overlay-style-two:before {

    position: absolute;

    content: '';

    top: 0px;

    left: 0px;

    width: 100%;

    height: 50%;

    display: block;

    opacity: 0;

    text-align: center;

    transform: perspective(400px) rotateX(-90deg);

    transform-origin: top;

    transition: all 0.5s;

    background-color: rgba(18, 18, 18, 0.90);

}



.overlay-style-two:after {

    position: absolute;

    content: '';

    left: 0px;

    bottom: 0px;

    width: 100%;

    height: 50%;

    display: block;

    opacity: 0;

    text-align: center;

    transform: perspective(400px) rotateX(90deg);

    transform-origin: bottom;

    transition: all 0.5s;

    background-color: rgba(18, 18, 18, 0.90);

}









.review-box {

    position: relative;

    display: block;

    overflow: hidden;

    line-height: 16px;

}



.review-box>ul {

    display: block;

    overflow: hidden;

}



.review-box>ul>li {

    display: inline-block;

    float: left;

    margin-right: 4px;

}



.review-box>ul>li:last-child {

    margin-right: 0px;

}



.review-box>ul>li>i {

    position: relative;

    display: inline-block;

    color: #cdcdcd;

    font-size: 14px;

    font-weight: 500;

    cursor: pointer;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.review-box>ul>li:hover>i {

    color: var(--thm-base);

}









/* Update header Style */

@keyframes menu_sticky {

    0% {

        margin-top: -90px;

    }



    50% {

        margin-top: -74px;

    }



    100% {

        margin-top: 0;

    }

}









/*** 

========================================

    Mobile Menu

========================================

***/

.nav-outer .mobile-nav-toggler {

    position: relative;

    display: none;

    float: right;

    cursor: pointer;

    padding: 30px 0;

}



.nav-outer.style1 .mobile-nav-toggler {

    padding: 20px 0 20px;

}



.nav-outer.style2 .mobile-nav-toggler {

    padding: 16px 0;

}



.nav-outer.style3 .mobile-nav-toggler {

    padding: 30px 0;

}





.nav-outer .mobile-nav-toggler .inner {

    position: relative;

    display: block;

    padding: 3px 5px;

    background: var(--thm-base);

}



.mobile-menu {

    position: fixed;

    top: 0;

    right: 0;

    width: 300px;

    max-width: 100%;

    height: 100%;

    padding-right: 30px;

    opacity: 0;

    visibility: hidden;

    z-index: 999999;

}



.mobile-menu .menu-backdrop {

    position: fixed;

    top: 0;

    right: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(9, 16, 32, 0.90);

    -webkit-transform: translateX(101%);

    -ms-transform: translateX(101%);

    transform: translateX(101%);

    transition: all 900ms ease;

    -moz-transition: all 900ms ease;

    -webkit-transition: all 900ms ease;

    -ms-transition: all 900ms ease;

    -o-transition: all 900ms ease;

    z-index: 1;

}



.mobile-menu-visible .mobile-menu .menu-backdrop {

    opacity: 0.70;

    visibility: visible;

    -webkit-transition: all 0.7s ease;

    -moz-transition: all 0.7s ease;

    -ms-transition: all 0.7s ease;

    -o-transition: all 0.7s ease;

    transition: all 0.7s ease;

    -webkit-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%);

}



.mobile-menu .mCSB_inside>.mCSB_container {

    margin-right: 5px;

}



.mobile-menu .navbar-collapse {

    display: block !important;

}





.mobile-menu .nav-logo {

    position: relative;

    padding: 30px 25px;

    text-align: left;

}



.mobile-menu .nav-logo a {

    position: relative;

    display: inline-block;

}



.mobile-menu-visible {

    overflow: hidden;

}



.mobile-menu-visible .mobile-menu {

    opacity: 1;

    visibility: visible;

}



.mobile-menu .menu-box {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    max-height: 100%;

    overflow-y: auto;

    background: #000000;

    padding: 0px 0px;

    z-index: 5;

    opacity: 0;

    visibility: hidden;

    border-radius: 0px;

    -webkit-transform: translateX(101%);

    -ms-transform: translateX(101%);

    transform: translateX(101%);

}



.mobile-menu-visible .mobile-menu .menu-box {

    opacity: 1;

    visibility: visible;

    -webkit-transition: all 0.7s ease;

    -moz-transition: all 0.7s ease;

    -ms-transition: all 0.7s ease;

    -o-transition: all 0.7s ease;

    transition: all 0.7s ease;

    -webkit-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%);

}



.mobile-menu .close-btn {

    position: absolute;

    top: 10px;

    right: 10px;

    color: #ffffff;

    font-size: 30px;

    line-height: 30px;

    width: 30px;

    text-align: center;

    cursor: pointer;

    z-index: 10;

    -webkit-transition: all 0.9s ease;

    -moz-transition: all 0.9s ease;

    -ms-transition: all 0.9s ease;

    -o-transition: all 0.9s ease;

    transition: all 0.9s ease;

}



.mobile-menu-visible .mobile-menu .close-btn {

    -webkit-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    transform: rotate(360deg);

}



.mobile-menu .close-btn:hover {

    color: var(--thm-base);

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

}





.mobile-menu .navigation {

    position: relative;

    display: block;

    width: 100%;

    float: none;

}



.mobile-menu .navigation li {

    position: relative;

    display: block;

    border-top: 1px solid rgba(255, 255, 255, 0.10);

}



.mobile-menu .navigation:last-child {

    border-bottom: 1px solid rgba(255, 255, 255, 0.10);

}



.mobile-menu .navigation li>ul>li:first-child {

    border-top: 1px solid rgba(255, 255, 255, 0.10);

}



.mobile-menu .navigation li>a {

    position: relative;

    display: block;

    padding: 10px 25px;

    color: #ffffff;

    font-size: 15px;

    line-height: 24px;

    font-weight: 600;

    text-transform: uppercase;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



.mobile-menu .navigation li>a:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    height: 0;

    border-left: 5px solid var(--thm-primary);

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



.mobile-menu .navigation li.current>a:before {

    height: 100%;

}



.mobile-menu .navigation li.current>a,

.mobile-menu .navigation li>a:hover {

    color: var(--thm-base);

}





.mobile-menu .navigation li ul li>a {

    font-size: 15px;

    font-weight: 400;

    margin-left: 20px;

    text-transform: capitalize;

}



.mobile-menu .navigation li.dropdown .dropdown-btn {

    position: absolute;

    top: 6px;

    right: 6px;

    width: 32px;

    height: 32px;

    text-align: center;

    color: #ffffff;

    font-size: 16px;

    line-height: 32px;

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

    cursor: pointer;

    border-radius: 2px;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

    z-index: 5;

}



.mobile-menu .navigation li.dropdown .dropdown-btn.open {

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

}



.mobile-menu .navigation li>ul,

.mobile-menu .navigation li>ul>li>ul,

.mobile-menu .navigation>li.dropdown>.megamenu {

    display: none;

}



.mobile-menu .social-links {

    position: relative;

    text-align: center;

    padding: 50px 15px;

}



.mobile-menu .social-links li {

    position: relative;

    display: inline-block;

    margin: 0px 1px 10px;

}



.mobile-menu .social-links li a {

    position: relative;

    display: block;

    width: 45px;

    height: 45px;

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

    border-radius: 50%;

    background: var(--thm-base);

    color: #ffffff;

    font-size: 16px;

    line-height: 41px;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



.mobile-menu .social-links li a:hover {

    color: var(--thm-base);

    background-color: #ffffff;

}















/** xs sidebar **/

.xs-sidebar-group .xs-overlay {

    left: 0%;

    top: 0;

    position: fixed;

    height: 100%;

    opacity: 0;

    width: 100%;

    visibility: hidden;

    transition: all 200ms linear;

    transition-delay: 0.1s;

    cursor: url(../images/icon/cross-out.png), pointer;

    z-index: 99999999;

}



.xs-sidebar-group.isActive .xs-overlay {

    opacity: .8;

    visibility: visible;

    transition-delay: 0.3s;

    right: 100%;

    background-color: #000000;

}





.xs-sidebar-widget {

    position: fixed;

    left: -100%;

    top: 0;

    bottom: 0;

    width: 100%;

    max-width: 365px;

    background-color: #1c1c27;

    overflow: hidden;

    overflow-y: auto;

    -webkit-overflow-scrolling: touch;

    transition: all 700ms ease 100ms;

    visibility: hidden;

    opacity: 1;

    z-index: 999999999;

}



.xs-sidebar-group.isActive .xs-sidebar-widget {

    opacity: 1;

    visibility: visible;

    left: 0;

    transition: all 500ms ease 800ms;

}







.sidebar-textwidget {

    padding: 70px 30px;

}



.sidebar-widget-container {

    position: relative;

    top: 150px;

    opacity: 0;

    visibility: hidden;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    transition: all 300ms ease 100ms;

}



.xs-sidebar-group.isActive .sidebar-widget-container {

    top: 0px;

    opacity: 1;

    visibility: visible;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    transition: all 700ms ease 1500ms;

}



.xs-overlay {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    opacity: .8;

    z-index: 0;

    background-color: #000000;

}







.xs-sidebar-group .widget-heading {

    position: absolute;

    top: 0;

    right: 0;

    padding: 25px;

}



.xs-sidebar-group .widget-heading a {

    position: relative;

    display: inline-block;

    width: 30px;

    height: 30px;

    line-height: 26px;

    text-align: center;

    border: 2px solid #fff;

    border-radius: 50%;

    color: #fff;

    font-size: 16px;

    font-weight: 400;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.xs-sidebar-group .widget-heading a:hover {

    color: var(--thm-base);

    border-color: var(--thn-base);

}





.xs-sidebar-group .content-inner .logo {

    position: relative;

    display: block;

    margin-bottom: 30px;

}



.xs-sidebar-group .content-inner .logo a {

    position: relative;

    display: inline-block;

}



.xs-sidebar-group .content-inner h4 {

    position: relative;

    display: block;

    font-size: 20px;

    line-height: 30px;

    color: #fff;

    font-weight: 600;

    text-transform: uppercase;

    padding-bottom: 14px;

    margin-bottom: 30px;

}



.xs-sidebar-group .content-inner h4:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 50px;

    height: 2px;

    background: var(--thm-base);

}





.xs-sidebar-group .content-inner .content-box {

    margin-bottom: 30px;

    padding-right: 15px;

}



.xs-sidebar-group .content-inner .content-box .inner-text {

    position: relative;

    display: block;

    padding-top: 2px;

}



.xs-sidebar-group .content-inner .content-box p {

    color: #b0b0bd;

    margin: 0;

}



.xs-sidebar-group .content-inner .form-inner .form-group {

    position: relative;

    margin-bottom: 20px;

}



.xs-sidebar-group .content-inner .form-inner .form-group:last-child {

    margin-bottom: 0px;

}



.xs-sidebar-group .content-inner .form-inner .form-group input[type='text'],

.xs-sidebar-group .content-inner .form-inner .form-group input[type='email'],

.xs-sidebar-group .content-inner .form-inner .form-group textarea {

    position: relative;

    display: block;

    width: 100%;

    height: 50px;

    font-size: 15px;

    padding: 10px 20px;

    color: #848484;

    transition: all 500ms ease;

}



.xs-sidebar-group .content-inner .form-inner .form-group .theme-btn-one {}



.xs-sidebar-group .content-inner .form-inner .form-group .theme-btn-one:hover {}



.xs-sidebar-group .content-inner .form-inner .form-group textarea {

    resize: none;

    height: 120px;

}



.xs-sidebar-group .content-inner .form-inner .form-group input:focus,

.xs-sidebar-group .content-inner .form-inner .form-group textarea:focus {

    border-color: #00224f;

}





.sidebar-contact-info {

    position: relative;

    display: block;

    padding-top: 43px;

}



.sidebar-contact-info h3 {}



.sidebar-contact-info ul {

    position: relative;

    display: block;

    padding-bottom: 22px;

}



.sidebar-contact-info ul li {

    position: relative;

    display: block;

    color: #b0b0bd;

    line-height: 30px;

}



.sidebar-contact-info ul li span {

    position: relative;

    display: inline-block;

    width: 25px;

}



.sidebar-contact-info ul li span:before {

    position: relative;

    display: inline-block;

    color: var(--thm-base);

}



.sidebar-contact-info ul li a {

    color: #b0b0bd;

}



.xs-sidebar-group .content-inner .thm-social-link1 {

    overflow: hidden;

}







.sec-title {

    position: relative;

    display: block;

    margin-top: -3px;

    padding-bottom: 50px;

}



.sec-title.center .sub-title {

    display: flex;

    align-items: center;

    justify-content: center;

}



.sec-title .sub-title {

    position: relative;

    display: block;

    padding-bottom: 13px;

}



.sec-title .sub-title h6 {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--thm-base);

    font-size: 14px;

    line-height: 1.2em;

    font-weight: 700;

    text-transform: uppercase;

    margin: 0;

    font-family: var(--thm-font-2);

}



.sec-title .sub-title .border-left {

    position: relative;

    display: block;

    width: 30px;

    height: 2px;

    background: var(--thm-base);

    margin-right: 10px;

    border-left: none !important;

}



.sec-title .sub-title .border-right {

    position: relative;

    display: block;

    width: 30px;

    height: 2px;

    background: var(--thm-base);

    margin-left: 10px;

    border-right: none !important;

}



.sec-title h2 {

    font-size: 48px;

    line-height: 1.2em;

    font-weight: 600;

    text-transform: none;

}













.video-holder-box1 {

    position: absolute;

    bottom: 70px;

    left: -175px;

    width: 250px;

    height: 290px;

    background: #ffffff;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    text-align: center;

    border-radius: 20px;

    box-shadow: 0px 20px 40px 0px rgba(86, 20, 19, 0.05);

}







.video-holder-box1 .icon {

    position: relative;

    display: block;

}



.video-holder-box1 .icon a {

    position: relative;

    display: block;

    width: 120px;

    height: 120px;

    background: #ffffff;

    border-radius: 50%;

    border: 15px solid var(--thm-primary);

    border-radius: 50%;

}



.video-holder-box1 .icon a:before {

    position: absolute;

    content: '';

    top: -15px;

    left: -15px;

    bottom: -15px;

    right: -15px;

    border-radius: 50%;

    background: rgba(54, 124, 232, 0.0);

    z-index: -1;

    -webkit-animation: ripple2 1s infinite;

    animation: ripple2 3s infinite;

}





.video-holder-box1 .icon a span:before {

    position: relative;

    display: block;

    width: 100%;

    height: 100%;

    color: #172746;

    font-size: 25px;

    line-height: 90px;

    text-align: center;

}



.video-holder-box1 .title {

    position: relative;

    display: block;

    padding-top: 25px;

}



.video-holder-box1 .title h4 {

    color: #252628;

    font-size: 20px;

    line-height: 26px;

}











/*** 

=============================================

    Features Style1 Area Css

=============================================

***/

.features-style1-area {

    position: relative;

    display: block;

    overflow: hidden;

    padding-bottom: 80px;

    z-index: 1;

}



.features-style1-area .pattern-bg {

    position: absolute;

    top: 120px;

    left: 0;

    bottom: 0;

    right: 0;

    background-color: #1c1c27;

    background-repeat: repeat;

    z-index: -1;

}



.features-style1-area .features-box .row {

    margin-left: 0px;

    margin-right: 0px;

    counter-reset: count;

}



.features-style1-area .features-box .row [class*=col-] {

    padding-left: 0px;

    padding-right: 0px;

}





.single-features-style1 {

    position: relative;

    display: block;

    overflow: hidden;

    background: var(--thm-base);

    transition: all 500ms linear;

    transition-delay: 0.1s;

    z-index: 1;

}



.single-features-style1 {

    border-left: 1px solid rgba(28, 28, 39, 0.10);

    ;

}



.single-features-style1.first-child {

    border-left: none;

}



.single-features-style1__bg {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background-attachment: scroll;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: top center;

    opacity: 0;

    -webkit-transition: all 700ms ease;

    -ms-transition: all 700ms ease;

    -o-transition: all 700ms ease;

    transition: all 700ms ease;

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

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

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

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

    transform: translateY(-100%);

    z-index: -1;

}



.single-features-style1__bg::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background: #1c1c27;

    opacity: 0.92;

}



.single-features-style1:hover .single-features-style1__bg {

    opacity: 1;

    -webkit-transform: translateY(0%);

    -ms-transform: translateY(0%);

    -o-transform: translateY(0%);

    -moz-transform: translateY(0%);

    transform: translateY(0%);

}







.single-features-style1 .counting-box {

    position: relative;

    display: block;

    height: 75px;

    z-index: 2;

}



.single-features-style1 .counting-box:before {

    content: "";

    position: absolute;

    top: 0;

    left: 10px;

    right: 10px;

    border-top: 75px solid rgba(28, 28, 39, 0.10);

    border-left: 75px solid transparent;

    border-right: 75px solid transparent;

    z-index: -1;

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .3s;

    transition-property: all;

}



.single-features-style1:hover .counting-box:before {

    border-top-color: var(--thm-base);

}



.single-features-style1 .counting-box:after {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    color: #ffffff;

    font-size: 20px;

    line-height: 1em;

    font-weight: 600;

    counter-increment: count;

    content: "0"counter(count);

    transition: all 100ms linear;

    transition-delay: 0.1s;

    font-family: var(--thm-font-2);

    display: flex;

    align-items: center;

    justify-content: center;

}





.single-features-style1 .inner {

    position: relative;

    display: block;

    padding: 50px 0px 42px;

}



.single-features-style1 .inner .static-content {

    position: relative;

    display: block;

    transition: all 500ms ease;

    transform: translateY(0%);

}



.single-features-style1:hover .inner .static-content {

    opacity: 0;

    transform: translateY(-100px);

    transition-delay: 500ms;

}



.single-features-style1 .inner .overlay-content {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    padding: 33px 30px 40px;

    opacity: 0;

    transform: translateY(100px);

    transition: all 500ms ease;

}



.single-features-style1:hover .inner .overlay-content {

    opacity: 1;

    transform: translateY(0%);

    transition-delay: 500ms;

}



.single-features-style1 .inner .icon {

    position: relative;

    display: block;

    margin-bottom: 12px;

}



.single-features-style1 .inner .icon span:before {

    color: #ffffff;

    font-size: 50px;

    line-height: 50px;

}



.single-features-style1 .inner h3 {

    color: #ffffff;

    font-size: 20px;

    line-height: 30px;

    font-weight: 600;

}



.single-features-style1 .inner p {

    color: #afafbc;

    margin: 14px 0 0;

}



.single-features-style1 .button-box {

    position: relative;

    display: block;

    height: 75px;

    padding-top: 20px;

    z-index: 1;

}



.single-features-style1 .button-box::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 10px;

    right: 10px;

    border-bottom: 75px solid rgba(28, 28, 39, 0.10);

    border-left: 75px solid transparent;

    border-right: 75px solid transparent;

    z-index: -1;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.single-features-style1:hover .button-box::before {

    border-bottom-color: var(--thm-base);

}



.single-features-style1 .button-box a {

    color: #ffffff;

    font-size: 14px;

    line-height: 28px;

    font-weight: 700;

    text-transform: uppercase;

    font-family: var(--thm-font-2);

}



.single-features-style1 .button-box a span::before {

    position: relative;

    display: inline-block;

    top: -4px;

    color: #ffffff;

    font-size: 20px;

    line-height: 28px;

    font-weight: 700;

    padding-right: 10px;

    transform: rotate(-45deg);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.single-features-style1:hover .button-box a span::before {

    transform: rotate(0deg);

    top: 1px;

}







/*** 

=============================================

   Project Style1 Area Css

=============================================

***/

.project-style1-area {

    position: relative;

    display: block;

    padding: 60px 0px 30px;

    background: #f1f1f1;

}



.project-style1-area.pdb120 {

    padding-bottom: 120px;

}



.project-top-title {

    position: relative;

    padding-bottom: 49px;

}



.project-style1-area .sec-title {

    padding-bottom: 0;

}



.project-style1__button {

    position: relative;

    display: block;

    line-height: 0;

    padding-bottom: 11px;

}



.project-style1-area .auto-container {

    max-width: 100%;

    padding-left: 60px;

    padding-right: 60px;

}







.project-menu-box {

    position: relative;

    display: block;

    padding-bottom: 11px;

}



.project-filter {

    position: relative;

    display: block;

    z-index: 1;

}



.project-filter li {

    position: relative;

    display: inline-block;

    float: none;

    margin: 0 8px;

}



.project-filter li .filter-text {

    position: relative;

    display: block;

    padding: 10px 20px 10px;

    color: var(--thm-black);

    font-size: 16px;

    font-weight: 600;

    line-height: 26px;

    text-transform: capitalize;

    background: #fff;

    cursor: pointer;

    transition: all .4s ease;

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

    font-family: var(--thm-font-2);

    z-index: 1;

}



.project-filter li .filter-text:before {

    position: absolute;

    top: 0px;

    left: 0px;

    bottom: 0px;

    right: 0px;

    content: "";

    background: var(--thm-base);

    border-radius: 0px;

    transform: scaleX(0);

    transform-origin: center;

    transform-style: preserve-3d;

    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);

    z-index: -1;

}



.project-filter li:hover .filter-text:before,

.project-filter li.active .filter-text:before {

    transform: scaleX(1.0);

}



.project-filter li:hover .filter-text,

.project-filter li.active .filter-text {

    color: #ffffff;

}



.project-filter li .count {

    position: absolute;

    display: block;

    width: 25px;

    height: 12px;

    text-align: center;

    top: -12px;

    left: 0;

    color: #ffffff;

    font-size: 14px;

    font-weight: 700;

    font-family: var(--thm-font-2);

    transform: perspective(400px) rotateX(90deg) scaleY(0.1);

    transform-origin: bottom;

    transition-delay: .2s;

    transition-timing-function: ease-in-out;

    transition-duration: .6s;

    transition-property: all;

    opacity: 1;

    z-index: 1;

}



.project-filter li:hover .count,

.project-filter li.active .count {

    opacity: 1.0;

    transform: perspective(400px) rotateX(0deg) scaleY(1.0);

}



.project-filter li .count::before {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background: var(--thm-base);

    content: "";

    z-index: -1;

}



.project-filter li .count::after {

    content: "";

    position: absolute;

    top: 0px;

    right: -10px;

    z-index: -1;

    border-bottom: 12px solid rgba(var(--thm-base-rgb), .80);

    border-right: 10px solid transparent;

}







.single-project-item {

    position: relative;

    display: block;

    margin-bottom: 30px;

}





.single-project-item.style2 .overlay-content {

    top: 0px;
    left: 0px;
    bottom: 0px;
    background-color: #00000026;
    right: 0px;

}



.single-project-item .img-holder {

    position: relative;

    display: block;
    border-radius: 10px;
    overflow: hidden;

}



.single-project-item .img-holder .inner {

    position: relative;

    display: block;

    overflow: hidden;

    z-index: 2;

}



.single-project-item .img-holder img {

    width: 100%;

    -webkit-transform: scale(1);

    transform: scale(1);

    transition: all 500ms ease;

}



.single-project-item:hover .img-holder img {

    -webkit-transform: scale(1.05);

    transform: scale(1.05) rotate(1deg);

    width: 110%;

}





.single-project-item .overlay-content {

    position: absolute;

    top: 40px;

    left: 40px;

    bottom: 40px;

    right: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    flex-wrap: wrap;


    padding: 0 35px;

    overflow: hidden;

    z-index: 5;

    -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);

    -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);

    transform: perspective(400px) rotateX(90deg) scaleY(0.5);

    -webkit-transform-origin: center;

    -ms-transform-origin: center;

    transform-origin: center;

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .5s;

    transition-property: all;



}



.single-project-item .overlay-content {

    -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1.0);

    -ms-transform: perspective(400px) rotateX(0deg) scaleY(1.0);

    transform: perspective(400px) rotateX(0deg) scaleY(1.0);

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .7s;

    transition-property: all;

}



.single-project-item .overlay-content p {

    color: var(--thm-base);

    line-height: 28px;

    margin: 0;

    opacity: 0;

    transform: translateY(-50px);

    transition: all 700ms ease;

}



.single-project-item .overlay-content p {

    opacity: 1;

    transform: translateY(0%);

    transition-delay: 700ms;

}



.single-project-item .overlay-content h3 {

    font-size: 20px;

    line-height: 28px;

    font-weight: 600;

    margin: 8px 0 0;

    opacity: 0;

    transform: translateY(-50px);

    transition: all 700ms ease;

}



.single-project-item .overlay-content h3 {

    opacity: 1;

    transform: translateY(0%);

    transition-delay: 500ms;

}



.single-project-item .overlay-content h3 a {

    color: #ffffff;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.single-project-item .overlay-content h3 a:hover {

    color: var(--thm-base);

}



.single-project-item .overlay-content .border-box {

    position: relative;

    display: block;

    max-width: 290px;

    width: 100%;

    height: 1px;

    background: rgba(255, 255, 255, .15);

    margin-top: 23px;

    transform: scaleX(0);

    transition: all 700ms ease;

}



.single-project-item:hover .overlay-content .border-box {

    transform: scaleX(1.0);

    transition-delay: 700ms;

}



.single-project-item .overlay-content ul {

    position: relative;

    display: block;

    overflow: hidden;

    padding-top: 40px;

    opacity: 0;

    transform: translateY(50px);

    transition: all 700ms ease;

}



.single-project-item .overlay-content ul {

    opacity: 1;

    transform: translateY(0%);

    transition-delay: 900ms;

}



.single-project-item .overlay-content ul li {

    position: relative;

    display: inline-block;

    margin: 0 3.5px;

}



.single-project-item .overlay-content ul li a {

    position: relative;

    display: inline-block;

    border-radius: 50%;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;

    border: 1px solid #ffffff;
background-color: #03914287;
    color: #ffffff;

    font-size: 20px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.single-project-item .overlay-content ul li a:hover {

    border-color: var(--thm-base);

    background-color: var(--thm-base);

}



.project-style2-btn-box {

    position: relative;

    display: block;

    line-height: 0;

    padding-top: 30px;

    text-align: center;

}







/*** 

=============================================

   Project Style2 Area Css

=============================================

***/

.project-style2-area {

    position: relative;

    display: block;

    padding: 80px 0px 90px;

    z-index: 10;

}



.project-style2-area .auto-container {

    max-width: 100%;

    padding-left: 30px;

    padding-right: 30px;

}









.single-project-item-style2 {

    position: relative;

    display: block;

    margin-bottom: 30px;

    z-index: 5;

}



.single-project-item-style2 .img-holder {

    position: relative;

    display: block;

    overflow: hidden;

}



.single-project-item-style2 .img-holder .inner {

    position: relative;

    display: block;

    overflow: hidden;

    z-index: 1;

}



.single-project-item-style2 .img-holder img {

    width: 100%;

    -webkit-transform: scale(1);

    transform: scale(1);

    transition: all 1500ms ease;

}



.single-project-item-style2:hover .img-holder img {

    transform: scale(1.2) rotate(1deg);

}





.single-project-item-style2 .overlay-content {

    position: absolute;

    top: 0px;

    left: 0px;

    bottom: 0px;

    right: 0px;

    overflow: hidden;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    flex-wrap: wrap;

    background: rgba(var(--thm-black-rgb), .90);

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .7s;

    transition-property: all;

    opacity: 0;

    z-index: 5;



}



.single-project-item-style2:hover .overlay-content {

    opacity: 1;

}



.single-project-item-style2 .overlay-content a {

    position: relative;

    display: inline-block;

    width: 50px;

    height: 50px;

    line-height: 48px;

    border: 1px solid #ffffff;

    color: #ffffff;

    font-size: 20px;

    opacity: 0;

    transform: translateY(100px) rotate(90deg);

    transition: all 0.1s ease-in-out 0.4s;

}



.single-project-item-style2:hover .overlay-content a {

    opacity: 1;

    transform: translateY(0px) rotate(0deg);

    transition: all 0.5s ease-in-out 0.5s;

}



.single-project-item-style2 .overlay-content a:hover {

    color: #ffffff;

    border-color: var(--thm-base);

    background-color: var(--thm-base);

    transition: all 0.1s ease-in-out 0.1s;

}







.single-project-item-style2 .text-holder {

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    padding: 23px 40px 23px;

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

    z-index: 1;

}



.single-project-item-style2 .text-holder .pattern-bg {

    position: absolute;

    top: 0px;

    left: 0px;

    bottom: 0;

    right: 0px;

    background-color: #ffffff;

    background-repeat: repeat;

    z-index: -1;

}



.single-project-item-style2 .text-holder .left {

    position: relative;

    display: block;

}



.single-project-item-style2 .text-holder .left p {

    color: var(--thm-base);

    line-height: 20px;

    margin: 0;

    transition: all 700ms ease;

}



.single-project-item-style2 .text-holder .left h3 {

    font-size: 20px;

    line-height: 28px;

    font-weight: 600;

    margin: 11px 0 0;

    transition: all 700ms ease;

}



.single-project-item-style2 .text-holder .left h3 a {

    color: var(--thm-black);

}





.single-project-item-style2 .text-holder .right {

    position: relative;

    display: block;

}



.single-project-item-style2 .text-holder .right a {

    position: relative;

    display: inline-block;

    width: 50px;

    height: 50px;

    line-height: 48px;

    border: 1px solid var(--thm-base);

    color: var(--thm-base);

    font-size: 20px;

    text-align: center;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.single-project-item-style2 .text-holder .right a:hover {

    color: #ffffff;

    border-color: var(--thm-base);

    background-color: var(--thm-base);

}







/*** 

=============================================

   Project Page One Css

=============================================

***/

.project-page-one {

    position: relative;

    display: block;

    padding: 132px 0px 120px;

    background: #ffffff;

}



.project-page-one .project-menu-box {

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    padding-bottom: 60px;

}







/*** 

=============================================

   Project Page Two Css

=============================================

***/

.project-page-two {

    position: relative;

    display: block;

    padding: 60px 0px 50px;

    background: #ffffff;

}



.project-page-two .project-menu-box {

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    padding-bottom: 60px;

}



.project-page-two .single-project-item {

    margin-bottom: 50px;

}



.single-project-item .img-holder .static-content {

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    text-align: center;

    background: #ffffff;

    padding-top: 20px;

    transform: translate3d(0px, 0%, 0px);

    transition: all 300ms linear;

    transition-delay: 0.1s;

    z-index: 10;

}



.single-project-item:hover .img-holder .static-content {

    transform: translate3d(0px, 100%, 0px);

    transition: all 700ms linear;

}



.single-project-item .img-holder .static-content p {

    color: #757575;

    font-size: 16px;

    line-height: 20px;

    margin: 0 0 4px;

}



.single-project-item .img-holder .static-content h3 {

    position: relative;

    display: inline-block;

    bottom: -6px;

    font-size: 20px;

    line-height: 20px;

    font-weight: 600;

}



.single-project-item .img-holder .static-content h3 a {

    color: var(--thm-black);

}



.project-page-two .project-style2-btn-box {

    padding-top: 10px;

}







/*** 

=============================================

   Project Page Four Css

=============================================

***/

.project-page-four {

    position: relative;

    display: block;

    padding: 132px 0px 120px;

    background: #ffffff;

}



.project-page-four .project-menu-box {

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    padding-bottom: 60px;

}



.project-page-four .auto-container {

    max-width: 100%;

    padding: 0 60px;

}























/*** 

=============================================

  Video Gallery Style1 Area

=============================================

***/

.video-gallery-style1-area {

    position: relative;

    display: block;

    overflow: hidden;

    z-index: 1;

}



.video-gallery-style1-area__bg {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background-attachment: scroll;

    background-repeat: no-repeat;

    background-position: center top;

    background-size: cover;

    z-index: -1;

}



.video-gallery-style1-area .pattern-bg {

    position: absolute;

    display: block;

    top: 0;

    left: -1000000px;

    bottom: 0;

    right: 50%;

    background-repeat: repeat;

    background-color: var(--thm-base);

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

    transform: skew(-34deg, 0deg);

}



.video-gallery-style1-area .pattern-bg-2 {

    position: absolute;

    top: 60px;

    left: 0px;

    bottom: 0;

    right: 47%;

    background-repeat: repeat;

    background-color: var(--thm-base);

    z-index: -1;

    transform: skew(-34deg, 0deg);

}



.video-gallery-style1-area .pattern-bg-3 {

    position: absolute;

    top: 140px;

    right: 0px;

    bottom: 0;

    width: 22%;

    background-repeat: repeat;

    background-color: var(--thm-base);

    z-index: -1;

    -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);

    clip-path: polygon(100% 0, 0% 100%, 100% 100%);

}





.video-gallery-style1_content {

    position: relative;

    display: block;

    padding-top: 120px;

    padding-bottom: 110px;

    z-index: 2;

}



.video-gallery-style1_content .inner-box {

    position: relative;

    display: block;

    max-width: 520px;

    width: 100%;

}



.video-gallery-style1_content .inner-box .sec-title {

    padding-bottom: 21px;

}



.video-gallery-style1_content .inner-box .sec-title .sub-title h6 {

    color: #ffffff;

}



.video-gallery-style1_content .inner-box .sec-title .sub-title .border-left {

    background: #ffffff;

}



.video-gallery-style1_content .inner-box .sec-title h2 {

    color: #ffffff;

}



.video-gallery-style1_content .inner-box .text {

    position: relative;

    display: block;

    padding-bottom: 5px;

}



.video-gallery-style1_content .inner-box .text p {

    color: #ffffff;

}



.video-gallery-style1_content .inner-box ul {}



.video-gallery-style1_content .inner-box ul li {

    position: relative;

    display: block;

    padding-left: 30px;

    color: #ffffff;

    line-height: 36px;

}



.video-gallery-style1_content .inner-box ul li:before {

    content: "\f11b";

    font-family: flaticon !important;

    position: absolute;

    left: 0;

}





.video-gallery-style1__video-holder {

    position: absolute;

    top: 0;

    right: 100px;

    bottom: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

}



.video-gallery-style1__video-holder .icon {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 80px;

    height: 80px;

    border: 2px solid #ffffff;

}



.video-gallery-style1__video-holder .icon:before {

    position: absolute;

    content: '';

    top: -5px;

    left: -5px;

    bottom: -5px;

    right: -5px;

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

    z-index: -1;

    display: none;

}



.video-gallery-style1__video-holder .icon:before {

    -webkit-box-shadow: 0 0 0 0 rgba(54, 124, 232, .09);

    box-shadow: 0 0 0 0 rgba(54, 124, 232, .09);

    -webkit-animation: ripple 1s infinite;

    animation: ripple 3s infinite

}



.video-gallery-style1__video-holder .icon .video-popup {

    position: relative;

    display: block;

    color: #ffffff;

    font-size: 25px;

    line-height: 76px;

    text-align: center;

}



.video-gallery-style1__video-holder .icon .video-popup span::before {}



.video-gallery-style1__video-holder h4 {

    color: #ffffff;

    font-size: 14px;

    line-height: 20px;

    font-weight: 700;

    text-transform: uppercase;

    margin: 26px 0 0;

}







/*** 

=============================================

    Working Process Area Css

=============================================

***/

.working-process-area {

    position: relative;

    display: block;

    padding: 120px 0 80px;

    z-index: 1;

}



.working-process-box {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    counter-reset: count;

}



.single-working-process {

    position: relative;

    display: block;

    -ms-flex: 0 0 33.333333%;

    flex: 0 0 33.333333%;

    max-width: 33.333333%;

    width: 100%;

    text-align: center;

    padding: 0px 50px 0px;

    border-right: 1px solid #e5e5e5;

    margin-bottom: 40px;

}



.single-working-process:last-child {

    border-right: none;

}



.single-working-process .img-holder {

    position: relative;

    display: block;

    width: 230px;

    height: 230px;

    margin: 0 auto;

    border: 2px solid var(--thm-base);

    border-radius: 50%;

    padding: 13px;

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

}





.single-working-process .img-holder .inner {

    position: relative;

    display: block;

    border-radius: 50%;

    border: 4px solid #ffffff;

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

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .7s;

    transition-property: all;

}



.single-working-process:hover .img-holder .inner {

    border-color: rgba(var(--thm-black-rgb), .10);

}



.single-working-process .img-holder .inner:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    border-radius: 50%;

    background: var(--thm-base);

    opacity: 0;

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .7s;

    transition-property: all;

    z-index: 2;

}



.single-working-process:hover .img-holder .inner:before {

    opacity: 0.70;

}



.single-working-process .img-holder .inner img {

    width: 100%;

    border-radius: 50%;

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .7s;

    transition-property: all;

}



.single-working-process:hover .img-holder .inner img {

    transform: scale(1.0) rotate(5deg);

}





.single-working-process .counting-box {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    display: flex;

    align-items: center;

    justify-content: center;

}



.single-working-process .counting-box .count {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    -webkit-transition: .9s;

    -o-transition: .9s;

    transition: .9s;

}



.single-working-process:hover .counting-box .count {

    transform: perspective(400px) scale(0);

}



.single-working-process .counting-box .count:before {

    position: absolute;

    display: flex;

    align-items: center;

    justify-content: center;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    color: transparent;

    -webkit-text-stroke: 1px #ffffff;

    font-size: 90px;

    line-height: 1em;

    font-weight: 700;

    counter-increment: count;

    content: "0"counter(count);

    transition: all 100ms linear;

    transition-delay: 0.1s;

    font-family: var(--thm-font-2);

}





.single-working-process .text-holder {

    position: relative;

    display: block;

    padding-top: 26px;

}



.single-working-process .text-holder h3 {

    font-size: 20px;

    line-height: 24px;

    font-weight: 600;

    margin-bottom: 12px;

}



.single-working-process .text-holder p {

    margin: 0;

}



.single-working-process .text-holder .btn-box {

    position: relative;

    display: block;

    padding-top: 15px;

}



.single-working-process .arrow-icon {

    position: absolute;

    top: 100px;

    right: -20px;

    width: 40px;

    height: 40px;

    background: #ffffff;

    border: 1px solid #e5e5e5;

    color: var(--thm-base);

    font-size: 20px;

    line-height: 32px;

    text-align: center;

    z-index: 2;

}







/*** 

=============================================

   Contact Info Style1 Area Css

=============================================

***/

.contact-info-style1-area {

    position: relative;

    display: block;

    padding: 120px 0 120px;

    z-index: 1;

}



.contact-info-area__bg {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background-attachment: fixed;

    background-repeat: no-repeat;

    background-position: center top;

    background-size: cover;

    z-index: -1;

}



.contact-info__box {

    position: relative;

    display: block;

    overflow: hidden;

    max-width: 570px;

    width: 100%;

    margin: 0 auto;

    background: #1c1c27;

    padding: 60px 50px 60px;

    text-align: center;

}



.contact-info__box .sec-title {

    padding-bottom: 16px;

}



.contact-info__box h2 {

    font-size: 36px;

    line-height: 44px;

    font-weight: 600;

    margin: 0 0 14px;

}



.contact-info__box h2 a {

    color: #ffffff;

}



.contact-info__box p {

    color: #afafbc;

    margin: 0;

}



.contact-info__box .btn-box {

    position: relative;

    display: block;

    line-height: 0;

    padding-top: 34px;

}



.contact-info__box .btn-box .btn-one {

    color: var(--thm-black);

}



.contact-info__box .btn-box .btn-one:hover {

    color: #ffffff;

}



.contact-info__box .btn-box .btn-one:after {

    background: #ffffff;

    border: 2px solid #ffffff

}



.contact-info__box .btn-box .btn-one:before {

    background: var(--thm-base);

}







/*** 

=============================================

   Choose Style1 Area Css

=============================================

***/

.choose-style1-area {

    position: relative;

    display: block;

    padding: 120px 0 120px;

    z-index: 1;

}



.choose-style1-area-bg {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background-attachment: fixed;

    background-repeat: no-repeat;

    background-position: left top;

    background-size: cover;

    z-index: -1;

}



.choose-style1-area .pattern-bg {

    position: absolute;

    top: 0px;

    right: 0px;

    bottom: 0;

    width: 70%;

    background-repeat: repeat;

    background-position: center;

    background-color: var(--thm-base);

    z-index: -1;

    -webkit-clip-path: polygon(11% 0, 100% 0, 100% 100%, 73% 100%);

    clip-path: polygon(11% 0, 100% 0, 100% 100%, 73% 100%);

}





.choose-style1__content {

    position: relative;

    display: block;

    overflow: hidden;

    max-width: 970px;

    width: 100%;

    float: right;

    background: rgba(var(--thm-black-rgb), 1.0);

    padding: 80px 60px 80px;

    z-index: 1;

}



.choose-style1__content-bg {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background-repeat: no-repeat;

    background-position: top right;

    background-size: cover;

    opacity: 0.04;

    z-index: -1;

}



.choose-style1__content .border-left-box {

    position: absolute;

    top: 80px;

    left: 0;

    bottom: 80px;

    width: 5px;

    background: var(--thm-base);

}



.choose-style1__content .sec-title {

    padding-bottom: 21px;

}



.choose-style1__content .sec-title h2 {

    color: #ffffff;

}



.choose-style1__content .inner-content {

    position: relative;

    display: block;

}



.choose-style1__content .inner-content .text {

    position: relative;

    display: block;

    padding-bottom: 44px;

}



.choose-style1__content .inner-content .text p {

    color: #b4bdc5;

    margin: 0;

}



.choose-style1__content .inner-content ul {

    position: relative;

    display: block;

    width: 100%;

}



.choose-style1__content .inner-content ul li {

    position: relative;

    display: block;

    float: left;

    width: 25%;

}



.choose-style1__content .inner-content ul li+li {

    padding-left: 30px;

}



.choose-style1__content .inner-content ul li:before {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    width: 1px;

    background: #ffffff;

    opacity: 0.10;

}



.choose-style1__content .inner-content ul li:last-child:before {

    display: none;

}



.choose-style1__content .inner-content ul li .icon {

    position: relative;

    display: block;

    padding-bottom: 22px;

}



.choose-style1__content .inner-content ul li .icon span {

    position: relative;

    display: block;

    line-height: 0px;

}





.choose-style1__content .inner-content ul li .icon span:before {

    color: var(--thm-base);

    font-size: 50px;

    line-height: 50px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.choose-style1__content .inner-content ul li:hover .icon span:before {}



.choose-style1__content .inner-content ul li .inner-title {

    position: relative;

    display: block;

}



.choose-style1__content .inner-content ul li .inner-title h3 {

    color: #ffffff;

    font-size: 20px;

    line-height: 22px;

    font-weight: 600;

    margin: 0 0 8px;

}



.choose-style1__content .inner-content ul li .inner-title p {

    color: #b4bdc5;

    font-size: 16px;

    line-height: 16px;

    font-weight: 400;

    margin: 0;

}







/*** 

=============================================

  Choose Style1 Area Css

=============================================

***/

.choose-style2-area {

    position: relative;

    display: block;

    padding: 60px 0;

    z-index: 1;

}



.choose-style2-area.pd120-0-90 {

    padding: 120px 0 90px;

}



.choose-style2-area-bg {

    position: absolute;

    top: -420px;

    left: 0;

    bottom: 0;

    right: 0;

    background-attachment: fixed;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: bottom right;

    filter: grayscale(100%);

    z-index: -1;

}



.choose-style2-area-bg:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background: #f5f5f5;

    opacity: 0.90;

    z-index: -1;

}





.single-choose-box {

    position: relative;

    display: block;

    padding-top: 20px;

    padding-left: 20px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

    z-index: 1;

}



.single-choose-box.mar-b-30 {

    margin-bottom: 30px;

}



.single-choose-box:hover {

    padding-top: 0px;

    padding-left: 0px;

    padding-right: 20px;

    padding-bottom: 20px;

}



.single-choose-box:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    bottom: 20px;

    right: 20px;

    border: 1px solid var(--thm-base);

    transition: all 200ms linear;

    transition-delay: 0.1s;

    z-index: -1;

}



.single-choose-box:hover:before {

    top: 20px;

    left: 20px;

    bottom: 0px;

    right: 0px;

}



.single-choose-box .inner {

    position: relative;

    display: block;

    background: #c8e5ce;

    padding: 40px 15px 32px;

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

}



.single-choose-box .inner .icon {

    position: absolute;

    top: 30px;

    right: 30px;

}



.single-choose-box .inner .icon span:before {

    color: transparent;

    font-size: 80px;

    line-height: 80px;

    -webkit-text-stroke-width: 1px;

    -webkit-text-stroke-color: rgb(221 221 221 / 1.0);

    transition: all 300ms ease 100ms;

}



.single-choose-box:hover .inner .icon span:before {

    -webkit-text-stroke-color: rgba(var(--thm-base-rgb), 1.0);

}





.single-choose-box .inner .counting-box {

    position: relative;

    display: block;

    width: 110px;

    height: 50px;

    color: #ffffff;

    font-size: 20px;

    line-height: 50px;

    font-weight: 600;

    text-align: center;

    font-family: var(--thm-font-2);

    z-index: 1;

}



.single-choose-box .inner .counting-box::after {

    content: "";

    position: absolute;

    top: 0;

    left: 20px;

    bottom: 0;

    right: 20px;

    background: var(--thm-base);

    -moz-transform: skew(-40deg, 0deg);

    -webkit-transform: skew(-40deg, 0deg);

    -o-transform: skew(-40deg, 0deg);

    -ms-transform: skew(-40deg, 0deg);

    transform: skew(-40deg, 0deg);

    transition: all 900ms ease 100ms;

    z-index: -1;

}



.single-choose-box:hover .inner .counting-box::after {

    -moz-transform: skew(40deg, 0deg);

    -webkit-transform: skew(40deg, 0deg);

    -o-transform: skew(40deg, 0deg);

    -ms-transform: skew(40deg, 0deg);

    transform: skew(40deg, 0deg);

}



.single-choose-box .inner .text {

    position: relative;

    display: block;

    padding-top: 28px;

}



.single-choose-box .inner .text h3 {

    font-size: 20px;

    line-height: 30px;

    font-weight: 600;

    margin-bottom: 9px;

}



.single-choose-box .inner .text p {

    margin: 0;

}



.single-choose-box .inner .text .btn-box {

    position: relative;

    display: block;

    margin-top: 19px;

}



.choose-carousel.owl-nav-style-one.owl-theme .owl-nav {

    position: absolute;

    top: -120px;

    right: 0;

}



.choose-carousel.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:before {

    border: 2px solid #ffffff;

    background-color: #ffffff;

    color: var(--thm-base);

}



.choose-carousel.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover:before {

    color: #ffffff;

    border-color: var(--thm-base);

    background-color: var(--thm-base);

}







/*** 

=============================================

    Pricing Plan Area Style      

=============================================

***/

.pricing-plan-area {

    position: relative;

    display: block;

    padding: 120px 0 80px;

    z-index: 1;

}



.single-price-box {

    position: relative;

    display: block;

    transform: translate3d(0px, 0px, 0px);

    transition: all 500ms ease;

    transition-delay: 0.5s;

    max-width: 270px;

    width: 100%;

    margin: 0 auto 40px;

    transition: all 500ms linear;

    transition-delay: 0.1s;

    z-index: 1;

}



.single-price-box:hover {

    box-shadow: 0px 10px 50px 0px rgba(26, 46, 85, 0.2);

    transform: translateY(-5px);

    transition: all 0.3s ease-in-out 0.1s;

}



.single-price-box .table-header {

    position: relative;

    display: block;

    background: #f5f5f5;

    padding: 20px 0;

    margin-bottom: 10px;

}



.single-price-box .table-header .dot-left {

    position: absolute;

    top: 31px;

    left: 30px;

    width: 7px;

    height: 7px;

    background: var(--thm-base);

}



.single-price-box .table-header .dot-right {

    position: absolute;

    top: 31px;

    right: 30px;

    width: 7px;

    height: 7px;

    background: var(--thm-base);

}



.single-price-box .table-header h3 {

    font-size: 20px;

    line-height: 30px;

    font-weight: 600;

    text-transform: uppercase;

    transition: all 400ms linear;

    transition-delay: 0.1s;

}



.single-price-box .table-content {

    position: relative;

    display: block;

    padding-bottom: 40px;

    background: #f5f5f5;

    border: 1px solid #e5e5e5;

}





.single-price-box .package {

    position: relative;

    display: block;

    height: 190px;

    padding-top: 31px;

    z-index: 1;

}



.single-price-box .package .package-bg {

    position: absolute;

    top: 0;

    left: 0;

    bottom: -28px;

    right: 0;

    z-index: -1;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: bottom center;

}



.single-price-box .package:before {

    content: "";

    position: absolute;

    top: 110px;

    left: 0;

    bottom: 0;

    right: 0;

    border-top: 80px solid #ffffff;

    border-left: 135px solid transparent;

    border-right: 135px solid transparent;

    z-index: -1;

}



.single-price-box .package:after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    height: 110px;

    background: #ffffff;

    z-index: -1;

}



.single-price-box .package h2 {

    color: var(--thm-base);

    font-size: 60px;

    line-height: 60px;

    font-weight: 600;

    margin: 0 0 5px;

    transition: all 400ms linear;

    transition-delay: 0.1s;

}



.single-price-box .package span {

    font-weight: 400;

}





.single-price-box .price-list {

    position: relative;

    display: block;

    padding: 0 40px;

    margin-top: 27px;

}



.single-price-box .price-list ul {

    position: relative;

    display: block;

}



.single-price-box .price-list ul li {

    color: #757575;

    font-size: 16px;

    line-height: 36px;

    font-weight: 400;

    margin-bottom: 11px;

    transition: all 400ms linear;

    transition-delay: 0.1s;

}



.single-price-box .price-list ul li:last-child {

    margin-bottom: 0;

}



.single-price-box .price-list ul li span {

    font-weight: 600;

}



.single-price-box .price-list ul li.gray {

    color: #b0afaf;

}





.single-price-box .table-footer {

    position: relative;

    display: block;

    line-height: 0;

    padding: 0 40px;

    margin-top: 29px;

}



.single-price-box .table-footer .btn-one {

    display: block;

}











.single-price-box.style2 .package:after {

    background: var(--thm-black);

}



.single-price-box.style2 .package:before {

    border-top: 80px solid var(--thm-black);

}



.single-price-box.style2 .package span {

    color: #b4bdc5;

}





.single-price-box.style3 .package:after {

    background: var(--thm-base);

}



.single-price-box.style3 .package:before {

    border-top: 80px solid var(--thm-base);

}



.single-price-box.style3 .package h2 {

    color: #ffffff;

}



.single-price-box.style3 .package span {

    color: #ffffff;

}











/*** 

=============================================

   contact Style1 Area Css

=============================================

***/

.contact-style1-area {

    position: relative;

    display: block;

    background: #ffffff;

    z-index: 1;

}



.contact-style1-area:before {

    content: "";

    position: absolute;

    top: 120px;

    left: 0;

    bottom: 0;

    right: 0;

    background: #f5f5f5;

    z-index: -1;

}



.contact-style1-area .auto-container {

    max-width: 1320px;

}



.contact-style1_inner {

    position: relative;

    display: block;

    overflow: hidden;

    padding-top: 80px;

    padding-bottom: 80px;

    z-index: 1;

}



.contact-style1_inner-bg {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background-attachment: scroll;

    background-repeat: no-repeat;

    background-position: center top;

    background-size: cover;

    z-index: -1;

}



.contact-style1_inner-bg:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 18%;

    background-color: rgba(var(--thm-black-rgb), .90);

    -webkit-clip-path: polygon(0 0, 46% 0, 100% 100%, 0% 100%);

    clip-path: polygon(0 0, 46% 0, 100% 100%, 0% 100%);

}



.contact-style1_inner .base-bg {

    position: absolute;

    top: 0px;

    right: 0px;

    bottom: 0;

    width: 70%;

    background-color: var(--thm-base);

    opacity: 0.90;

    z-index: -1;

    -webkit-clip-path: polygon(11% 0, 100% 0, 100% 100%, 73% 100%);

    clip-path: polygon(11% 0, 100% 0, 100% 100%, 73% 100%);

}



.contact-style1_inner .people1 {

    position: absolute;

    right: 300px;

    bottom: 0;

}



.contact-style1_inner .people2 {

    position: absolute;

    right: 60px;

    bottom: 0;

}



.contact-form-box1 {

    position: relative;

    display: block;

}



.contact-form-box1 .sec-title {

    padding-bottom: 30px;

}



.contact-form-box1 .sec-title h2 {

    color: #fff;

}



.contact-form-box1 form {

    position: relative;

    display: block;

}



.contact-form-box1 form .input-box {

    position: relative;

    display: block;

    margin-bottom: 20px;

}





.contact-form-box1 form input[type="text"],

.contact-form-box1 form input[type="email"],

.contact-form-box1 form textarea {

    position: relative;

    display: block;

    background: #ffffff;

    width: 100%;

    height: 60px;

    border: 1px solid #ffffff;

    color: #757575;

    font-size: 16px;

    font-weight: 400;

    font-style: normal;

    padding-left: 20px;

    padding-right: 20px;

    border-radius: 0px;

    transition: all 500ms ease;

    font-family: var(--thm-font);

}



.contact-form-box1 form input[type="text"]:focus {

    color: #171717;

    border-color: #fff;

}



.contact-form-box1 form input[type="text"]::-webkit-input-placeholder {

    color: #757575;

}



.contact-form-box1 form input[type="text"]:-moz-placeholder {

    color: #757575;

}



.contact-form-box1 form input[type="text"]::-moz-placeholder {

    color: #757575;

}



.contact-form-box1 form input[type="text"]:-ms-input-placeholder {

    color: #757575;

}











/** nice-select **/

.contact-form-box1 form .select-box {

    position: relative;

    display: block;

    width: 100%;

    height: 60px;

    margin-bottom: 20px;

}



.nice-select {

    height: 60px;

    line-height: 58px;

    background: #ffffff;

    border: 1px solid #ffffff !important;

    font-family: var(--thm-font);

    border-radius: 0px;

    font-size: 16px;

    font-weight: 400;

    color: #757575;

    padding-left: 20px;

    padding-right: 20px;

}



.nice-select:after {

    width: 8px;

    height: 8px;

    border-bottom: 2px solid #757575;

    border-right: 2px solid #757575;

    right: 22px;

    margin-top: 0px;

    top: 23px;

    z-index: 10;

}



.contact-form-box1 form .button-box {

    position: relative;

    display: block;

}







/*** 

=============================================

  Highlights Area Css

=============================================

***/

.highlights-area {

    position: relative;

    display: block;

}



.highlights__content {

    position: relative;

    display: block;

    background: #f5f5f5;

    border: 4px solid #ffffff;

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

    margin-top: -45px;

    z-index: 10;

}



.highlights__content ul {

    position: relative;

    display: flex;

    align-items: center;

    counter-reset: count;

}



.single-highlights-box {

    position: relative;

    max-width: 33.333333%;

    width: 100%;

    padding: 18px 30px 18px;

    z-index: 1;

}



.single-highlights-box:after {

    content: "";

    position: absolute;

    top: 0px;

    left: 0px;

    bottom: 0;

    right: 0px;

    background: var(--thm-black);

    transform: scaleY(0.0);

    transform-origin: bottom;

    transform-style: preserve-3d;

    transition: all 100ms linear;

    transition-delay: 0.1s;

    z-index: -1;

}



.single-highlights-box:hover:after {

    transform: scale(1.0);

    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);

}



.single-highlights-box:before {

    content: "";

    position: absolute;

    top: 20px;

    right: 0;

    bottom: 20px;

    width: 1px;

    background: #dddddd;

}



.single-highlights-box:last-child:before {

    display: none;

}





.single-highlights-box .inner {

    position: relative;

    display: flex;

    align-items: center;

}



.single-highlights-box .icon {

    width: 45px;

    line-height: 0;

}



.single-highlights-box .icon span:before {

    color: var(--thm-base);

    font-size: 45px;

    line-height: 45px;

}



.single-highlights-box .text {

    position: relative;

    display: block;

    padding-left: 20px;

}



.single-highlights-box .text h3 {

    font-size: 20px;

    line-height: 20px;

    font-weight: 600;

    margin: 0 0 7px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.single-highlights-box:hover .text h3 {

    color: #fff;

}



.single-highlights-box .text p {

    line-height: 20px;

    margin: 0;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.single-highlights-box:hover .text p {

    color: #fff;

}



.single-highlights-box .counting-box {

    position: absolute;

    top: 50%;

    right: 30px;

    width: 55px;

    height: 40px;

    transform: translateY(-50%);

}



.single-highlights-box .counting-box:before {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    color: transparent;

    font-size: 48px;

    line-height: 30px;

    font-weight: 600;

    text-align: right;

    -webkit-text-stroke-width: 1px;

    -webkit-text-stroke-color: rgb(221 221 221 / 1.0);

    counter-increment: count;

    content: "0"counter(count);

    font-family: var(--thm-font);

    transition: all 100ms linear;

    transition-delay: 0.1s;

}



.single-highlights-box:hover .counting-box:before {

    -webkit-text-stroke-color: rgb(62 70 82 / 1.0);

}









/*** 

=============================================

   Certificates Area Css

=============================================

***/

.certificates-area {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 120px 0 120px;

}



.single-certificates-box {

    position: relative;

    display: block;

    border: 5px solid #ffffff;

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

    z-index: 1;

}



.single-certificates-box .pattern-bg {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background-color: #f5f5f5;

    background-repeat: repeat;

    z-index: -1;

}



.single-certificates-box .pattern-bg:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background-color: var(--thm-base);

    transform: perspective(400px) scaleX(0);

    transform-origin: center;

    transition: all 300ms linear;

    transition-delay: 0.1s;

}



.single-certificates-box:hover .pattern-bg:before {

    transform: perspective(400px) scaleX(1.0);

}



.single-certificates-box .img-box {

    position: relative;

    display: block;

    padding: 5px;

}



.single-certificates-box .img-box .inner {

    position: relative;

    display: block;

    overflow: hidden;

}



.single-certificates-box .img-box .inner:before {

    content: "";

    position: absolute;

    top: 0px;

    left: 0px;

    bottom: 0px;

    right: 0px;

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

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .7s;

    transition-property: all;

    opacity: 0;

    z-index: 5;

}



.single-certificates-box:hover .img-box .inner:before {

    opacity: 1;

}





.single-certificates-box .img-box img {

    width: 100%;

}



.single-certificates-box .text-holder {

    position: relative;

    display: block;

    text-align: center;

    padding-top: 13px;

    padding-bottom: 17px;

}



.single-certificates-box .text-holder h3 {

    font-size: 20px;

    line-height: 30px;

    font-weight: 600;

}



.single-certificates-box .text-holder h3 a {

    color: var(--thm-black);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.single-certificates-box:hover .text-holder h3 a {

    color: #ffffff;

}







.certificates-carousel_1.owl-carousel.owl-dot-style1 .owl-dots {

    display: none;

}



.certificates-carousel_1.owl-carousel .owl-stage-outer {

    overflow: visible;

}



.certificates-carousel_1.owl-carousel .owl-stage-outer .owl-item {

    opacity: 0;

    transition: all 300ms ease 100ms;

}



.certificates-carousel_1.owl-carousel .owl-stage-outer .owl-item.active {

    opacity: 1;

}







/*** 

=============================================

   Statements Area Css

=============================================

***/

.statements-area {

    position: relative;

    display: block;

    padding: 120px 0 120px;

    z-index: 1;

}



.statements-area .row {

    margin-left: 0px;

    margin-right: 0px;

}



.statements-area .row [class*=col-] {

    padding-left: 0px;

    padding-right: 0px;

}



.statements-area-bg {

    position: absolute;

    top: 0px;

    left: 0;

    bottom: 0;

    right: 0;

    background-attachment: fixed;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: bottom right;

    filter: grayscale(0%);

    z-index: -1;

}





.video-holder-box-style2 {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    min-height: 670px;

    background-attachment: scroll;

    background-repeat: no-repeat;

    background-position: center top;

    background-size: cover;

    margin-right: -53px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

    z-index: 1;

}



.video-holder-box-style2:hover {

    transform: translateX(-10px);

    transition-duration: .5s;

}



.video-holder-box-style2:before {

    content: "";

    position: absolute;

    top: 0px;

    left: 0px;

    bottom: 0px;

    right: 0px;

    background: rgba(var(--thm-black-rgb), .90);

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .7s;

    transition-property: all;

    opacity: 0;

    z-index: -1;

}



.video-holder-box-style2:hover:before {

    opacity: 1;

}





.video-holder-box-style2 .icon {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 80px;

    height: 80px;

    background: #ffffff;

}



.video-holder-box-style2 .icon:before {

    position: absolute;

    content: '';

    top: -5px;

    left: -5px;

    bottom: -5px;

    right: -5px;

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

    z-index: -1;

}



.video-holder-box-style2 .icon:before {

    -webkit-box-shadow: 0 0 0 0 rgba(54, 124, 232, .09);

    box-shadow: 0 0 0 0 rgba(54, 124, 232, .09);

    -webkit-animation: ripple 1s infinite;

    animation: ripple 3s infinite

}



.video-holder-box-style2 .icon .video-popup {

    position: relative;

    display: block;

    color: var(--thm-base);

    font-size: 25px;

    line-height: 78px;

    text-align: center;

}



.video-holder-box-style2 .icon .video-popup span::before {}







.statements__content-box {

    position: relative;

    display: block;

    background: rgba(255, 255, 255, .96);

    padding: 60px 60px 60px;

    margin-left: 53px;

}



.statements__content-box .sec-title {

    padding-bottom: 31px;

}



.statements__content-box .inner-content {

    position: relative;

    display: block;

}



.statements__content-box .inner-content .top-text {

    position: relative;

    display: block;

    margin-bottom: 27px;

}



.statements__content-box .inner-content .top-text p {

    margin: 0;

}



.statements-main-content {

    position: relative;

    display: block;

}



.statements-main-content .single-box {

    position: relative;

    display: block;

    padding-left: 50px;

}



.statements-main-content .single-box .icon-box {

    position: absolute;

    top: 7px;

    left: 0;

    color: var(--thm-base);

    font-size: 50px;

}



.statements-main-content .single-box .icon-box span::before {}



.statements-main-content .single-box .text-box {

    position: relative;

    display: block;

    padding-left: 20px;

}



.statements-main-content .single-box .text-box h3 {

    font-size: 20px;

    line-height: 30px;

    font-weight: 600;

    margin-bottom: 9px;

}



.statements-main-content .single-box .text-box p {

    margin: 0;

}



.statements-main-content .single-box .text-box ul {

    position: relative;

    display: block;

    margin-top: 16px;

}



.statements-main-content .single-box .text-box ul li {

    position: relative;

    display: block;

    margin-bottom: 12px;

}



.statements-main-content .single-box .text-box ul li:last-child {

    margin-bottom: 0;

}



.statements-main-content .single-box .text-box ul li span::before {

    position: relative;

    display: inline-block;

    top: 0px;

    color: var(--thm-base);

    font-size: 15px;

    transform: rotate(180deg);

    padding-left: 11px;

}



.statements-carousel.owl-nav-style-one.owl-theme .owl-nav {

    margin-top: 31px;

    margin-left: 73px;

}



.statements-carousel.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:before {

    border: 2px solid var(--thm-base);

}

















/*** 

=============================================

    Our History css style

=============================================

***/

.our-history {

    position: relative;

    display: block;

    padding-top: 120px;

    padding-bottom: 70px;

    z-index: 1;

}



.our-history-area-bg {

    position: absolute;

    top: 0px;

    left: 0;

    bottom: 0;

    right: 0;

    background-attachment: fixed;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: left bottom;

    filter: grayscale(100%);

    z-index: -1;

}



.our-history-area-bg:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background: #f5f5f5;

    opacity: 0.90;

    z-index: -1;

}







.history-tabs-carousel {

    position: relative;

    z-index: 100;

}



.history-tabs-carousel.owl-carousel .owl-stage-outer {

    margin-right: -375px;

    padding-bottom: 50px;

}



.history-tabs-carousel:before {

    position: absolute;

    content: "";

    top: 39px;

    left: 0;

    right: -100000px;

    z-index: 0;

    border-bottom: 1px solid #d5d5d5;

}











.single-history-box {

    position: relative;

    display: block;

}



.single-history-box .date-box {

    position: relative;

    display: block;

    width: 80px;

    height: 80px;

    background: #f5f5f5;

    border: 1px solid #d5d5d5;

    color: var(--thm-black);

    font-size: 18px;

    line-height: 78px;

    font-weight: 600;

    text-align: center;

    font-family: var(--thm-font-2);

    transition: all 500ms ease;

}



.single-history-box:hover .date-box {

    color: #ffffff;

    border-color: var(--thm-base);

    background-color: var(--thm-base);

}





.single-history-box .text-holder {

    position: relative;

    display: block;

    padding-top: 57px;

}



.single-history-box .text-holder .inner {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 36px 40px 34px;

    box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 7%);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.single-history-box:hover .text-holder .inner {

    box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 0%);

}



.single-history-box .text-holder .inner:before {

    content: "";

    position: absolute;

    top: -23px;

    left: 17px;

    border-bottom: 23px solid #ffffff;

    border-left: 23px solid transparent;

    border-right: 23px solid transparent;

}





.single-history-box .text-holder .inner h3 {

    font-size: 20px;

    font-weight: 600;

    margin: 0 0 11px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.single-history-box:hover .text-holder .inner h3 {

    color: var(--thm-base);

}



.single-history-box .text-holder .inner h3 span:before {

    position: relative;

    display: inline-block;

    font-size: 22px;

    padding-right: 10px;

}



.single-history-box .text-holder .inner p {

    margin: 0;

}











.our-history .owl-theme .owl-nav {

    position: absolute;

    top: -121px;

    right: 0;

    margin: 0;

    z-index: -1;

}



.our-history .owl-theme .owl-nav .owl-prev {}



.our-history .owl-theme .owl-nav .owl-next {}



.our-history .owl-theme .owl-nav [class*='owl-'] {

    background: transparent;

}



.our-history .owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:before {

    border: 2px solid var(--thm-base);

}















.our-history .bx-wrapper {

    position: relative;

    max-width: 1550px !important;

    width: 100%;

    margin-left: auto;

}



.our-history .bx-wrapper .bx-viewport {

    box-shadow: none;

    border: none;

    left: 0;

    background: #fff;

    transform: translatez(0);

}



.our-history .single-box {}



.our-history .single-box .img-holder {}



.our-history .single-box .img-holder img {}



.our-history .single-box .text-holder {

    display: block;

    padding: 25px 30px 22px;

    border: 1px solid #f2f2f2;

}



.our-history .single-box .text-holder p {

    margin: 0;

}



.our-history .single-box .text-holder p span {

    color: #0f1341;

    font-size: 18px;

    font-weight: 600;

    font-family: 'Poppins', sans-serif;

}



.our-history .nav-link {

    display: block;

    padding: 0;

    max-width: 735px;

    margin: 0 auto;

}



.our-history .nav-link li#slider-prev {

    position: absolute;

    top: 50%;

    margin-top: -35px;

}



.our-history .nav-link li#slider-prev a i {

    width: 42px;

    height: 42px;

    background: #fff;

    color: #46c3e8;

    font-size: 25px;

    line-height: 42px;

    text-align: center;

    border-radius: 50%;

    box-shadow: 0px 2px 4px #ededed;

    transition: all 500ms ease;

}



.our-history .nav-link li#slider-prev a:hover i {

    background: #46c3e8;

    color: #ffffff;

}



.our-history .nav-link li#slider-next {

    position: absolute;

    right: 232px;

    top: 50%;

    margin-top: -35px;

}



.our-history .nav-link li#slider-next a i {

    width: 42px;

    height: 42px;

    background: #fff;

    color: #46c3e8;

    font-size: 25px;

    line-height: 42px;

    text-align: center;

    border-radius: 50%;

    box-shadow: 0px 2px 4px #ededed;

    transition: all 500ms ease;

}



.our-history .nav-link li#slider-next a:hover i {

    background: #46c3e8;

    color: #ffffff;

}





















































/*** 

=============================================

    Sidebar Css

=============================================

***/



.single-sidebar-box {

    position: relative;

    display: block;

    margin-bottom: 50px;

}



.single-sidebar-box.last-box {

    margin-bottom: 0;

}





.sidebar-search-box {

    position: relative;

    display: block;

}



.sidebar-search-box form.search-form {

    position: relative;

    display: block;

    width: 100%;

}



.sidebar-search-box .search-form input[type="text"] {

    position: relative;

    display: block;

    width: 100%;

    height: 60px;

    background-color: #ffffff;

    border: 1px solid #e5e5e5;

    color: #757575;

    font-size: 16px;

    font-weight: 400;

    padding-left: 30px;

    padding-right: 60px;

    font-family: var(--thm-font-2);

    transition: all 500ms ease 0s;

}



.sidebar-search-box .search-form button {

    position: absolute;

    top: 10px;

    right: 10px;

    bottom: 10px;

    width: 40px;

    height: 40px;

    font-size: 16px;

    line-height: 40px;

    background: var(--thm-base);

    display: block;

    text-align: center;

    border: 0px solid #e7e7e8;

    transition: all 500ms ease 0s;

}



.sidebar-search-box .search-form button i {

    position: relative;

    top: -2px;

    color: #ffffff;

}



.sidebar-search-box .search-form input[type="text"]:focus {

    color: #000;

}



.sidebar-search-box .search-form input::-webkit-input-placeholder {

    color: #757575;

}



.sidebar-search-box .search-form input:-moz-placeholder {

    color: #757575;

}



.sidebar-search-box .search-form input::-moz-placeholder {

    color: #757575;

}



.sidebar-search-box .search-form input:-ms-input-placeholder {

    color: #757575;

}









.sidebar-categories-box {

    position: relative;

    display: block;

    overflow: hidden;

    padding: 24px 29px 26px;

    border: 1px solid #e5e5e5;

}



.sidebar-categories-box li {

    position: relative;

    display: block;

    border-bottom: 1px solid #e5e5e5;

    padding-bottom: 11px;

    margin-bottom: 11px;

}



.sidebar-categories-box li:last-child {

    margin-bottom: 0;

    padding-bottom: 0;

    border-bottom: none;

}



.sidebar-categories-box li a {

    position: relative;

    display: block;

    overflow: hidden;

    color: #757575;

    font-size: 16px;

    font-weight: 500;

    line-height: 30px;

    text-transform: capitalize;

    font-family: var(--thm-font);

    letter-spacing: 0.0em;

    transition: all 100ms linear;

    transition-delay: 0.1s;

}



.sidebar-categories-box li:hover a {

    color: var(--thm-base);

    letter-spacing: 0.01em;

}



.sidebar-categories-box li a:before {

    content: "\f105";

    font-family: FontAwesome;

    position: absolute;

    right: 0;

    font-size: 20px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.sidebar-categories-box li:hover a:before {

    transform: translateX(10px);

}



.sidebar-categories-box li a:after {

    content: "\f101";

    font-family: FontAwesome;

    position: absolute;

    right: 0;

    color: var(--thm-base);

    font-size: 20px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

    transform: translateX(15px);

}



.sidebar-categories-box li:hover a:after {

    transform: translateX(0px);

}











.sidebar-blog-post {

    position: relative;

    display: block;

    border: 1px solid #e5e5e5;

    padding: 29px 29px 29px;

}



.sidebar-blog-post ul {

    position: relative;

    display: block;

}



.sidebar-blog-post ul li {

    position: relative;

    display: block;

    border-bottom: 1px solid #e5e5e5;

    padding-bottom: 30px;

    margin-bottom: 30px;

}



.sidebar-blog-post ul li:last-child {

    padding-bottom: 0;

    margin-bottom: 0;

    border-bottom: 0px solid #dfe5e5;

}



.sidebar-blog-post ul li .inner {

    position: relative;

    display: block;

    padding-left: 70px;

    min-height: 70px;

}



.sidebar-blog-post ul li .img-box {

    position: absolute;

    top: 0;

    left: 0;

    width: 70px;

    height: 70px;

    overflow: hidden;

}



.sidebar-blog-post ul li .img-box img {

    width: 100%;

}



.sidebar-blog-post ul li .img-box .overlay-content {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    background: rgba(var(--thm-base-rgb), .80);

    border-radius: 0%;

    opacity: 0;

    transform: perspective(0px) scale(0);

    transform-origin: center;

    transition: all 0.5s ease-in-out 0s;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    z-index: 2;

}



.sidebar-blog-post ul li:hover .img-box .overlay-content {

    opacity: 1;

    transform: perspective(400px) scale(1.0);

    transition: all 0.3s ease-in-out 0.3s;

}



.sidebar-blog-post ul li .img-box .overlay-content a {

    color: #ffffff;

    font-size: 14px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.sidebar-blog-post ul li .title-box {

    position: relative;

    display: block;

    padding-left: 20px;

    min-height: 70px;

}



.sidebar-blog-post ul li .title-box .date {

    color: var(--thm-gray);

    font-size: 16px;

    line-height: 16px;

    font-weight: 400;

}



.sidebar-blog-post ul li .title-box h4 {

    font-size: 16px;

    line-height: 24px;

    font-weight: 600;

    margin: 6px 0 0;

}



.sidebar-blog-post ul li .title-box h4 a {

    color: var(--thm-black);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.sidebar-blog-post ul li .title-box h4 a:hover {

    color: var(--thm-base);

}







.instagram-feed-box {

    position: relative;

    display: block;

    border: 1px solid #e5e5e5;

    padding: 29px 29px 9px;

}



.instagram-feed-box .instagram-items {

    position: relative;

    display: block;

    overflow: hidden;

    margin-left: -10px;

    margin-right: -10px;

}



.instagram-feed-box .instagram-items li {

    position: relative;

    display: block;

    float: left;

    margin: 0 10px 20px;

    width: 90px;

    height: 90px;

}



.instagram-feed-box .instagram-items li .inner {

    position: relative;

    display: block;

}



.instagram-feed-box .instagram-items li .inner .img-box {

    position: relative;

    display: block;

    overflow: hidden;

}



.instagram-feed-box .instagram-items li .inner .img-box img {

    width: 100%;

    transition: all 500ms ease 100ms;

}



.instagram-feed-box .instagram-items li:hover .inner .img-box img {

    transform: scale(1.2);

}





.instagram-feed-box .instagram-items li .overlay-content {

    position: absolute;

    top: 3px;

    left: 3px;

    bottom: 3px;

    right: 3px;

    opacity: 0;

    background-color: rgba(var(--thm-base-rgb), 0.9);

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    transform: skew(0deg, 50deg) scale(1.2, 1.2);

    transition: all 500ms ease 100ms;

}



.instagram-feed-box .instagram-items li:hover .overlay-content {

    opacity: 1;

    transform: skew(0deg, 0deg) scale(1.0, 1.0);

}



.instagram-feed-box .instagram-items li .overlay-content a {

    position: relative;

    display: inline-block;

    color: #ffffff;

    font-size: 20px;

    line-height: 20px;

    transform: scale(0);

    transition: all 500ms ease 100ms;

}



.instagram-feed-box .instagram-items li:hover .overlay-content a {

    transform: scale(1.0);

    transition: all 700ms ease 600ms;

}









.popular-tag-box {

    position: relative;

    display: block;

    border: 1px solid #e5e5e5;

    padding: 29px 29px 19px;

}



.single-sidebar-box .popular-tag {

    position: relative;

    display: block;

    overflow: hidden;

    margin-left: -5px;

    margin-right: -5px;

}



.single-sidebar-box .popular-tag li {

    position: relative;

    display: block;

    float: left;

    margin: 0 5px 10px;

}



.single-sidebar-box .popular-tag li a {

    position: relative;

    display: block;

    padding: 0px 15px 2px;

    background: #f5f5f5;

    border: 1px solid #f5f5f5;

    color: #757575;

    font-size: 16px;

    line-height: 36px;

    font-weight: 400;

    transition: all 500ms ease;

    font-family: var(--thm-font);

}



.single-sidebar-box .popular-tag li:hover a {

    color: #ffffff;

    border-color: var(--thm-base);

    background-color: var(--thm-base);

}







.sidebar-subscribe-content-box {

    position: relative;

    display: block;

    border: 1px solid #e5e5e5;

    padding: 21px 29px 29px;

}



.sidebar-subscribe-content-box .inner-content {

    position: relative;

    display: block;

}



.sidebar-subscribe-content-box .inner-content p {

    margin: 0;

}



.sidebar-subscribe-content-box .sidebar-subscribe-form {

    position: relative;

    display: block;

    padding-top: 24px;

}



.sidebar-subscribe-content-box .sidebar-subscribe-form input[type="email"] {

    position: relative;

    display: block;

    background: #ffffff;

    width: 100%;

    height: 60px;

    border: 1px solid #e5e5e5;

    color: var(--thm-gray);

    font-size: 16px;

    font-weight: 400;

    font-style: normal;

    padding-left: 20px;

    padding-right: 20px;

    transition: all 500ms ease;

    font-family: var(--thm-font);

}



.sidebar-subscribe-content-box .sidebar-subscribe-form .btn-one {

    position: relative;

    display: block;

    width: 100%;

    margin-top: 10px;

}







.single-sidebar-box .title {

    position: relative;

    display: block;

    margin-top: -2px;

    padding-bottom: 27px;

}



.single-sidebar-box .title h3 {

    font-size: 20px;

    line-height: 20px;

    font-weight: 600;

}



.sidebar-categories-box-style2 {

    position: relative;

    display: block;

}



.sidebar-categories-box-style2 li {

    position: relative;

    display: block;

    border-bottom: 1px solid #e5e5e5;

    padding-bottom: 11px;

    margin-bottom: 11px;

}



.sidebar-categories-box-style2 li:last-child {

    margin-bottom: 0;

    padding-bottom: 0;

    border-bottom: none;

}



.sidebar-categories-box-style2 li a {

    position: relative;

    display: block;

    padding-left: 25px;

    color: #757575;

    font-size: 16px;

    line-height: 30px;

    font-weight: 400;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.sidebar-categories-box-style2 li a:before {

    content: "\f101";

    font-family: FontAwesome;

    position: absolute;

    left: 0;

    font-size: 18px;

}



.sidebar-categories-box-style2 li a:hover {

    color: var(--thm-base);

}











.price-ranger {

    margin-top: 12px;

    margin-bottom: 0px;

}



.price-ranger .ui-widget-content {

    background: #e5e5e5;

    border: none;

    height: 4px;

    border-radius: 0px;

}



.price-ranger .ui-slider-handle {

    position: absolute;

    top: -2px;

    width: 8px !important;

    height: 8px;

    border: none;

    background: var(--thm-base);

    border-radius: 0%;

    margin-left: -5px;

    outline: medium none;

    cursor: pointer;

    z-index: 2;

}



.price-ranger .ui-widget-header {

    border: 0px solid #e0dfdf;

    background: var(--thm-base);

}



.price-ranger #slider-range {

    margin-left: 4px;

    margin-right: 6px;

    margin-top: 0;

}



.price-ranger .ranger-min-max-block {

    position: relative;

    overflow: hidden;

    margin-top: 9px;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}



.price-ranger .ranger-min-max-block .left {

    position: relative;

    display: block;

}



.price-ranger .ranger-min-max-block span {

    position: relative;

    float: left;

    color: #757575;

    font-size: 16px;

    font-weight: 400;

    line-height: 35px;

    font-family: var(--thm-font);

}



.price-ranger .ranger-min-max-block input {

    display: inline-block;

}



.price-ranger .ranger-min-max-block input[type="text"] {

    position: relative;

    float: left;

    color: #757575;

    font-size: 16px;

    font-weight: 400;

    text-align: center;

    width: 40px;

    line-height: 35px;

    border: none;

    padding: 0;

    font-family: var(--thm-font);

}



.price-ranger .ranger-min-max-block input[type='text'].max {}





.price-ranger .ranger-min-max-block .right {

    position: relative;

    display: none;

}



.price-ranger .ranger-min-max-block input[type="submit"] {

    position: relative;

    display: inline-block;

    background: var(--thm-primary);

    margin-right: 0px;

    padding: 6px 0 3px;

    text-align: center;

    width: 90px;

    border: none;

    color: #ffffff;

    font-size: 15px;

    font-weight: 600;

    margin-top: 0;

    border-radius: 27px;

    text-transform: uppercase;

    cursor: pointer;

    font-family: var(--thm-font-2);

}



.price-ranger .ranger-min-max-block input[type="submit"]:hover {}











.sidebar-product-items {

    position: relative;

    display: block;

    padding-top: 10px;

}



.sidebar-product-items ul {

    position: relative;

    display: block;

}



.sidebar-product-items ul li {

    position: relative;

    display: block;

    border-bottom: 1px solid #e5e5e5;

    padding-bottom: 30px;

    margin-bottom: 30px;

}



.sidebar-product-items ul li:last-child {

    padding-bottom: 0;

    margin-bottom: 0;

    border-bottom: 0px solid #dfe5e5;

}



.sidebar-product-items ul li .inner {

    position: relative;

    display: block;

    padding-left: 70px;

    min-height: 70px;

}



.sidebar-product-items ul li .img-box {

    position: absolute;

    top: 0;

    left: 0;

    width: 70px;

    height: 70px;

    overflow: hidden;

}



.sidebar-product-items ul li .img-box img {

    width: 100%;

}



.sidebar-product-items ul li .img-box .overlay-content {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    background: rgba(var(--thm-base-rgb), .80);

    border-radius: 0%;

    opacity: 0;

    transform: perspective(0px) scale(0);

    transform-origin: center;

    transition: all 0.5s ease-in-out 0s;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    z-index: 2;

}



.sidebar-product-items ul li:hover .img-box .overlay-content {

    opacity: 1;

    transform: perspective(400px) scale(1.0);

    transition: all 0.3s ease-in-out 0.3s;

}



.sidebar-product-items ul li .img-box .overlay-content a {

    color: #ffffff;

    font-size: 14px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.sidebar-product-items ul li .title-box {

    position: relative;

    display: block;

    padding-left: 20px;

    min-height: 70px;

}



.sidebar-product-items ul li .title-box h4 {

    position: relative;

    top: -2px;

    font-size: 16px;

    line-height: 16px;

    font-weight: 600;

    margin: 0 0 11px;

}



.sidebar-product-items ul li .title-box h4 a {

    color: var(--thm-black);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.sidebar-product-items ul li .title-box h4 a:hover {

    color: var(--thm-base);

}



.sidebar-product-items ul li .title-box .review-box {}



.sidebar-product-items ul li .title-box .review-box i {

    position: relative;

    display: inline-block;

    color: #c1c1c1;

    font-size: 16px;

    cursor: pointer;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.sidebar-product-items ul li .title-box .review-box i:hover {

    color: var(--thm-base);

}



.sidebar-product-items ul li .title-box .value {

    position: relative;

    display: block;

    margin-top: 10px;

    color: var(--thm-base);

    font-size: 16px;

    line-height: 16px;

    font-weight: 600;

    font-family: var(--thm-font-2);

}





.sidebar-search-box.style2 .search-form input[type="text"] {

    background-color: #f5f5f5;

    border: 1px solid #f5f5f5;

}



.sidebar-search-box.style2 .search-form button {

    color: var(--thm-base);

    background: #ffffff;

}



.sidebar-search-box.style2 .search-form button i {

    color: var(--thm-base);

}







/*** 

=============================================

    Error Page Area Style      

=============================================

***/

.error-page-area {

    position: relative;

    display: block;

    padding: 120px 0 120px;

    z-index: 1;

}



.error-content {

    position: relative;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}



.error-content .shape1 {

    position: relative;

    display: inline-block;

    margin-bottom: -69px;

}



.error-content .big-title {

    position: relative;

    display: block;

    padding-top: 43px;

    z-index: 1;

}



.error-content .big-title h2 {

    color: var(--thm-base);

    font-size: 72px;

    line-height: 60px;

    font-weight: 700;

}



.error-content .big-title .inner-shape {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    z-index: -1;

}



.error-content .title {

    position: relative;

    display: block;

    padding-top: 27px;

    padding-bottom: 10px;

}



.error-content .title h2 {

    font-size: 48px;

    line-height: 60px;

    font-weight: 600;

}



.error-content .text {

    position: relative;

    display: block;

    padding-bottom: 34px;

}



.error-content .text p {

    margin: 0;

}





.error-page-search-box {

    position: relative;

    display: block;

    max-width: 570px;

    width: 100%;

    margin: 0 auto;

}



.error-page-search-box form.search-form {

    position: relative;

    display: block;

    width: 100%;

}



.error-page-search-box .search-form input[type="text"] {

    position: relative;

    display: block;

    width: 100%;

    height: 60px;

    border-radius: 0px;

    background: #ffffff;

    border: 1px solid #e5e5e5;

    color: #757575;

    font-size: 16px;

    font-weight: 400;

    letter-spacing: .1em;

    padding-left: 30px;

    padding-right: 60px;

    transition: all 500ms ease 0s;

    font-family: var(--thm-font);

}



.error-page-search-box .search-form button {

    position: absolute;

    top: 10px;

    right: 10px;

    bottom: 10px;

    width: 40px;

    height: 40px;

    background: var(--thm-base);

    color: #ffffff;

    font-size: 16px;

    line-height: 10px;

    display: block;

    text-align: center;

    border: 0px solid #e1e1e1;

    transition: all 500ms ease 0s;

}



.error-page-search-box .search-form button i {

    font-size: 16px

}



.error-page-search-box .search-form input[type="text"]:focus {

    color: var(--thm-black);

    border-color: var(--thm-base);

}



.error-page-search-box .search-form input[type="text"]:focus+button,

.error-page-search-box .search-form button:hover {

    color: #fff;

}



.error-page-search-box .search-form input::-webkit-input-placeholder {

    color: #757575;

}



.error-page-search-box .search-form input:-moz-placeholder {

    color: #757575;

}



.error-page-search-box .search-form input::-moz-placeholder {

    color: #757575;

}



.error-page-search-box .search-form input:-ms-input-placeholder {

    color: #757575;

}





.error-content .btns-box {

    line-height: 0;

    padding-top: 40px;

}



.error-content .btns-box a {

    padding-left: 40px;

    padding-right: 40px;

}







/*** 

=============================================

    Coming Soon Area Style      

=============================================

***/

.coming-soon-area {

    position: relative;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    text-align: center;

    padding: 120px 0 120px;

}



.coming-soon-area .grass-bg {

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    height: 42px;

    background-position: bottom center;

    background-repeat: repeat-x;

}



.coming-soon-area .image-box1 {

    position: absolute;

    left: 0;

    bottom: 0;

}



.coming-soon-area .image-box2 {

    position: absolute;

    bottom: 0;

    right: 0;

}



.coming-soon__content {

    position: relative;

    display: block;

    z-index: 3;



}



.coming-soon__content .logo-box {

    position: relative;

    display: block;

    padding-bottom: 71px;

}



.coming-soon__content .logo-box a {

    position: relative;

    display: inline-block;

}



.coming-soon__content h2 {

    font-size: 60px;

    line-height: 60px;

    font-weight: 700;

    text-transform: uppercase;

    margin: 0 0 23px;

}



.coming-soon__content .big-title {

    color: var(--thm-black);

    font-size: 120px;

    line-height: 110px;

    font-weight: 700;

    text-transform: uppercase;

    font-family: var(--thm-font-2);

}



.coming-soon__content .text {

    position: relative;

    display: block;

    padding-top: 21px;

    padding-bottom: 42px;

}



.coming-soon__content .text p {

    margin: 0;

}





.countdown-timer {}



.countdown-timer .default-coundown {}



.countdown-timer .default-coundown .box {

    overflow: hidden;

}



.countdown-timer li {

    position: relative;

    display: inline-block;

    float: none;

    padding: 0;

    text-align: center;

    margin: 0 18px;

}



.countdown-timer li:before {

    content: "";

    position: absolute;

    top: 28px;

    right: -25px;

    width: 12px;

    height: 12px;

    background: var(--thm-base);

}



.countdown-timer li:last-child:before {

    display: none;

}



.countdown-timer li:after {

    content: "";

    position: absolute;

    right: -25px;

    bottom: 65px;

    width: 12px;

    height: 12px;

    background: var(--thm-base);

}



.countdown-timer li:last-child:after {

    display: none;

}



.countdown-timer li:first-child {

    margin-left: 0;

}



.countdown-timer li:last-child {

    margin-right: 0;

}



.countdown-timer li span.days,

.countdown-timer li span.hours,

.countdown-timer li span.minutes,

.countdown-timer li span.seconds {

    position: relative;

    display: block;

    background: transparent;

    width: 150px;

    height: 100px;

    color: var(--thm-black);

    font-size: 100px;

    line-height: 100px;

    font-weight: 700;

    text-align: center;

    font-family: var(--thm-font-2)

}



.countdown-timer li span.hours {}



.countdown-timer li span.minutes {}



.countdown-timer li span.seconds {}



.countdown-timer li span.timeRef {

    position: relative;

    display: block;

    margin-top: 13px;

    color: var(--thm-black);

    font-size: 16px;

    line-height: 20px;

    font-weight: 600;

    text-transform: uppercase;

    font-family: var(--thm-font-2)

}



.countdown-timer li span.timeRef.clr-1 {}



.countdown-timer li span.timeRef.clr-2 {}



.countdown-timer li span.timeRef.clr-3 {}





.coming-soon__content .btns-box {

    position: relative;

    display: block;

    line-height: 0;

    padding-top: 40px;

}



.coming-soon__content .btns-box a {

    padding: 0 60px;

}









/*** 

=============================================

    Subscribe Area Style      

=============================================

***/

.subscribe-area {

    position: relative;

    display: block;

    background-color: var(--thm-base);

    padding: 40px 0px 41px;

    overflow: hidden;

    width: 100%;

    z-index: 1;

}



.subscribe-title {

    position: relative;

    display: block;

}



.subscribe-title h2 {

    color: #ffffff;

    font-size: 30px;

    line-height: 40px;

    font-weight: 600;

    margin: 0 0 3px;

}



.subscribe-title p {

    color: #ffffff;

    font-size: 16px;

    line-height: 26px;

    font-weight: 400;

    margin: 0;

}



.subscribe-area .subscribe-box {

    position: relative;

    display: block;

    padding: 4px 0px 5px;

}



.subscribe-area .subscribe-form {

    position: relative;

    display: block;

    width: 100%;

    margin: 0;

}



.subscribe-area .subscribe-form input[type="email"] {

    position: relative;

    display: block;

    max-width: 390px;

    width: 100%;

    height: 60px;

    padding: 0 20px;

    background: #ffffff;

    border: 1px solid #ffffff;

    color: var(--thm-gray);

    font-size: 16px;

    font-weight: 400;

    font-style: normal;

    transition: all 500ms ease;

}



.subscribe-area .subscribe-form input::-webkit-input-placeholder {

    color: var(--thm-gray);

}



.subscribe-area .subscribe-form input:-moz-placeholder {

    color: var(--thm-gray);

}



.subscribe-area .subscribe-form input::-moz-placeholder {

    color: var(--thm-gray);

}



.subscribe-area .subscribe-form input:-ms-input-placeholder {

    color: var(--thm-gray);

}



.subscribe-area .subscribe-form button {

    position: absolute;

    top: 0px;

    right: 0px;

    bottom: 0px;

    width: 170px;

    background: transparent;

    color: #ffffff;

    border: 2px solid #ffffff;

    transition: all 300ms ease 100ms;

}



.subscribe-area .subscribe-form button.btn-one:before {

    background: var(--thm-black);

}



.subscribe-area .subscribe-form input[type="email"]:focus {

    color: #222222;

}



.subscribe-area .subscribe-form input[type="email"]:focus+button,

.subscribe-area .subscribe-form button:hover {}











/*** 

=============================================

    Shop Page One Css

=============================================

***/

.shop-page-one {

    position: relative;

    display: block;

    background: #ffffff;

    padding-top: 120px;

    padding-bottom: 120px;

}





.shop-page-top-info_inner {

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    padding-bottom: 40px;

}



.shop-page-top-info_inner .left-box {

    position: relative;

    display: block;

}



.shop-page-top-info_inner .left-box p {

    color: var(--thm-gray);

    margin: 0;

}



.shop-page-top-info_inner .right-box {

    position: relative;

    display: flex;

    align-items: center;

    background: #f5f5f5;

}



.shop-page-top-info_inner .right-box .text {

    position: relative;

    display: block;

    width: 75px;

    text-align: right;

}



.shop-page-top-info_inner .right-box .text p {

    color: #1c1c27;

    margin: 0;

}



.shop-page-top-info_inner .right-box .select-box {

    width: 195px;

}



.shop-page-top-info_inner .right-box .nice-select {

    position: relative;

    display: block;

    height: 55px;

    line-height: 55px;

    background: transparent;

    border: 0px solid transparent !important;

    font-family: var(--thm-font);

    border-radius: 0px;

    color: #757575;

    font-size: 16px;

    font-weight: 400;

    padding-left: 10px;

    padding-right: 0px;

}



.shop-page-top-info_inner .right-box .nice-select:after {

    width: 8px;

    height: 8px;

    border-bottom: 2px solid #757575;

    border-right: 2px solid #757575;

    right: 20px;

    margin-top: 0px;

    top: 22px;

    z-index: 10;

}





.single-shop-item {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 5px;

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

    transition: all 200ms linear;

    transition-delay: 0.1s;

    margin-bottom: 30px;

}



.single-shop-item:hover {

    box-shadow: none;

    background: #f5f5f5;

}



.single-shop-item_inner {

    position: relative;

    display: block;

    overflow: hidden;

}



.single-shop-item .img-holder {

    position: relative;

    display: block;

    overflow: hidden;

}



.single-shop-item .img-holder:before {

    content: "";

    position: absolute;

    top: 0px;

    left: 0px;

    bottom: 0px;

    right: 0px;

    background: rgba(var(--thm-black-rgb), .90);

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .7s;

    transition-property: all;

    opacity: 0;

    z-index: 1;

}



.single-shop-item:hover .img-holder:before {

    opacity: 1.0;

}



.single-shop-item .img-holder img {

    width: 100%;

    filter: grayscale(0%);

    transition: all 500ms ease;

}



.single-shop-item:hover .img-holder img {

    transform: scale(1.05);

    filter: grayscale(20%);

    -webkit-filter: grayscale(20%);

    -moz-filter: grayscale(20%);

    -o-filter: grayscale(20%);

    -ms-filter: grayscale(20%);

}



.single-shop-item .img-holder .overlay span:before {

    position: relative;

    display: inline-block;

    color: var(--thm-primary);

    font-size: 18px;

    transform: rotate(-90deg);

    left: -3px;

    bottom: -3px;

}



.single-shop-item .img-holder .overlay a {

    color: #ffffff;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    font-family: var(--thm-font-2);

}



.single-shop-item .img-holder .overlay {

    position: absolute;

    top: 0px;

    left: 0;

    bottom: 0;

    right: 0;

    transform: rotate(90deg) translateY(-100px);

    transform-origin: bottom;

    z-index: 3;

    display: flex;

    align-items: center;

    justify-content: center;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



.single-shop-item:hover .img-holder .overlay {

    transform: rotate(0deg) translateY(0px);

}



.single-shop-item .img-holder .overlay ul {

    position: relative;

    display: block;

}



.single-shop-item .img-holder .overlay ul li {

    position: relative;

    display: inline-block;

    margin: 0 3px;

}



.single-shop-item .img-holder .overlay ul li a {

    position: relative;

    display: block;

    width: 46px;

    height: 46px;

    color: #ffffff;

    font-size: 16px;

    line-height: 46px;

    background: var(--thm-base);

    border-radius: 50%;

    text-align: center;

    transform: scale(1.0);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.single-shop-item .img-holder .overlay ul li a:hover {

    color: var(--thm-base);

    background: #ffffff;

}





.single-shop-item .title-holder {

    position: relative;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

    padding: 26px 0 21px;

}



.single-shop-item .title-holder h3 {

    font-size: 18px;

    font-weight: 600;

    margin: 0 0 9px;

}



.single-shop-item .title-holder h3 a {

    color: var(--thm-black);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.single-shop-item .title-holder h3 a:hover {

    color: var(--thm-base);

}



.single-shop-item .title-holder h6 {

    color: var(--thm-base);

    font-size: 16px;

    font-weight: 600;

    text-transform: uppercase;

    margin: 9px 0 0;

}











/*** 

=============================================

    Product Details Area Css

=============================================

***/

.product-details-area {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 120px 0 90px;

}





.product-details-image-box {

    position: relative;

    display: block;

    max-width: 540px;

    width: 100%;

}



.product-details-image-box .bx-wrapper {

    position: relative;

    margin: 0;

    padding: 0;

}



.product-details-image-box .bx-wrapper .bx-viewport {

    box-shadow: none;

    border: 0px solid #fff;

    left: 0px;

    background: #fff;

    transform: translatez(0);

}



.product-details-main-image {

    position: relative;

    display: block;

    border-radius: 0px;

}



.product-details-main-image .single-box {

    position: relative;

    display: block;

}



.product-details-main-image .single-box .img-holder {

    position: relative;

    display: block;

    overflow: hidden;

}



.product-details-main-image .single-box .img-holder img {

    width: 100%;

}



.product-details-image-box .slider-pager {

    position: relative;

    overflow: hidden;

    display: flex;

    align-items: flex-start;

    justify-content: flex-start;

    margin-top: 20px;

}



.product-details-image-box .slider-pager .thumb-box {

    position: relative;

    display: block;

    margin-left: -5px;

    margin-right: -5px;

}



.product-details-image-box .slider-pager .thumb-box li {

    position: relative;

    display: block;

    float: left;

    padding: 0 5px;

}



.product-details-image-box .slider-pager .thumb-box li a {

    position: relative;

    display: block;

    overflow: hidden;

    border: 1px solid #f5f5f5;

    border-radius: 0px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.product-details-image-box .slider-pager .thumb-box li a.active {

    border-color: var(--thm-base);

}







.product-details-content-box {

    position: relative;

    display: block;

    margin-left: 0px;

}



.product-details-content-box .top {

    position: relative;

    display: block;

    overflow: hidden;

    padding-bottom: 28px;

}



.product-details-content-box .top .review-box {

    position: relative;

    display: block;

    padding-bottom: 11px;

}



.product-details-content-box .product-title {

    position: relative;

    display: block;

    padding-bottom: 9px;

}



.product-details-content-box .product-title h2 {

    font-size: 30px;

    font-weight: 600;

}



.product-details-content-box .rate-box {

    position: relative;

    display: block;

}



.product-details-content-box .rate-box h3 {

    color: var(--thm-base);

    font-size: 24px;

    line-height: 30px;

    font-weight: 600;

}



.product-details-content-box .product-description {

    position: relative;

    display: block;

    padding-bottom: 26px;

}



.product-details-content-box .product-description p {

    margin: 0;

}







.product-details-content-box .product-info {

    position: relative;

    display: block;

    padding-bottom: 34px;

    border-bottom: 1px solid #e5e5e5;

}



.product-details-content-box .product-info ul {

    position: relative;

    display: block;

    overflow: hidden;

}



.product-details-content-box .product-info ul li {

    position: relative;

    display: block;

    margin-bottom: 11px;

}



.product-details-content-box .product-info ul li:last-child {

    margin-bottom: 0;

}



.product-details-content-box .product-info ul li .inner {

    position: relative;

    display: block;

    padding-left: 150px;

}



.product-details-content-box .product-info ul li .inner .title {

    position: absolute;

    left: 0;

    width: 150px;

}



.product-details-content-box .product-info ul li .inner .title h5 {

    position: relative;

    display: inline-block;

    color: #1c1c27;

    font-size: 16px;

    line-height: 26px;

    font-weight: 600;

}



.product-details-content-box .product-info ul li .inner .title span {

    position: relative;

    display: inline-block;

    float: right;

}



.product-details-content-box .product-info ul li .inner .text {

    position: relative;

    display: block;

    padding-left: 25px;

}



.product-details-content-box .product-info ul li .inner .text p {

    margin: 0;

}







.product-quantity-box-outer {

    position: relative;

    display: block;

    padding-top: 36px;

}



.product-quantity-box-outer .top-title {

    position: relative;

    display: block;

    padding-bottom: 13px;

}



.product-quantity-box-outer .top-title h5 {

    font-size: 16px;

    line-height: 20px;

    font-weight: 600;

}



.product-quantity-box {

    position: relative;

    display: flex;

    align-items: center;

}



.product-quantity-box .input-group.bootstrap-touchspin {

    position: relative;

    width: 116px;

    height: 60px;

}



.product-quantity-box input.quantity-spinner.form-control {

    position: relative;

    padding: 0;

    width: 50px;

    flex: none;

    height: 60px;

    color: #1c1c27;

    font-size: 18px;

    font-weight: 600;

    border: 1px solid #e5e5e5;

    outline: none;

    margin: 0 auto;

    text-align: center;

    font-family: var(--thm-font-2);

    background: #f5f5f5;

}



.product-quantity-box .bootstrap-touchspin .input-group-btn-vertical {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    width: 100%;

}



.product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .btn {

    position: relative;

    display: block;

    margin-left: 0px;

    background: #ffffff;

    border: 1px solid #e5e5e5;

    color: var(--thm-black);

    cursor: pointer;

    height: 60px;

    width: 30px;

    margin: 0;

    padding: 0;

}



.product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {

    border-radius: 0;

    float: right;

    margin-left: 3px;

}



.product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {

    border-radius: 0;

    float: left;

    margin-right: 3px;

}



.product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-up:before {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    font-family: FontAwesome;

    content: "\f067";

    color: var(--thm-black);

    font-size: 12px;

    padding: 0;

    line-height: 58px;

}



.product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-down:before {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    font-family: FontAwesome;

    content: "\f068";

    color: var(--thm-black);

    font-size: 12px;

    padding: 0;

    line-height: 58px;

}





.product-quantity-box .right {

    position: relative;

    display: flex;

    align-content: center;

    padding-left: 20px;

}



.product-quantity-box .right .cart-box {

    position: relative;

    display: block;

}



.product-quantity-box .right .button {

    position: relative;

    display: flex;

    align-items: center;

    padding-left: 10px;

}



.product-quantity-box .right .button a {

    position: relative;

    display: block;

    background: #f5f5f5;

    width: 60px;

    height: 60px;

    color: var(--thm-black);

    font-size: 18px;

    line-height: 60px;

    font-weight: 400;

    text-align: center;

    transition: all 300ms ease 100ms;

}



.product-quantity-box .right .button a:hover {

    color: #ffffff;

    border-color: var(--thm-base);

    background-color: var(--thm-base);

}





.product-details-social-share {

    position: relative;

    display: block;

    padding-top: 40px;

}



.product-details-social-share .title {

    position: relative;

    display: block;

    padding-bottom: 16px;

}



.product-details-social-share .title h5 {

    font-size: 16px;

    line-height: 20px;

    font-weight: 600;

}



.product-details-social-share .social-link {

    position: relative;

    display: block;

}



.product-details-social-share .social-link ul {

    overflow: hidden;

}



.product-details-social-share .social-link ul li {

    position: relative;

    display: block;

    float: left;

    margin-right: 10px;

}



.product-details-social-share .social-link ul li:last-child {

    margin-right: 0;

}



.product-details-social-share .social-link ul li a {

    position: relative;

    display: block;

    width: 50px;

    height: 50px;

    border: 1px solid #e5e5e5;

    color: var(--thm-black);

    font-size: 16px;

    line-height: 48px;

    text-align: center;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.product-details-social-share .social-link ul li a:hover {

    color: #ffffff;

    border-color: var(--thm-base);

    background-color: var(--thm-base);

}









.product-tab-box {

    position: relative;

    display: block;

    margin-top: 120px;

}



.product-tab-box .tab-btns {

    position: relative;

    display: block;

    margin-bottom: 60px;

    z-index: 1;

}



.product-tab-box .tab-btns:before {

    content: "";

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    height: 1px;

    background: #e5e5e5;

    z-index: -1;

}



.product-tab-box .tab-btns .tab-btn {

    position: relative;

    display: inline-block;

    margin: 0 8.5px;

}



.product-tab-box .tab-btns .tab-btn span {

    position: relative;

    display: block;

    background: #ffffff;

    width: 150px;

    border: 1px solid #e5e5e5;

    cursor: pointer;

    padding: 16px 0px 16px;

    color: var(--thm-black);

    font-size: 16px;

    font-weight: 600;

    text-transform: capitalize;

    text-align: center;

    transition: all 500ms ease;

    font-family: var(--thm-font-2);

    z-index: 1;

}



.product-tab-box .tab-btns .tab-btn.active-btn span,

.product-tab-box .tab-btns .tab-btn:hover span {

    color: #ffffff;

    background-color: var(--thm-base);

    border-color: var(--thm-base);

}



.product-tab-box .tab-btns .tab-btn span:before {

    position: absolute;

    left: 0;

    bottom: 0px;

    right: 0;

    height: 0;

    content: "";

    opacity: 1;

    background: rgba(var(--thm-base-rgb), .90);

    transition: all 500ms ease;

    transition-delay: .3s;

    z-index: -1;

}



.product-tab-box .tab-btns .tab-btn.active-btn span:before,

.product-tab-box .tab-btns .tab-btn:hover span:before {

    height: 100%;

}





.product-tab-box .tabs-content {

    position: relative;

    display: block;

}



.product-tab-box .tabs-content .tab {

    position: relative;

    display: none;

}



.product-tab-box .tabs-content .tab.active-tab {

    display: block;

}





.product-details-tab-content {

    position: relative;

    display: block;

}



.product-description-content {

    position: relative;

    display: block;

    margin-top: -8px;

}



.product-description-content .text {

    position: relative;

    display: block;

}



.product-description-content .text p {

    margin: 0;

}



.product-description-content .text p+p {

    margin-top: 16px;

}







.review-box-outer {

    position: relative;

    display: block;

}



.single-review-box-outer {

    position: relative;

    display: block;

    background: #f5f5f5;

    padding: 38px 30px 34px;

}



.single-review-box {

    position: relative;

    display: block;

    padding-left: 70px;

    min-height: 70px;

}



.single-review-box .img-box {

    position: absolute;

    top: 2px;

    left: 0;

    width: 70px;

    height: 70px;

    border-radius: 50%;

}



.single-review-box .img-box img {

    width: 100%;

    border-radius: 50%;

}



.single-review-box .text-box {

    position: relative;

    display: block;

    padding-left: 25px;

}



.single-review-box .text-box .review-box {

    padding: 0 0 10px;

}



.single-review-box .text-box h3 {

    position: relative;

    font-size: 20px;

    font-weight: 600;

    margin: 0 0 6px;

}



.single-review-box .text-box h5 span {

    color: #757575;

    font-size: 14px;

    font-weight: 600;

    text-transform: capitalize;

    font-family: var(--thm-font-2);

}



.single-review-box .text-box p {

    margin: 0;

}









.review-form {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 53px 60px 60px;

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

    margin-top: 60px;

}



.review-form .title-box {

    position: relative;

    display: block;

    padding-bottom: 24px;

}



.review-form .title-box h2 {

    font-size: 30px;

    font-weight: 600;

}







.review-form .add-rating-box {

    position: relative;

    display: block;

    overflow: hidden;

}



.review-form .add-rating-box .add-rating-title {

    position: relative;

    float: left;

}



.review-form .add-rating-box .add-rating-title p {

    line-height: 20px;

    margin: 0;

}



.review-form .add-rating-box .review-box {

    position: relative;

    float: left;

    padding-left: 20px;

}



.review-form .add-rating-box .review-box ul li {

    position: relative;

    display: inline-block;

    float: left;

    line-height: 20px;

    margin-right: 5px;

}



.review-form .add-rating-box .review-box ul li:last-child {

    margin-right: 0px;

}



.review-form .add-rating-box .review-box ul li i {

    font-size: 14px;

    line-height: 20px;

    transition: all 500ms ease 0s;

}



.product-tab-box .review-form .input-box {

    position: relative;

    display: block;

}



.product-tab-box .review-form .input-box .field-label {

    position: relative;

    display: block;

    padding-bottom: 9px;

    color: #757575;

}



.product-tab-box .review-form form input[type="text"],

.product-tab-box .review-form form input[type="email"],

.product-tab-box .review-form form textarea {

    position: relative;

    display: block;

    background: #ffffff;

    width: 100%;

    height: 60px;

    border: 1px solid #e5e5e5;

    color: #757575;

    font-size: 16px;

    padding: 0 20px;

    margin-bottom: 22px;

    border-radius: 0px;

    transition: all 500ms ease;

}



.product-tab-box .review-form form textarea {

    height: 120px;

    padding: 10px 20px;

}



.product-tab-box .review-form form input[type="text"]:focus {

    border-color: #e1dddd;

}



.product-tab-box .review-form form input[type="email"]:focus {

    border-color: #e1dddd;

}



.product-tab-box .review-form form textarea:focus {

    border-color: #e1dddd;

}





.product-tab-box .review-form .button-box {

    position: relative;

    display: flex;

    align-items: center;

    padding-top: 35px;

}



.product-tab-box .review-form .button-box .left {

    position: relative;

    display: block;

}



.product-tab-box .review-form .button-box .right {

    position: relative;

    display: block;

    padding-left: 20px;

}







.related-product-box {

    position: relative;

    display: block;

    padding-top: 100px;

}



.shop-page-title {

    position: relative;

    display: block;

    margin-top: -7px;

    padding-bottom: 32px;

}



.shop-page-title h2 {

    font-size: 30px;

    font-weight: 600;

}











/*** 

=============================================

   Cart area  style

=============================================

***/

.cart-area {

    position: relative;

    display: block;

    background: #ffffff;

    padding-top: 112px;

    padding-bottom: 110px;

}



.cart-table-box {

    position: relative;

    display: block;

}



.cart-info {

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    padding-bottom: 14px;

}



.cart-info .left {

    color: var(--thm-gray);

}



.cart-info .right {

    color: #1c1c27;

}



.cart-info .right span {

    color: var(--thm-base);

}



.cart-table-box .table-outer {

    position: relative;

    width: 100%;

    overflow-x: auto;

    border: 1px solid #e5e5e5;

    border-bottom: none;

    border-right: none;

    border-radius: 0px;

}



.cart-table-box .cart-table {

    min-width: 1024px;

    width: 100%;

}



.cart-table-box .cart-table .cart-header {

    position: relative;

    width: 100%;

    background: #f5f5f5;

    border-bottom: 1px solid #e5e5e5;

}



.cart-table-box .cart-table tbody {

    position: relative;

}



.cart-table-box .cart-table thead tr {}



.cart-table-box .cart-table thead tr th {

    color: #1c1c27;

    font-size: 18px;

    line-height: 24px;

    font-weight: 600;

    text-transform: capitalize;

    min-width: 160px;

    padding: 22px 40px;

    font-family: var(--thm-font-2);

    border-right: 1px solid #e5e5e5;

}



.cart-table-box .cart-table thead tr th.hide-me {

    display: table-column;

}



.cart-table-box .cart-table tbody tr {

    border-bottom: 1px solid #e5e5e5;

}







.cart-table-box .cart-table tbody tr td {

    min-width: 160px;

    padding: 35px 40px;

    border-right: 1px solid #e5e5e5;

}



.cart-table-box .cart-table thead tr th.prod-column {

    position: relative;

}



.cart-table-box .cart-table tbody tr .prod-column .column-box {

    position: relative;

    min-height: 70px;

}



.cart-table-box .cart-table tbody tr .prod-column .column-box .prod-thumb {

    width: 70px;

}



.cart-table-box .cart-table tbody tr .prod-column .column-box .prod-thumb a {

    position: relative;

    display: block;

}



.cart-table-box .cart-table tbody tr .prod-column .column-box .prod-thumb a img {

    width: 100%;

}



.cart-table-box .cart-table tbody tr .prod-column .column-box .prod-thumb,

.cart-table-box .cart-table tbody tr .prod-column .column-box .title {

    display: table-cell;

    vertical-align: middle;

}



.cart-table-box .cart-table tbody tr .prod-column .column-box .title {

    padding-left: 30px;

}



.cart-table-box .cart-table tbody tr .prod-column .column-box .title h3 {

    color: var(--thm-black);

    font-size: 18px;

    line-height: 24px;

    font-weight: 600;

    text-transform: capitalize;

}





.cart-table-box .cart-table tbody tr .qty {}



.cart-table-box .cart-table tbody tr .qty .input-group.bootstrap-touchspin {

    position: relative;

    width: 90px;

    height: 50px;

    margin: 0;

}



.cart-table-box .cart-table tbody tr .qty input.quantity-spinner.form-control {

    position: relative;

    display: block;

    padding: 0;

    width: 90px;

    height: 50px;

    flex: none;

    color: var(--thm-black);

    font-size: 18px;

    font-weight: 600;

    border: 1px solid #e5e5e5;

    border-radius: 0px;

    outline: none;

    margin: 0 auto;

    text-align: center;

    font-family: var(--thm-font-2);

    box-shadow: none;

}





.cart-table-box .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    width: 100%;

    opacity: 0;

    display: none;

}



.cart-table-box .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .btn {

    position: relative;

    display: block;

    margin-left: 0px;

    background: #ffffff;

    border: 1px solid #ededed;

    color: #1b1b1b;

    cursor: pointer;

    height: 50px;

    width: 30px;

    margin: 0;

    padding: 0;

}



.cart-table-box .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {

    border-radius: 0;

    float: right;

    border-left: none;

}



.cart-table-box .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {

    border-radius: 0;

    float: left;

    border-right: none;

}



.cart-table-box .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-up:before {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    font-family: FontAwesome;

    content: "\f067";

    color: #848484;

    font-size: 12px;

    padding: 0;

    line-height: 50px;

}



.cart-table-box .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-down:before {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    font-family: FontAwesome;

    content: "\f068";

    color: #848484;

    font-size: 12px;

    padding: 0;

    line-height: 50px;

}



.cart-table-box .cart-table tbody tr td.price {

    color: var(--thm-black);

    font-size: 18px;

    font-weight: 600;

    font-family: var(--thm-font-2);

}



.cart-table-box .cart-table tbody tr .sub-total {

    color: var(--thm-base);

    font-size: 18px;

    font-weight: 600;

    font-family: var(--thm-font-2);

}



.cart-table-box .cart-table tbody tr td .remove {

    position: relative;

    display: block;

}



.cart-table-box .cart-table tbody tr td .remove span {

    position: relative;

    display: inline-block;

    width: 50px;

    height: 50px;

    background: transparent;

    border: 1px solid #e5e5e5;

    border-radius: 0%;

    color: var(--thm-gray);

    font-size: 20px;

    line-height: 50px;

    text-align: center;

    cursor: pointer;

    transition: all 200ms linear;

    transition-delay: 0.1s;

    z-index: 1;

}



.cart-table-box .cart-table tbody tr td .remove:hover span {

    color: #ffffff;

}



.cart-table-box .cart-table tbody tr td .remove span::after {

    position: absolute;

    top: -1px;

    left: -1px;

    bottom: -1px;

    right: -1px;

    content: "";

    border-radius: 0%;

    z-index: -1;

    transform: scale(0.0);

    transform-origin: center;

    transform-style: preserve-3d;

    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);

    background: var(--thm-base);

}



.cart-table-box .cart-table tbody tr td .remove:hover span::after {

    transform: scaleX(1.0);

}













.cart-button-box {

    position: relative;

    margin-top: 40px;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}



.cart-button-box .apply-coupon {

    position: relative;

    display: block;

}



.cart-button-box .apply-coupon .inner {

    position: relative;

    display: block;

    padding-left: 270px;

}



.cart-button-box .apply-coupon input[type="text"] {

    position: absolute;

    top: 0;

    left: 0;

    width: 270px;

    height: 60px;

    border: 1px solid #e5e5e5;

    color: #757575;

    font-size: 16px;

    font-weight: 400;

    padding: 0 20px;

    text-transform: capitalize;

    transition: all 500ms ease 0s;

    border-radius: 0px;

    font-family: var(--thm-font);

}



.cart-button-box .apply-coupon input[type="text"]:focus {

    border: 1px solid #222222

}



.cart-button-box .apply-coupon .apply-coupon-button button {

    padding: 0 50px;

    margin-left: 20px;

}



.update-cart-button {

    margin-right: 16px;

}



.update-cart-button:after {}













/*** 

=============================================

    Checkout Area Css

=============================================

***/

.checkout-area {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 120px 0px 100px;

}



.checkout_inner-box {

    position: relative;

    display: block;

}



.checkout-form {

    position: relative;

    display: block;

    padding: 60px 60px 50px;

    background: #ffffff;

    border: 1px solid #e5e5e5;

}



.checkout-form-box1 {

    position: relative;

    display: block;

    padding-bottom: 50px;

}



.checkout-form-box1 .shop-page-title {

    padding-bottom: 32px;

}



.checkout-form .field-input {

    position: relative;

    display: block;

    margin-bottom: 20px;

}



.checkout-form .field-input input[type="text"],

.checkout-form .field-input input[type="email"],

.checkout-form .field-input input[type="tel"] {

    position: relative;

    display: block;

    background: #f5f5f5;

    border: 1px solid #f5f5f5;

    width: 100%;

    height: 60px;

    border-radius: 0px;

    color: #757575;

    font-size: 16px;

    font-weight: 400;

    padding: 0 20px;

    transition: all 500ms ease;

    font-family: var(--thm-font);

}



.checkout-form .field-input input[type="text"]:focus {

    border-color: var(--thm-black);

}



.checkout-form .field-input input[type="email"]:focus {

    border-color: var(--thm-black);

}



.checkout-form .field-input input[type="tel"]:focus {

    border-color: var(--thm-black);

}





.checkout-form .field-input .nice-select {

    position: relative;

    display: block;

    background: #f5f5f5;

    width: 100%;

    height: 60px;

    border: 1px solid #f5f5f5;

    border-radius: 0px;

    color: #757575;

    font-size: 16px;

    font-weight: 400;

    line-height: 58px;

    font-family: var(--thm-font);

    padding-left: 20px;

    padding-right: 30px;

}



.checkout-form .field-input .nice-select:after {

    width: 8px;

    height: 8px;

    border-bottom: 2px solid #747373;

    border-right: 2px solid #747373;

    right: 28px;

    margin-top: 0px;

    top: 24px;

    z-index: 10;

}









.order-summary-box {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 35px 30px 40px;

    border: 1px solid #e5e5e5;

}



.order-summary-box ul {

    position: relative;

    display: block;

    margin-bottom: 23px;

}



.order-summary-box ul li {

    position: relative;

    display: block;

    padding-bottom: 16px;

    margin-bottom: 18px;

    border-bottom: 1px solid #e5e5e5;

}



.order-summary-box ul li:last-child {

    margin-bottom: 0;

}



.order-summary-box ul li h4 {

    font-size: 16px;

    font-weight: 600;

}



.order-summary-box ul li .value {

    position: relative;

    display: block;

    padding-top: 3px;

}



.order-summary-box ul li .value .left {

    color: var(--thm-base);

    font-size: 16px;

    font-weight: 600;

}





.sub-total-box {

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}



.sub-total-box .left {

    position: relative;

    display: block;

}



.sub-total-box .left h4 {

    font-size: 16px;

    font-weight: 400;

}



.sub-total-box .right {

    position: relative;

    display: block;

}



.sub-total-box .right p {

    font-size: 16px;

    font-weight: 400;

    margin: 0;

}





.shipping {

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    margin: 7px 0 7px;

}



.shipping .left {

    position: relative;

    display: block;

}



.shipping .left h4 {

    font-size: 16px;

    font-weight: 400;

}



.shipping .right {

    position: relative;

    display: block;

}



.shipping .right p {

    font-size: 16px;

    font-weight: 400;

    margin: 0;

}





.tax-box {

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}



.tax-box .left {

    position: relative;

    display: block;

}



.tax-box .left h4 {

    font-size: 16px;

    font-weight: 400;

}



.tax-box .right {

    position: relative;

    display: block;

}



.tax-box .right p {

    font-size: 16px;

    font-weight: 400;

    margin: 0;

}





.total-order {

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    border-top: 1px solid #e5e5e5;

    border-bottom: 1px solid #e5e5e5;

    padding: 23px 0 23px;

    margin: 23px 0 30px;

}



.total-order .left {

    position: relative;

    display: block;

}



.total-order .left h4 {

    font-size: 16px;

    font-weight: 600;

}



.total-order .right {

    position: relative;

    display: block;

}



.total-order .right p {

    color: var(--thm-base);

    font-size: 16px;

    font-weight: 600;

    margin: 0;

}







.payment-info {

    position: relative;

    display: block;

    padding-top: 100px;

}



.payment-info .accordion-box .block {

    background: #f5f5f5;

    box-shadow: none;

    margin-bottom: 20px;

}



.payment-info .accordion-box .block .acc-btn {

    background: #f5f5f5;

    padding: 21px 70px 21px 30px;

}



.payment-info .accordion-box .block .acc-btn h3 {

    color: var(--thm-black);

    font-size: 16px;

    line-height: 28px;

    font-weight: 600;

}



.payment-info .accordion-box .block .acc-btn.active h3 {

    color: var(--thm-base);

}



.payment-info .accordion-box .block .acc-content {

    padding-top: 0;

    padding-left: 30px;

    padding-right: 30px;

    padding-bottom: 30px;

}





.payment-input-box {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 30px 30px 10px;

}



.payment-input-box .row {

    margin-left: -10px;

    margin-right: -10px;

}



.payment-input-box .row [class*=col-] {

    padding-left: 10px;

    padding-right: 10px;

}



.payment-input-box .input-box {

    position: relative;

    display: block;

    margin-bottom: 20px;

}



.payment-input-box .input-box input[type="text"],

.payment-input-box .input-box input[type="email"],

.payment-input-box .input-box input[type="tel"] {

    position: relative;

    display: block;

    background: #ffffff;

    width: 100%;

    height: 60px;

    border: 1px solid #e5e5e5;

    border-radius: 0px;

    color: #757575;

    font-size: 16px;

    font-weight: 400;

    margin-bottom: 20px;

    padding: 0 20px;

    transition: all 500ms ease;

    font-family: var(--thm-font);

}



.payment-input-box .input-box input[type="text"]:focus {

    border-color: var(--thm-black);

}



.payment-input-box .input-box input[type="email"]:focus {

    border-color: var(--thm-black);

}



.payment-input-box .input-box input[type="tel"]:focus {

    border-color: var(--thm-black);

}



.payment-input-box .button-box {

    position: relative;

    display: block;

}



.payment-input-box .button-box button {

    width: 100%;

    line-height: 60px;

    z-index: 1;

}



.payment-input-box .button-box button {

    color: #ffffff;

}



.payment-input-box .button-box button:after {

    border: 2px solid var(--thm-base);

    background-color: var(--thm-base);

}









/*** 

=============================================

    Login Register Area style

=============================================

***/

.login-register-area {

    position: relative;

    display: block;

    padding-top: 111px;

    padding-bottom: 109px;

}



.login-register-area .form .inner-title {

    padding-bottom: 31px;

}



.login-register-area .form .inner-title h2 {

    font-size: 30px;

    line-height: 40px;

    font-weight: 600;

}



.login-register-area .form form {

    width: 100%;

}



.login-register-area .form .input-field {

    position: relative;

    display: block;

    margin-bottom: 30px;

}



.login-register-area .form .input-field input[type="text"] {

    position: relative;

    display: block;

    width: 100%;

    height: 60px;

    border: 1px solid #e5e5e5;

    color: #757575;

    font-size: 16px;

    padding-left: 20px;

    padding-right: 20px;

    transition: all 700ms ease 0s;

}



.login-register-area .form .input-field .icon-holder {

    position: absolute;

    top: 20px;

    right: 20px;

}



.login-register-area .form .input-field .icon-holder i {

    color: #757575;

    font-size: 14px;

    font-weight: 400;

}



.login-register-area .form button {}



.login-register-area .form button:hover {}



.login-register-area .form .remember-text {

    margin-top: 19px;

}











.login-register-area .form .social-icon {

    position: relative;

    float: right;

    margin-right: 0;

}



.login-register-area .form .social-icon .login-with {

    position: absolute;

    left: -110px;

    top: 11px;

    margin: 0;

}



.login-register-area .form .social-icon li {

    position: relative;

    display: block;

    float: left;

    margin-right: 10px;

}



.login-register-area .form .social-icon li:last-child {

    margin-right: 0;

}



.login-register-area .form .social-icon li a i {

    position: relative;

    display: block;

    background: #ffffff;

    width: 50px;

    height: 50px;

    border: 1px solid #e5e5e5;

    color: #1c1c27;

    font-size: 16px;

    line-height: 48px;

    text-align: center;

    transition: all 700ms ease 0s;

}



.login-register-area .form .social-icon li a:hover i {

    color: #ffffff;

    border-color: var(--thm-base);

    background: var(--thm-base);

}







.login-register-area .form .right-button {

    align-items: center;

}



.login-register-area .form .right {

    position: relative;

    display: block;

    overflow: hidden;

    text-align: right;

}



.login-register-area .form .right h6 {

    color: var(--thm-gray);

    font-size: 16px;

    font-weight: 400;

    font-family: var(--thm-font);

}



.login-register-area .form .input-field input[type="text"]:focus {

    border: 1px solid #1d1d1d;

}









/*** 

=============================================

    One Page Scrool Css

=============================================

***/

.about-style1-area.one-page-scrool {

    padding-bottom: 0;

}



/*** 

=====================================================

	Main Slider style

=====================================================

***/

.main-slider {

    position: relative;

    display: block;

    z-index: 10;

}



.main-slider.style1 {

    position: relative;

    display: block;

}



.main-slider .slide {

    position: relative;

    display: block;

    overflow: hidden;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

}



.main-slider .slide .image-layer {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center bottom;

    background-size: cover;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 6000ms linear;

    -moz-transition: all 6000ms linear;

    -ms-transition: all 6000ms linear;

    -o-transition: all 6000ms linear;

    transition: all 6000ms linear;

    z-index: 1;

}



.main-slider.style1 .slide .image-layer {

    filter: grayscale(0);

}





.main-slider .active .slide .image-layer {

    -webkit-transform: scale(1.15);

    -ms-transform: scale(1.15);

    transform: scale(1.15);

}



.main-slider .slide .image-layer:before {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: "";

    z-index: -1;

}



.main-slider.style1 .slide .image-layer:before {

    display: none;

}





.main-slider .content {

    position: relative;

    z-index: 11;

}







.main-slider.style1 .slide {

    position: relative;

    display: block;

    overflow: hidden;

}



.main-slider.style1 .content {

    position: relative;

    overflow: hidden;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding-top: 166px;

    padding-bottom: 180px;

}



.main-slider .auto-container {

    position: relative;

}



.main-slider .content .big-title {

    position: relative;

    display: block;

    overflow: hidden;

    width: 100%;

    margin-bottom: 28px;

    opacity: 0;

    -webkit-transform: perspective(400px) rotateY(0deg) translateY(-120px);

    -ms-transform: perspective(400px) rotateY(0deg) translateY(-120px);

    transform: perspective(400px) rotateY(0deg) translateY(-120px);

    -webkit-transform-origin: bottom;

    -ms-transform-origin: bottom;

    transform-origin: bottom;

    -webkit-transition: all 1000ms ease;

    -moz-transition: all 1000ms ease;

    -ms-transition: all 1000ms ease;

    -o-transition: all 1000ms ease;

    transition: all 1000ms ease;

    z-index: 10;

}



.main-slider .active .content .big-title {

    opacity: 1;

    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);

    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);

    transform: perspective(400px) rotateY(0deg) translateY(0px);

    -webkit-transition-delay: 1000ms;

    -moz-transition-delay: 1000ms;

    -ms-transition-delay: 1000ms;

    -o-transition-delay: 1000ms;

    transition-delay: 1000ms;

}



.main-slider .content .big-title h2 {

    color: #ffffff;

    font-size: 60px;

    line-height: 1.20em;

    font-weight: 800;

    text-transform: capitalize;

}



.main-slider .content .text {

    position: relative;

    display: block;

    overflow: hidden;

    width: 100%;

    margin-bottom: 29px;

    opacity: 0;

    -webkit-transform: perspective(400px) rotateY(0deg) translateY(120px);

    -ms-transform: perspective(400px) rotateY(0deg) translateY(120px);

    transform: perspective(400px) rotateY(0deg) translateY(120px);

    -webkit-transform-origin: bottom;

    -ms-transform-origin: bottom;

    transform-origin: bottom;

    -webkit-transition: all 1000ms ease;

    -moz-transition: all 1000ms ease;

    -ms-transition: all 1000ms ease;

    -o-transition: all 1000ms ease;

    transition: all 1000ms ease;

    z-index: 10;

}



.main-slider .active .content .text {

    opacity: 1;

    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);

    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);

    transform: perspective(400px) rotateY(0deg) translateY(0px);

    -webkit-transition-delay: 1500ms;

    -moz-transition-delay: 1500ms;

    -ms-transition-delay: 1500ms;

    -o-transition-delay: 1500ms;

    transition-delay: 1500ms;

}



.main-slider .content .text p {

    color: #ffffff;

    font-size: 20px;

    line-height: 28px;

    font-weight: 400;

    text-transform: none;

}





.main-slider .content .btns-box {

    position: relative;

    display: block;

    overflow: hidden;

    width: 100%;

    line-height: 0;

    opacity: 0;

    -webkit-transform: perspective(400px) rotateY(0deg) translateY(80px);

    -ms-transform: perspective(400px) rotateY(0deg) translateY(80px);

    transform: perspective(400px) rotateY(0deg) translateY(80px);

    -webkit-transform-origin: bottom;

    -ms-transform-origin: bottom;

    transform-origin: bottom;

    -webkit-transition: all 1500ms ease;

    -moz-transition: all 1500ms ease;

    -ms-transition: all 1500ms ease;

    -o-transition: all 1500ms ease;

    transition: all 1500ms ease;

    z-index: 10;

}



.main-slider.style1 .content .btns-box a.btn-one {

    padding-left: 50px;

    padding-right: 50px;

    color: #ffffff;

}



.main-slider.style1 .content .btns-box a.btn-one:after {

    border: 2px solid var(--thm-base);

    background-color: var(--thm-base);

}





.main-slider .active .content .btns-box {

    opacity: 1;

    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);

    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);

    transform: perspective(400px) rotateY(0deg) translateY(0px);

    -webkit-transition-delay: 2000ms;

    -moz-transition-delay: 2000ms;

    -ms-transition-delay: 2000ms;

    -o-transition-delay: 2000ms;

    transition-delay: 2000ms;

}









.main-slider .owl-theme .owl-nav {

    position: absolute;

    top: 50%;

    left: 0px;

    right: 0px;

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .5s;

    transition-property: all;

    transform-origin: bottom;

    transform-style: preserve-3d;

    line-height: 0;

    height: 0;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    opacity: 0;

    transform: scaleX(1.0) translateX(0px);

    z-index: 3;

}



.main-slider:hover .owl-theme .owl-nav {

    opacity: 1;

    left: 40px;

    right: 40px;

    transform: scaleX(1.0) translateX(0px);

}



.main-slider .owl-theme .owl-prev span,

.main-slider .owl-theme .owl-next span {

    display: block;

}



.main-slider .owl-theme .owl-nav .owl-prev,

.main-slider .owl-theme .owl-nav .owl-next {

    position: relative;

    display: block;

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

    border: 0px solid rgba(17, 14, 14, 0.3);

    height: 80px;

    width: 80px;

    border-radius: 50%;

    text-align: center;

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

    font-size: 25px;

    line-height: 80px;

    font-weight: 400;

    opacity: 1;

    margin: 0;

    padding: 0;

    transform: translateY(0px);

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.main-slider .owl-theme .owl-prev span:before {}



.main-slider .owl-theme .owl-nav .owl-next {

    transform: rotate(180deg);

}



.main-slider .owl-theme .owl-next span:before {}



.main-slider .owl-theme .owl-nav .owl-prev:hover,

.main-slider .owl-theme .owl-nav .owl-next:hover {

    color: #ffffff;

    background: var(--thm-base);

}



.banner-carousel .owl-dots {

    display: block;

}







.main-slider .banner-carousel.owl-carousel .owl-dots {

    position: absolute;

    left: 0px;

    bottom: 40px;

    right: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    opacity: 0;

    transform: scaleX(1.0) translateY(40px);

    -webkit-transition: all 1500ms ease;

    -moz-transition: all 1500ms ease;

    -ms-transition: all 1500ms ease;

    -o-transition: all 1500ms ease;

    transition: all 1500ms ease;

}



.main-slider:hover .banner-carousel.owl-carousel .owl-dots {

    opacity: 1;

    transform: scaleX(1.0) translateY(0px);

}



.main-slider .banner-carousel.owl-carousel button.owl-dot {

    position: relative;

    display: block;

    width: 40px;

    height: 4px;

    float: none;

    background: #ffffff;

    border-radius: 0%;

    margin: 0 5px;

    -webkit-transition: all 0.4s linear;

    -o-transition: all 0.4s linear;

    transition: all 0.4s linear;

    z-index: 1;

}



.main-slider .banner-carousel.owl-carousel button.owl-dot:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background: var(--thm-base);

    transition: all 100ms linear;

    transition-delay: 0.1s;

    transform: scaleX(0);

}



.main-slider .banner-carousel.owl-carousel button.owl-dot.active:before {

    transform: scaleX(1.0);

}



.main-slider .banner-carousel.owl-carousel button.owl-dot.active {}







/*** 

=====================================================

	Main Slider style2 style

=====================================================

***/

.main-slider.style2 {

    margin-top: 206px;

}





.main-slider.style2 .content {

    position: relative;

    overflow: initial;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding-top: 179px;

    padding-bottom: 160px;

}



.main-slider.style2 .content:before {

    content: "";

    position: absolute;

    top: 0;

    left: -1000000px;

    bottom: 0;

    right: -2000px;

    border-bottom: 700px solid rgba(var(--thm-base-rgb), .50);

    border-right: 520px solid transparent;

    -webkit-transform-origin: bottom;

    -ms-transform-origin: bottom;

    transform-origin: bottom;

    -webkit-transition: all 1500ms ease;

    -moz-transition: all 1500ms ease;

    -ms-transition: all 1500ms ease;

    -o-transition: all 1500ms ease;

    transition: all 1500ms ease;

}



.main-slider.style2 .active .content:before {

    right: 250px;

    -webkit-transition-delay: 1000ms;

    -moz-transition-delay: 1000ms;

    -ms-transition-delay: 1000ms;

    -o-transition-delay: 1000ms;

    transition-delay: 1000ms;

}



.main-slider.style2 .sub-title {

    position: relative;

    display: flex;

    align-items: center;

    margin-bottom: 21px;

    opacity: 0;

    -webkit-transform: perspective(400px) rotateX(90deg) translateY(-120px);

    -ms-transform: perspective(400px) rotateX(90deg) translateY(-120px);

    transform: perspective(400px) rotateX(90deg) translateY(-120px);

    -webkit-transform-origin: bottom;

    -ms-transform-origin: bottom;

    transform-origin: bottom;

    -webkit-transition: all 1000ms ease;

    -moz-transition: all 1000ms ease;

    -ms-transition: all 1000ms ease;

    -o-transition: all 1000ms ease;

    transition: all 1000ms ease;

    z-index: 10;

}



.main-slider.style2 .active .sub-title {

    opacity: 1;

    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);

    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);

    transform: perspective(400px) rotateY(0deg) translateY(0px);

    -webkit-transition-delay: 2000ms;

    -moz-transition-delay: 2000ms;

    -ms-transition-delay: 2000ms;

    -o-transition-delay: 2000ms;

    transition-delay: 2000ms;

}



.main-slider.style2 .sub-title .border-box {

    position: relative;

    display: block;

    width: 30px;

    height: 2px;

    background: #ffffff;

    margin-right: 8px;

}



.main-slider.style2 .sub-title h6 {

    color: #ffffff;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

}



.main-slider.style2 .content .big-title {

    margin-bottom: 18px;

}



.main-slider.style2 .content .big-title h2 {

    font-size: 72px;

    line-height: 1.20em;

}



.main-slider.style2 .content .btn-one {

    padding-left: 55px;

    padding-right: 55px;

    color: #ffffff;

}



.main-slider.style2 .content .btn-one:after {

    border: 2px solid #ffffff;

}







/*** 

=====================================================

	Main Slider style3 style

=====================================================

***/

.main-slider.style3 {}



.main-slider.style3 .slide .image-layer:before {

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

}



.main-slider.style3 .content {

    position: relative;

    overflow: hidden;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center;

    margin-top: 100px;

    margin-bottom: 125px;

}



.main-slider.style3 .sub-title {

    position: relative;

    display: flex;

    align-items: center;

    margin-bottom: 66px;

    opacity: 0;

    -webkit-transform: perspective(400px) rotateX(90deg) translateY(-120px);

    -ms-transform: perspective(400px) rotateX(90deg) translateY(-120px);

    transform: perspective(400px) rotateX(90deg) translateY(-120px);

    -webkit-transform-origin: bottom;

    -ms-transform-origin: bottom;

    transform-origin: bottom;

    -webkit-transition: all 1000ms ease;

    -moz-transition: all 1000ms ease;

    -ms-transition: all 1000ms ease;

    -o-transition: all 1000ms ease;

    transition: all 1000ms ease;

    z-index: 10;

}



.main-slider.style3 .active .sub-title {

    opacity: 1;

    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);

    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);

    transform: perspective(400px) rotateY(0deg) translateY(0px);

    -webkit-transition-delay: 1000ms;

    -moz-transition-delay: 1000ms;

    -ms-transition-delay: 1000ms;

    -o-transition-delay: 1000ms;

    transition-delay: 1000ms;

}



.main-slider.style3 .sub-title .border-box-left {

    position: relative;

    display: block;

    width: 30px;

    height: 2px;

    background: var(--thm-base);

    margin-right: 10px;

}



.main-slider.style3 .sub-title .border-box-right {

    position: relative;

    display: block;

    width: 30px;

    height: 2px;

    background: var(--thm-base);

    margin-left: 10px;

}



.main-slider.style3 .sub-title h6 {

    color: #fff;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

}





.main-slider.style3 .content .big-title {

    margin-bottom: 36px;

}



.main-slider.style3 .content .btns-box a {

    color: #ffffff;

    padding-left: 53px;

    padding-right: 53px;

}



.main-slider.style3 .content .btns-box a.btn-one:after {

    border: 2px solid #ffffff;

}



.main-slider.style3 .banner-carousel.owl-carousel .owl-dots {

    display: none;

}

/*** 

=============================================

    About Style1 Area Css   

=============================================

***/

.about-style1-area {

    position: relative;

    display: block;

    padding: 120px 0 120px;

    background: #ffffff;

}



.about-style1__image1 {

    position: relative;

    display: block;

    max-width: 540px;

    width: 100%;

    border: 2px solid var(--thm-base);

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

}



.about-style1__image1 .inner {

    position: relative;

    display: block;

    overflow: hidden;

}



.about-style1__image1 .inner img {

    width: 100%;

}







.about-style1__image1 .overlay-box {

    position: absolute;

    top: 32px;

    right: 33px;

    display: flex;

    align-items: center;

    width: 360px;

    height: 80px;

    overflow: hidden;

    z-index: 1;

}



.about-style1__image1 .overlay-box .bg-image {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    background: #000;

    background-position: -162px 280px;

}



.about-style1__image1 .overlay-box .left {

    position: relative;

    display: block;

}



.about-style1__image1 .overlay-box .left h2 {

    font-size: 90px;

    line-height: 80px;

    font-weight: 900;

    text-transform: uppercase;

    background-color: #fff;

    mix-blend-mode: lighten;

}





.about-style1__image1 .overlay-box .right {

    position: relative;

    display: block;

    padding-left: 15px;

}



.about-style1__image1 .overlay-box .right h2 {

    position: relative;

    top: 4px;

    font-size: 30px;

    line-height: 34px;

    font-weight: 900;

    text-transform: uppercase;

    background-color: #fff;

    mix-blend-mode: lighten;

    z-index: 1;

}



.about-style1__image1 .overlay-box .right h2::before {

    content: "";

    position: absolute;

    top: -15px;

    left: -15px;

    bottom: -15px;

    right: -10px;

    background: #ffffff;

    z-index: -1;

}





.about-style1__image1 .round-box {

    position: absolute;

    top: 100px;

    left: 30px;

    height: 170px;

    width: 170px;

    border-radius: 50%;

    overflow: hidden;

}



.about-style1__image1 .round-box .image-bg {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    z-index: 1;

    background-size: auto;

    background-position: 260px 325px;

}



.about-style1__image1 .arrow-box {

    position: absolute;

    top: 160px;

    left: 50%;

    transform: translateX(-35px);

    width: 70px;

    height: 150px;

    background: transparent;

}



.about-style1__image1 .arrow-box .dot-top {

    position: absolute;

    top: 3px;

    left: 2px;

    width: 10px;

    height: 10px;

    background: var(--thm-base);

    border-radius: 50%;

}



.about-style1__image1 .arrow-box .top-angle-line {

    position: absolute;

    top: 0;

    left: 35px;

    width: 1px;

    height: 80px;

    background: var(--thm-base);

    transform: rotate(-40deg);

}



.about-style1__image1 .arrow-box .line {

    position: absolute;

    right: 8px;

    bottom: 0;

    width: 1px;

    height: 80px;

    background: var(--thm-base);

}



.about-style1__image1 .arrow-box .dot-bottom {

    position: absolute;

    right: 3px;

    bottom: 0;

    width: 10px;

    height: 10px;

    background: var(--thm-base);

    border-radius: 50%;

}







.about-style1__content {

    position: relative;

    display: block;

}



.about-style1__content .sec-title {

    padding-bottom: 34px;

}



.about-style1__content .inner-content {

    position: relative;

    display: block;

}



.about-style1__content .inner-content ul {

    position: relative;

    display: block;

    overflow: hidden;

}



.about-style1__content .inner-content ul li {

    position: relative;

    display: inline-block;

    float: left;

    padding-right: 16px;

    margin-right: 15px;

    color: var(--thm-black);

    font-size: 14px;

    line-height: 24px;

    font-weight: 700;

    text-transform: uppercase;

    font-family: var(--thm-font-2);

}



.about-style1__content .inner-content ul li:before {

    content: "";

    position: absolute;

    top: 5px;

    right: 0;

    bottom: 5px;

    width: 1px;

    background: #dbdbdb;

}



.about-style1__content .inner-content ul li:last-child:before {

    display: none;

}



.about-style1__content .inner-content ul li span:before {

    position: relative;

    display: inline-block;

    top: 1px;

    left: 1px;

    padding-right: 7px;

    color: var(--thm-base);

}



.about-style1__content .inner-content .text-box {

    position: relative;

    display: block;

    padding-top: 26px;

}



.about-style1__content .inner-content .text-box p {

    margin: 0;

}



.about-style1__content .inner-content .text-box p+p {

    margin-top: 16px;

}



.about-style1__content .inner-content .btns-box {

    position: relative;

    display: block;

    line-height: 0;

    padding-top: 45px;

}











/*** 

=============================================

    About Style2 Area Css   

=============================================

***/

.about-style2-area {

    position: relative;

    display: block;

    padding: 60px 0 60px;

    background: #ffffff;

}



.about-style2__content {

    position: relative;

    display: block;

}



.about-style2__content .sec-title {

    padding-bottom: 31px;

}



.about-style2__content .inner-content {

    position: relative;

    display: block;

}



.about-style2__content .inner-content .text {

    position: relative;

    display: block;

}



.about-style2__content .inner-content .text p {

    margin: 0;

}



.about-style2__content .inner-content h5 {

    color: #213140;

    font-size: 16px;

    font-weight: 700;

    text-transform: uppercase;

}



.about-style2__content .inner-content ul {

    position: relative;

    display: block;

    padding: 23px 0 44px;

}



.about-style2__content .inner-content ul li {

    position: relative;

    display: block;

    padding-left: 40px;

    margin-bottom: 21px;

}



.about-style2__content .inner-content ul li:last-child {

    margin-bottom: 0;

}



.about-style2__content .inner-content ul li .icon {

    position: absolute;

    top: 3px;

    left: 0;

}



.about-style2__content .inner-content ul li .icon span:before {

    color: var(--thm-base);

    font-size: 20px;

    line-height: 20px;

}



.about-style2__content .inner-content ul li .inner-text {

    position: relative;

    display: block;

}



.about-style2__content .inner-content ul li .inner-text h3 {

    font-size: 20px;

    line-height: 22px;

    font-weight: 600;

    margin: 0 0 3px;

}



.about-style2__content .inner-content ul li .inner-text p {

    margin: 0;

}



.authorised-person-info {

    position: relative;

    display: flex;

    align-items: center;

}



.authorised-person-info .signature {

    position: relative;

    display: block;

    width: 190px;

    border-right: 1px solid #e5e5e5;

}



.authorised-person-info .name {

    position: relative;

    display: block;

    padding-left: 20px;

}



.authorised-person-info .name h3 {

    font-size: 20px;

    line-height: 20px;

    font-weight: 600;

    margin: 0 0 4px;

}



.authorised-person-info .name span {

    color: var(--thm-base);

    text-transform: uppercase;

}









.about-style2__image-box {

    position: relative;

    display: block;

    max-width: 570px;

    width: 100%;

    min-height: 410px;

    z-index: 1;

}



.about-style2__image-box:before {

    content: "";

    position: absolute;

    top: -120px;

    left: 110px;

    bottom: -120px;

    right: -100000px;

    background: #f5f5f5;

    z-index: -1;

}



.about-style2__image-box .big-title {

    position: absolute;

    top: -10px;

    right: -110px;

    transform: rotate(90deg) translateX(90%);

    transform-origin: right;

    color: #ffffff;

    font-size: 155px;

    font-weight: 800;

    text-transform: uppercase;

    font-family: var(--thm-font-2);

    line-height: 130px;

}



.about-style2__image-box .img-box1 {

    position: absolute;

    top: 0;

    left: 0;

    max-width: 340px;

    width: 100%;

    z-index: 1;

}



.about-style2__image-box .img-box1:before {

    content: "";

    position: absolute;

    top: 10px;

    left: 10px;

    bottom: -10px;

    right: -10px;

    border: 1px solid var(--thm-base);

    z-index: -1;

}





.about-style2__image-box .img-box2 {

    position: absolute;

    bottom: 0;

    right: 0;

    max-width: 350px;

    width: 100%;

    padding-bottom: 10px;

    padding-right: 10px;

    overflow: hidden;

    z-index: 1;

}



.about-style2__image-box .img-box2::after {

    position: absolute;

    top: 50%;

    left: 50%;

    display: block;

    content: '';

    width: 0;

    height: 0;

    background: rgba(var(--thm-base-rgb), .50);

    border-radius: 50%;

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

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

    opacity: 0;

    z-index: 10;

}



.about-style2__image-box .img-box2:hover::after {

    -webkit-animation: circle .95s;

    animation: circle .95s;

}



.about-style2__image-box .img-box2:before {

    content: "";

    position: absolute;

    top: 10px;

    left: 10px;

    bottom: 0px;

    right: 0;

    border: 1px solid var(--thm-base);

    z-index: -1;

}



.about-style2__image-box .img-box2 .inner {

    position: relative;

    display: block;

    overflow: hidden;

}



.about-style2__image-box .img-box2 .inner img {

    width: 100%;

    -webkit-transition: all 3500ms ease;

    -moz-transition: all 3500ms ease;

    -ms-transition: all 3500ms ease;

    -o-transition: all 3500ms ease;

    transition: all 3500ms ease;

}



.about-style2__image-box .img-box2:hover .inner img {

    transform: scale(1.2) rotate(2deg);

    transition-delay: .2s;

}



.about-style2__image-box .icon-box {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 220px;

    text-align: center;

}



.about-style2__image-box .icon-box span:before {

    position: relative;

    display: block;

    color: #e8e8e8;

    font-size: 160px;

    line-height: 160px;

}





.about-style2__image-box .overlay-box {

    position: absolute;

    top: 0;

    right: 0;

    text-align: right;

}



.about-style2__image-box .overlay-box h2 {

    color: var(--thm-base);

    font-size: 110px;

    line-height: 85px;

    font-weight: 900;

}



.about-style2__image-box .overlay-box h2 span {

    position: relative;

    display: inline-block;

    padding-left: 5px;

    font-size: 35px;

    line-height: 0;

    top: -40px;

}



.about-style2__image-box .overlay-box h3 {

    font-size: 24px;

    line-height: 32px;

    font-weight: 700;

    text-transform: uppercase;

    margin: 16px 0 0;

}













/*** 

=============================================

    About Style3 Area Css   

=============================================

***/

.about-style3-area {

    position: relative;

    display: block;

    padding: 60px 0 50px;

    background: #fff;

}



.about-style3__image1 {

    position: relative;

    display: block;

    padding-right: 20px;

}



.about-style3__image1 .inner {

    position: relative;

    display: block;

    overflow: hidden;

}



.about-style3__image1 .inner img {

    width: 100%;
border-radius: 15px;
}







.about-style3__content {

    position: relative;

    display: block;

}



.about-style3__content .sec-title {

    padding-bottom: 31px;

}



.about-style3__content .sec-title h2 {

    color: #000;

}



.about-style3__content .inner-content {

    position: relative;

    display: block;

}



.about-style3__content .inner-content .top-text {

    position: relative;

    display: block;

    padding-bottom: 37px;

}



.about-style3__content .inner-content .top-text p {

    color: #acb0b5;

    font-size: 18px;

    line-height: 28px;

    font-weight: 500;

    margin: 0;

}



.about-style3__single-box {

    position: relative;

    display: block;

}



.about-style3__single-box .top {

    position: relative;

    display: flex;

    align-items: center;

    padding-bottom: 15px;

}



.about-style3__single-box .top .icon {

    position: relative;

    top: 2px;

    width: 65px;

}



.about-style3__single-box .top .icon span:before {

    color: var(--thm-base);

    font-size: 45px;

    line-height: 45px;

}



.about-style3__single-box .top .inner-title {

    position: relative;

    display: block;

}



.about-style3__single-box .top .inner-title h3 {

    color: #fff;

    font-size: 20px;

    line-height: 30px;

    font-weight: 600;

}



.about-style3__single-box p {

    color: #acb0b5;

    margin: 0;

}



.about-style3__single-box ul {

    position: relative;

    display: block;

    padding-top: 11px;

}



.about-style3__single-box ul li {

    position: relative;

    padding-left: 25px;

    color: #acb0b5;

    line-height: 36px;

}



.about-style3__single-box ul li:before {

    font-family: flaticon !important;

    content: "\f164" !important;

    position: absolute;

    top: 1px;

    left: 0px;

    transition: .5s;

    transform: perspective(400px) scaleX(1.0) rotate(180deg);

    -webkit-transform-origin: center;

    -ms-transform-origin: center;

    transform-origin: center;

    color: var(--thm-base);

    font-size: 14px;

}

/*** 

=============================================

    service Style1 Area Css

=============================================

***/

.service-style1-area {

    position: relative;

    display: block;

    background-color: #f1f1f1;

    padding: 60px 0 120px;

    z-index: 1;

}



.service-style1-area.pdb80 {

    padding-bottom: 40px;

}



.service-style1-area .pattern-bg {

    position: absolute;

    top: 502px;

    left: 0;

    bottom: 0;

    right: 0;

    background-color: var(--thm-base);

    background-repeat: repeat;

    z-index: -1;

}



.single-service-style1 {

    position: relative;

    display: block;

    max-width: 370px;

    width: 100%;

    margin: 0 auto 40px;

}



.single-service-style1 .inner-box {

    position: relative;

    display: block;

    padding-bottom: 110px;

}



.single-service-style1 .img-holder {

    position: relative;

    display: block;

    overflow: hidden;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    z-index: 1;

}



.single-service-style1 .img-holder:before {

    content: "";

    position: absolute;

    top: 0px;

    left: 0px;

    bottom: 0px;

    right: 0px;

    background: rgba(var(--thm-base-rgb), .70);

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .7s;

    transition-property: all;

    opacity: 0;

    z-index: 5;

}



.single-service-style1:hover .img-holder:before {

    opacity: 1;

}





.single-service-style1 .title-holder {

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    min-height: 110px;

    z-index: 1;

}



.single-service-style1 .title-holder .pattern-bg {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background-color: #039343;

    background-repeat: repeat;

    z-index: -1;
border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}



.single-service-style1 .title-holder .inner-text {

    position: absolute;

    left: 0;

    bottom: 60px;

    width: 270px;

    background: #c8e5ce;

    padding-top: 27px;

    padding-left: 12px;

    padding-bottom: 22px;

    overflow: hidden;

    transition: all 0.3s ease-in-out 0.1s;

    z-index: 2;

}



.single-service-style1:hover .title-holder .inner-text {

    padding-top: 37px;

    padding-bottom: 43px;

}



.single-service-style1 .title-holder h6 {

    color: var(--thm-base);

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

}



.single-service-style1 .title-holder h3 {

    font-size: 20px;

    line-height: 30px;

    font-weight: 600;

    margin-top: 5px;

}



.single-service-style1 .title-holder h3 a {

    color: var(--thm-black);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.single-service-style1 .title-holder h3 a:hover {

    color: var(--thm-base);

}



.single-service-style1 .title-holder .text {

    position: relative;

    display: block;

    height: 0;

    opacity: 0;

    padding-top: 0;

    transition: all 0.3s ease-in-out 0.1s;

}



.single-service-style1 .title-holder .text p {

    margin: 0;

    transform: translateY(-15px);

    transition: all 0.3s ease-in-out 0.1s;

}



.single-service-style1:hover .title-holder .text {

    opacity: 1.0;

    height: 52px;

    padding-top: 9px;

}



.single-service-style1:hover .title-holder .text p {

    transform: translateY(0px);

    transition: all 0.3s ease-in-out 0.2s;

}



.single-service-style1 .title-holder .button-box {

    position: relative;

    display: block;

    padding-top: 65px;

    padding-left: 30px;

}



.single-service-style1 .title-holder .button-box a {

    position: relative;

    display: inline-block;

    padding-left: 20px;

    color: #ffffff;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    font-family: var(--thm-font-2);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.single-service-style1 .title-holder .button-box a:hover {

    color: #c8e5ce;

}



.single-service-style1 .title-holder .button-box a:before {

    font-family: Fontawesome;

    content: "\f107";

    position: absolute;

    top: -2px;

    left: 0;

    font-weight: 400;

    font-size: 22px;

    transform: rotate(-135deg);

    transition: all 100ms linear;

    transition-delay: 0.1s;

}



.single-service-style1 .title-holder .button-box a:hover:before {

    transform: rotate(-90deg);

    top: 0;

}







.single-service-style1 .title-holder .icon {

    position: absolute;

    bottom: 30px;

    right: 30px;

}



.single-service-style1 .title-holder .icon span {

    position: relative;

    display: block;

    line-height: 0;

}

.single-service-style1 .title-holder .icon span img{

    width: 55px;

}

.single-service-style1 .title-holder .icon span:before {

    color: var(--thm-base);

    font-size: 45px;

    line-height: 45px;

}





.service-style1__bottom-text {

    position: relative;

    display: block;

    padding-top: 3px;

}



.service-style1__bottom-text h3 {

    color: #ffffff;

    font-size: 18px;

    line-height: 28px;

    font-weight: 600;

}



.service-style1__bottom-text .btns-box {

    position: relative;

    display: block;

    line-height: 0;

    padding-top: 32px;

}







/*** 

=============================================

    service Style2 Area Css

=============================================

***/

.service-style2-area {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 120px 0 120px;

    z-index: 1;

}



.service-style2__top-title {

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: flex-end;

    padding-bottom: 49px;

}



.service-style2__top-title .sec-title {

    padding-bottom: 0;

}



.service-style2__top-title .btn-box {

    position: relative;

    display: block;

    line-height: 0;

    padding-bottom: 11px;

}



.single-service-style2 {

    position: relative;

    display: block;

    max-width: 370px;

    width: 100%;

    margin: 0 auto;

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

}



.single-service-style2 .inner-box {

    position: relative;

    display: block;

    padding-bottom: 85px;

}



.single-service-style2 .inner-box .img-holder {

    position: relative;

    display: block;

    overflow: hidden;

    border: 4px solid #ffffff;

    border-bottom: none;

}



.single-service-style2 .inner-box .img-holder:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(var(--thm-black-rgb), .92);

    transform: perspective(400px) rotateX(90deg) scaleY(0.1);

    transform-origin: center;

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .6s;

    transition-property: all;

    opacity: 1;

    z-index: 1;

}



.single-service-style2:hover .inner-box .img-holder:before {

    opacity: 1.0;

    transform: perspective(400px) rotateX(0deg) scaleY(1.0);

}



.single-service-style2 .inner-box .img-holder img {

    width: 100%;

    -webkit-transform: scale(1);

    transform: scale(1);

    transition: all 500ms ease;

}



.single-service-style2:hover .inner-box .img-holder img {

    transform: scale(1.05) rotate(1deg);

}





.single-service-style2 .inner-box .title-holder {

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0px;

    min-height: 135px;

    display: flex;

    align-items: flex-end;

    z-index: 2;

}



.single-service-style2 .inner-box .title-holder .inner-text {

    position: absolute;

    background: #f5f5f5;

    border: 4px solid #ffffff;

    left: 0;

    bottom: 0;

    right: 85px;

    padding: 22px 26px 20px;

}



.single-service-style2 .inner-box .title-holder .inner-text h3 {

    font-size: 20px;

    line-height: 24px;

    font-weight: 600;

    margin: 0 0 7px;

}



.single-service-style2 .inner-box .title-holder .inner-text h3 a {

    color: var(--thm-black);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.single-service-style2 .inner-box .title-holder .inner-text h3 a:hover {

    color: var(--thm-base);

}



.single-service-style2 .inner-box .title-holder .inner-text p {

    margin: 0;

}





.single-service-style2 .inner-box .title-holder .icon {

    position: absolute;

    bottom: 0;

    right: 0;

    width: 85px;

    z-index: 1;

    background: #f5f5f5;

    border: 4px solid #ffffff;

    border-left: none;

    overflow: hidden;

}



.single-service-style2 .inner-box .title-holder .icon .pattern-bg {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

}



.single-service-style2 .inner-box .title-holder .icon span:before {

    position: relative;

    display: block;

    color: var(--thm-base);

    font-size: 45px;

    line-height: 85px;

    text-align: center;

}



.single-service-style2 .inner-box .title-holder .icon .overlay a {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background: var(--thm-base);

    display: block;

    color: #ffffff;

    font-size: 30px;

    line-height: 76px;

    text-align: center;

    transition: all 500ms ease;

    transform: translate3d(0px, 100%, 0px);

}



.single-service-style2:hover .inner-box .title-holder .icon .overlay a {

    transform: translate3d(0px, 0, 0px);

}



.service-style2-carousel {

    position: relative;

    display: block;

}



.service-style2-carousel.owl-carousel .owl-stage-outer {

    padding-bottom: 0px;

    overflow: visible;

}



.service-style2-carousel.owl-carousel .owl-stage-outer .owl-item {

    opacity: 0;

    transition: all 500ms linear;

    transition-delay: 0.1s;

}



.service-style2-carousel.owl-carousel .owl-stage-outer .owl-item.active {

    opacity: 1;

}











/*** 

=============================================

    Service Details Area Css

=============================================

***/

.service-details-area {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 120px 0 120px;

}



.thm-sidebar-box {

    position: relative;

    display: block;

    max-width: 370px;

    width: 100%;

}







.sidebar-title {

    position: relative;

    display: block;

    border: 1px solid #e5e5e5;

    line-height: 0;

    padding: 19px 30px 19px;

    margin-bottom: 5px;

    z-index: 1;

}



.sidebar-title .pattern-bg {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background-color: #ffffff;

    background-repeat: repeat;

    background-position: center;

    z-index: -1;

}



.sidebar-title h3 {

    position: relative;

    display: flex;

    align-items: center;

    color: var(--thm-black);

    font-size: 20px;

    line-height: 30px;

    font-weight: 600;

}



.sidebar-title h3 .border-left {

    position: relative;

    display: block;

    width: 30px;

    height: 2px;

    background: var(--thm-base);

    margin-right: 10px;

    border-left: none !important;

}







.view-all-service {

    position: relative;

    display: block;

    background: #ffffff;

}



.view-all-service .service-pages {

    position: relative;

    display: block;

    border: 1px solid #e5e5e5;

    padding: 29px 29px 29px;

}



.view-all-service .service-pages li {

    position: relative;

    display: block;

    margin-bottom: 5px;

}



.view-all-service .service-pages li:last-child {

    margin-bottom: 0;

}



.view-all-service .service-pages li a {

    position: relative;

    display: block;

    background: #f5f5f5;

    padding: 5px 30px 5px;

    color: var(--thm-black);

    font-size: 16px;

    font-weight: 600;

    line-height: 50px;

    font-family: var(--thm-font-2);

    transition: all 200ms linear;

    transition-delay: 0.1s;

    z-index: 1;

}



.view-all-service .service-pages li a:hover {

    color: var(--thm-base);

    background-color: #ffffff;

}



.view-all-service .service-pages li a i::before {

    position: absolute;

    top: 5px;

    right: 5px;

    bottom: 5px;

    width: 30px;

    text-align: center;

    color: var(--thm-black);

    font-size: 20px;

    line-height: 50px;

    background: #ffffff;

    font-weight: 700;

    opacity: 1;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    -webkit-transform: perspective(400px) rotateX(0deg) scale(1.0);

    -ms-transform: perspective(400px) rotateX(0deg) scale(1.0);

    transform: perspective(400px) rotateX(0deg) scale(1.0);

    -webkit-transform-origin: top;

    -ms-transform-origin: top;

    transform-origin: top;

}



.view-all-service .service-pages li a:hover i::before {

    opacity: 0;

    -webkit-transform: perspective(400px) rotateX(0deg) scale(0);

    -ms-transform: perspective(400px) rotateX(0deg) scale(0);

    transform: perspective(400px) rotateX(0deg) scale(0);

}





.view-all-service .service-pages li a:after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    border: 5px solid var(--thm-base);

    background: transparent;

    transform: perspective(400px) scaleY(0);

    transform-origin: center;

    transition: all 300ms linear;

    transition-delay: 0.1s;

    z-index: -1;

}



.view-all-service .service-pages li:hover a:after {

    transform: perspective(400px) scaleY(1.0);

}





.view-all-service .service-pages li a:before {

    font-family: FontAwesome;

    content: "\f101";

    position: absolute;

    top: 14px;

    right: 15px;

    color: var(--thm-base);

    font-size: 20px;

    font-weight: 700;

    line-height: 32px;

    opacity: 1;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    -webkit-transform: perspective(400px) rotateX(-90deg) scale(0.2);

    -ms-transform: perspective(400px) rotateX(-90deg) scale(0.2);

    transform: perspective(400px) rotateX(-90deg) scale(0.2);

    -webkit-transform-origin: top;

    -ms-transform-origin: top;

    transform-origin: top;

}



.view-all-service .service-pages li a:hover:before {

    opacity: 1;

    -webkit-transform: perspective(400px) rotateX(0deg) scale(1.0);

    -ms-transform: perspective(400px) rotateX(0deg) scale(1.0);

    transform: perspective(400px) rotateX(0deg) scale(1.0);

}







.info-ownload-box {

    position: relative;

    display: block;

    margin-top: 50px;

}



.info-ownload-box ul {

    position: relative;

    display: block;

    border: 1px solid #e5e5e5;

    padding: 29px 29px 29px;

}



.info-ownload-box ul li {

    position: relative;

    display: block;

    padding-top: 12px;

    margin-bottom: 20px;

}



.info-ownload-box ul li:last-child {

    margin-bottom: 0;

}



.info-ownload-box ul li .icon {

    position: absolute;

    top: 0;

    left: 10px;

    width: 40px;

    height: 50px;

    background: var(--thm-base);

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

    transition: all .5s ease-in-out;

    z-index: 2;

}



.info-ownload-box ul li:hover .icon {

    background: #ffffff;

}



.info-ownload-box ul li .icon:after {

    content: "";

    position: absolute;

    top: 0px;

    right: -10px;

    width: 10px;

    height: 12px;

    border-bottom: 12px solid rgba(var(--thm-base-rgb), .80);

    border-right: 10px solid transparent;

    transition: all .5s ease-in-out;

    z-index: -1;

}



.info-ownload-box ul li:hover .icon:after {

    border-bottom: 12px solid #bababa;

}



.info-ownload-box ul li .icon span:before {

    position: relative;

    display: block;

    color: #ffffff;

    font-size: 24px;

    line-height: 50px;

    text-align: center;

    transition: all .5s ease-in-out;

}



.info-ownload-box ul li:hover .icon span:before {

    color: var(--thm-base);

}



.info-ownload-box ul li .inner {

    position: relative;

    padding-left: 70px;

    padding-right: 20px;

    background: #1c1c27;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    min-height: 70px;

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

    transition: all 200ms linear;

    transition-delay: 0.1s;

    z-index: 1;

}



.info-ownload-box ul li .inner:before {

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    height: 0%;

    content: "";

    background: var(--thm-base);

    transition: all .5s ease-in-out;



    transform: scaleY(0);

    z-index: -1;

}



.info-ownload-box ul li:hover .inner:before {

    top: 0;

    height: 100%;

    transform: scaleY(1.0);

}



.info-ownload-box ul li .inner .title {

    position: relative;

    display: block;

}



.info-ownload-box ul li .inner .title h4 {

    color: #ffffff;

    font-size: 16px;

    line-height: 16px;

    font-weight: 600;

    margin: 0 0 10px;

}



.info-ownload-box ul li .inner .title h6 {

    color: #b0b0bd;

    font-size: 14px;

    line-height: 14px;

    font-weight: 500;

    text-transform: uppercase;

    transition: all .5s ease-in-out;

}



.info-ownload-box ul li:hover .inner .title h6 {

    color: #ffffff;

}



.info-ownload-box ul li .inner .download-btn {

    position: relative;

    display: block;

}



.info-ownload-box ul li .inner .download-btn a {

    position: relative;

    display: block;

    width: 40px;

    height: 40px;

    background: var(--thm-base);

    color: #ffffff;

    font-size: 16px;

    line-height: 40px;

    text-align: center;

    transition: all .5s ease-in-out;

}



.info-ownload-box ul li:hover .inner .download-btn a {

    color: var(--thm-base);

    background: #ffffff;

}





.sidebar-contact-info-box {

    position: relative;

    display: block;

    background: #f5f5f5;

    border: 10px solid #ffffff;

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

    margin-top: 50px;

}



.sidebar-contact-info-box .img-box {

    position: relative;

    display: block;

    border-bottom: 10px solid #ffffff;

}



.sidebar-contact-info-box .img-box img {

    width: 100%;

}



.sidebar-contact-info-box .img-box .inner {

    position: relative;

    display: block;

    overflow: hidden;

}



.sidebar-contact-info-box .img-box .overlay-title {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    height: 205px;

    padding-top: 23px;

    padding-left: 30px;

    overflow: hidden;

    z-index: 1;

}



.sidebar-contact-info-box .img-box .overlay-title:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    opacity: 0.92;

    background: var(--thm-base);

    clip-path: polygon(0 0, 100% 0, 35% 100%, 0 50%);

    z-index: -1;

}



.sidebar-contact-info-box .img-box .overlay-title:after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 94px;

    opacity: 0.92;

    border-right: 20px solid #ffffff;

    -moz-transform: skew(-48deg, 0deg);

    -webkit-transform: skew(-48deg, 0deg);

    -o-transform: skew(-48deg, 0deg);

    -ms-transform: skew(-48deg, 0deg);

    transform: skew(-48deg, 0deg);

    z-index: -1;

}



.sidebar-contact-info-box .img-box .overlay-title .border-left-box {

    position: absolute;

    top: 0;

    left: -1px;

    bottom: 0px;

    right: 0;

    opacity: 1;

    border-left: 20px solid #ffffff;

    -moz-transform: skew(48deg, 0deg);

    -webkit-transform: skew(48deg, 0deg);

    -o-transform: skew(48deg, 0deg);

    -ms-transform: skew(48deg, 0deg);

    transform: skew(50deg, 0deg);

    z-index: -1;

}



.sidebar-contact-info-box .img-box .overlay-title h3 {

    color: #ffffff;

    font-size: 26px;

    line-height: 34px;

    font-weight: 600;

}



.sidebar-contact-info-box .round-box {

    position: absolute;

    top: 123px;

    left: 70px;

    width: 100px;

    height: 100px;

    background: var(--thm-base);

    border: 5px solid #ffffff;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    z-index: 3;

}



.sidebar-contact-info-box .round-box h6 {

    color: #ffffff;

    font-size: 14px;

    line-height: 20px;

    font-weight: 600;

    text-transform: uppercase;

}



.sidebar-contact-info-box .round-box h6 span {

    font-weight: 400;

}



.sidebar-contact-info-box .text-box {

    position: relative;

    display: block;

    background: #f5f5f5;

    text-align: center;

    padding: 40px 20px 40px;

}



.sidebar-contact-info-box .text-box .sec-title {

    padding-bottom: 22px;

}



.sidebar-contact-info-box .text-box .sec-title.center .sub-title {

    padding: 0;

}



.sidebar-contact-info-box .text-box h3 {

    font-size: 24px;

    font-weight: 600;

    margin: 0 0 5px;

}



.sidebar-contact-info-box .text-box h3 a {

    color: var(--thm-black);

}



.sidebar-contact-info-box .text-box p {

    margin: 0;

}



.sidebar-contact-info-box .text-box .btn-box {

    position: relative;

    display: block;

    line-height: 0;

    padding-top: 24px;

}





.service-details-content {

    position: relative;

    display: block;

}



.service-details-content .top {

    position: relative;

    display: block;

}



.service-details-content .top h2 {

    font-size: 30px;

    line-height: 40px;

    font-weight: 600;

    margin: -8px 0 23px;

}



.service-details-content .top .img-box {

    position: relative;

    display: block;

    overflow: hidden;

    margin-top: 44px;

}



.service-details-content .top .img-box img {

    width: 100%;

}





.service-details-text-box1 {

    position: relative;

    display: block;

    padding-top: 42px;

    padding-bottom: 18px;

}





.service-details-text-box2 {

    position: relative;

    display: block;

}



.service-details-text-box2 .single-box {

    position: relative;

    display: block;

    padding: 30px 0 30px;

    border-top: 1px solid #e5e5e5;

    border-bottom: 1px solid #e5e5e5;

}



.service-details-text-box2 .single-box .inner {

    position: relative;

    display: block;

    padding-left: 120px;

    min-height: 120px;

}



.service-details-text-box2 .single-box .img-box {

    position: absolute;

    top: 0;

    left: 0;

    width: 120px;

    height: 120px;

    border-radius: 50%;

    border: 4px solid #ffffff;

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

}





.service-details-text-box2 .single-box .img-box:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    border-radius: 50%;

    background: var(--thm-base);

    opacity: 0;

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .3s;

    transition-property: all;

    z-index: 2;

}



.service-details-text-box2 .single-box:hover .img-box:before {

    opacity: 0.7;

}







.service-details-text-box2 .single-box .img-box img {

    border-radius: 50%;

}



.service-details-text-box2 .single-box .text-box {

    position: relative;

    display: block;

    padding-left: 25px;

}



.service-details-text-box2 .single-box .text-box h3 {

    font-size: 20px;

    line-height: 20px;

    font-weight: 600;

    margin: 0 0 14px;

}



.service-details-text-box2 .single-box .text-box p {

    margin: 0;

}







.service-details-text-box3 {

    position: relative;

    display: block;

    padding-top: 52px;

}



.service-details-text-box3 .top-text {

    position: relative;

    display: block;

    padding-bottom: 34px;

}



.service-details-text-box3 .top-text h2 {

    font-size: 30px;

    line-height: 40px;

    font-weight: 600;

    margin: 0 0 23px;

}



.service-details-text-box3 .top-text p {

    margin: 0;

}



.service-details-text-box3 .inner-content {

    position: relative;

    display: block;

}



.service-details-text-box3 .inner-content ul {

    position: relative;

    display: flex;

    z-index: 1;

}



.service-details-text-box3 .inner-content ul:before {

    content: "";

    position: absolute;

    top: 25px;

    left: 0;

    bottom: 0;

    right: 1px;

    border: 1px solid #dddddd;

    border-top: none;

    z-index: -1;

}



.service-details-text-box3 .inner-content ul li {

    position: relative;

    display: block;

    max-width: 33.333333%;

    width: 100%;

    padding-top: 20px;

}



.service-details-text-box3 .inner-content ul li:before {

    position: absolute;

    top: 25px;

    right: 0;

    bottom: 0;

    width: 1px;

    background: #dddddd;

    content: "";

}



.service-details-text-box3 .inner-content ul li:last-child:before {

    display: none;

}



.service-details-text-box3 .inner-content ul li:last-child {

    border-right: none;

}



.service-details-text-box3 .inner-content ul li .icon {

    position: absolute;

    top: 0;

    left: 40px;

    width: 60px;

    height: 60px;

    background: var(--thm-base);

    transition: all 200ms linear;

    transition-delay: 0.1s;

    z-index: 2;

}



.service-details-text-box3 .inner-content ul li:hover .icon {

    background: #ffffff;

    box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 10%);

    transition: all .5s ease-in-out;

}



.service-details-text-box3 .inner-content ul li .icon span:before {

    position: relative;

    display: block;

    color: #ffffff;

    font-size: 30px;

    line-height: 60px;

    text-align: center;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.service-details-text-box3 .inner-content ul li:hover .icon span:before {

    color: var(--thm-base);

}



.service-details-text-box3 .inner-content ul li .inner {

    position: relative;

    display: block;

    padding: 68px 40px 35px;

    padding-right: 30px;

    z-index: 1;

}



.service-details-text-box3 .inner-content ul li .inner:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    height: 6px;

    background: var(--thm-base);

    z-index: -1;

    transition: all 500ms ease 100ms;

}



.service-details-text-box3 .inner-content ul li:hover .inner:before {

    height: 100%;

}



.service-details-text-box3 .inner-content ul li .inner h3 {

    font-size: 20px;

    line-height: 20px;

    font-weight: 600;

    margin: 0 0 14px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.service-details-text-box3 .inner-content ul li:hover .inner h3 {

    color: #ffffff;

}



.service-details-text-box3 .inner-content ul li .inner p {

    margin: 0;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.service-details-text-box3 .inner-content ul li:hover .inner p {

    color: #ffffff;

}







.additional-services-box {

    position: relative;

    display: block;

    padding-top: 52px;

}



.additional-services-box .top-box {

    position: relative;

    display: block;

    padding-bottom: 34px;

}



.additional-services-box .top-box h2 {

    font-size: 30px;

    line-height: 40px;

    font-weight: 600;

    margin: 0 0 23px;

}



.additional-services-box .top-box p {

    margin: 0;

}



.additional-services-box .inner-content {

    position: relative;

    display: block;

}



.additional-services-box .inner-content .accordion-box .block .acc-btn h3 {

    display: flex;

    align-items: center;

    font-size: 20px;

    line-height: 30px;

    font-weight: 600;

}



.additional-services-box .inner-content .accordion-box .block .acc-btn h3 i {

    position: relative;

    top: 1px;

    display: inline-block;

    width: 50px;

    color: var(--thm-base);

    font-size: 25px;

    font-weight: 400;

    line-height: 20px;

}

/*** 

=============================================

   Testimonial Style1 Area Css

=============================================

***/

.testimonials-style1-area {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 60px 0 60px;

}





.single-testimonials-style1 {

    position: relative;

    display: block;

    background: #ffffff;

    padding-left: 200px;

    min-height: 250px;

    max-width: 570px;

    width: 100%;

    margin: 0 auto;

}



.single-testimonials-style1 .img-holder {

    position: absolute;

    top: 0;

    left: 0;

    width: 200px;

    min-height: 250px;

    background: #f6f6f6;

    padding-top: 30px;

    z-index: 1;

}



.single-testimonials-style1 .img-holder .top-pattern-bg {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    height: 40%;

    background: #f5f5f5;

    z-index: -1;

}



.single-testimonials-style1 .img-holder .bottom-pattern-bg {

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    height: 60%;

    background: var(--thm-base);

    z-index: -1;

}



.single-testimonials-style1 .img-holder .img-box {

    position: relative;

    display: block;

    width: 150px;

    border-radius: 50%;

    overflow: hidden;

    margin: 0 auto;

    border: 4px solid #ffffff;

    z-index: 1;

}



.single-testimonials-style1 .img-holder .img-box img {

    width: 100%;

}





.single-testimonials-style1 .img-holder .review-box {

    position: relative;

    display: block;

    text-align: center;

    margin-top: 20px;

}



.single-testimonials-style1 .img-holder .review-box ul {

    position: relative;

    display: block;

    overflow: hidden;

}



.single-testimonials-style1 .img-holder .review-box ul li {

    display: inline-block;

    float: none;

    margin-right: 2px;

    text-align: center;

}



.single-testimonials-style1 .img-holder .review-box ul li:last-child {

    margin-right: 0;

}



.single-testimonials-style1 .img-holder .review-box ul li i {

    color: #ffffff;

    cursor: pointer;

}







.single-testimonials-style1 .text-holder {

    position: relative;

    display: block;

    min-height: 250px;

    padding-top: 38px;

    padding-left: 40px;

    padding-right: 40px;

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

}



.single-testimonials-style1 .text-holder .top {

    position: relative;

    display: flex;

    align-items: center;

    overflow: hidden;

}



.single-testimonials-style1 .text-holder .top .icon {

    position: relative;

    display: block;

}



.single-testimonials-style1 .text-holder .top .icon span {

    position: relative;

    display: block;

    line-height: 0px;

}



.single-testimonials-style1 .text-holder .top .icon span::before {

    position: relative;

    display: inline-block;

    color: #e0e0e0;

    font-size: 60px;

    line-height: 50px;

}



.single-testimonials-style1 .text-holder .top .name {

    position: relative;

    display: block;

    padding-left: 30px;

}



.single-testimonials-style1 .text-holder .top .name h3 {

    font-size: 20px;

    line-height: 26px;

    font-weight: 600;

}



.single-testimonials-style1 .text-holder .top .name span {

    color: var(--thm-base);

    font-size: 16px;

    line-height: 26px;

}



.single-testimonials-style1 .text-holder .text {

    position: relative;

    display: block;

    padding-top: 13px;

}



.single-testimonials-style1 .text-holder .text p {

    margin: 0;

}



.testimonials-carousel_1 {

    position: relative;

    display: block;

}



.testimonials-carousel_1.owl-carousel .owl-stage-outer {

    padding-bottom: 0px;

    overflow: visible;

}



.testimonials-carousel_1.owl-carousel .owl-stage-outer .owl-item {

    opacity: 0;

    transition: all 500ms linear;

    transition-delay: 0.1s;

}



.testimonials-carousel_1.owl-carousel .owl-stage-outer .owl-item.active {

    opacity: 1;

}







/*** 

=============================================

   Testimonial Style2 Area Css

=============================================

***/

.testimonials-style2-area {

    position: relative;

    display: block;

    background: var(--thm-black);

    padding: 60px 0 40px;

}



.testimonials-style2-area .sec-title h2 {

    color: #ffffff;

}



.single-testimonials-style2 {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 20px;

    padding-top: 0;

    margin-bottom: 30px;

    transition: all 500ms linear;

    transition-delay: 0.1s;

}



.single-testimonials-style2:hover {

    box-shadow: 0px 10px 50px 0px rgba(26, 46, 85, 0.2);

    transform: translateY(-5px);

    transition: all 0.3s ease-in-out 0.1s;

}



.single-testimonials-style2 .icon-box {

    position: relative;

    display: block;

    width: 170px;

    height: 50px;

    margin: 0 auto;

    z-index: 1;

}



.single-testimonials-style2 .icon-box:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    border-top: 50px solid #117a39;

    border-left: 50px solid transparent;

    border-right: 50px solid transparent;

}



.single-testimonials-style2 .icon-box span {

    position: relative;

    display: block;

    padding-top: 12px;

}



.single-testimonials-style2 .icon-box span:before {

    position: relative;

    display: block;

    color: var(--thm-base);

    font-size: 30px;

    line-height: 22px;

}



.single-testimonials-style2 .text-holder {

    position: relative;

    display: block;

    padding: 31px 2px 29px;

}



.single-testimonials-style2 .text-holder h3 {

    font-size: 20px;

    font-weight: 600;

    margin: 0 0 11px;

}



.single-testimonials-style2 .text-holder p {

    margin: 0;

}



.single-testimonials-style2 .img-holder {

    position: relative;

    display: block;

}



.single-testimonials-style2 .img-holder .img-box {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    width: 90px;

    height: 90px;

    margin: 0 auto;

    border-radius: 50%;

    overflow: inherit;

    z-index: 2;

}



.single-testimonials-style2 .img-holder .img-box:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background: rgba(var(--thm-base-rgb), .70);

    border-radius: 50%;

    z-index: 1;

    transform: scale(0.0);

    transform-origin: center;

    transform-style: preserve-3d;

    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);

}



.single-testimonials-style2:hover .img-holder .img-box:before {

    transform: scaleX(1.0);

}



.single-testimonials-style2 .img-holder .img-box img {

    width: 100%;

    border-radius: 50%;

}



.single-testimonials-style2 .img-holder .inner {

    position: relative;

    display: block;

    background: var(--thm-black);

    padding: 15px 0;

}



.single-testimonials-style2 .img-holder .inner:before {

    content: "";

    position: absolute;

    top: -2px;

    left: 50px;

    right: 50px;

    height: 4px;

    background: var(--thm-base);

    transform-origin: center;

    transform-style: preserve-3d;

    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);

}



.single-testimonials-style2:hover .img-holder .inner:before {

    left: 0px;

    right: 0px;

}



.single-testimonials-style2 .img-holder .inner h3 {

    color: #ffffff;

    font-size: 20px;

    font-weight: 600;

    margin: 0 0 1px;

}



.single-testimonials-style2 .img-holder .inner span {

    color: var(--thm-base);

}









/*** 

=============================================

   Testimonial Style3 Area Css

=============================================

***/

.testimonials-style3-area {

    position: relative;

    display: block;

    background: #262e39;

}







.testimonials-style3-area .container-fluid {

    width: 100%;

    padding-right: 0px;

    padding-left: 0px;

    margin-right: auto;

    margin-left: auto;

}





.testimonials-style3-area .row {

    margin-left: 0px;

    margin-right: 0px;

}



.testimonials-style3-area .row [class*=col-] {

    padding-left: 0px;

    padding-right: 0px;

}



.single-testimonials-style3-box {

    position: relative;

    display: block;

    padding: 120px 60px 114px;

    transition: all 300ms ease;

    z-index: 1;

}



.single-testimonials-style3-box:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background: #2b3440;

    z-index: -1;

    transform: perspective(400px) scaleX(0);

    transform-origin: center;

    transition: all 500ms linear;

    transition-delay: 0.1s;

}



.single-testimonials-style3 {

    position: relative;

    display: block;

    padding-left: 90px;

    max-width: 520px;

    width: 100%;

}



.single-testimonials-style3 .quote-icon {

    position: absolute;

    top: 8px;

    left: 0;

    z-index: 1;

}



.single-testimonials-style3 .quote-icon::before {

    content: "";

    position: absolute;

    top: 55px;

    left: 25px;

    background: var(--thm-base);

    width: 1px;

    height: 100px;

    z-index: -1;

}



.single-testimonials-style3 .quote-icon::after {

    content: "";

    position: absolute;

    top: 55px;

    left: 31px;

    background: var(--thm-base);

    width: 1px;

    height: 120px;

}



.single-testimonials-style3 .quote-icon span::before {

    position: relative;

    display: inline-block;

    color: var(--thm-base);

    font-size: 60px;

}







.testimonials-style3__outer-box {

    position: relative;

    display: block;

}



.testimonials-style3__outer-box .client-info {

    position: relative;

    display: flex;

    align-items: center;

}



.testimonials-style3__outer-box .client-info .img-box {

    position: relative;

    display: block;

    border: 3px solid #ffffff;

    width: 80px;

}



.testimonials-style3__outer-box .client-info .img-box img {

    width: 100%;

}



.testimonials-style3__outer-box .client-info .name {

    position: relative;

    display: block;

    padding-left: 30px;

}



.testimonials-style3__outer-box .client-info .name h3 {

    color: #ffffff;

    font-size: 20px;

    line-height: 20px;

    font-weight: 600;

    margin-bottom: 4px;

}



.testimonials-style3__outer-box .client-info .name span {

    color: #acb0b5;

}





.testimonials-style3__outer-box .client-info .name .review-box {

    position: relative;

    display: block;

    margin-top: 14px;

}



.testimonials-style3__outer-box .client-info .name .review-box ul {

    position: relative;

    display: block;

}



.testimonials-style3__outer-box .client-info .name .review-box ul li i:before {

    position: relative;

    display: inline-block;

    color: var(--thm-base);

}



.testimonials-style3__outer-box .text-box {

    position: relative;

    display: block;

    margin-top: 31px;

}



.testimonials-style3__outer-box .text-box p {

    color: #acb0b5;

    margin: 0;

}











.testimonials-style3__carousel.owl-carousel {

    position: relative;

    display: block;

    max-width: 33.333333%;

    width: 100%;

    margin: 0 auto;

}



.testimonials-style3__carousel.owl-carousel .owl-stage-outer {

    overflow: visible;

    padding: 0px 0px 0px;

}



.testimonials-style3__carousel.owl-carousel .owl-stage-outer .owl-item.active .single-testimonials-style3-box:before {

    opacity: 1;

    transform: perspective(400px) scaleX(1.0);

    transition: all 700ms linear;

    transition-delay: 0.1s;

}

.testimonials-page-one {

    padding-bottom: 90px;

}



.testimonials-page-one .single-testimonials-style1 {

    margin-bottom: 30px;

}

/*** 

=============================================

    Footer area style

=============================================

***/

.footer-area {

    position: relative;

    display: block;

    background: #1c1c27;

}



.footer-top {

    position: relative;

    display: block;

    background: #232331;

    border-bottom: 1px solid #333347;

    padding: 48px 0;

}



.footer-top__content {

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}



.footer-top__content .left-box {

    position: relative;

    display: flex;

    align-items: center;

}



.footer-top__content .left-box .footer-logo {

    position: relative;

    display: block;

    width: 250px;

}



.footer-top__content .left-box .footer-logo::before {

    content: "";

    position: absolute;

    top: 3px;

    right: 0;

    bottom: 3px;

    width: 1px;

    background: #3a3a52;

}



.footer-top__content .left-box .footer-logo a {

    position: relative;

    display: inline-block;

}



.footer-top__content .left-box .title {

    position: relative;

    display: block;

    padding-left: 50px;

}



.footer-top__content .left-box .title h3 {

    color: #f6f6f6;

    font-size: 26px;

    line-height: 34px;

    font-weight: 600;

    margin: 0 0 4px;

}



.footer-top__content .left-box .title p {

    color: #b0b0bd;

    margin: 0;

}





.footer-top__content .right-box {

    position: relative;

    display: block;

    line-height: 0;

}



.footer-top__content .right-box a {

    padding-left: 30px;

    padding-right: 30px;

}



.footer-top__content .right-box a.one {}



.footer-top__content .right-box a.two {

    color: #ffffff;

    font-size: 16px;

    font-weight: 600;

}



.footer-top__content .right-box a.two span {

    position: relative;

    display: inline;

    padding-right: 10px;

    line-height: 0;

    font-size: 16px;

    font-weight: 400;

    top: 1px;

}



.footer-top__content .right-box a.two:after {

    border: 2px solid var(--thm-base);

    background-color: var(--thm-base);

}



.footer-top__content .right-box a+a {

    margin-left: 6px;

}







.footer {

    position: relative;

    display: block;

    padding-top: 120px;

    padding-bottom: 120px;

    z-index: 1;

}



.single-footer-widget {

    position: relative;

    display: block;

    overflow: hidden;

}



.single-footer-widget .title {

    position: relative;

    display: block;

    line-height: 0;

    margin-top: -6px;

    margin-bottom: 32px;

    padding-bottom: 14px;

}



.single-footer-widget .title:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 50px;

    height: 2px;

    background: var(--thm-base);

}



.single-footer-widget .title h3 {

    color: #ffffff;

    font-size: 20px;

    line-height: 30px;

    font-weight: 600;

    text-transform: capitalize;

}





.single-footer-widget .our-company-info {

    position: relative;

    display: block;

    text-align: center;

    width: 100%;

}



.single-footer-widget .our-company-info .text-box {

    position: relative;

    display: block;

    padding-bottom: 21px;

}



.single-footer-widget .our-company-info .text-box p {

    color: #b0b0bd;

    font-size: 16px;

    line-height: 26px;

    font-weight: 400;

    margin: 0;

}



.single-footer-widget .our-company-info ul {

    position: relative;

    display: block;

    overflow: hidden;

}



.single-footer-widget .our-company-info ul li {

    position: relative;

    display: block;

}



.single-footer-widget .our-company-info ul li h6 {

    color: #ffffff;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    margin: 0 0 4px;

}



.single-footer-widget .our-company-info ul li p {

    color: #b0b0bd;

    margin: 0;

}



.single-footer-widget .our-company-info .btn-box {

    position: relative;

    display: block;

    line-height: 0;

    padding-top: 34px;

}



.single-footer-widget .our-company-info .btn-box a {

    color: #ffffff;

    padding: 0 35px;

}



.single-footer-widget .our-company-info .btn-box a:hover {

    color: var(--thm-base);

}



.single-footer-widget .our-company-info .btn-box a.btn-one:before {

    background: #ffffff;

}



.single-footer-widget .our-company-info .btn-box a.btn-one:after {

    border: 2px solid var(--thm-base);

    background-color: var(--thm-base);

}







.footer-widget-links {

    position: relative;

    display: block;

    margin-top: -2px;

    overflow: hidden;

}



.footer-widget-links .left {

    width: 140px;

}



.footer-widget-links ul {

    position: relative;

    display: block;

    overflow: hidden;

}



.footer-widget-links ul li {

    position: relative;

    display: block;

    line-height: 30px;

    margin-bottom: 10px;

}



.footer-widget-links ul li:last-child {

    margin-bottom: 0;

}



.footer-widget-links ul li a {

    position: relative;

    display: inline-block;

    padding-right: 15px;

    color: #b0b0bd;

    font-size: 16px;

    font-weight: 400;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.footer-widget-links ul li a:before {

    font-family: flaticon !important;

    content: "\f149" !important;

    position: absolute;

    top: 1px;

    right: -4px;

    transition: .5s;

    transform: perspective(400px) scaleX(0) rotate(270deg);

    -webkit-transform-origin: center;

    -ms-transform-origin: center;

    transform-origin: center;

    font-size: 12px;

}



.footer-widget-links ul li a:hover:before {

    transform: perspective(400px) scaleX(1.0) rotate(-90deg);

}



.footer-widget-links ul li a:hover {

    color: var(--thm-base);

}









.footer-widget-contact-info {

    position: relative;

    display: block;

    padding-top: 5px;

}



.footer-widget-contact-info ul {

    position: relative;

    display: flex;

    justify-content: center;

    overflow: hidden;

}



.footer-widget-contact-info ul li {

    position: relative;

    display: block;

    margin-bottom: 21px;

}



.footer-widget-contact-info ul li:last-child {

    margin-bottom: 0;

}



.footer-widget-contact-info ul li h6 {

    color: #ffffff;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    margin: 0 0 9px;

}



.footer-widget-contact-info ul li p {

    color: #b0b0bd;

    margin: 0;

}



.footer-widget-contact-info ul li p a {

    color: #b0b0bd;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.footer-widget-contact-info ul li p a:hover {

    color: var(--thm-base);

}





.footer-social-link {

    position: relative;

    display: block;

    padding-top: 24px;

}



.footer-social-link ul {}



.footer-social-link ul li {

    position: relative;

    float: left;

    margin: 0 !important;

    padding: 0 !important;

    margin-right: 10px !important;

}



.footer-social-link ul li:last-child {

    margin-right: 0 !important;

}



.footer-social-link ul li a {

    position: relative;

    display: block;

    width: 45px;

    height: 45px;

    background: #2d2d3f;

    color: #ffffff;

    font-size: 16px;

    line-height: 45px;

    text-align: center;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.footer-social-link ul li:hover a {

    background: var(--thm-base);

}









.widget-posts-box {

    position: relative;

    display: block;

    padding-top: 8px;

}



.widget-posts-box li {

    position: relative;

    display: block;

    border-bottom: 1px solid #333347;

    padding-bottom: 30px;

    margin-bottom: 30px;

}



.widget-posts-box li:last-child {

    padding-bottom: 0;

    margin-bottom: 0;

    border-bottom: none;

}



.widget-posts-box li .inner {

    position: relative;

    display: block;

    min-height: 70px;

    padding-left: 70px;

}



.widget-posts-box li .img-box {

    position: absolute;

    top: 0;

    left: 0;

    width: 70px;

    height: 70px;

    overflow: hidden;

}



.widget-posts-box li .img-box img {

    width: 100%;

}



.widget-posts-box li .img-box .overlay-content {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    background-color: rgba(var(--thm-base-rgb), .80);

    border-radius: 0px;

    opacity: 0;

    transform: perspective(400px) scale(0);

    transform-origin: top;

    transition: all 0.5s ease-in-out 0s;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    z-index: 2;

}



.widget-posts-box li:hover .img-box .overlay-content {

    opacity: 1;

    transform: perspective(400px) scale(1.0);

    transition: all 0.3s ease-in-out 0.3s;

}



.widget-posts-box li .img-box .overlay-content a {

    color: #ffffff;

    font-size: 14px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}





.widget-posts-box li .title-box {

    position: relative;

    display: block;

    min-height: 70px;

    padding-left: 20px;

}



.widget-posts-box li .title-box p {

    color: #b0b0bd;

    font-size: 16px;

    line-height: 16px;

    font-weight: 400;

    margin: 0;

}



.widget-posts-box li .title-box h4 {

    font-size: 16px;

    line-height: 22px;

    font-weight: 500;

    margin: 10px 0px 0;

}



.widget-posts-box li .title-box h4 a {

    color: #ffffff;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.widget-posts-box li .title-box h4 a:hover {

    color: var(--thm-base);

}



.widget-more-post-button {

    position: relative;

    display: block;

    padding-top: 30px;

}



.widget-more-post-button a {

    color: #ffffff;

}







.footer-bottom {

    position: relative;

    display: block;

    background: #232331;

    padding: 22px 0px 22px;

    border-top: 1px solid #333347;

}



.footer-bottom .bottom-inner {

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}



.footer-bottom .bottom-inner .copyright {

    position: relative;

    display: block;

}



.footer-bottom .bottom-inner .copyright p {

    color: #b0b0bd;

    margin: 0;

}



.footer-bottom .bottom-inner .copyright p a {

    color: var(--thm-base);

}





.footer-menu {

    position: relative;

    display: block;

}



.footer-menu .footer-nav {

    position: relative;

    display: block;

    overflow: hidden;

}



.footer-menu .footer-nav li {

    position: relative;

    display: inline-block;

    float: left;

    margin-right: 25px;

}



.footer-menu .footer-nav li:last-child {

    margin-right: 0;

}



.footer-menu .footer-nav li a {

    color: #b0b0bd;

    font-size: 16px;

    line-height: 24px;

    font-weight: 400;

    -webkit-transition: all 0.4s linear;

    -o-transition: all 0.4s linear;

    transition: all 0.4s linear;

}



.footer-menu .footer-nav li a:hover {

    color: #ffffff;

}







/*** 

=============================================

    Footer area style2 Css

=============================================

***/

.footer-area--style2 {

    background: #213140;

}



.footer--style2 {

    padding-bottom: 99px;

}



.single-footer-widget-style2 {}



.single-footer-widget-style2 .our-company-info {

    position: relative;

    display: block;

}



.single-footer-widget-style2 .our-company-info .footer-logo {

    position: relative;

    display: block;

    padding-bottom: 31px;

}



.single-footer-widget-style2 .our-company-info .footer-logo a {

    position: relative;

    display: inline-block;

}



.single-footer-widget-style2 .our-company-info .text-box {

    position: relative;

    display: block;

    padding-bottom: 31px;

}



.single-footer-widget-style2 .our-company-info .text-box p {

    color: #b4bdc5;

}



.emergency-contact {

    position: relative;

    display: block;

}



.emergency-contact h6 {

    color: #ffffff;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    margin: 0 0 12px;

}



.emergency-contact h3 {

    color: var(--thm-base);

    font-size: 20px;

    font-weight: 600;

}



.emergency-contact h3 span:before {

    position: relative;

    top: 1px;

    left: 1px;

    display: inline-block;

    padding-right: 10px;

    font-size: 16px;

}



.emergency-contact h3 a {

    color: var(--thm-base);

}









.footer-widget-links-2 {

    position: relative;

    display: block;

    margin-top: -2px;

    overflow: hidden;

}



.footer-widget-links-2 ul {

    position: relative;

    display: block;

    overflow: hidden;

}



.footer-widget-links-2 ul li {

    position: relative;

    display: block;

    line-height: 30px;

    margin-bottom: 10px;

}



.footer-widget-links-2 ul li:last-child {

    margin-bottom: 0;

}



.footer-widget-links-2 ul li a {

    position: relative;

    display: inline-block;

    padding-left: 20px;

    padding-right: 15px;

    color: #b4bdc5;

    font-size: 16px;

    font-weight: 400;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.footer-widget-links-2 ul li a:hover {

    padding-left: 25px;

}



.footer-widget-links-2 ul li a:before {

    font-family: flaticon !important;

    content: "\f164" !important;

    position: absolute;

    top: 1px;

    left: 0px;

    transition: .5s;

    transform: perspective(400px) scaleX(1.0) rotate(180deg);

    -webkit-transform-origin: center;

    -ms-transform-origin: center;

    transform-origin: center;

    font-size: 14px;

}



.footer-widget-links-2 ul li a:hover:before {

    transform: perspective(400px) scaleX(1.0) rotate(-180deg);

}



.footer-widget-links-2 ul li a:hover {

    color: var(--thm-base);

}







.footer-subscribe-box {

    position: relative;

    display: block;

    max-width: 370px;

    width: 100%;

}



.footer-subscribe-box .text {

    position: relative;

    display: block;

    padding-bottom: 24px;

}



.footer-subscribe-box .text p {

    color: #b4bdc5;

    font-size: 16px;

    line-height: 26px;

    font-weight: 400;

    margin: 0;

}



.subscribe-form {

    position: relative;

    display: block;

    width: 100%;

    margin-bottom: 0px;

}



.subscribe-form .input-box {

    position: relative;

    display: block;

    padding-bottom: 15px;

}



.subscribe-form .input-box .icon {

    position: absolute;

    top: 40%;

    right: 20px;

    transform: translateY(-50%);

}



.subscribe-form .input-box .icon span {

    position: relative;

    display: block;

    line-height: 0;

}



.subscribe-form .input-box .icon span:before {

    color: #b4bdc5;

    font-size: 20px;

    line-height: 20px;

}





.subscribe-form input[type="email"] {

    position: relative;

    display: block;

    width: 100%;

    height: 60px;

    padding-left: 20px;

    padding-right: 50px;

    background: transparent;

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

    color: #b4bdc5;

    font-size: 16px;

    font-weight: 400;

    font-style: normal;

    border-radius: 0px;

    transition: all 500ms ease;

    font-family: var(--thm-font)

}



.subscribe-form input::-webkit-input-placeholder {

    color: #b4bdc5;

}



.subscribe-form input:-moz-placeholder {

    color: #b4bdc5;

}



.subscribe-form input::-moz-placeholder {

    color: #b4bdc5;

}



.subscribe-form input:-ms-input-placeholder {

    color: #b4bdc5;

}



.subscribe-form input[type="email"]:focus {

    color: #ffffff;

}



.subscribe-form button {

    color: #ffffff;

}



.subscribe-form button:hover {

    color: var(--thm-base);

}



.subscribe-form button.btn-one:after {

    border: 2px solid var(--thm-base);

    background-color: var(--thm-base);

}



.subscribe-form button.btn-one:before {

    background: #ffffff;

}







.footer-bottom--style2 {

    background: #213140;

    border-top: 1px solid rgba(255, 255, 255, 0.20);

}



.footer-bottom--style2 .bottom-inner .copyright p {

    color: #b4bdc5;

}



.footer-bottom--style2 .footer-menu .footer-nav li a {

    color: #b4bdc5;

}



.footer-bottom--style2 .footer-menu .footer-nav li a:hover {

    color: var(--thm-base);

}









/*** 

=============================================

    Footer area style2 Css

=============================================

***/

.footer-area--style3 {

    background: #213140;

}



.footer-top-style3 {

    position: relative;

    display: block;

    padding-top: 51px;

    z-index: 10;

}



.footer-top-style3 .pattern-bg {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background-color: var(--thm-base);

    background-repeat: repeat;

    background-position: center;

    z-index: -1;

}



.footer-top-style3__content {

    position: relative;

    display: block;

    margin-bottom: -70px;

    z-index: 10;

}



.footer-top-style3__content .top-title {

    position: relative;

    display: block;

    padding-bottom: 34px;

}



.footer-top-style3__content .top-title h2 {

    color: #ffffff;

    font-size: 36px;

    line-height: 46px;

    font-weight: 600;

    margin: 0 0 2px;

}



.footer-top-style3__content .top-title p {

    color: #ffffff;

    margin: 0;

}





.subscribe-form-box1 {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 40px 40px 40px;

}



.subscribe-form-box1 .row {

    margin-left: -10px;

    margin-right: -10px;

}



.subscribe-form-box1 .row [class*=col-] {

    padding-left: 10px;

    padding-right: 10px;

}



.subscribe-form-box1 .left-box {

    position: relative;

    display: block;

    max-width: 880px;

    width: 100%;

}



#subscribe-form {

    position: relative;

    display: flex;

}



.subscribe-form-box1 form .input-box {

    position: relative;

    display: block;

}



.subscribe-form-box1 form .input-box .icon {

    position: absolute;

    top: 50%;

    right: 20px;

    color: #757575;

    font-size: 16px;

    transform: translateY(-50%);

}



.subscribe-form-box1 form input[type="text"],

.subscribe-form-box1 form input[type="email"] {

    position: relative;

    display: block;

    background: #ffffff;

    width: 100%;

    height: 60px;

    border: 1px solid #e5e5e5;

    color: #757575;

    font-size: 16px;

    font-weight: 400;

    font-style: normal;

    padding-left: 20px;

    padding-right: 50px;

    border-radius: 0px;

    transition: all 500ms ease;

    font-family: var(--thm-font);

}



.subscribe-form-box1 form input[type="text"]::-webkit-input-placeholder {

    color: #757575;

}



.subscribe-form-box1 form input[type="text"]:-moz-placeholder {

    color: #757575;

}



.subscribe-form-box1 form input[type="text"]::-moz-placeholder {

    color: #757575;

}



.subscribe-form-box1 form input[type="text"]:-ms-input-placeholder {

    color: #757575;

}



.subscribe-form-box1 form input[type="email"]::-webkit-input-placeholder {

    color: #757575;

}



.subscribe-form-box1 form input[type="email"]:-moz-placeholder {

    color: #757575;

}



.subscribe-form-box1 form input[type="email"]::-moz-placeholder {

    color: #757575;

}



.subscribe-form-box1 form input[type="email"]:-ms-input-placeholder {

    color: #757575;

}





.subscribe-form-box1 .right-box {

    position: relative;

    display: block;

    max-width: 190px;

    width: 100%;

    margin-left: 20px;

}



.subscribe-form-box1 form .button-box {

    position: relative;

    display: block;

}



.subscribe-form-box1 form .button-box button {

    padding: 0;

    width: 100%;

}









.footer-style3 {

    position: relative;

    display: block;

    padding-top: 60px;

    padding-bottom: 0px;

    z-index: 1;

}



.footer-style3-bg {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background-attachment: fixed;

    background-position: center top;

    background-repeat: no-repeat;

    background-size: cover;

    z-index: -1;

}



.footer-style3-bg:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background: var(--thm-black);

    opacity: 0.75;

}



.single-footer-widget--style3 {}



.single-footer-widget--style3 .footer-logo {

    position: relative;

    display: block;

    text-align: center;

    padding-bottom: 16px;

}



.single-footer-widget--style3 .footer-logo a {

    position: relative;

    display: inline-block;

}



.single-footer-widget--style3 .our-company-info .text-box {

    padding-bottom: 32px;

}



.single-footer-widget--style3 .our-company-info .text-box p {

    color: #acb0b5;

}



.single-footer-widget--style3 .our-company-info .text-box .btn-box2 {

    position: relative;

    display: block;

    padding-top: 15px;

}



.single-footer-widget--style3 .text-box .btn-box2 a {

    color: #ffffff;

}



.single-footer-widget--style3 .text-box .btn-box2 a:hover {

    color: var(--thm-base);

}







.footer-widget-gallery {

    position: relative;

    display: block;

    max-width: 370px;

    width: 100%;

}



.footer-widget-gallery ul {

    position: relative;

    display: block;

    margin-left: -5px;

    margin-right: -5px;

}



.footer-widget-gallery ul li {

    position: relative;

    display: block;

    float: left;

    width: 85px;

    margin: 0 5px 10px;

}



.footer-widget-gallery ul li .img-box {

    position: relative;

    display: block;

    overflow: hidden;

}



.footer-widget-gallery ul li .img-box img {

    width: 100%;

    filter: grayscale(0%);

}



.footer-widget-gallery ul li:hover .img-box img {

    transform: scale(1.1) rotate(2deg);

}



.footer-widget-gallery ul li .img-box .overlay-content {

    position: absolute;

    top: 0px;

    left: 0px;

    bottom: 0px;

    right: 0px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: rgba(var(--thm-base-rgb), .90);

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .5s;

    transition-property: all;

    opacity: 0;

    z-index: 5;

}



.footer-widget-gallery ul li:hover .img-box .overlay-content {

    opacity: 1;

}



.footer-widget-gallery ul li .img-box .overlay-content a {

    position: relative;

    display: inline-block;

    width: 25px;

    height: 25px;

    color: #ffffff;

    font-size: 25px;

    line-height: 25px;

    text-align: center;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    opacity: 0;

    -webkit-transform: perspective(400px) rotateX(-90deg) scale(0.2);

    -ms-transform: perspective(400px) rotateX(-90deg) scale(0.2);

    transform: perspective(400px) rotateX(-90deg) scale(0.2);

    -webkit-transform-origin: top;

    -ms-transform-origin: top;

    transform-origin: top;

}



.footer-widget-gallery ul li:hover .img-box .overlay-content a {

    opacity: 1;

    -webkit-transform: perspective(400px) rotateX(0deg) scale(1.0);

    -ms-transform: perspective(400px) rotateX(0deg) scale(1.0);

    transform: perspective(400px) rotateX(0deg) scale(1.0);

    transition-delay: .5s;

}









.single-footer-widget--style3 .footer-widget-links-2 .left {

    width: 190px;

}



.single-footer-widget--style3 .footer-widget-links-2 ul li a {

    color: #acb0b5;

}



.single-footer-widget--style3 .footer-widget-links-2 ul li a:hover {

    color: var(--thm-base);

}







.footer-widget-contact-info--style2 ul li {

    position: relative;

    display: block;

    padding-left: 45px;

    margin-bottom: 21px;

    margin-right: 20px;

}



.footer-widget-contact-info--style2 ul li .inner-icon {

    position: absolute;

    top: 3px;

    left: 0;

    width: 45px;

    height: 45px;

    background: var(--thm-base);

}



.footer-widget-contact-info--style2 ul li .inner-icon span:before {

    position: relative;

    display: block;

    color: #ffffff;

    font-size: 16px;

    line-height: 45px;

    text-align: center;

}



.footer-widget-contact-info--style2 ul li .inner-text {

    position: relative;

    display: block;

    padding-left: 13px;

}



.footer-widget-contact-info--style2 ul li p {

    color: #b0b0bd;

    font-size: 16px;

}





.footer-social-link.style2 ul li a {

    background: transparent;

    border: 1px solid #3d4857;

    color: #ffffff;

    line-height: 43px;

}



.footer-social-link.style2 ul li a:hover {

    border-color: var(--thm-base);

    background-color: var(--thm-base);

}









.footer-bottom-style3 {

    position: relative;

    display: block;

    padding-top: 30px;

}



.footer-bottom-style3__content {

    position: relative;

    display: block;

    padding: 7px 0;

    z-index: 1;

    background-color: #117a39;

}





.footer-bottom-style3__content .copyright {

    position: relative;

    display: block;

}



.footer-bottom-style3__content .copyright p {

    color: #ffffff;

    margin: 0;

    font-size: 15px;

}



.footer-bottom-style3__content .copyright p a {

    color: var(--thm-black);

    font-weight: 500;

}
/*** 

=============================================

    Contact Info Area style

=============================================

***/



.contact-info-area {

    position: relative;

    display: block;

    padding-top: 60px;

    padding-bottom: 30px;

    z-index: 10;

}



.single-contact-info-box {

    position: relative;

    display: block;

    padding-top: 20px;

    margin-bottom: 30px;

    z-index: 1;

}



.single-contact-info-box .icon {

    position: absolute;

    top: 0;

    left: 30px;

    width: 60px;

    height: 60px;

    background: var(--thm-base);

    border-radius: 0%;

    z-index: 2;

}



.single-contact-info-box .icon::before {

    content: "";

    position: absolute;

    top: 0px;

    right: -16px;

    z-index: -1;

    border-bottom: 20px solid rgba(var(--thm-base-rgb), .80);

    border-right: 16px solid transparent;

}



.single-contact-info-box .icon span::before {

    position: relative;

    display: block;

    color: #ffffff;

    font-size: 25px;

    line-height: 60px;

    text-align: center;

}





.single-contact-info-box .text-holder {

    position: relative;

    display: block;

    padding: 71px 25px 34px;

    background: #ffffff;

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

    z-index: 1;

}



.single-contact-info-box .text-holder .pattern-bg {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background-color: #c8e5ce;

    background-repeat: repeat;

    z-index: -1;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.single-contact-info-box:hover .text-holder .pattern-bg {

    background-color: #1c1c27;

}





.single-contact-info-box .text-holder .top {

    position: relative;

    display: block;

    padding-bottom: 16px;

}



.single-contact-info-box .text-holder h3 {

    font-size: 20px;

    line-height: 24px;

    font-weight: 600;

    margin-bottom: 2px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.single-contact-info-box:hover .text-holder h3 {

    color: #ffffff;

}



.single-contact-info-box .text-holder span {

    font-style: italic;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.single-contact-info-box:hover .text-holder span {

    color: #b0b0bd;

}



.single-contact-info-box .text-holder p {

    margin: 0;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.single-contact-info-box:hover .text-holder p {

    color: #b0b0bd;

}



.single-contact-info-box .text-holder p a {

    color: var(--thm-gray);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.single-contact-info-box:hover .text-holder p a {

    color: #b0b0bd;

}



.single-contact-info-box .text-holder p a:hover {

    color: var(--thm-base);

}

















/*** 

=============================================

    Contact Form Area Css

=============================================

***/

.main-contact-form-area {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 0px 0 60px;

}



.contact-style1_form {

    position: relative;

    display: block;

    max-width: 100%;

    width: 100%;

    background: #ffffff;

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

    padding: 54px 40px 60px;

    z-index: 1;

}



.contact-style1_form .top-title {

    position: relative;

    display: block;

    padding-bottom: 34px;

}



.contact-style1_form .top-title h2 {

    font-size: 36px;

    line-height: 40px;

    font-weight: 600;

    margin: 0 0 10px;

}



.contact-style1_form .top-title p {

    margin: 0;

}



.contact-form {

    position: relative;

    display: block;

}



.contact-form form {


    position: relative;

    display: block;

}



.contact-form form .input-box {

    position: relative;

    display: block;

    margin-bottom: 20px;

}

.contact-form form input[type="text"],

.contact-form form input[type="email"],
.contact-form form input[type="date"],

.contact-form form textarea {

    position: relative;

    display: block;

    background: #ffffff;

    width: 100%;

    height: 55px;

    border: 1px solid #e5e5e5;

    color: #757575;

    font-size: 16px;

    font-weight: 400;

    font-style: normal;

    padding-left: 20px;

    padding-right: 20px;

    border-radius: 0px;

    transition: all 500ms ease;

    font-family: var(--thm-font);

}

.readonly_text{
    background: #f1f1f1 !important;
}



.contact-form form textarea {

    height: 110px;

    padding-top: 12px;

    padding-left: 20px;

    padding-right: 20px;

    padding-bottom: 10px;

}



.contact-form form input[type="text"]::-webkit-input-placeholder {

    color: #757575;

}



.contact-form form input[type="text"]:-moz-placeholder {

    color: #757575;

}



.contact-form form input[type="text"]::-moz-placeholder {

    color: #757575;

}



.contact-form form input[type="text"]:-ms-input-placeholder {

    color: #757575;

}



.contact-form form input[type="email"]::-webkit-input-placeholder {

    color: #757575;

}



.contact-form form input[type="email"]:-moz-placeholder {

    color: #757575;

}



.contact-form form input[type="email"]::-moz-placeholder {

    color: #757575;

}



.contact-form form input[type="email"]:-ms-input-placeholder {

    color: #757575;

}



.contact-form form textarea::-webkit-input-placeholder {

    color: #757575;

}



.contact-form form textarea:-moz-placeholder {

    color: #757575;

}



.contact-form form textarea::-moz-placeholder {

    color: #757575;

}



.contact-form form textarea:-ms-input-placeholder {

    color: #757575;

}









.contact-form form .select-box {

    position: relative;

    display: block;

    width: 100%;

    height: 55px;

}



.contact-form .nice-select {

    height: 55px;

    line-height: 53px;

    background: #ffffff;

    border: 1px solid #e5e5e5 !important;

    font-family: var(--thm-font);

    border-radius: 0px;

    font-size: 16px;

    font-weight: 400;

    color: #757575;

    padding-left: 20px;

    padding-right: 20px;

}



.contact-form .nice-select:after {

    width: 8px;

    height: 8px;

    border-bottom: 2px solid #757575;

    border-right: 2px solid #757575;

    right: 22px;

    margin-top: 0px;

    top: 21px;

    z-index: 10;

}







.contact-form form .button-box {

    position: relative;
    display: inline-flex;
    /* width: 100%; */
    justify-content: center;

}



.contact-form form .button-box .btn-one {
    border: 2px solid var(--thm-base);
    position: relative;

    display: block;

    width: 100%;

}
.contact-form form .button-box .btn-one:hover{
	    background: #63eae6;
}




.contact-page-map-outer {

    position: relative;

    display: block;

    z-index: 10;

}



.contact-page-map-outer .map-canvas {

    position: relative;

    width: 100%;

    height: 665px;

}
/*** 

=============================================

    Blog Style1 Area Css

=============================================

***/

.blog-style1-area {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 60px 0 40px;

}



.blog-top-title {

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: flex-end;

    padding-bottom: 49px;

}



.blog-style1-area .sec-title {

    padding-bottom: 0;

}



.blog-style1-area .sec-title.pdbtm50 {

    padding-bottom: 50px;

}



.blog-style1__button {

    position: relative;

    display: block;

    line-height: 0;

    padding-bottom: 11px;

}



.single-blog-style1 {

    position: relative;

    display: block;

    transition: all 200ms linear;

    transition-delay: 0.1s;

    margin-bottom: 40px;

}



.single-blog-style1:hover {

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

}





.single-blog-style1 .img-holder {

    position: relative;

    display: block;

}



.single-blog-style1 .img-holder .inner {

    position: relative;

    display: block;

    overflow: hidden;

}



.single-blog-style1 .img-holder .inner::before {

    position: absolute;

    top: 0%;

    left: 0%;

    display: block;

    content: '';

    width: 0;

    height: 0;

    background-color: rgba(var(--thm-base-rgb), .80);

    border-radius: 50%;

    -webkit-transform: translateX(90%, 90%);

    transform: translateX(90%, 90%);

    opacity: 0.70;

    z-index: 1;

}



.single-blog-style1:hover .img-holder .inner::before {

    -webkit-animation: circle .95s;

    animation: circle .95s;

}



.single-blog-style1 .img-holder img {

    width: 100%;

    transform: scale(1.0);

}



.single-blog-style1:hover .img-holder img {

    transform: scale(1.1) rotate(1deg);

}







.single-blog-style1 .categories-date-box {

    position: absolute;

    bottom: 10px;

    right: 10px;

    z-index: 2;

}



.single-blog-style1 .categories-date-box .categories-box {

    position: relative;

    display: block;

    float: left;

    height: 55px;

    background-color: rgba(var(--thm-black-rgb), .90);

    padding: 17px 20px 15px;

    margin-right: 3px;

}



.single-blog-style1 .categories-date-box .categories-box h6 {

    color: #ffffff;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

}



.single-blog-style1 .categories-date-box .categories-box h6 span:before {

    position: relative;

    display: inline-block;

    padding-right: 8px;

    color: var(--thm-base);

    font-size: 16px;

    top: 2px;

}



.single-blog-style1 .categories-date-box .date-box {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    float: right;

    width: 55px;

    height: 55px;

    background-color: var(--thm-base);

    text-align: center;

}



.single-blog-style1 .categories-date-box .date-box h3 {

    color: #ffffff;

    font-size: 18px;

    line-height: 18px;

    font-weight: 700;

    text-transform: uppercase;

}



.single-blog-style1 .categories-date-box .date-box h3 span {

    font-size: 14px;

    font-weight: 400;

}







.single-blog-style1 .text-holder {

    position: relative;

    display: block;

    background: #117a39;

    border: 1px solid #e5e5e5;

    border-top: none;

    padding: 21px 20px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.single-blog-style1:hover .text-holder {

    border-left-color: transparent;

    border-right-color: transparent;

}



.single-blog-style1 .text-holder .blog-title {

    font-size: 20px;
    color: #fff;

    line-height: 30px;

    font-weight: 600;

    text-transform: capitalize;

}



.single-blog-style1 .text-holder .blog-title a {

    color: #fff;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.single-blog-style1 .text-holder .blog-title a:hover {

    color: var(--thm-base);

}



.single-blog-style1 .text-holder .text {

    position: relative;

    display: block;

    padding-top: 10px;

}



.single-blog-style1 .text-holder .text p {

    margin: 0;

}



.single-blog-style1 .text-holder .bottom-box {

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    margin-top: 29px;

    padding-top: 16px;

    padding-bottom: 16px;

    z-index: 1;

}



.single-blog-style1 .text-holder .bottom-box .pattern-bg {

    position: absolute;

    top: 0px;

    left: -31px;

    bottom: 0;

    right: -31px;

    background-color: #ffffff;

    background-repeat: repeat;

    border-top: 1px solid #e5e5e5;

    border-left: 1px solid #e5e5e5;

    border-right: 1px solid #e5e5e5;

    z-index: -1;

    background-position: center;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.single-blog-style1 .text-holder .bottom-box .left {

    position: relative;

    display: block;

}







.single-blog-style1 .text-holder .bottom-box .right {

    position: relative;

    display: block;

}



.single-blog-style1 .text-holder .bottom-box .right ul {

    overflow: hidden;

}



.single-blog-style1 .text-holder .bottom-box .right ul li {

    position: relative;

    float: left;

    margin-right: 20px;

}



.single-blog-style1 .text-holder .bottom-box .right ul li:last-child {

    margin-right: 0;

}



.single-blog-style1 .text-holder .bottom-box .right ul li a {

    color: var(--thm-gray);

    font-size: 14px;

    font-weight: 600;

    text-transform: uppercase;

    font-family: var(--thm-font-2);

}



.single-blog-style1 .text-holder .bottom-box .right ul li a:hover {

    color: var(--thm-base);

}



.single-blog-style1 .text-holder .bottom-box .right ul li a span:before {

    position: relative;

    display: inline-block;

    padding-right: 5px;

}



.single-blog-style1 .text-holder .bottom-box .right ul li a .share {

    font-size: 18px;

}







/*** 

=============================================

    Blog Style2 Area Css

=============================================

***/

.blog-style2-area {

    position: relative;

    display: block;

    background: #f5f5f5;

    padding: 120px 0 120px;

}



.single-blog-style2 {

    margin: 0;

}





.single-blog-style2 .date-box {

    position: absolute;

    top: 10px;

    right: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 60px;

    height: 60px;

    background-color: var(--thm-base);

    text-align: center;

    z-index: 2;

}



.single-blog-style2 .date-box h3 {

    color: #ffffff;

    font-size: 20px;

    line-height: 20px;

    font-weight: 700;

    text-transform: uppercase;

}



.single-blog-style2 .date-box h3 span {

    font-size: 16px;

    font-weight: 400;

}



.single-blog-style2 .img-holder .gradient-bg {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background: rgb(33, 49, 64);

    background: linear-gradient(0deg, rgba(33, 49, 64, 1) 0%, rgba(33, 49, 64, 0) 50%);

    z-index: 1;

}



.single-blog-style2 .img-holder .overlay-content {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: flex-end;

    padding: 0 30px 24px;

    z-index: 2;

}



.single-blog-style2 .img-holder .overlay-content h6 {

    color: var(--thm-base);


    font-size: 14px;

    line-height: 24px;

    font-weight: 700;

    text-transform: uppercase;

    margin: 0 0 7px;

}



.single-blog-style2 .img-holder .overlay-content h6 span::before {

    position: relative;

    display: inline-block;

    padding-right: 10px;

    top: 2px;

}



.single-blog-style2 .img-holder .overlay-content .blog-title {

    font-size: 22px;

    line-height: 30px;

    font-weight: 600;

}



.single-blog-style2 .img-holder .overlay-content .blog-title a {

    color: #ffffff;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.single-blog-style2 .img-holder .overlay-content .blog-title a:hover {

    color: var(--thm-base);

}





.single-blog-style2 .text-holder {

    border: 0px solid;

    padding: 0;

}



.single-blog-style2 .text-holder .bottom-box {

    margin-top: 0;

    padding-top: 16px;

    padding-bottom: 16px;

    padding-left: 30px;

    padding-right: 30px;

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

}



.single-blog-style2 .text-holder .bottom-box .pattern-bg {

    top: 0px;

    left: 0px;

    bottom: 0;

    right: 0px;

    border: none;

}









.blog-style2-carousel {

    position: relative;

    display: block;

}



.blog-style2-carousel.owl-carousel .owl-stage-outer {

    padding-bottom: 0px;

    overflow: visible;

}



.blog-style2-carousel.owl-carousel .owl-stage-outer .owl-item {

    opacity: 0;

    -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);

    -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);

    transform: perspective(400px) rotateX(90deg) scaleY(0.5);

    -webkit-transform-origin: bottom;

    -ms-transform-origin: bottom;

    transform-origin: bottom;

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .5s;

    transition-property: all;

}



.blog-style2-carousel.owl-carousel .owl-stage-outer .owl-item.active {

    opacity: 1;

    -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1.0);

    -ms-transform: perspective(400px) rotateX(0deg) scaleY(1.0);

    transform: perspective(400px) rotateX(0deg) scaleY(1.0);

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .3s;

    transition-property: all;

}







/*** 

=============================================

    Blog Page Css

=============================================

***/

.blog-page {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 120px 0 120px;

}





.single-blog-style1--blog-large {

    margin-bottom: 50px;

}



.single-blog-style1--blog-large .text-holder .blog-title {

    font-size: 30px;

    line-height: 40px;

}



.single-blog-style1--blog-large .text-holder .text {

    padding-top: 13px;

}







/*** 

=============================================

    Blog Page Three Css

=============================================

***/



.single-blog-style1--blog-list {}



.single-blog-style1--blog-list .text-holder {

    border: 0px solid #e5e5e5;

    padding: 28px 30px 0;

    margin-left: -30px;

    z-index: 1;

}



.single-blog-style1--blog-list:hover {

    box-shadow: 0px 5px 15px 5px rgb(0 0 0 / 10%);

}



.single-blog-style1--blog-list .text-holder:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: -1px;

    border: 1px solid #e4e4e4;

    border-left: none;

    z-index: -1;

}



.single-blog-style1--blog-list .categories-date-box {

    position: relative;

    bottom: auto;

    right: auto;

    display: flex;

    flex-direction: row-reverse;

    align-items: flex-start;

    justify-content: flex-end;

    padding-bottom: 28px;

}



.single-blog-style1--blog-list .categories-date-box .categories-box {

    background-color: #ffffff;

    padding: 17px 20px 15px;

    margin-left: 10px;

    margin-right: 0;

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

}



.single-blog-style1--blog-list .categories-date-box .categories-box h6 {

    color: #757575;

}



.single-blog-style1--blog-list .text-holder .bottom-box .pattern-bg {

    top: 0px;

    left: -30px;

    bottom: 0;

    right: -30px;

    border-top: 1px solid #e5e5e5;

    border-left: 0px solid #e5e5e5;

    border-bottom: 1px solid #e5e5e5;

    border-right: 0px solid #e5e5e5;

}









/*** 

=============================================

    Blog Details Css

=============================================

***/

.blog-details-content {

    position: relative;

    display: block;

}



.single-blog-style1--blog-large.blog-details {

    margin-bottom: 60px;

}



.single-blog-style1--blog-large.blog-details .text-holder {

    padding: 32px 30px 0;

}



.single-blog-style1--blog-large.blog-details .text-holder .top-text {

    position: relative;

    display: block;

    padding-bottom: 36px;

}



.single-blog-style1--blog-large.blog-details .text-holder .top-text .top {

    position: relative;

    display: block;

    padding-left: 60px

}



.single-blog-style1--blog-large.blog-details .text-holder .top-text .top .big-text {

    position: absolute;

    top: 8px;

    left: 0;

    width: 60px;

    height: 60px;

    background: var(--thm-base);

    color: #ffffff;

    font-size: 48px;

    line-height: 50px;

    text-align: center;

    font-weight: 600;

}



.single-blog-style1--blog-large.blog-details .text-holder .top-text .top .inner-text {

    position: relative;

    display: block;

    padding-left: 20px;

}



.single-blog-style1--blog-large.blog-details .text-holder .top-text .top .inner-text p {

    margin: 0;

}



.single-blog-style1--blog-large.blog-details .text-holder .top-text .inner p {

    margin: 0;

}



.single-blog-style1--blog-large.blog-details .text-holder .top-text .inner p+p {

    margin-top: 16px;

}





.single-blog-style1--blog-large.blog-details .text-holder .text {

    padding-top: 23px;

}



.single-blog-style1--blog-large.blog-details .text-holder .text p+p {

    margin-top: 16px;

}







.blog-details-quote-box {

    position: relative;

    display: block;

    background: #f5f5f5;

    padding: 33px 40px 37px;

    margin: 34px 0 37px;

}



.blog-details-quote-box:before {

    content: "";

    position: absolute;

    left: 40px;

    bottom: -5px;

    right: 40px;

    height: 5px;

    background: var(--thm-base);

    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);

}



.blog-details-quote-box:hover:before {

    left: 0;

    right: 0;

}



.blog-details-quote-box .inner-content {

    position: relative;

    display: block;

    padding-left: 70px;

}



.blog-details-quote-box .inner-content .icon {

    position: absolute;

    top: 7px;

    left: 0;

    color: var(--thm-base);

    font-size: 45px;

    line-height: 34px;

}



.blog-details-quote-box .inner-content .inner-text {

    position: relative;

    display: block;

    padding-left: 27px;

}



.blog-details-quote-box .inner-content .inner-text:before {

    content: "";

    position: absolute;

    top: 7px;

    left: 0;

    bottom: 3px;

    width: 2px;

    background: var(--thm-base);

}



.blog-details-quote-box .inner-content .inner-text h3 {

    font-size: 20px;

    line-height: 30px;

    font-weight: 600;

    margin: 0 0 18px;

}



.blog-details-quote-box .inner-content .inner-text h5 {

    color: #757575;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

}





.blog-details-text-1 {

    position: relative;

    display: block;

}



.blog-details-text-1 p {

    margin: 0;

}







.blog-details-text-2 {

    position: relative;

    display: block;

    padding: 35px 0 27px;

}



.blog-details-text-2 h2 {

    font-size: 30px;

    line-height: 40px;

    font-weight: 600;

    margin: 0 0 23px;

}



.blog-details-text-2 p {

    margin: 0;

}







.blog-details-text-3 {

    position: relative;

    display: block;

}



.blog-details-text-3 .top-title {

    position: relative;

    display: flex;

    align-items: center;

    padding-bottom: 9px;

}



.blog-details-text-3 .top-title .icon {

    width: 30px;

}



.blog-details-text-3 .top-title .icon span:before {

    color: var(--thm-base);

}



.blog-details-text-3 .top-title h3 {

    font-size: 20px;

    line-height: 30px;

    font-weight: 600;

}



.blog-details-text-3 .inner-text {

    position: relative;

    display: block;

}



.blog-details-text-3 .inner-text p {

    margin: 0;

}









.blog-details-text-4 {

    position: relative;

    display: block;

    padding-top: 27px;

}



.blog-details-text-4 .top-title {

    position: relative;

    display: flex;

    align-items: center;

    padding-bottom: 9px;

}



.blog-details-text-4 .top-title .icon {

    width: 30px;

}



.blog-details-text-4 .top-title .icon span:before {

    color: var(--thm-base);

}



.blog-details-text-4 .top-title h3 {

    font-size: 20px;

    line-height: 30px;

    font-weight: 600;

}



.blog-details-text-4 .inner-text {

    position: relative;

    display: block;

    padding-bottom: 15px;

}



.blog-details-text-4 .inner-text p {

    margin: 0;

}





.blog-details-text-4 ul {

    position: relative;

    display: block;

    padding-left: 30px;

}



.blog-details-text-4 ul li {

    position: relative;

    display: block;

    padding-left: 25px;

    margin-bottom: 10px;

}



.blog-details-text-4 ul li:last-child {

    margin-bottom: 0;

}



.blog-details-text-4 ul li:before {

    font-family: flaticon !important;

    content: "\f164" !important;

    position: absolute;

    top: 1px;

    left: 0px;

    transition: .5s;

    transform: perspective(400px) scaleX(1.0) rotate(180deg);

    -webkit-transform-origin: center;

    -ms-transform-origin: center;

    transform-origin: center;

    font-size: 14px;

}





.single-blog-style1--blog-large.blog-details .text-holder .bottom-box {

    margin-top: 55px;

    padding-top: 21px;

    padding-bottom: 21px;

}









.tag-box {

    position: relative;

    display: flex;

    align-items: center;

}



.tag-box .title {

    position: relative;

    display: block;

}



.tag-box .title h4 {

    color: var(--thm-base);

    font-size: 16px;

    font-weight: 600;

}



.tag-box .tag-list {

    position: relative;

    display: block;

    padding-left: 10px;

}



.tag-box .tag-list ul {

    position: relative;

    display: block;

    overflow: hidden;

}



.tag-box .tag-list ul li {

    position: relative;

    display: block;

    float: left;

    margin-right: 5px;

}



.tag-box .tag-list ul li:last-child {

    margin-right: 0;

}



.tag-box .tag-list ul li a {

    color: #1c1c27;

    font-size: 16px;

    font-weight: 600;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.tag-box .tag-list ul li a:hover {

    color: var(--thm-base);

}









.blog-prev-next-option {

    position: relative;

    overflow: hidden;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-content: center;

    flex-wrap: wrap;

    padding: 29px 30px 29px;

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

}



.blog-prev-next-option:before {

    content: "";

    position: absolute;

    top: 30px;

    left: 50%;

    bottom: 30px;

    width: 1px;

    background: #e5e5e5;

}



.blog-prev-next-option .single-box {

    position: relative;

    display: block;

    overflow: hidden;

    width: 50%;

}



.blog-prev-next-option .single-box .img-box {

    position: relative;

    display: block;

    overflow: hidden;

    width: 70px;

    height: 70px;

}







.blog-prev-next-option .single-box .button-box {

    position: relative;

    top: -3px;

    display: block;

    line-height: 16px;

}



.blog-prev-next-option .single-box .button-box a {

    color: #757575;

}



.blog-prev-next-option .single-box .button-box a:hover {

    color: var(--thm-base);

}



.blog-prev-next-option .single-box h3 {

    font-size: 16px;

    line-height: 24px;

    font-weight: 600;

    margin: 6px 0 0;

}



.blog-prev-next-option .single-box h3 a {

    color: var(--thm-black);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.blog-prev-next-option .single-box h3 a:hover {

    color: var(--thm-base);

}





.blog-prev-next-option .single-box.left {

    text-align: left;

    display: flex;

    align-items: center;

}



.blog-prev-next-option .single-box.left .title-box {

    padding-left: 20px;

}



.blog-prev-next-option .single-box.right {

    text-align: right;

    display: flex;

    align-items: center;

    justify-content: flex-end;

}



.blog-prev-next-option .single-box.right .title-box {

    padding-right: 20px;

}







.blog-details-author-box {

    position: relative;

    display: block;

    padding-top: 76px;

}



.blog-details-author-box .inner-title {

    position: relative;

    display: block;

    padding-bottom: 36px;

}



.blog-details-author-box .inner-title h2 {

    font-size: 30px;

    line-height: 30px;

    font-weight: 600;

}



.blog-details-author {

    position: relative;

    display: block;

    background: #f5f5f5;

    padding: 40px 40px 40px;

}



.blog-details-author .inner-box {

    position: relative;

    display: block;

}



.blog-details-author .inner-box .img-box {

    width: 100px;

}



.blog-details-author .inner-box .img-box img {

    width: 100%;

}



.blog-details-author .inner-box .img-box,

.blog-details-author .inner-box .text {

    display: table-cell;

    vertical-align: top;

}



.blog-details-author .inner-box .text {

    position: relative;

    padding-left: 30px;

}



.blog-details-author .inner-box .text h3 {

    position: relative;

    top: -2px;

    font-size: 20px;

    line-height: 20px;

    font-weight: 600;

    margin-bottom: 12px;

}



.blog-details-author .inner-box .text p {

    margin: 0;

}



.blog-details-author .inner-box .text .social-links {

    position: relative;

    display: block;

    padding-top: 24px;

}







/*** 

=============================================

   comments Box Css

=============================================

***/

.comment-box {

    position: relative;

    display: block;

    overflow: hidden;

    padding-top: 76px;

}



.comment-box .inner-title {

    position: relative;

    display: block;

    padding-bottom: 15px;

}



.comment-box .inner-title h2 {

    font-size: 30px;

    line-height: 30px;

    font-weight: 600;

}



.comment-box .outer-box {

    position: relative;

    display: block;

}



.comment-box .single-comment {

    position: relative;

    display: block;

    padding-top: 21px;

    margin-bottom: 30px;

}



.comment-box .single-comment.marginleft30 {

    margin-left: 30px;

}



.comment-box .single-comment .inner {

    position: relative;

    display: block;

    border: 1px solid #e5e5e5;

    padding: 40px 30px 36px;

}



.comment-box .single-comment-box {

    position: relative;

    display: block;

    padding-left: 80px;

    min-height: 80px;

}



.comment-box .single-comment-box .img-holder {

    position: absolute;

    left: 0;

    top: 0px;

    width: 80px;

    height: 80px;

}



.comment-box .single-comment-box .img-holder img {

    width: 100%;

}



.comment-box .single-comment-box .text-holder {

    position: relative;

    display: block;

    padding-left: 30px;

    min-height: 80px;

}



.comment-box .single-comment-box .text-holder .top {

    position: relative;

    display: block;

    top: -3px;

}



.comment-box .single-comment-box .text-holder .top h3 {

    font-size: 20px;

    line-height: 20px;

    font-weight: 600;

    text-transform: capitalize;

}



.comment-box .single-comment-box .text-holder .top h3 span {

    position: relative;

    display: inline-block;

    padding-left: 5px;

    color: var(--thm-base);

    font-size: 14px;

    font-weight: 500;

    text-transform: uppercase;

}



.comment-box .single-comment-box .text-holder .text {

    position: relative;

    display: block;

    padding-top: 9px;

}



.comment-box .single-comment-box .text-holder .text p {

    margin: 0;

}







.comment-box .single-comment .reply {

    position: absolute;

    top: 0px;

    right: 30px;

    z-index: 2;

}



.comment-box .single-comment .reply a {

    position: relative;

    display: inline-block;

    background: #ffffff;

    border: 1px solid #e5e5e5;

    padding: 10px 25px 10px;

    color: var(--thm-black);

    font-size: 14px;

    line-height: 20px;

    font-weight: 700;

    text-transform: uppercase;

    border-radius: 0px;

    font-family: var(--thm-font-2);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.comment-box .single-comment .reply a:hover {

    color: #ffffff;

    border-color: var(--thm-base);

    background-color: var(--thm-base);

}

















/*** 

=============================================

   Add Comment Box Css

=============================================

***/

.add-comment-box {

    position: relative;

    display: block;

    padding: 56px 60px 60px;

    background: #ffffff;

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

    margin-top: 50px;

}



.add-comment-box .inner-title {

    position: relative;

    display: block;

    padding-bottom: 26px;

}



.add-comment-box .inner-title h2 {

    font-size: 30px;

    line-height: 30px;

    font-weight: 600;

    margin: 0 0 8px;

}



.add-comment-box .inner-title p {

    margin: 0;

}



.add-comment-box #add-comment-form {

    position: relative;

    display: block;

}



.add-comment-box #add-comment-form .input-box {

    position: relative;

    display: block;

    margin-bottom: 23px;

}



.add-comment-box #add-comment-form .input-box .field-label {

    position: relative;

    display: block;

    padding-bottom: 9px;

}



.add-comment-box #add-comment-form .input-box .field-label p {

    margin: 0;

}



.add-comment-box #add-comment-form input[type="text"],

.add-comment-box #add-comment-form input[type="email"],

.add-comment-box #add-comment-form textarea {

    position: relative;

    display: block;

    background: #ffffff;

    border: 1px solid #e5e5e5;

    width: 100%;

    height: 60px;

    color: #757575;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    text-transform: capitalize;

    padding: 0 30px;

    border-radius: 0px;

    transition: all 500ms ease;

    font-family: var(--thm-font);

}



.add-comment-box #add-comment-form textarea {

    height: 120px;

    padding: 14px 30px;

}



.add-comment-box #add-comment-form input[type="text"]:focus {

    border-color: var(--thm-base);

}



.add-comment-box #add-comment-form input[type="email"]:focus {

    border-color: var(--thm-base);

}



.add-comment-box #add-comment-form textarea:focus {

    border-color: var(--thm-base);

}



.add-comment-box #add-comment-form .button-box {

    position: relative;

    display: block;

    padding-top: 20px;

    line-height: 0;

}



.add-comment-box #add-comment-form .button-box button {

    padding-left: 50px;

    padding-right: 50px;

}
.fancybox-slide video{
    width: 65%;
}
/*** 

=============================================

    Breadcrumb area style

=============================================

***/

.breadcrumb-area {

    position: relative;

    display: block;

    overflow: hidden;

    z-index: 10;

}



.breadcrumb-area-bg {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-attachment: scroll;

    background-position: left top;

    background-repeat: no-repeat;

    background-size: cover;

    z-index: 1;

}



.breadcrumb-area-bg:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #000000;

    opacity: 0.40;

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .7s;

    transition-property: all;

}



.breadcrumb-area .inner-content {

    position: relative;

    display: block;

    padding: 146px 0 146px;

    z-index: 10;

}



.breadcrumb-area.style2 .inner-content {

    padding: 128px 0 128px;

}



.breadcrumb-area .title {

    position: relative;

    display: block;

    overflow: hidden;

    text-align: center;

}



.breadcrumb-area .title h2 {

    color: #ffffff;

    font-size: 60px;

    line-height: 1.3em;

    font-weight: 700;

    text-transform: capitalize;

}





.breadcrumb-menu {

    position: absolute;

    left: 0;

    bottom: 0;

    line-height: 0;

    height: 72px;

    display: flex;

    align-items: center;

}



.breadcrumb-menu ul {

    position: relative;

    display: block;

    overflow: hidden;

}



.breadcrumb-menu ul li {

    position: relative;

    float: left;

    color: #ffffff;

    font-size: 16px;

    line-height: 26px;

    font-weight: 600;

    text-transform: capitalize;

    margin-right: 10px;

    font-family: var(--thm-font-2);

}



.breadcrumb-menu ul li i:before {

    position: relative;

    top: 0px;

    display: inline-block;

    font-size: 18px;

}



.breadcrumb-menu ul li a {

    color: #ffffff;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.breadcrumb-menu ul li:hover a,

.breadcrumb-menu ul li.active {

    color: #c8e5ce;

}









.breadcrumb-area .title.blog-single h2 {

    font-size: 48px;

}

/* The Modal (background) */
#myModal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
#myModal .modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
#myModal .close {
  color: #aaaaaa;
  text-align: right;
  font-size: 28px;
  font-weight: bold;
}

#myModal .close:hover,
#myModal .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
#myModal .contact-style1_form{
    background: transparent;
    box-shadow: none;
    padding: 0 25px;
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
    opacity: 0;
}
.joinchat{
	bottom: 94px;
}