/*-----------------------------------------
[Table Of Content]

    01. Typography CSS
    02. Color CSS
    03. Common Style CSS
        3.0 - Template Spacing
        3.1 - Buttons Style
        3.2 - Background Image
        3.3 - Overflow
        3.4 - Section title Style
        3.5 - List Style
        3.6 - Site Content Wrapper
        3.7 - Scroll Top Button
        3.8 - LightSlider Customization
        3.9 - Tippy Customization
        3.10 - Magnific JS Customization
        3.11 - Blockquote Style
        3.12 - Nice Select Customization
             - Preloader Style Css
    04. Header Area Style CSS
        4.1 - Main Navigation CSS
    05. Off Canvas Style CSS
    06. Search Box Style CSS
    07. About Style CSS
    08. Portfolio Style CSS
    09. Skills Style CSS
    10. Service Style CSS
    11. Testimonial Style CSS
    12. Brand Logo Style CSS
    13. Call to Action Style CSS
    14. Blog Post Style CSS
    15. List Box Style CSS
    16. Icon Box Style CSS
    17. Full Page Home Page Style
    18. Contact Content Style
    19. Counter Style CSS
    20. Progress Bar Style CSS
    21. Pricing Table Style CSS
    22. Newsletter Style CSS
    23. Flip Box Style CSS
    24. Social Icons Style CSS
    25. Home FullScreen Carousel Style CSS
    26. Home Blog Slider Style CSS
    27. Banner Style CSS
    28. Home Portfolio FullScreen Slider CSS
    29. Home Modern Shop Style CSS
    30. Product Style CSS
    31. Home Justified Gallery Style CSS
    32. Home Portfolio Split Style CSS
    33. Home vCard Style CSS
    34. Accordion Style Css
    35. Restaurant Menu Style Css
    36. Team Member Style Css
    37. Schedules Style Css
    38. Home Wedding Style Css
    39. Revolution Slider Style Css
    40. Event Home Hero Style Css
    41. About Page Style Css
    42. Timeline Style Css
    43. Page Header Style Css
    44. 404 Page Not Found Page Style Css
    45. Maintenance Page Style Css
    46. Coming Soon Page Style Css
    47. F.A.Q Page Style Css
    48. Blog Pages Style Css
    49. Sidebar Style Css
    50. Blog Details Page Style Css
    51. Portfolio Details Page Style Css
    52. Shop Pages Style Css
    53. Single Product Pages Style Css
    54. Checkout Page Pages Style Css
    55. Cart Page Pages Style Css
    56. Freelancer Hero Style Css
    57. Home Freelancer Style Css
    58. Element Divider CSS
    59. Element Media Feed
    60. Footer Style CSS
----------------------------------------*/
/*=====================================
   01. Typography CSS
===================================== */
body {
    color: #878c9b;
    font-size: 1.125rem;
    font-family: "Karla", sans-serif;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
}

@media only screen and (max-width: 575.98px) {
    body {
        font-size: 1rem;
    }
}

/* Remove text-shadow in selection highlight. */
::-moz-selection {
    background: rgba(24, 33, 65, 0.6);
    color: #FFFFFF;
    text-shadow: none;
}

::selection {
    background: rgba(24, 33, 65, 0.6);
    color: #FFFFFF;
    text-shadow: none;
}

/* A better looking default horizontal rule */
hr {
    border: 0;
    border-top: 1px solid #eee;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
    overflow: visible;
}

/* Remove the gap between audio, canvas, iframes,images, videos */
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/* Remove default fieldset styles. */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

/* Allow only vertical resizing of textareas. */
textarea {
    resize: vertical;
}

/* Anchor Tag Default Style */
a {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: none;
    text-decoration: none;
}

a:hover,
a:active,
a:focus {
    color: inherit;
    outline: none;
    text-decoration: none;
}

textarea:focus,
textarea:active,
input:focus,
input:active {
    outline: none;
}

/* Heading Default Style */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-weight: 400;
    color: #252f64;
    line-height: 1.2;
}

h1,
.h1 {
    font-size: 3.75rem;
    margin-bottom: 6px;
    margin-top: -15px;
}

@media (max-width: 1200px) {

    h1,
    .h1 {
        font-size: calc(1.5rem + 3vw);
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px),
only screen and (min-width: 768px) and (max-width: 991.98px) {

    h1,
    .h1 {
        margin-top: -12px;
    }
}

@media only screen and (max-width: 767.98px) {

    h1,
    .h1 {
        margin-top: -8px;
    }
}

h2,
.h2 {
    font-size: 3.5rem;
    margin-bottom: 6px;
    margin-top: -14px;
}

@media (max-width: 1200px) {

    h2,
    .h2 {
        font-size: calc(1.475rem + 2.7vw);
    }
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {

    h2,
    .h2 {
        margin-top: -10px;
    }
}

@media only screen and (max-width: 767.98px) {

    h2,
    .h2 {
        margin-top: -7px;
    }
}

h3,
.h3 {
    font-size: 3rem;
    margin-bottom: 10px;
    margin-top: -12px;
}

@media (max-width: 1200px) {

    h3,
    .h3 {
        font-size: calc(1.425rem + 2.1vw);
    }
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {

    h3,
    .h3 {
        margin-top: -9px;
    }
}

@media only screen and (max-width: 767.98px) {

    h3,
    .h3 {
        margin-top: -6px;
    }
}

h4,
.h4 {
    font-size: 2rem;
    margin-bottom: 14px;
    margin-top: -8px;
}

@media (max-width: 1200px) {

    h4,
    .h4 {
        font-size: calc(1.325rem + 0.9vw);
    }
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {

    h4,
    .h4 {
        margin-top: -6px;
    }
}

@media only screen and (max-width: 767.98px) {

    h4,
    .h4 {
        margin-top: -5px;
    }
}

h5,
.h5 {
    font-size: 1.625rem;
    margin-bottom: 15px;
}

@media (max-width: 1200px) {

    h5,
    .h5 {
        font-size: calc(1.2875rem + 0.45vw);
    }
}

h6,
.h6 {
    font-size: 1.25rem;
    margin-bottom: 12px;
}

/* Paragraph Margin */
p {
    margin-bottom: 15px;
}

p:last-child {
    margin-bottom: 0;
}

ul {
    margin: 0;
    padding: 0;
}

ul li {
    list-style: none;
}

strong,
b {
    font-weight: 700;
}

figure {
    margin: 0;
}

img {
    max-width: 100%;
}

button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

button:active,
button:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

[data-mfp-src] {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.parallax {
    background-repeat: no-repeat;
}

.form-message.alert {
    margin-top: 10px;
}

/*==========================
02. Color CSS
============================*/

.bg-softWhite {
    background-color: #f8f8f8 !important;
}

/*============================
03. Common Style CSS
==============================*/
/*------------------
3.1 - Buttons Style
--------------------*/

.btn {
    border-radius: 0;
    color: #252f64;
    display: inline-block;
    padding: 0;
    font-size: 18px;
    -webkit-transition: 0.4s ease-in;
    -o-transition: 0.4s ease-in;
    transition: 0.4s ease-in;
    outline: none;
    position: relative;
}

.btn:focus,
.btn:active {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-bottom:before {
    background-color: #f2b636;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    height: 1px;
    width: 100%;
}

.btn-bottom:hover:before {
    bottom: -10px;
}

.btn-bordered {
    border: 3px solid #f2b636;
    border-radius: 50px;
    color: #252f64;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    padding: 20px 40px;
    letter-spacing: 1.75px;
}

@media only screen and (max-width: 767.98px) {
    .btn-bordered {
        padding: 15px 25px;
    }
}

.btn-bordered:hover {
    background-color: #f2b636;
    color: #FFFFFF;
}

.btn-secondary {
    border: 3px solid #252f64;
    background-color: #252f64;
    border-radius: 50px;
    color: #f2b636;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    padding: 20px 40px;
    letter-spacing: 1.75px;
}

@media only screen and (max-width: 767.98px) {
    .btn-secondary {
        padding: 15px 25px;
    }
}

.btn-secondary:hover {
    background-color: transparent;
    border-color: #f2b636;
    color: #252f64;
}

.btn-xs {
    padding: 8px 15px;
    font-size: 13px;
}

.btn-md {
    padding: 15px 25px;
}

.btn-lg {
    padding: 18px 30px;
}

/*----------------------
3.2 - Background Image
-----------------------*/
.bg-img {
    background: no-repeat center center;
    background-size: cover;
}

/*-----------------
3.3 - Overflow
-------------------*/
.fix {
    overflow: hidden;
}

/*-------------------------
3.4 - Section title Style
--------------------------*/
.section-title {
    margin-bottom: 75px;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .section-title {
        margin-bottom: 48px;
    }
}

@media only screen and (max-width: 767.98px) {
    .section-title {
        margin-bottom: 32px;
    }
}

.section-title h5 {
    color: #f2b636;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 28px;
}

@media only screen and (max-width: 767.98px) {
    .section-title h5 {
        margin-bottom: 18px;
    }
}

.section-title h2 {
    margin-bottom: 0;
}

.section-title p {
    margin-top: 27px;
    margin-bottom: 0;
}

@media only screen and (max-width: 767.98px) {
    .section-title p {
        margin-top: 14px;
    }
}

.section-title .btn {
    margin-top: 25px;
}

@media only screen and (max-width: 767.98px) {
    .section-title .btn {
        margin-top: 20px;
    }
}

/*-------------------------
3.5 - List Style
--------------------------*/
.ht-list li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
}

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

.ht-list li:before {
    content: '\f00c';
    font-family: "FontAwesome";
    color: #252f64;
    position: absolute;
    font-weight: 300;
    font-size: 14px;
    top: 2px;
    left: 0;
}

.ht-list-number {
    margin-left: 15px;
}

.ht-list-number li {
    list-style: decimal;
    padding-left: 10px;
}

.ht-list-number li:before {
    display: none;
}

/*--------------------------------
3.6 - Site Content Wrapper
----------------------------------*/
.site-wrapper {
    background-color: #FFFFFF;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

@media only screen and (min-width: 1200px) {
    .site-wrapper--left-header .container-fluid {
        padding: 0 100px;
    }
}

@media screen and (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

.container-fluid {
    padding: 0 15px;
}

@media screen and (min-width: 1201px) {
    .container-fluid {
        padding: 0 100px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .container-fluid {
        max-width: 720px;
        margin: auto;
    }
}

/*--------------------------------
3.7 - Scroll Top Button
----------------------------------*/

/*--------------------------------
3.8 - LightSlider Customization
----------------------------------*/
.lSSlideOuter .lSAction a {
    background-color: #FFFFFF;
    border-radius: 50%;
    border: 1px solid #EEEEEE;
    cursor: pointer;
    font-size: 1.5625rem;
    line-height: 70px;
    height: 70px;
    width: 70px;
    opacity: 1;
    position: absolute;
    left: -80px;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: auto;
}

@media (max-width: 1200px) {
    .lSSlideOuter .lSAction a {
        font-size: calc(1.28125rem + 0.375vw);
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599.98px) {
    .lSSlideOuter .lSAction a {
        line-height: 50px;
        height: 50px;
        width: 50px;
        left: -50px;
    }
}

.lSSlideOuter .lSAction a.lSNext {
    left: auto;
    right: -80px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599.98px) {
    .lSSlideOuter .lSAction a.lSNext {
        right: -50px;
    }
}

.lSSlideOuter .lSAction a:hover {
    background-color: #252f64;
    border-color: #252f64;
    color: #FFFFFF;
}

.lSSlideOuter .lSPager.lSpg {
    margin: 47px 0 0;
    line-height: 1;
}

@media only screen and (max-width: 767.98px) {
    .lSSlideOuter .lSPager.lSpg {
        margin: 38px 0 0;
    }
}

.lSSlideOuter .lSPager.lSpg li {
    margin-right: 10px;
}

.lSSlideOuter .lSPager.lSpg li:last-child {
    margin-right: 0;
}

.lSSlideOuter .lSPager.lSpg li a {
    background-color: #252f64;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1;
    outline: none;
    height: 10px;
    width: 10px;
}

.lSSlideOuter .lSPager.lSpg li.active a {
    background-color: #f2b636;
}

/*--------------------------------
3.9 - Tippy Customization
----------------------------------*/
.tippy-popper .tippy-tooltip {
    background-color: #252f64;
    border-radius: 3px;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1;
    padding: 7px 13px;
}

.tippy-popper[x-placement^='top'] .tippy-arrow {
    border-top-color: #252f64 !important;
}

.tippy-popper[x-placement^='bottom'] .tippy-arrow {
    border-bottom-color: #252f64 !important;
}

.tippy-popper[x-placement^='left'] .tippy-arrow {
    border-left-color: #252f64 !important;
}

.tippy-popper[x-placement^='right'] .tippy-arrow {
    border-right-color: #252f64 !important;
}

/*--------------------------------
3.10 - Magnific JS Customization
----------------------------------*/
.ht-mfp {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.ht-mfp.mfp-bg {
    background: #252f64;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.ht-mfp .mfp-close {
    background-color: #f2b636;
    color: #FFFFFF;
    padding: 0;
    text-align: center;
    opacity: 1;
    top: 50px;
    right: 50px;
    height: 50px;
    width: 50px;
    line-height: 50px;
}

@media only screen and (max-width: 767.98px) {
    .ht-mfp .mfp-close {
        top: 30px;
        right: 30px;
        height: 40px;
        width: 40px;
        line-height: 40px;
    }
}

.ht-mfp .mfp-close:hover {
    background-color: #252f64;
}

.ht-mfp .mfp-arrow {
    background-color: #f2b636;
    opacity: 1;
    margin-left: 15px;
    height: 55px;
    width: 55px;
}

.ht-mfp .mfp-arrow:before {
    display: none;
}

.ht-mfp .mfp-arrow:after {
    content: '\f104';
    color: #FFFFFF;
    font-family: "FontAwesome";
    font-size: 1.5625rem;
    line-height: 40px;
    text-align: center;
    margin: 0;
    padding: 0;
    border: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}

@media (max-width: 1200px) {
    .ht-mfp .mfp-arrow:after {
        font-size: calc(1.28125rem + 0.375vw);
    }
}

.ht-mfp .mfp-arrow:hover {
    background-color: #0a0e1c;
}

.ht-mfp.zoom-animate.mfp-bg {
    opacity: 0;
}

.ht-mfp.zoom-animate.mfp-ready.mfp-bg {
    opacity: 0.9;
}

.ht-mfp.zoom-animate.mfp-removing.mfp-bg {
    opacity: 0;
}

.ht-mfp.zoom-animate.mfp-removing .mfp-close {
    opacity: 0;
}

/*--------------------------------
3.11 - Blockquote Style
----------------------------------*/
blockquote,
.blockquote {
    background-color: #222222;
    color: #FFFFFF;
    font-size: 1.625rem;
    line-height: 1.4;
    padding: 42px 44px 80px;
    position: relative;
}

@media (max-width: 1200px) {

    blockquote,
    .blockquote {
        font-size: calc(1.2875rem + 0.45vw);
    }
}

@media only screen and (max-width: 767.98px) {

    blockquote,
    .blockquote {
        padding: 20px 22px 60px;
    }
}

blockquote:before,
.blockquote:before {
    content: '\f10e';
    font-family: "FontAwesome";
    position: absolute;
    right: 40px;
    bottom: 40px;
}

@media only screen and (max-width: 767.98px) {

    blockquote:before,
    .blockquote:before {
        right: 30px;
        bottom: 20px;
    }
}

/*--------------------------------
3.12 - Nice Select Customization
----------------------------------*/

/*===========================
4.1 - Main Navigation CSS
=============================*/
.main-menu {
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.main-menu>li {
    margin-right: 30px;
}

.main-menu>li:last-child {
    margin-right: 0;
}

.main-menu>li>a {
    color: #252f64;
    display: block;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1.62px;
    text-transform: uppercase;
    padding-bottom: 8px;
    position: relative;
}

.main-menu>li>a:after {
    background-color: #f2b636;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0;
    visibility: hidden;
}

.main-menu>li:hover>a:after,
.main-menu>li.active>a:after {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    visibility: visible;
}

.has-submenu {
    padding-right: 10px;
    position: relative;
}

.has-submenu>a {
    position: relative;
}

.has-submenu>a:before {
    content: '\f107';
    color: #252f64;
    font-size: 13px;
    line-height: 1.2;
    font-family: "FontAwesome";
    position: absolute;
    right: -12px;
    top: 0;
}

.has-submenu:hover>.submenu-nav {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    visibility: visible;
    pointer-events: visible;
}

.has-submenu .submenu-nav {
    background-color: #FFFFFF;
    border: 1px solid #eee;
    border-bottom: 2px solid #f2b636;
    padding: 20px 0 25px;
    position: absolute;
    left: -25px;
    top: 100%;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    min-width: 250px;
    margin-top: 54px;
    z-index: 99;
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .has-submenu .submenu-nav {
        min-width: 210px;
    }
}

.has-submenu .submenu-nav:before {
    content: '';
    position: absolute;
    height: 56px;
    width: 100%;
    left: 0;
    bottom: 100%;
}

.has-submenu .submenu-nav>li {
    padding: 6px 25px;
}

.has-submenu .submenu-nav>li:first-child {
    padding-top: 0;
}

.has-submenu .submenu-nav>li:last-child {
    padding-bottom: 0;
}

.has-submenu .submenu-nav>li a {
    color: #878c9b;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: inherit;
    text-transform: capitalize;
}

.has-submenu .submenu-nav>li:hover>a {
    color: #f2b636;
}

.has-submenu .submenu-nav>li.has-submenu {
    position: relative;
}

.has-submenu .submenu-nav>li.has-submenu a:before {
    display: none;
}

.has-submenu .submenu-nav>li.has-submenu:hover>.submenu-nav {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    visibility: visible;
    pointer-events: visible;
}

.has-submenu .submenu-nav>li.has-submenu:after {
    content: '\f105';
    color: #878c9b;
    font-size: 15px;
    line-height: 1.2;
    font-family: "FontAwesome";
    position: absolute;
    right: 25px;
    top: 12px;
}

.has-submenu .submenu-nav>li.has-submenu .submenu-nav {
    left: 100%;
    top: 0;
    margin-top: -15px;
}

/* Responsive Mobile Menu */
.res-mobile-menu {
    margin: 0 -10px;
}

.res-mobile-menu .slicknav_btn {
    display: none;
}

.res-mobile-menu .slicknav_menu {
    padding: 0;
}

.res-mobile-menu .slicknav_nav {
    background-color: #252f64;
    display: block !important;
    padding: 20px 30px;
}

.res-mobile-menu .slicknav_nav li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    position: relative;
}

.res-mobile-menu .slicknav_nav li:last-child {
    border-bottom: 0;
}

.res-mobile-menu .slicknav_nav li a {
    color: #FFFFFF;
    font-size: 18px;
    padding: 12px 0;
    margin: 0;
    text-transform: capitalize;
    position: relative;
}

.res-mobile-menu .slicknav_nav li a .slicknav_arrow {
    background-color: rgba(255, 255, 255, 0.1);
    color: #FFFFFF;
    font-size: 14px;
    display: block;
    text-align: center;
    margin: 0;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 35px;
    line-height: 35px;
    width: 35px;
}

.res-mobile-menu .slicknav_nav li a a {
    padding: 0;
}

.res-mobile-menu .slicknav_nav li a:hover {
    color: #FFFFFF;
    background-color: transparent;
}

.res-mobile-menu .slicknav_nav li img {
    display: none;
}

.res-mobile-menu .slicknav_nav li div {
    display: none;
}

.res-mobile-menu .slicknav_nav li ul {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin: 0;
    padding-left: 10px;
}

.res-mobile-menu .slicknav_nav li ul li a {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.7);
}

.res-mobile-menu .slicknav_nav .slicknav_open>.slicknav_item {
    position: relative;
}

.res-mobile-menu .slicknav_nav .slicknav_open>.slicknav_item .slicknav_arrow {
    background-color: #f2b636;
}

/*==========================
3.0 - Template Spacing
============================*/
.sm-top-md {
    margin-top: 80px;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .sm-top-md {
        margin-top: 50px;
    }
}

@media only screen and (max-width: 767.98px) {
    .sm-top-md {
        margin-top: 30px;
    }
}

.sm-bottom-md {
    margin-bottom: 80px;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .sm-bottom-md {
        margin-bottom: 50px;
    }
}

@media only screen and (max-width: 767.98px) {
    .sm-bottom-md {
        margin-bottom: 30px;
    }
}

.sm-top {
    margin-top: 120px;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .sm-top {
        margin-top: 90px;
    }
}

@media only screen and (max-width: 767.98px) {
    .sm-top {
        margin-top: 60px;
    }
}

.sm-bottom {
    margin-bottom: 120px;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .sm-bottom {
        margin-bottom: 90px;
    }
}

@media only screen and (max-width: 767.98px) {
    .sm-bottom {
        margin-bottom: 60px;
    }
}

.sm-top-wp {
    margin-top: 115px;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {

    .sm-top-wp {
        margin-top: 85px;
    }
}

@media only screen and (max-width: 767.98px) {

    .sm-top-wp {
        margin-top: 55px;
    }
}

.sm-y-wp-lg {
    margin: 215px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .sm-y-wp-lg {
        margin: 185px 0;
    }
}

@media only screen and (max-width: 767.98px) {
    .sm-y-wp-lg {
        margin: 160px 0;
    }
}

.sp-y {
    padding: 120px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .sp-y {
        padding: 90px 0;
    }
}

@media only screen and (max-width: 767.98px) {
    .sp-y {
        padding: 60px 0;
    }
}

/*==========================
04. Header Area Style CSS
===========================*/
.header-area {
    padding: 30px 0;
}

@media only screen and (max-width: 767.98px) {
    .header-area {
        padding: 25px 0;
    }
}

.header-area.sticky-header {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.header-area.sticky-header.sticky {
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
    border: 0 !important;
    position: fixed;
    left: 0;
    top: 0;
    padding: 20px 0;
    width: 100%;
    z-index: 99;
}

.header-area.sticky-header.sticky .main-menu>li a:before {
    color: #252f64;
}

.header-area.sticky-header.sticky .main-menu>li>.submenu-nav {
    margin-top: 24px;
}

.header-area.sticky-header.sticky .main-menu>li>.submenu-nav:before {
    height: 24px;
}

.header-area.sticky-header.sticky .header-action-area button,
.header-area.sticky-header.sticky .header-action-area a {
    color: #252f64;
}

.header-area.sticky-header.sticky .header-action-area button.btn-menu span,
.header-area.sticky-header.sticky .header-action-area a.btn-menu span {
    background-color: #252f64;
}

.header-area.transparent:not(.sticky) {
    color: #FFFFFF;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9;
}

.header-area.transparent:not(.sticky) .header-logo-area .logo-main {
    display: none;
}

.header-area.transparent:not(.sticky) .header-logo-area .logo-light {
    display: block;
}

.header-area.transparent:not(.sticky) .main-menu>li>a {
    color: #FFFFFF;
}

.header-area.transparent:not(.sticky) .main-menu>li>a:before {
    color: #FFFFFF;
}

.header-area.transparent:not(.sticky) .header-action-area button,
.header-area.transparent:not(.sticky) .header-action-area a {
    color: #FFFFFF;
}

.header-area.transparent:not(.sticky) .header-action-area .btn-menu span {
    background-color: #FFFFFF;
}

.header-area.christmas:not(.sticky) {
    background-color: rgba(255, 255, 255, 0.5);
    padding: 30px 0;
}

.header-area.christmas:not(.sticky) .header-logo-area .logo-main {
    display: block;
}

.header-area.christmas:not(.sticky) .header-logo-area .logo-light {
    display: none;
}

.header-area.christmas:not(.sticky) .main-menu>li>a {
    color: #000000;
}

.header-area.christmas:not(.sticky) .main-menu>li>a:before {
    color: #000000;
}

.header-area.christmas:not(.sticky) .main-menu .has-submenu .submenu-nav {
    margin-top: 34px;
}

.header-area.christmas:not(.sticky) .main-menu .has-submenu .submenu-nav:before {
    height: 34px;
}

.header-area.christmas:not(.sticky) .header-action-area button,
.header-area.christmas:not(.sticky) .header-action-area a {
    color: #000000;
}

.header-area.christmas:not(.sticky) .header-action-area .btn-menu span {
    background-color: #000000;
}

.header-area.fixed-left {
    background-color: #FFFFFF;
    -webkit-box-shadow: 3px 1px 29px rgba(0, 0, 0, 0.12);
    box-shadow: 3px 1px 29px rgba(0, 0, 0, 0.12);
    padding: 100px 60px;
    position: fixed;
    height: 100vh;
    max-width: 300px;
    width: 100%;
    z-index: 99999;
}

@media only screen and (min-width: 1200px) and (max-width: 1599.98px),
only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .header-area.fixed-left {
        padding: 60px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px),
only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .header-area.fixed-left {
        position: static;
        height: auto;
        margin: auto;
        padding: 25px 15px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .header-area.fixed-left {
        max-width: 960px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .header-area.fixed-left {
        max-width: 720px;
    }
}

@media only screen and (max-width: 767.98px) {
    .header-area.fixed-left {
        max-width: 540px;
    }
}

.header-area.fixed-left .header-logo-area {
    max-width: 100%;
}

.header-area.fixed-left .header-logo-area a {
    max-width: 120px;
    display: block;
}

.header-area.fixed-left .header-navigation-area {
    margin: 0 -60px;
}

.header-area.fixed-left .header-navigation-area .nav {
    display: block;
}

.header-area.fixed-left .header-navigation-area .nav>li {
    margin-right: 0;
    margin-bottom: 20px;
    padding-right: 60px;
    padding-left: 60px;
    cursor: pointer;
    position: relative;
}

.header-area.fixed-left .header-navigation-area .nav>li:last-child {
    margin-bottom: 0;
}

.header-area.fixed-left .header-navigation-area .nav>li a {
    display: inline-block;
}

.header-area.fixed-left .header-navigation-area .nav>li .submenu-nav {
    left: 100%;
    margin-top: -20px;
    top: 0;
}

.header-area.fixed-left .header-navigation-area .nav>li .submenu-nav:before {
    display: none;
}

.header-logo-area {
    max-width: 120px;
}

.header-logo-area .logo-light {
    display: none;
}

.header-action-area button,
.header-action-area a {
    color: #252f64;
    font-size: 20px;
    line-height: 1;
    margin-left: 15px;
    vertical-align: middle;
}

.header-action-area button:first-child,
.header-action-area a:first-child {
    margin-left: 0;
}

.header-action-area button.btn-menu,
.header-action-area a.btn-menu {
    margin-top: -3px;
    position: relative;
    height: 18px;
    width: 22px;
}

.header-action-area button.btn-menu span,
.header-action-area a.btn-menu span {
    background-color: #252f64;
    border-radius: 2px;
    left: 0;
    display: block;
    position: absolute;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    height: 2px;
    width: 100%;
}

.header-action-area button.btn-menu span:first-child,
.header-action-area a.btn-menu span:first-child {
    top: 0;
}

.header-action-area button.btn-menu span:nth-child(2),
.header-action-area a.btn-menu span:nth-child(2) {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header-action-area button.btn-menu span:last-child,
.header-action-area a.btn-menu span:last-child {
    bottom: 0;
}

.header-action-area button.btn-menu:hover span:first-child,
.header-action-area button.btn-menu:hover span:last-child,
.header-action-area a.btn-menu:hover span:first-child,
.header-action-area a.btn-menu:hover span:last-child {
    width: 80%;
}

.header-area.fixed-top.sticky-header {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 50px 0;
}

/*===========================
56. Footer Style CSS
===========================*/
.footer-area {
    background-color: #252f64;
    font-size: 1rem;
}

.footer-area a {
    color: #878c9b;
}

.footer-area.christmas {
    background-color: #011e0b;
}

.footer-area.christmas .widget-title {
    color: #FFFFFF;
    opacity: 0.9;
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px),
only screen and (min-width: 1200px) {
    .reveal-footer {
        position: fixed;
        width: 100%;
        left: 0;
        bottom: 0;
    }
}

.widget-item {
    margin-top: 38px;
}

.widget-item .widget-title {
    color: #f2b636;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    margin-top: -1px;
    margin-bottom: 22px;
}

@media only screen and (max-width: 767.98px) {
    .widget-item .widget-title {
        margin-bottom: 15px;
    }
}

.widget-item address {
    line-height: 2;
    margin-bottom: 0;
}

.about-widget img {
    max-width: 120px;
    margin-bottom: 20px;
}

.footer-menu li {
    margin-right: 20px;
}

.footer-menu li:last-child {
    margin-right: 0;
}

.footer-menu li a {
    color: #878c9b;
    font-size: 14px;
    line-height: 1;
}

.footer-menu li a:hover {
    color: #f2b636;
}

.footer-copyright-area {
    padding-bottom: 55px;
    margin-top: -15px;
}

.footer-copyright-area .copyright-txt {
    font-size: 14px;
}

/*==========================
05. Off Canvas Style CSS
============================*/
.off-canvas-wrapper {
    position: fixed;
    left: 0;
    top: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    height: 100vh;
    width: 100vw;
    z-index: 9999;
}

.off-canvas-wrapper.active {
    opacity: 1;
    visibility: visible;
    pointer-events: visible;
}

.off-canvas-wrapper.active .off-canvas-inner {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.off-canvas-wrapper.active .btn-close {
    display: block;
}

.off-canvas-wrapper.active .off-canvas-overlay {
    opacity: 1;
    visibility: visible;
}

.off-canvas-wrapper .off-canvas-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px;
}

.off-canvas-wrapper .off-canvas-header .logo-area {
    max-width: 100px;
}

.off-canvas-wrapper .off-canvas-overlay {
    background-color: rgba(0, 0, 0, 0.8);
    cursor: url("../img/icons/cancel-white.png"), auto;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    height: 100%;
    width: 100%;
    z-index: 2;
}

.off-canvas-wrapper .btn-close {
    color: #252f64;
    font-size: 50px;
    line-height: 1;
}

.off-canvas-wrapper .btn-close i {
    line-height: 1;
}

.off-canvas-wrapper .btn-close:hover {
    color: #f2b636;
}

.off-canvas-wrapper .off-canvas-inner {
    background-color: #FFFFFF;
    position: relative;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    height: 100vh;
    width: 100%;
    z-index: 3;
}

.off-canvas-wrapper .off-canvas-inner .off-canvas-content {
    padding: 0 10px;
    height: 100%;
    overflow-y: auto;
}

.off-canvas-wrapper .off-canvas-inner .off-canvas-content .off-canvas-item {
    margin-bottom: 30px;
}

.off-canvas-wrapper .off-canvas-inner .off-canvas-content .off-canvas-item:last-child {
    margin-bottom: 0;
}
.off-canvas-wrapper.aside-menu .off-canvas-inner {
    background-color: transparent;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.off-canvas-wrapper.aside-menu .off-canvas-inner .off-canvas-content {
    background-color: #252f64;
    position: relative;
    width: 350px;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
    z-index: 3;
}

@media only screen and (max-width: 479.98px) {
    .off-canvas-wrapper.aside-menu .off-canvas-inner .off-canvas-content {
        width: 320px;
    }
}

.off-canvas-wrapper.aside-menu .off-canvas-inner .off-canvas-content .close-action .btn-close {
    color: #FFFFFF;
}

.off-canvas-wrapper.aside-menu .off-canvas-inner .off-canvas-content .close-action .btn-close:hover {
    color: #f2b636;
}

.off-canvas-wrapper.aside-menu.active .off-canvas-inner .off-canvas-content {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}


/*==========================
06. Search Box Style CSS
===========================*/

/*=================================
39. Revolution Slider Style Css
===================================*/
.rev_slider_wrapper .uranus.tparrows {
    background: rgba(255, 255, 255, 0);
    width: 50px;
    height: 50px;
}

.rev_slider_wrapper .uranus.tparrows:before {
    font-size: 2.5rem;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    line-height: 50px;
    height: 50px;
    width: 50px;
}

@media (max-width: 1200px) {
    .rev_slider_wrapper .uranus.tparrows:before {
        font-size: calc(1.375rem + 1.5vw);
    }
}

.rev_slider_wrapper .uranus.tparrows:hover:before {
    opacity: 0.75;
}

@media only screen and (max-width: 767.98px) {
    .rev_slider_wrapper .btn img {
        width: 80px !important;
        height: 80px !important;
    }
}

.tp-bannertimer.tp-bottom {
    visibility: hidden !important;
}

.rev_slider_wrapper .uranus .tp-bullet {
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
    -webkit-transition: box-shadow 0.3s ease;
    -webkit-transition: -webkit-box-shadow 0.3s ease;
    transition: -webkit-box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
    background: transparent;
    width: 15px;
    height: 15px;
}

.rev_slider_wrapper .uranus .tp-bullet.selected,
.rev_slider_wrapper .uranus .tp-bullet:hover {
    -webkit-box-shadow: 0 0 0 2px white;
    box-shadow: 0 0 0 2px white;
    border: none;
    border-radius: 50%;
    background: transparent;
}

.rev_slider_wrapper .uranus .tp-bullet-inner {
    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
    -o-transition: background-color 0.3s ease, transform 0.3s ease;
    transition: background-color 0.3s ease, transform 0.3s ease;
    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: none;
    border-radius: 50%;
    background-color: white;
    background-color: rgba(255, 255, 255, 0.3);
    text-indent: -999em;
    cursor: pointer;
    position: absolute;
}

.rev_slider_wrapper .uranus .tp-bullet.selected .tp-bullet-inner,
.rev_slider_wrapper .uranus .tp-bullet:hover .tp-bullet-inner {
    -ms-transform: scale(0.4);
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    background-color: white;
}

#rev_slider_11_1 {
    display: none;
}

#rev_slider_12_1 {
    display: none;
}

#rev_slider_13_1 {
    display: none;
}

#rev_slider_14_1 {
    display: none;
}

#rev_slider_15_1 {
    display: none;
}

#rev_slider_16_1 {
    display: none;
}

#rev_slider_17_1 {
    display: none;
}

#rev_slider_18_1 {
    display: none;
}

#rev_slider_19_1 {
    display: none;
}

#rev_slider_20_1 {
    display: none;
}

#rev_slider_20_1 {
    background: -webkit-gradient(linear, left top, right top, from(#030570), to(#500096));
    background: -webkit-linear-gradient(left, #030570 0%, #500096 100%);
    background: -o-linear-gradient(left, #030570 0%, #500096 100%);
    background: linear-gradient(90deg, #030570 0%, #500096 100%);
}

#rev_slider_20_1 .uranus.tparrows {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0);
}

#rev_slider_20_1 .uranus.tparrows:before {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 40px;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

#rev_slider_20_1 .uranus.tparrows:hover:before {
    opacity: 0.75;
}

.ares.tp-bullets:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.ares .tp-bullet {
    width: 13px;
    height: 13px;
    position: absolute;
    background: #e5e5e5;
    border-radius: 50%;
    cursor: pointer;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.ares .tp-bullet:hover,
.ares .tp-bullet.selected {
    background: white;
}

.ares .tp-bullet-title {
    position: absolute;
    color: #888888;
    font-size: 12px;
    padding: 0 10px;
    font-weight: 600;
    right: 27px;
    top: -4px;
    background: rgba(255, 255, 255, 0.75);
    visibility: hidden;
    -ms-transform: translatex(-20px);
    transform: translatex(-20px);
    -webkit-transform: translatex(-20px);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transition: transform 0.3s;
    line-height: 20px;
    white-space: nowrap;
}

.ares .tp-bullet-title:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.75);
    content: " ";
    position: absolute;
    right: -10px;
    top: 0;
}

.ares .tp-bullet:hover .tp-bullet-title {
    visibility: visible;
    -ms-transform: translatex(0px);
    transform: translatex(0px);
    -webkit-transform: translatex(0px);
}

.ares .tp-bullet.selected:hover .tp-bullet-title {
    background: white;
}

.ares .tp-bullet.selected:hover .tp-bullet-title:after {
    border-color: transparent transparent transparent white;
}

.ares.tp-bullets:hover .tp-bullet-title {
    visibility: hidden;
}

.ares.tp-bullets:hover .tp-bullet:hover .tp-bullet-title {
    visibility: visible;
    -ms-transform: translateX(0px) translatey(0px);
    transform: translateX(0px) translatey(0px);
    -webkit-transform: translateX(0px) translatey(0px);
}

#rev_slider_21_1 {
    display: none;
}

#rev_slider_22_1 {
    display: none;
}

#rev_slider_24_1 .zeus .tp-bullet {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    width: 13px;
    height: 13px;
    border: 2px solid white;
}

#rev_slider_24_1 .zeus .tp-bullet:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    border-radius: 50%;
    background-color: white;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

#rev_slider_24_1 .zeus .tp-bullet:hover:after,
#rev_slider_24_1 .zeus .tp-bullet.selected:after {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

#rev_slider_24_1 .zeus .tp-bullet-image,
#rev_slider_24_1 .zeus .tp-bullet-imageoverlay {
    width: 135px;
    height: 60px;
    position: absolute;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    bottom: 13px;
    margin-bottom: 10px;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-size: cover;
    background-position: center center;
    visibility: hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 4px;
}

#rev_slider_24_1 .zeus .tp-bullet-title,
#rev_slider_24_1 .zeus .tp-bullet-imageoverlay {
    z-index: 2;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

#rev_slider_24_1 .zeus .tp-bullet-title {
    color: white;
    text-align: center;
    line-height: 15px;
    font-size: 13px;
    font-weight: 600;
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    bottom: 45px;
    width: 135px;
    vertical-align: middle;
}

#rev_slider_24_1 .zeus .tp-bullet:hover .tp-bullet-title,
#rev_slider_24_1 .zeus .tp-bullet:hover .tp-bullet-image,
#rev_slider_24_1 .zeus .tp-bullet:hover .tp-bullet-imageoverlay {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px) translateX(-50%);
    -ms-transform: translateY(0px) translateX(-50%);
    transform: translateY(0px) translateX(-50%);
}

#rev_slider_26_1 {
    display: none;
}

#rev_slider_28_1 {
    display: none;
}

#rev_slider_29_1 {
    display: none;
}

.hesperiden.tparrows {
    cursor: pointer;
    background: rgba(0, 0, 0, 0.5);
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 100;
    border-radius: 50%;
}

.hesperiden.tparrows:hover {
    background: black;
}

.hesperiden.tparrows:before {
    font-family: "revicons";
    font-size: 20px;
    color: white;
    display: block;
    line-height: 40px;
    text-align: center;
}

.hesperiden.tparrows.tp-leftarrow:before {
    content: "\e82c";
    margin-left: -3px;
}

.hesperiden.tparrows.tp-rightarrow:before {
    content: "\e82d";
    margin-right: -3px;
}

#rev_slider_2_1 {
    display: none;
}

#rev_slider_3_1_wrapper {
    margin: 0 auto;
    background: transparent;
    padding: 0;
}

#rev_slider_3_1 {
    display: none;
}

#slide-3-layer-5 {
    z-index: 5;
    min-width: 117px;
    max-width: 117px;
    white-space: nowrap;
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 0;
}

#slide-3-layer-7 {
    z-index: 6;
    min-width: 600px;
    max-width: 600px;
    white-space: normal;
    font-size: 90px;
    line-height: 98px;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 0;
}

#rev_slider_4_1 {
    display: none;
}

#rev_slider_christmas {
    position: relative;
}

@media only screen and (max-width: 767.98px) {
    #rev_slider_christmas .tparrows {
        display: none;
    }
}

#rev_slider_christmas .tp-bullet {
    -webkit-box-shadow: 0 0 0 2px rgba(255, 0, 0, 0);
    box-shadow: 0 0 0 2px rgba(255, 0, 0, 0);
}

#rev_slider_christmas .tp-bullet-inner {
    background-color: #fefefe;
}

#rev_slider_christmas .tp-bullet.selected,
#rev_slider_christmas .tp-bullet:hover {
    -webkit-box-shadow: 0 0 0 2px red;
    box-shadow: 0 0 0 2px red;
}

#rev_slider_christmas .tp-bullet.selected .tp-bullet-inner,
#rev_slider_christmas .tp-bullet:hover .tp-bullet-inner {
    background-color: red;
}

/*=====================
07. About Style CSS
======================*/
.about-content h3 {
    color: #FFFFFF;
    font-size: 2.25rem;
    line-height: 1.5;
}

@media (max-width: 1200px) {
    .about-content h3 {
        font-size: calc(1.35rem + 1.2vw);
    }
}

.about-content>.btn {
    margin-top: 10px;
}

.about-content-icon {
    background: url("../img/icons/ruller.png") no-repeat top right;
    padding: 50px 0;
    margin-left: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .about-content-icon {
        margin-left: 0;
        padding: 0;
    }
}

.about-content .ht-list li:before {
    content: '\e006';
    font-family: "linea-arrows-10";
}

.about-content.construction h4 {
    font-size: 2.75rem;
    font-weight: 700;
    margin-bottom: 0;
}

@media (max-width: 1200px) {
    .about-content.construction h4 {
        font-size: calc(1.4rem + 1.8vw);
    }
}

.about-thumb {
    position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .about-thumb {
        margin-bottom: 40px;
    }
}

.about-thumb img {
    width: 100%;
}

.about-thumb-ml {
    margin-left: -100px;
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px),
only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .about-thumb-ml {
        margin-left: 0;
    }
}

.about-thumb-left-align {
    margin-left: -550px;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .about-thumb-left-align {
        margin-left: auto;
    }
}

.about-modern .about-content {
    z-index: 2;
    position: relative;
}

.img-h-w-wrap {
    position: relative;
}

.img-h-w-wrap .img-half-width {
    position: absolute;
    height: 100%;
    top: 0;
    width: 50%;
}

.img-h-w-wrap .img-half-width.right {
    right: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .img-h-w-wrap .img-half-width {
        position: relative;
        width: 100%;
        height: 300px;
        margin: auto;
    }
}

/*========================
08. Portfolio Style CSS
=========================*/
.portfolio-wrapper .container-fluid {
    padding: 0 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .portfolio-wrapper .container-fluid {
        padding: 0 15px;
    }
}

.portfolio-carousel-wrap .lSPager.lSpg li a {
    background-color: transparent;
    border: 3px solid #e6e8ee;
    height: 15px;
    width: 15px;
}

.portfolio-carousel-wrap .lSPager.lSpg li.active a,
.portfolio-carousel-wrap .lSPager.lSpg li:hover a {
    background-color: transparent;
    border-color: #f2b636;
}

.portfolio-item {
    position: relative;
    margin-top: 30px;
}

.portfolio-item:before {
    background-color: rgba(24, 33, 65, 0.95);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.portfolio-item__info {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.portfolio-item__info .title {
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
}

.portfolio-item__info .title a {
    color: #f2b636;
}

.portfolio-item__info .category {
    color: #FFFFFF;
    font-size: 18px;
    line-height: 1;
    text-transform: capitalize;
    display: inline-block;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
}

.portfolio-item:hover:before {
    opacity: 1;
    visibility: visible;
}

.portfolio-item:hover .portfolio-item__info {
    opacity: 1;
    visibility: visible;
}

.portfolio-item:hover .portfolio-item__info .title,
.portfolio-item:hover .portfolio-item__info .category {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.portfolio-item--2:before {
    display: none;
}

.portfolio-item--2 .portfolio-item__info {
    position: static;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-top: 25px;
}

.portfolio-item--2 .portfolio-item__info * {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.portfolio-item--2 .portfolio-item__info .title {
    margin-top: 0;
    font-size: 1.5rem;
    text-transform: capitalize;
    font-weight: 400;
}

@media (max-width: 1200px) {
    .portfolio-item--2 .portfolio-item__info .title {
        font-size: calc(1.275rem + 0.3vw);
    }
}

.portfolio-item--2 .portfolio-item__info .title a {
    color: #252f64;
}

.portfolio-item--2 .portfolio-item__info .title a:hover {
    color: #f2b636;
}

.portfolio-item--2 .portfolio-item__info .category {
    color: #878c9b;
}

.no-gutters .portfolio-item {
    margin-top: 0;
}

/*======================
09. Skills Style CSS
========================*/

/*======================
10. Service Style CSS
========================*/

/*================================
Start Baber Service Area Wrapper
==================================*/

/*===========================
11. Testimonial Style CSS
============================*/
.testimonial-item {
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    padding: 50px 30px;
    text-align: center;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    margin-top: 30px;
}

.testimonial-item .client-title {
    margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px),
only screen and (min-width: 1200px) {
    .testimonial-item:hover {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }
}

.testimonial-item--2 {
    border: none;
    margin-top: 0;
    padding: 0;
}

.testimonial-item--2:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.testimonial-item--2 .client-quote {
    color: #252f64;
    font-size: 2rem;
    line-height: 1.2;
}

@media (max-width: 1200px) {
    .testimonial-item--2 .client-quote {
        font-size: calc(1.325rem + 0.9vw);
    }
}

.testimonial-item--2 .client-info {
    margin-top: 40px;
}

@media only screen and (max-width: 767.98px) {
    .testimonial-item--2 .client-info {
        margin-top: 30px;
    }
}

.bg-softWhite .testimonial-item--2 {
    background-color: transparent;
}

/*===========================
12. Brand Logo Style CSS
=============================*/

/*===============================
13. Call to Action Style CSS
=================================*/
.call-to-action-wrapper {
    position: relative;
}

.call-to-action-wrapper:before {
    background-color: rgba(24, 33, 65, 0.8);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.call-to-action-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 550px;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .call-to-action-content {
        height: 400px;
    }
}

@media only screen and (max-width: 767.98px) {
    .call-to-action-content {
        height: 300px;
    }
}

.call-to-action-content h2 {
    color: #FFFFFF;
    font-size: 4.6875rem;
    margin-bottom: 40px;
}

@media (max-width: 1200px) {
    .call-to-action-content h2 {
        font-size: calc(1.59375rem + 4.125vw);
    }
}

@media only screen and (max-width: 767.98px) {
    .call-to-action-content h2 {
        margin-bottom: 20px;
    }
}

.call-to-action-content .btn-bordered {
    color: #FFFFFF;
}

.video-popup-txt {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.video-popup-txt .btn-video-popup {
    color: #FFFFFF;
    font-size: 5rem;
    line-height: 1;
}

@media (max-width: 1200px) {
    .video-popup-txt .btn-video-popup {
        font-size: calc(1.625rem + 4.5vw);
    }
}

.video-popup-txt .btn-video-popup:hover {
    color: #f2b636;
}

/*==========================
14. Blog Post Style CSS
===========================*/
.post-item {
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    padding: 53px 40px 60px;
    margin-top: 30px;
    position: relative;
}

@media only screen and (max-width: 767.98px) {
    .post-item {
        padding: 35px 30px 40px;
    }
}

.post-item iframe {
    border: none;
    width: 100%;
}

.post-item:hover .post-thumb {
    background-position: center center;
    opacity: 1;
    visibility: visible;
}

.post-item:hover .post-info__title a,
.post-item:hover .post-info__action a {
    color: #FFFFFF;
}

.post-item:hover .post-info__title a:hover,
.post-item:hover .post-info__action a:hover {
    color: #f2b636;
}

.post-item--4 {
    padding: 0;
    border: none;
}

.post-item--4 .post-thumb {
    background-size: cover;
    background-position: center center;
    position: static;
    opacity: 1;
    visibility: visible;
    display: block;
    height: auto;
}

.post-item--4 .post-thumb:before {
    display: none;
}

.post-item--4 .post-info {
    padding: 40px 30px 48px;
}

.post-item--4 .post-info__meta {
    margin-bottom: 0;
}

.post-item--4:hover .post-info__title a {
    color: inherit;
}

.post-item--4 .blockquote {
    background-color: #252f64;
    font-size: 1.375rem;
    margin-bottom: 0;
}

@media (max-width: 1200px) {
    .post-item--4 .blockquote {
        font-size: calc(1.2625rem + 0.15vw);
    }
}

.post-day {
    position: absolute;
    top: 0;
    right: 24px;
    z-index: 0;
    font-size: 9.375rem;
    line-height: 1;
    opacity: .07;
}

@media (max-width: 1200px) {
    .post-day {
        font-size: calc(2.0625rem + 9.75vw);
    }
}

.post-thumb {
    background-repeat: no-repeat;
    background-position: 10px center;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.post-thumb:before {
    background-color: rgba(24, 33, 65, 0.9);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.post-info {
    position: relative;
    z-index: 1;
}

.post-info__cate {
    color: #f2b636;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1.75px;
    text-transform: uppercase;
    margin-bottom: 17px;
}

.post-info__cate:hover {
    color: #f2b636;
}

.post-info__title {
    font-size: 1.875rem;
}

@media (max-width: 1200px) {
    .post-info__title {
        font-size: calc(1.3125rem + 0.75vw);
    }
}

.post-info__title a {
    color: #252f64;
}

.post-info__title a:hover {
    color: #f2b636;
}

.post-info__meta {
    margin-bottom: 25px;
}

.post-info__meta a {
    color: #878c9b;
    line-height: 1;
}

.post-info__action {
    margin-top: 25px;
}

/*========================
15. List Box Style CSS
=========================*/

/*===========================
16. Icon Box Style CSS
============================*/

/*========================
19. Counter Style CSS
==========================*/

/*==========================
20. Progress Bar Style CSS
============================*/

/*============================
21. Pricing Table Style CSS
==============================*/

/*===========================
22. Newsletter Style CSS
=============================*/

/*=========================
23. Flip Box Style CSS
===========================*/

/*============================
24. Social Icons Style CSS
==============================*/
.social-icons-wrapper {
    padding: 180px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .social-icons-wrapper {
        padding: 90px 0;
    }
}

@media only screen and (max-width: 767.98px) {
    .social-icons-wrapper {
        padding: 60px 0;
    }
}

.social-icons a {
    color: #252f64;
    font-size: 2.25rem;
    line-height: 1;
    margin-right: 50px;
}

@media (max-width: 1200px) {
    .social-icons a {
        font-size: calc(1.35rem + 1.2vw);
    }
}

.social-icons a:last-child {
    margin-right: 0;
}

@media only screen and (max-width: 767.98px) {
    .social-icons a {
        margin-right: 20px;
    }
}

.social-icons a:hover {
    color: #f2b636;
}

/*========================
27. Banner Style CSS
=========================*/

/*====================================
Home Marketing Agency Banner Gallery
=====================================*/

/*====================================
Home Interior Banner Area
=====================================*/

/*====================================
Home Restaurant Banner Area
=====================================*/

/*=========================
30. Product Style CSS
===========================*/

/*==========================
34. Accordion Style Css
============================*/
.accordion .card {
    border-radius: 0;
    border: none;
    margin-bottom: 30px;
}

.accordion .card:last-child {
    margin-bottom: 0;
}

.accordion .card-header {
    background-color: transparent;
    border: none;
    border-radius: 0;
    cursor: pointer;
    margin-bottom: 0 !important;
    padding: 0;
}

.accordion .card-header h4 {
    border-bottom: 1px solid #eee;
    font-size: 1.25rem;
    margin: 0;
    padding-bottom: 15px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.accordion .card-header h4:hover,
.accordion .card-header h4[aria-expanded="true"] {
    color: #f2b636;
    border-bottom-color: #f2b636;
}

.accordion .card-body {
    padding: 25px 0 0;
}

/*==========================
47. F.A.Q Page Style Css
============================*/

/*=====================
Tabs Style
==================*/

/*=================================
35. Restaurant Menu Style Css
===================================*/

.menu-item {
    margin-top: 50px;
}

/*============================
36. Team Member Style Css
==============================*/

/*==========================
37. Schedules Style Css
===========================*/

/*================================
40. Event Home Hero Style Css
==================================*/

/*=================================
56. Freelancer Hero Style Css
================================*/

@-webkit-keyframes animate-line {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }

    50% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    50.1% {
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    100% {
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}

@keyframes animate-line {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }

    50% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    50.1% {
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    100% {
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}

/*========================
42. Timeline Style Css
===========================*/

/*============================
43. Page Header Style Css
==============================*/

/*=========================
49. Sidebar Style Css
===========================*/

/*==========================================
Preloader Style Css
===========================================*/
.preloader-active {
    overflow: hidden;
}

@-webkit-keyframes dot {
    50% {
        -webkit-transform: translateX(96px);
        transform: translateX(96px);
    }
}

@keyframes dot {
    50% {
        -webkit-transform: translateX(96px);
        transform: translateX(96px);
    }
}

@-webkit-keyframes dots {
    50% {
        -webkit-transform: translateX(-31px);
        transform: translateX(-31px);
    }
}

@keyframes dots {
    50% {
        -webkit-transform: translateX(-31px);
        transform: translateX(-31px);
    }
}

/*=======================
Quick View Style Here
=========================*/

/*=========================
58. Element Divider CSS
==========================*/
.divider {
    display: block;
    border-color: #ebebeb;
}

/*=========================
59. Element Media Feed
===========================*/

/*=================================
17. Full Page Home Page Style
==================================*/
@media only screen and (max-width: 767.98px) {
    #fullpage .section {
        padding: 30px 0;
    }

    #fullpage .section:first-child {
        padding-top: 0;
    }

    #fullpage .section:last-child {
        padding: 0;
    }

    #fullpage .section:nth-last-child(2) {
        padding-bottom: 0;
    }
}

/*==========================================
25. Home FullScreen Carousel Style CSS
===========================================*/

/*==========================================
28. Home Portfolio FullScreen Slider CSS
===========================================*/

/*=======================================
32. Home Portfolio Split Style CSS
========================================*/

/*=======================================
Home Portfolio Metro Style CSS
========================================*/

/*====================================
26. Home Blog Slider Style CSS
=====================================*/

/*====================================
29. Home Modern Shop Style CSS
=====================================*/

/*==========================================
31. Home Justified Gallery Style CSS
===========================================*/
.gallery-item {
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.gallery-item:before {
    background-color: rgba(24, 33, 65, 0.8);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    pointer-events: none;
    z-index: 2;
}

.gallery-item:after {
    content: '+';
    color: #FFFFFF;
    font-size: 2.1875rem;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    transition: 0.4s;
    z-index: 3;
}

@media (max-width: 1200px) {
    .gallery-item:after {
        font-size: calc(1.34375rem + 1.125vw);
    }
}

.gallery-item:hover:before {
    opacity: 1;
    visibility: visible;
}

.gallery-item:hover:after {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
    visibility: visible;
}

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

/*==========================
Home vCard Style CSS
============================*/

/*==============================
38. Home Wedding Style Css
================================*/

/*=======================
Countdown Clock Style
=========================*/

.section-title.wedding h2 {
    color: #f2b636;
    font-family: "Playfair Display", serif;
    font-size: 3.125rem;
    margin-top: -10px;
}

@media (max-width: 1200px) {
    .section-title.wedding h2 {
        font-size: calc(1.4375rem + 2.25vw);
    }
}

/*===============================
57. Home Freelancer Style Css
================================*/

/*==============================
18. Contact Content Style
==============================*/

.call-to-contact {
    margin-top: 35px;
}

@media only screen and (max-width: 767.98px) {
    .call-to-contact {
        margin-top: 30px;
    }
}

.call-to-contact h5 {
    color: #f2b636;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 1.5px;
    margin-bottom: 27px;
}

@media only screen and (max-width: 767.98px) {
    .call-to-contact h5 {
        margin-bottom: 15px;
    }
}

.call-to-contact--light h4 {
    color: #FFFFFF;
    line-height: 1.6;
}

.form-input-item {
    margin-top: 70px;
}

@media only screen and (max-width: 767.98px) {
    .form-input-item {
        margin-top: 30px;
    }
}

.form-input-item input,
.form-input-item textarea {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #f2b636;
    color: #252f64;
    display: block;
    font-size: 1.5rem;
    width: 100%;
}

@media (max-width: 1200px) {

    .form-input-item input,
    .form-input-item textarea {
        font-size: calc(1.275rem + 0.3vw);
    }
}

@media only screen and (max-width: 767.98px) {

    .form-input-item input,
    .form-input-item textarea {
        font-size: 1.125rem;
    }
}

.form-input-item input::-webkit-input-placeholder,
.form-input-item textarea::-webkit-input-placeholder {
    color: #252f64;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.form-input-item input::-moz-placeholder,
.form-input-item textarea::-moz-placeholder {
    color: #252f64;
    -moz-transition: 0.4s;
    transition: 0.4s;
}

.form-input-item input:-ms-input-placeholder,
.form-input-item textarea:-ms-input-placeholder {
    color: #252f64;
    -ms-transition: 0.4s;
    transition: 0.4s;
}

.form-input-item input::-ms-input-placeholder,
.form-input-item textarea::-ms-input-placeholder {
    color: #252f64;
    -ms-transition: 0.4s;
    transition: 0.4s;
}

.form-input-item input::placeholder,
.form-input-item textarea::placeholder {
    color: #252f64;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.form-input-item input:focus,
.form-input-item textarea:focus {
    border-bottom-color: #f2b636;
}

.form-input-item input:focus::-webkit-input-placeholder,
.form-input-item textarea:focus::-webkit-input-placeholder {
    opacity: 0;
}

.form-input-item input:focus::-moz-placeholder,
.form-input-item textarea:focus::-moz-placeholder {
    opacity: 0;
}

.form-input-item input:focus:-ms-input-placeholder,
.form-input-item textarea:focus:-ms-input-placeholder {
    opacity: 0;
}

.form-input-item input:focus::-ms-input-placeholder,
.form-input-item textarea:focus::-ms-input-placeholder {
    opacity: 0;
}

.form-input-item input:focus::placeholder,
.form-input-item textarea:focus::placeholder {
    opacity: 0;
}

.form-input-item textarea {
    padding: 0;
    resize: none;
}

.form-input-item .btn-bordered {
    padding: 18px 10px;
    width: 100%;
}

.form-input-item.light input,
.form-input-item.light textarea {
    color: #f2b636;
}

.form-input-item.light input::-webkit-input-placeholder,
.form-input-item.light textarea::-webkit-input-placeholder {
    color: #f2b636;
}

.form-input-item.light input::-moz-placeholder,
.form-input-item.light textarea::-moz-placeholder {
    color: #f2b636;
}

.form-input-item.light input:-ms-input-placeholder,
.form-input-item.light textarea:-ms-input-placeholder {
    color: #f2b636;
}

.form-input-item.light input::-ms-input-placeholder,
.form-input-item.light textarea::-ms-input-placeholder {
    color: #f2b636;
}

.form-input-item.light input::placeholder,
.form-input-item.light textarea::placeholder {
    color: #f2b636;
}

.form-input-item.light input:focus,
.form-input-item.light textarea:focus {
    border-bottom-color: #FFFFFF;
}

.form-input-item.light .btn-bordered {
    color: #f2b636;
}

.form-input-item.light .btn-bordered:hover {
    color: #FFFFFF;
}

/*============================
41. About Page Style Css
==============================*/

/*===================================
44. 404 Page Not Found Page Style Css
====================================*/

/*============================
45. Maintenance Page Style Css
==============================*/

/*====================================
46. Coming Soon Page Style Css
======================================*/

/*============================
48. Blog Pages Style Css
=============================*/
.pagination-wrap {
    margin-top: 60px;
}

@media only screen and (max-width: 767.98px) {
    .pagination-wrap {
        margin-top: 40px;
    }
}

.pagination li {
    margin-right: 10px;
}

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

.pagination li a {
    background-color: #FFFFFF;
    border: 1px solid #eee;
    color: #252f64;
    display: block;
    text-align: center;
    line-height: 45px;
    height: 45px;
    width: 45px;
}

.pagination li a.active,
.pagination li a:hover {
    border-color: #f2b636;
}

/*====================================
50. Blog Details Page Style Css
=====================================*/
.blog-post-details-content {
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    padding: 50px 30px 52px;
}

.blog-post-details-header {
    margin-bottom: 32px;
}

.blog-post-details-header .post-info__meta {
    margin-bottom: 0;
}

.write-comment-area {
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    padding: 50px 30px 52px;
}

.write-comment-area .form-input-item input,
.write-comment-area .form-input-item textarea {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    font-size: 16px;
    padding-bottom: 10px;
}

.write-comment-area .form-input-item input:focus,
.write-comment-area .form-input-item textarea:focus {
    border-bottom-color: #252f64;
}

.write-comment-area .form-input-item input::-webkit-input-placeholder,
.write-comment-area .form-input-item textarea::-webkit-input-placeholder {
    color: #878c9b;
}

.write-comment-area .form-input-item input::-moz-placeholder,
.write-comment-area .form-input-item textarea::-moz-placeholder {
    color: #878c9b;
}

.write-comment-area .form-input-item input:-ms-input-placeholder,
.write-comment-area .form-input-item textarea:-ms-input-placeholder {
    color: #878c9b;
}

.write-comment-area .form-input-item input::-ms-input-placeholder,
.write-comment-area .form-input-item textarea::-ms-input-placeholder {
    color: #878c9b;
}

.write-comment-area .form-input-item input::placeholder,
.write-comment-area .form-input-item textarea::placeholder {
    color: #878c9b;
}

/*======================================
51. Portfolio Details Page Style Css
=======================================*/

.portfolio-details-meta {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 50px 0;
    margin-top: 60px;
}

.portfolio-details-img-slider .portfolio-details-meta {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

@media only screen and (max-width: 767.98px) {
    .portfolio-details-img-slider .portfolio-details-meta {
        margin-top: 50px;
    }
}

/*=============================
52. Shop Pages Style Css
==============================*/

/*==========================================
53. Single Product Pages Style Css
===========================================*/

.prod-details-footer__item {
    border-bottom: 1px solid #f2b636;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 0;
}

.prod-details-footer__item:first-child {
    border-top: 1px solid #f2b636;
}

.prod-details-footer__item h5 {
    font-size: 15px;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0;
}

@media only screen and (max-width: 575.98px) {
    .prod-details-footer__item h5 {
        font-size: 12px;
    }
}

.prod-details-footer__item h5 i {
    color: #888888;
    margin-right: 10px;
}

@media only screen and (max-width: 575.98px) {
    .prod-details-footer__item h5 i {
        margin-right: 3px;
    }
}

.prod-details-footer__item .cate-list li {
    margin-right: 10px;
}

.prod-details-footer__item .cate-list li:last-child {
    margin-right: 0;
}

.prod-details-footer__item .cate-list li a {
    color: #878c9b;
    font-size: 15px;
    font-weight: 600;
}

.prod-details-footer__item .cate-list li a:hover {
    color: #f2b636;
}

/*==========================================
54. Checkout Page Pages Style Css
===========================================*/

/*==================================
55. Cart Page Pages Style Css
===================================*/


.list::-webkit-scrollbar-thumb {
    border-radius: 0;
    border: 0;
    background-color: #f2b636;
}


.list::-webkit-scrollbar {
    background-color: rgba(242, 182, 54, 0.3);
    -webkit-appearance: none;
    width: 15px;
    height: 5px;
}