/** css **/
@import "flaticon.css";
@import "themify-icons.css";
@import "font-awesome-all.css";
@import "https://fonts.googleapis.com/css?family=Lato:300,400,400i,700|Poppins:300,400,500,600,700|PT+Serif:400,400i&display=swap";
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Kode+Mono:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Kode+Mono:wght@400..700&family=Satisfy&display=swap');

:root {
    --skin-color: #bc1622;
    --skin-color-2: #026d9b;
    --white: #ffffff;
    --black: #000;
}


/** Padding **/
.spacing-1 {
    padding: 200px 79px 200px 170px;
    margin: -100px -140px 0 0px;
}

.spacing-2 {
    margin-top: 90px;
    margin-left: -100px;
    margin-bottom: -80px;
    padding: 80px 0 80px 60px;
}

.spacing-3 {
    padding: 100px 0;
    margin-top: -325px;
    margin-left: 100px;
}

.spacing-4 {
    padding: 105px 430px 105px 70px;
    margin-right: -185px;
}

.spacing-5 {
    padding: 80px 0 75px;
    margin-right: -150px;
}

.spacing-6 {
    padding: 40px 0 50px;
    margin-left: 380px;
    margin-right: -200px;
}

.spacing-7 {
    padding: 60px;
    margin-top: -100px;
}

.spacing-8 {
    padding: 70px 10px 70px 70px;
    margin-top: -70px;
    margin-left: -30px;
}

.spacing-9 {
    padding: 90px 140px 90px 0;
}

.spacing-10 {
    padding: 30px 50px 40px;
    margin-top: -470px;
}

.spacing-11 {
    padding: 80px 0 20px 0px;
    margin-left: 90px;
}

.p-10 {
    padding: 10px !important;
}

.p-15 {
    padding: 15px;
}

.p-20 {
    padding: 20px;
}

.p-30 {
    padding: 30px;
}

.p-40 {
    padding: 40px;
}

.p-50 {
    padding: 50px;
}

.p-60 {
    padding: 60px;
}

.p-80 {
    padding: 80px;
}

.p-100 {
    padding: 100px;
}

.padding_right0 {
    padding-right: 0 !important;
}

.padding_right5 {
    padding-right: 5px
}

.padding_right10 {
    padding-right: 10px;
}

.padding_right15 {
    padding-right: 15px;
}

.padding_right20 {
    padding-right: 20px;
}

.padding_right25 {
    padding-right: 25px;
}

.padding_right30 {
    padding-right: 30px;
}

.padding_right35 {
    padding-right: 35px;
}

.padding_right40 {
    padding-right: 40px;
}

.padding_right45 {
    padding-right: 45px;
}

.padding_right50 {
    padding-right: 50px;
}

.padding_right55 {
    padding-right: 55px;
}

.padding_right60 {
    padding-right: 60px;
}

.padding_right65 {
    padding-right: 65px;
}

.padding_right70 {
    padding-right: 70px;
}

.padding_right75 {
    padding-right: 75px;
}

.padding_right80 {
    padding-right: 80px;
}

.padding_right85 {
    padding-right: 85px;
}

.padding_right90 {
    padding-right: 90px;
}

.padding_right95 {
    padding-right: 95px;
}

.padding_right100 {
    padding-right: 100px;
}

.padding_right110 {
    padding-right: 110px;
}

.padding_left0 {
    padding-left: 0px !important;
}

.padding_left3 {
    padding-left: 3px;
}

.padding_left5 {
    padding-left: 5px;
}

.padding_left10 {
    padding-left: 10px;
}

.padding_left15 {
    padding-left: 15px;
}

.padding_left20 {
    padding-left: 20px;
}

.padding_left25 {
    padding-left: 25px;
}

.padding_left30 {
    padding-left: 30px;
}

.padding_left35 {
    padding-left: 35px;
}

.padding_left40 {
    padding-left: 40px;
}

.padding_left45 {
    padding-left: 45px;
}

.padding_left50 {
    padding-left: 50px;
}

.padding_left55 {
    padding-left: 55px;
}

.padding_left60 {
    padding-left: 60px;
}

.padding_left65 {
    padding-left: 65px;
}

.padding_left70 {
    padding-left: 70px;
}

.padding_left75 {
    padding-left: 75px;
}

.padding_left80 {
    padding-left: 80px;
}

.padding_left85 {
    padding-left: 85px;
}

.padding_left90 {
    padding-left: 90px;
}

.padding_left95 {
    padding-left: 95px;
}

.padding_left100 {
    padding-left: 100px;
}

.padding_top0 {
    padding-top: 0px !important;
}

.padding_top5 {
    padding-top: 5px;
}

.padding_top10 {
    padding-top: 10px;
}

.padding_top15 {
    padding-top: 15px;
}

.padding_top20 {
    padding-top: 20px;
}

.padding_top25 {
    padding-top: 25px;
}

.padding_top30 {
    padding-top: 30px;
}

.padding_top35 {
    padding-top: 35px;
}

.padding_top40 {
    padding-top: 40px;
}

.padding_top45 {
    padding-top: 45px;
}

.padding_top50 {
    padding-top: 50px;
}

.padding_top55 {
    padding-top: 55px;
}

.padding_top60 {
    padding-top: 60px;
}

.padding_top65 {
    padding-top: 65px;
}

.padding_top70 {
    padding-top: 70px;
}

.padding_top75 {
    padding-top: 75px;
}

.padding_top80 {
    padding-top: 80px;
}

.padding_top85 {
    padding-top: 85px;
}

.padding_top90 {
    padding-top: 90px;
}

.padding_top100 {
    padding-top: 100px;
}

.padding_top120 {
    padding-top: 120px;
}

.padding_top145 {
    padding-top: 145px;
}

.padding_top150 {
    padding-top: 150px;
}

.padding_top160 {
    padding-top: 160px;
}

.padding_top165 {
    padding-top: 165px;
}

.padding_top170 {
    padding-top: 170px;
}

.padding_bottom0 {
    padding-bottom: 0px !important;
}

.padding_bottom5 {
    padding-bottom: 5px;
}

.padding_bottom10 {
    padding-bottom: 10px;
}

.padding_bottom15 {
    padding-bottom: 15px;
}

.padding_bottom20 {
    padding-bottom: 20px;
}

.padding_bottom25 {
    padding-bottom: 25px;
}

.padding_bottom30 {
    padding-bottom: 30px;
}

.padding_bottom35 {
    padding-bottom: 35px;
}

.padding_bottom40 {
    padding-bottom: 40px;
}

.padding_bottom45 {
    padding-bottom: 45px;
}

.padding_bottom50 {
    padding-bottom: 50px;
}

.padding_bottom55 {
    padding-bottom: 55px;
}

.padding_bottom60 {
    padding-bottom: 60px;
}

.padding_bottom70 {
    padding-bottom: 70px;
}

.padding_bottom80 {
    padding-bottom: 80px;
}

.padding_bottom90 {
    padding-bottom: 90px;
}

.padding_bottom100 {
    padding-bottom: 100px;
}

.padding_bottom120 {
    padding-bottom: 120px;
}

.padding_bottom130 {
    padding-bottom: 130px;
}

.padding_bottom140 {
    padding-bottom: 140px;
}

.padding_bottom150 {
    padding-bottom: 150px;
}

.padding_bottom160 {
    padding-bottom: 160px;
}

.padding_bottom170 {
    padding-bottom: 170px;
}

.padding_bottom180 {
    padding-bottom: 180px;
}

.padding_bottom190 {
    padding-bottom: 190px;
}

.padding_bottom200 {
    padding-bottom: 200px;
}

/** Margin **/
.margin_top0 {
    margin-top: 0px !important;
}

.margin_top5 {
    margin-top: 5px;
}

.margin_top10 {
    margin-top: 10px;
}

.margin_top15 {
    margin-top: 15px;
}

.margin_top20 {
    margin-top: 20px;
}

.margin_top25 {
    margin-top: 25px;
}

.margin_top30 {
    margin-top: 30px;
}

.margin_top35 {
    margin-top: 35px;
}

.margin_top40 {
    margin-top: 40px;
}

.margin_top45 {
    margin-top: 45px;
}

.margin_top50 {
    margin-top: 50px;
}

.margin_top60 {
    margin-top: 60px;
}

.margin_top65 {
    margin-top: 65px;
}

.margin_top70 {
    margin-top: 70px;
}

.margin_top80 {
    margin-top: 80px;
}

.margin_top90 {
    margin-top: 90px;
}

.margin_top100 {
    margin-top: 100px;
}

.margin_top120 {
    margin-top: 120px;
}

.margin_top130 {
    margin-top: 130px;
}

.margin_top140 {
    margin-top: 140px;
}

.margin_top150 {
    margin-top: 150px;
}

.margin_top160 {
    margin-top: 160px;
}

.mt_5 {
    margin-top: -5px;
}

.mt_10 {
    margin-top: -10px;
}

.mt_15 {
    margin-top: -15px;
}

.mt_20 {
    margin-top: -20px;
}

.mt_25 {
    margin-top: -25px;
}

.mt_30 {
    margin-top: -30px;
}

.mt_35 {
    margin-top: -35px;
}

.mt_40 {
    margin-top: -40px;
}

.mt_50 {
    margin-top: -50px;
}

.mt_55 {
    margin-top: -55px;
}

.mt_60 {
    margin-top: -60px;
}

.mt_70 {
    margin-top: -70px;
}

.mt_80 {
    margin-top: -80px;
}

.mt_90 {
    margin-top: -90px;
}

.mt_100 {
    margin-top: -100px;
}

.mt_110 {
    margin-top: -110px;
}

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

.mt_130 {
    margin-top: -130px;
}

.mt_140 {
    margin-top: -140px;
}

.mt_150 {
    margin-top: -150px;
}

.mt_160 {
    margin-top: -160px;
}

.mt_170 {
    margin-top: -170px;
}

.mt_180 {
    margin-top: -180px;
}

.mt_190 {
    margin-top: -190px;
}

.mt_200 {
    margin-top: -200px;
}

.mt_210 {
    margin-top: -210px;
}

.mt_220 {
    margin-top: -220px;
}

.mt_240 {
    margin-top: -240px;
}

.mt_260 {
    margin-top: -260px;
}

.mt_280 {
    margin-top: -280px;
}

.mt_325 {
    margin-top: -325px;
}

.mt_340 {
    margin-top: -340px;
}

.mt_350 {
    margin-top: -350px;
}

.margin_bottom0 {
    margin-bottom: 0px !important;
}

.margin_bottom5 {
    margin-bottom: 5px;
}

.margin_bottom10 {
    margin-bottom: 10px;
}

.margin_bottom15 {
    margin-bottom: 15px;
}

.margin_bottom25 {
    margin-bottom: 25px;
}

.margin_bottom20 {
    margin-bottom: 20px;
}

.margin_bottom30 {
    margin-bottom: 30px;
}

.margin_bottom35 {
    margin-bottom: 35px;
}

.margin_bottom40 {
    margin-bottom: 40px;
}

.margin_bottom45 {
    margin-bottom: 45px;
}

.margin_bottom50 {
    margin-bottom: 50px;
}

.margin_bottom60 {
    margin-bottom: 60px;
}

.margin_bottom65 {
    margin-bottom: 65px;
}

.margin_bottom70 {
    margin-bottom: 70px;
}

.margin_bottom80 {
    margin-bottom: 80px;
}

.margin_bottom90 {
    margin-bottom: 90px;
}

.margin_bottom100 {
    margin-bottom: 100px;
}

.mb_5 {
    margin-bottom: -5px;
}

.mb_10 {
    margin-bottom: -10px;
}

.mb_15 {
    margin-bottom: -15px;
}

.mb_20 {
    margin-bottom: -20px;
}

.mb_25 {
    margin-bottom: -25px;
}

.mb_30 {
    margin-bottom: -30px;
}

.mb_40 {
    margin-bottom: -40px;
}

.mb_50 {
    margin-bottom: -50px;
}

.mb_60 {
    margin-bottom: -60px;
}

.mb_70 {
    margin-bottom: -70px;
}

.mb_75 {
    margin-bottom: -75px;
}

.mb_80 {
    margin-bottom: -80px;
}

.mb_90 {
    margin-bottom: -90px;
}

.mb_100 {
    margin-bottom: -100px;
}

.mb_110 {
    margin-bottom: -110px;
}

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

.mb_140 {
    margin-bottom: -140px;
}

.margin_left0 {
    margin-left: 0px !important;
}

.margin_left10 {
    margin-left: 10px;
}

.margin_left15 {
    margin-left: 15px;
}

.margin_left20 {
    margin-left: 20px;
}

.margin_left30 {
    margin-left: 30px;
}

.margin_left40 {
    margin-left: 40px;
}

.margin_left50 {
    margin-left: 50px;
}

.margin_left60 {
    margin-left: 60px;
}

.margin_left70 {
    margin-left: 70px;
}

.margin_left80 {
    margin-left: 80px;
}

.margin_left90 {
    margin-left: 90px;
}

.margin_left100 {
    margin-left: 100px;
}

.margin_left110 {
    margin-left: 110px;
}

.margin_left120 {
    margin-left: 120px;
}

.margin_left120 {
    margin-left: 120px;
}

.margin_left130 {
    margin-left: 130px;
}

.margin_left140 {
    margin-left: 140px;
}

.margin_left150 {
    margin-left: 150px;
}

.margin_left160 {
    margin-left: 160px;
}

.margin_left170 {
    margin-left: 170px;
}

.margin_left180 {
    margin-left: 180px;
}

.margin_left190 {
    margin-left: 190px;
}

.margin_left200 {
    margin-left: 200px;
}

.ml_10 {
    margin-left: -10px;
}

.ml_15 {
    margin-left: -15px;
}

.ml_20 {
    margin-left: -20px;
}

.ml_25 {
    margin-left: -25px;
}

.ml_30 {
    margin-left: -30px;
}

.ml_35 {
    margin-left: -35px;
}

.ml_40 {
    margin-left: -40px;
}

.ml_50 {
    margin-left: -50px;
}

.ml_60 {
    margin-left: -60px;
}

.ml_65 {
    margin-left: -65px;
}

.ml_70 {
    margin-left: -70px;
}

.ml_80 {
    margin-left: -80px;
}

.ml_90 {
    margin-left: -90px;
}

.ml_100 {
    margin-left: -100px;
}

.ml_110 {
    margin-left: -110px;
}

.ml_120 {
    margin-left: -120px;
}

.ml_130 {
    margin-left: -130px;
}

.ml_140 {
    margin-left: -140px;
}

.ml_150 {
    margin-left: -150px;
}

.ml_160 {
    margin-left: -160px;
}

.ml_180 {
    margin-left: -180px;
}

.ml_200 {
    margin-left: -200px;
}

.ml_210 {
    margin-left: -210px;
}

.ml_220 {
    margin-left: -220px;
}

.ml_240 {
    margin-left: -240px;
}

.ml_260 {
    margin-left: -260px;
}

.ml_280 {
    margin-left: -280px;
}

.ml_300 {
    margin-left: -300px;
}

.margin_right0 {
    margin-right: 0px !important;
}

.margin_right10 {
    margin-right: 10px;
}

.margin_right15 {
    margin-right: 15px;
}

.margin_right20 {
    margin-right: 20px;
}

.margin_right25 {
    margin-right: 25px;
}

.margin_right30 {
    margin-right: 30px;
}

.margin_right40 {
    margin-right: 40px;
}

.margin_right50 {
    margin-right: 50px;
}

.margin_right60 {
    margin-right: 60px;
}

.margin_right70 {
    margin-right: 70px;
}

.margin_right80 {
    margin-right: 80px;
}

.margin_right90 {
    margin-right: 90px;
}

.margin_right100 {
    margin-right: 100px;
}

.margin_right110 {
    margin-right: 110px;
}

.margin_right120 {
    margin-right: 120px;
}

.margin_right130 {
    margin-right: 130px;
}

.margin_right140 {
    margin-right: 140px;
}

.margin_right150 {
    margin-right: 150px;
}

.margin_right160 {
    margin-right: 160px;
}

.margin_right170 {
    margin-right: 170px;
}

.margin_right180 {
    margin-right: 180px;
}

.margin_right190 {
    margin-right: 190px;
}

.margin_right200 {
    margin-right: 200px;
}

.mr_10 {
    margin-right: -10px;
}

.mr_15 {
    margin-right: -15px;
}

.mr_20 {
    margin-right: -20px;
}

.mr_25 {
    margin-right: -25px;
}

.mr_30 {
    margin-right: -30px;
}

.mr_40 {
    margin-right: -40px;
}

.mr_50 {
    margin-right: -50px;
}

.mr_60 {
    margin-right: -60px;
}

.mr_70 {
    margin-right: -70px;
}

.mr_80 {
    margin-right: -80px;
}

.mr_90 {
    margin-right: -90px;
}

.mr_100 {
    margin-right: -100px;
}

.mr_130 {
    margin-right: -130px;
}

.mr_140 {
    margin-right: -140px;
}

.mr_150 {
    margin-right: -150px;
}

.mr_160 {
    margin-right: -160px;
}

.mr_180 {
    margin-right: -180px;
}

.mr_200 {
    margin-right: -200px;
}

.mr_210 {
    margin-right: -210px;
}

.mr_220 {
    margin-right: -220px;
}

.mr_240 {
    margin-right: -240px;
}

.mr_260 {
    margin-right: -260px;
}

.mr_280 {
    margin-right: -280px;
}

.mr_300 {
    margin-right: -300px;
}

.text-end {
    text-align: right !important;
}

/*** 
====================================================================
  Reset
====================================================================
 ***/
* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
}


/*** 
  ====================================================================
    Global Settings
  ====================================================================
***/


body {
        font-size: 16px;
    color: #2b2b2b;
    line-height: 28px;
    font-weight: 400;
    background: #ffffff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-font-smoothing: antialiased;
}

@media (min-width:1200px) {
    .container {
        max-width: 1200px;
        /* padding: 0px 15px; */
    }
}

.large-container {
    max-width: 1450px;
    padding: 0px 15px;
    margin: 0 auto;
}

.container-fluid {
    padding: 0px;
}

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}

.small-container {
    max-width: 680px;
    margin: 0 auto;
}

.boxed_wrapper {
    position: relative;
    margin: 0 auto;
    overflow: hidden !important;
    width: 100%;
    min-width: 300px;
}


a {
    text-decoration: none;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

a:hover {
    text-decoration: none;
    outline: none;
}

input,
button,
select,
textarea {
    font-family: 'Asap Condensed', sans-serif;
    font-weight: 400;
    font-size: 15px;
}

ul,
li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

input {
    transition: all 500ms ease;
}

button:focus,
input:focus,
textarea:focus {
    outline: none;
    box-shadow: none;
    transition: all 500ms ease;
}

p {
    position: relative;
    color: #2f2f2f;
    text-align: justify;
    margin: 0px;
    transition: all 500ms ease;
    font-size: 15px;
    margin-bottom: 30px;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    /*font-family: 'Asap Condensed', sans-serif;*/
    /*font-family: 'Roboto Condensed', sans-serif;*/
    /*font-family: 'Oswald', sans-serif;*/
    /*font-family: "Satisfy", cursive;*/
    font-family: "Kode Mono", monospace;
    font-weight: 400;
    color: #070719;
    margin: 0px;
    transition: all 500ms ease;
}

/* Preloader */

.handle-preloader {
    align-items: center;
    -webkit-align-items: center;
    display: flex;
    display: -ms-flexbox;
    height: 100%;
    justify-content: center;
    -webkit-justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
       background: #dcdcdc;
}

.preloader-close {
    position: fixed;
    z-index: 999999;
    font-size: 14px;
    color: #fff;
    padding: 5px 20px 2px 20px;
    cursor: pointer;
    right: 0;
    top: 0;
    font-weight: 600;
}

.handle-preloader .animation-preloader {
    position: absolute;
    z-index: 100; text-align:center;
}

.handle-preloader .animation-preloader .spinner:before {
   content: '';
    background: url(../images/logo-bg.png);
    animation: rotation 8s infinite linear;
    height: 157px;
    width: 151px;
    top: 0;
    position: absolute;
   
}@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.handle-preloader .animation-preloader .txt-loading {
    text-align: center;
    user-select: none;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:before {
    animation: letters-loading 4s infinite;
    content: attr(data-text-preloader);
    left: 0;
    opacity: 0;
    top: 0;
    position: absolute;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading {
    font-family: 'Asap Condensed', sans-serif;
    letter-spacing: 4px;
    display: inline-block;
    position: relative;
    font-size: 40px;
    line-height: 70px;
    text-transform: uppercase;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
    animation-delay: 0.2s;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
    animation-delay: 0.4s;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
    animation-delay: 0.6s;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
    animation-delay: 0.8s;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
    animation-delay: 1s;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
    animation-delay: 1.2s;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
    animation-delay: 1.4s;
}

.handle-preloader .loader-section {
    background-color: #ffffff;
    height: 100%;
    position: fixed;
    top: 0;
    width: calc(50% + 1px);
}

.preloader .loaded .animation-preloader {
    opacity: 0;
    transition: 0.3s ease-out;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading {
    color:#006f97;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:before {
    color:#006f97;
}


/* Animación del preloader */
@keyframes spinner {
    to {
        transform: rotateZ(360deg);
    }
}

@keyframes letters-loading {

    0%,
    75%,
    100% {
        opacity: 0;
        transform: rotateY(-90deg);
    }

    25%,
    50% {
        opacity: 1;
        transform: rotateY(0deg);
    }
}

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

}

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


    .handle-preloader .animation-preloader .txt-loading .letters-loading {
        font-size: 40px;
        letter-spacing: 10px;
    }
}


.centred {
    text-align: center;
}

.pull-left {
    float: right;
}

.pull-right {
    float: left;
}


figure {
    margin: 0px;
}

img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
}

/** button **/

.theme-btn {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 25px;
    font-family: 'Asap Condensed', sans-serif;
    font-weight: 700;
    color: #fff;
    background-color: transparent;
    text-align: center;
    padding: 15px 38px;
    text-transform: uppercase;
    z-index: 1;
    transition: all 500ms ease;
}

.theme-btn i {
    margin-left: 10px;
}

.theme-btn:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    transform: translateY(0px) skew(-12deg);
    border-radius: 5px;
    z-index: -1;
    transition: all 500ms ease;
}

.theme-btn:hover:before {
    width: 100%;
}

.theme-btn:hover {
    color: #fff;
}

.theme-btn:after {
    position: absolute;
    content: '';
    background-color: #070719;
    width: 0%;
    height: 100%;
    left: 0px;
    top: 0px;
    transform: translateY(0px) skew(-12deg);
    border-radius: 5px;
    z-index: -1;
    transition: all 500ms ease;
}

.theme-btn:hover:after {
    width: 100%
}


.pagination {
    position: relative;
    display: block;
}

.pagination li {
    display: inline-block;
    margin: 0px 12px;
}

.pagination li a {
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Asap Condensed', sans-serif;
    height: 60px;
    width: 60px;
    line-height: 60px;
    background: #e6e6e8;
    text-align: center;
    color: #5b5858;
    border-radius: 50%;
    z-index: 1;
    transition: all 500ms ease;
}

.pagination li a:hover,
.pagination li a.current {
    color: #fff;
    background: #070719;
}

.pagination li a:before {
    position: absolute;
    content: '';
    border: 2px solid #ebebeb;
    border-radius: 50%;
    top: -10px;
    left: -10px;
    width: 80px;
    height: 80px;
}


.sec-pad {
    padding: 110px 0px 120px 0px !important;
}

.sec-pad-2 {
    padding: 110px 0px !important;
}

.mr-0 {
    margin: 0px !important;
}

.scroll-top {
    width: 55px;
    height: 55px;
    line-height: 64px;
    position: fixed;
    bottom: 105%;
    right: 30px;
    font-size: 40px;
    z-index: 99;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    transition: 1s ease;
}

.scroll-top.open {
    bottom: 50px;
}

.scroll-top span {
    color: #fff;
}

.sec-title {
    position: relative;
    display: block;
    margin-bottom: 33px;
}

.sec-title span.top-text {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 26px;
    font-weight: 700;
    font-family: 'Asap Condensed', sans-serif;
    padding-left: 45px;
    margin-bottom: 21px;
    text-transform: uppercase;
}

/* .sec-title span.top-text:before {
    position: absolute;
    content: '';
    background: url(../images/icons/icon-1.png);
    width: 33px;
    height: 29px;
    left: 0px;
    top: 0px;
    background-repeat: no-repeat;
} */

.sec-title h2 {
    position: relative;
    display: block;
    font-size: 40px;
    line-height: 60px;
    font-weight: 700;
    margin: 0px;
}

.sec-title h2 span {
    font-weight: 300;
}

.sec-title.light h2 {
    color: #fff;
}

.sec-title.centred {
    text-align: center !important;
}

.sec-title.centred span.top-text {
    padding-right: 45px;
}

.sec-title.centred span.top-text:after {
    position: absolute;
    content: '';
    background: url(../images/icons/icon-1.png);
    width: 28px;
    height: 23px;
    right: 0px;
    top: 0px;
    background-repeat: no-repeat;
}

.main-header {
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 999;
    width: 100%;
    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;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 0;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.fixed-header .sticky-header {
    z-index: 999;
    opacity: 1;
    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;
    background: #fbfbfb;
    box-shadow: 0 2px 3px -1px rgb(0 0 0 / 13%);
}

.main-header.style-one {
    position: relative;
    padding: 0px 70px;
    width: 100%;
}

.main-header.style-one {
    background-color: #fff;
}

.header-top {
    position: relative;
    width: 100%;
    background: #026d9b;
    padding: 5px 50px;
}

.header-top ul li {
    position: relative;
    display: inline-block;
    font-size: 15px;
    color: #fff;
    line-height: 26px;
}

.header-top ul li a {
    display: inline-block;
    color: #fff;
}

.left-info-2 li a:hover {
    font-size: 20px;
}

.header-top ul.left-info li {
    padding-left: 0px;
    margin-right: 10px;
}

.header-top ul.left-info-2 li {
    padding-left: 10px;
    margin-right: 10px;
}

.header-top ul.left-info-2 {
    margin-right: 20px;
}

.header-top ul.left-info li:last-child {
    margin: 0px !important;
}

/* .header-top ul.left-info li:first-child {
    padding: 0px;
} */

.header-top ul.left-info li i {
    position: absolute;
    display: inline-block;
    left: 0px;
    top: -4px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
}

.header-top ul.right-info li {
    margin-right: 35px;
    padding-left: 28px;
}

.header-top ul.right-info li:last-child {
    margin: 0px !important;
}

.header-top ul.right-info li i {
    position: absolute;
    left: 0px;
    top: 3px;
    font-size: 15px;
}

.main-header .outer-box {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0px;
}

.main-header .outer-box .logo-box {
    position: relative;
    padding: 0px;
    max-width: 255px;
}

.main-header .outer-box .logo-box img {
    width: 100%;
}

.main-header .outer-box .btn-box {
    position: relative;
    top: 2px;
    display: flex;
}

.main-header .outer-box .btn-box a {
    position: relative;
    display: inline-block;
    font-size: 13px;
    line-height: 25px;
    color: #fff;
    padding: 10px 40px;
}

.main-header .outer-box .btn-box a:before {
    background: #026d9b;
}

.main-header .outer-box .btn-box a:hover {
    color: #fff;
}


/** search box btn **/

.main-header .search-box-outer {
    position: relative;
    display: inline-block;
    padding: 31px 0px;
    margin-left: 20px;
}

.main-header .search-box-btn {
    position: relative;
    font-size: 15px;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    background: transparent;
    transition: all 500ms ease;
}

.main-header .search-box-btn:hover {}

.main-header .search-box-outer .dropdown-menu {
    top: 55px !important;
    padding: 0px;
    width: 330px;
    border-radius: 0px;
    background: #ffffff;
    right: 0;
    left: auto !important;
    transform: translate3d(0px, 0px, 0px) scale3d(0.8, 0.8, 0.8) !important;
    border-color: transparent;
    border-radius: 3px;
    box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
    transition: .5s ease;
    display: block;
    opacity: 0;
    visibility: hidden;
}

.main-header .search-box-outer .show .dropdown-menu {
    display: block;
    transform: scale3d(1, 1, 1) !important;
    opacity: 1;
    visibility: visible;
}

.main-header .search-panel .form-container {
    padding: 30px;
}

.main-header .search-panel .form-group {
    position: relative;
    margin: 0px;
}

.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select {
    display: block;
    width: 100%;
    line-height: 24px;
    padding: 9px 50px 9px 15px;
    height: 50px;
    border: 1px solid #f3f5fe;
    border-radius: 3px;
    background: #f3f5fe;
}

.main-header .search-panel input:focus,
.main-header .search-panel select:focus {
    border-color: #f3f5fe;
}

.main-header .search-panel .search-btn {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 50px;
    height: 48px;
    text-align: center;
    color: #111111;
    background: #f3f5fe;
    font-size: 14px;
    border-radius: 0px 3px 3px 0px;
    cursor: pointer;
}

.dropdown-toggle::after {
    display: none;
}


/** main-menu **/

.main-menu {
    float: left;
}

.main-menu .navbar-collapse {
    padding: 0px;
    display: block !important;
}

.main-menu .navigation {
    margin: 0px;
}

.main-menu .navigation>li {
    position: inherit;
    float: left;
    z-index: 2;
       padding: 40px 0px;
    margin: 0px 10px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    position: relative;
}

.main-menu .navigation>li.current:before {
    position: absolute;
    content: '';
    top: 0;
    left: 13%;
    right: 0;
    bottom: 0;
    background-image: url(../images/menu-sprite.svg);
    background-repeat: no-repeat;
    margin: auto;
    margin-left: auto;
    margin-right: auto;

}

.main-menu .navigation>li:last-child {
    margin-right: 0px !important;
}

.main-menu .navigation>li:first-child {
    margin-left: 0px !important;
}

.main-menu .navigation>li>a {
    position: relative;
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    padding-right: 16px;
    font-family: 'Asap Condensed', sans-serif;
    font-weight: 700;
    opacity: 1;
    color: #373737;
    z-index: 1;
    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;
}

.main-menu .navigation>li.current>a,
.main-menu .navigation>li:hover>a {}

.main-menu .navigation>li.dropdown>a:before {
    position: absolute;
    content: "\f107";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    top: 0px;
    right: 0px;
}

.sticky-header .outer-box {
    position: relative;
}

.main-menu .navigation>li>ul,
.main-menu .navigation>li>.megamenu {
    position: absolute;
    left: inherit;
    top: 100%;
    width: 230px;
    z-index: 100;
    display: none;
    opacity: 0;
    visibility: hidden;
    padding: 10px 0px;
    filter: alpha(opacity=0);
    background: #fff;
    border-radius: 0px 0px 10px 10px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -webkit-box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.main-menu .navigation>li>ul.from-right {
    left: auto;
    right: 0px;
}

.main-menu .navigation>li>ul>li {
    position: relative;
    width: 100%;
    padding: 0px 30px;
    -webkit-transition: all 0.2s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0s;
    transition: all 0.2s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}

.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.15s;
    transition-delay: 0.15s;
}

.main-menu .navigation>li>ul>li:nth-child(2n+3) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.main-menu .navigation>li>ul>li:nth-child(2n+4) {
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

.main-menu .navigation>li>ul>li:nth-child(2n+5) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.main-menu .navigation>li>ul>li:nth-child(2n+6) {
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s;
}

.main-menu .navigation>li>ul>li:nth-child(2n+7) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.main-menu .navigation>li>ul>li:nth-child(2n+8) {
    -webkit-transition-delay: 0.45s;
    transition-delay: 0.45s;
}

.main-menu .navigation>li>ul>li:last-child {
    border-bottom: none;
}

.main-menu .navigation>li>ul>li>a,
.main-menu .navigation>li>.megamenu li>a {
    position: relative;
    display: block;
    padding: 7px 0px;
    line-height: 24px;
    font-weight: 600;
    font-size: 14px;
    font-family: 'Asap Condensed', sans-serif;
    text-transform: capitalize;
    color: #070719;
    text-align: left;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

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

.main-menu .navigation>li>ul>li:last-child>a,
.main-menu .navigation>li>.megamenu li:last-child>a {
    border-bottom: none;
}

.main-menu .navigation>li>ul>li.dropdown>a:after {
    font-family: 'Font Awesome 5 Pro';
    content: "\f105";
    position: absolute;
       right: 0;
    top: 7px;
    display: block;
    line-height: 24px;
    font-size: 16px;
    font-weight: 800;
    text-align: center;
    z-index: 5;
}

.main-menu .navigation>li>ul>li>ul {
    position: absolute;
    left: 100%;
    top: 0%;
    width: 230px;
    z-index: 100;
    display: none;
    padding: 10px 0px;
    filter: alpha(opacity=0);
    background: #fff;
    border-radius: 10px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -webkit-box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.main-menu .navigation>li>ul>li>ul.from-right {
    left: auto;
    right: 0px;
}

.main-menu .navigation>li>ul>li>ul>li {
    position: relative;
    width: 100%;
    padding: 0px 30px;
}

.main-menu .navigation>li>ul>li>ul>li {
    position: relative;
    width: 100%;
    padding: 0px 30px;
    -webkit-transition: all 0.2s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0s;
    transition: all 0.2s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}

.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.15s;
    transition-delay: 0.15s;
}

.main-menu .navigation>li>ul>li>ul>li:nth-child(2n+3) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.main-menu .navigation>li>ul>li>ul>li:nth-child(2n+4) {
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

.main-menu .navigation>li>ul>li>ul>li:last-child {
    border-bottom: none;
}

.main-menu .navigation>li>ul>li>ul>li:last-child {
    border-bottom: none;
}

.main-menu .navigation>li>ul>li>ul>li>a {
    position: relative;
    display: block;
    padding: 7px 0px;
    line-height: 24px;
    font-weight: 600;
    font-size: 15px;
    font-family: 'Asap Condensed', sans-serif;
    text-transform: capitalize;
    color: #070719;
    text-align: left;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li>ul>li:last-child>a {
    border-bottom: none;
}

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

.main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {
    font-family: 'Font Awesome 5 Pro';
    content: "\f105";
    position: absolute;
    right: 20px;
    top: 12px;
    display: block;
    line-height: 24px;
    font-size: 16px;
    font-weight: 900;
    z-index: 5;
}

.main-menu .navigation>li.dropdown:hover>ul,
.main-menu .navigation>li.dropdown:hover>.megamenu {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    top: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
}

.main-menu .navigation li>ul>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    top: 0%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
}

.main-menu .navigation li.dropdown .dropdown-btn {
    position: absolute;
    right: -32px;
    top: 66px;
    width: 34px;
    height: 30px;
    text-align: center;
    font-size: 18px;
    line-height: 26px;
    color: #3b3b3b;
    cursor: pointer;
    display: none;
    z-index: 5;
    transition: all 500ms ease;
}

.main-menu .navigation li.current.dropdown .dropdown-btn,
.main-menu .navigation li:hover .dropdown-btn {}

.main-menu .navigation li.dropdown ul li.dropdown .dropdown-btn {
    display: none;
}

.menu-area .mobile-nav-toggler {
    position: relative;
    float: right;
    font-size: 40px;
    line-height: 50px;
    cursor: pointer;
    color: #3786ff;
    display: none;
}

.menu-area .mobile-nav-toggler .icon-bar {
    position: relative;
    height: 2px;
    width: 30px;
    display: block;
    margin-bottom: 5px;
    background-color: #000000;
    -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-header.style-two .menu-area .mobile-nav-toggler .icon-bar {
    background-color: #222;
}

.menu-area .mobile-nav-toggler .icon-bar:last-child {
    margin-bottom: 0px;
}


/** megamenu-style **/

.main-menu .navigation>li.dropdown>.megamenu {
    position: absolute;
    width: 100%;
    padding: 30px 50px;
    left: 0px;
}

.main-menu .navigation li.dropdown .megamenu li h4 {
    font-weight: 500;
    padding: 3px 0px;
    margin-bottom: 10px;
}


/** mobile-menu **/

.nav-outer .mobile-nav-toggler {
    position: relative;
    float: right;
    font-size: 40px;
    line-height: 50px;
    cursor: pointer;
    color: #3786ff;
    display: none;
}

.mobile-menu {
    position: fixed;
    right: 0;
    top: 0;
    width: 300px;
    padding-right: 30px;
    max-width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 999999;
}

.mobile-menu .navbar-collapse {
    display: block !important;
}

.mobile-menu .nav-logo {
    position: relative;
    padding: 50px 25px;
    text-align: left;
    padding-bottom: 100px;
}

.mobile-menu-visible {
    overflow: hidden;
}

.mobile-menu-visible .mobile-menu {
    opacity: 1;
    visibility: visible;
}

.mobile-menu .menu-backdrop {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    z-index: 1;
    -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;
}

.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%);
}
.mCS_img_loaded{    filter: brightness(0) invert(1);}
.mobile-menu .menu-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    background:#00739d;
    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;
    right: 25px;
    top: 10px;
    line-height: 30px;
    width: 24px;
    text-align: center;
    font-size: 16px;
    color: #000000;
    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 {
    -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;
    line-height: 24px;
    padding: 10px 25px;
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
    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 ul li>a {
    font-size: 16px;
    margin-left: 20px;
    text-transform: capitalize;
}

.mobile-menu .navigation li>a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    border-left: 5px solid #fff;
    -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.dropdown .dropdown-btn {
    position: absolute;
    right: 6px;
    top: 6px;
    width: 32px;
    height: 32px;
    text-align: center;
    font-size: 16px;
    line-height: 32px;
    color: #ffffff;
    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 {
    color: #ffffff;
    -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;
    padding: 0px 25px;
}

.mobile-menu .social-links li {
    position: relative;
    display: inline-block;
    margin: 0px 10px 10px;
}

.mobile-menu .social-links li a {
    position: relative;
    line-height: 32px;
    font-size: 16px;
    color: #ffffff;
    -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 {}

div#mCSB_1_container {
    top: 0px !important;
}

.mobile-menu .contact-info {
    position: relative;
    padding: 120px 30px 20px 30px;
}

.mobile-menu .contact-info h4 {
    position: relative;
    font-size: 20px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 20px;
}

.mobile-menu .contact-info ul li {
    position: relative;
    display: block;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.80);
    margin-bottom: 3px;
}

.mobile-menu .contact-info ul li a {
    color: rgba(255, 255, 255, 0.80);
}

.mobile-menu .contact-info ul li a:hover {}

.mobile-menu .contact-info ul li:last-child {
    margin-bottom: 0px;
}

.main-header .outer-box {
    position: relative;
}


/** banner-section **/

.banner-section {
    position: relative;
    overflow: hidden;
}

.banner-carousel {
    position: relative;
}

.banner-carousel .slide-item {
    position: relative;
    padding: 0;
}

/*.banner-carousel .slide-item:before {*/
/*    position: absolute;*/
/*    content: '';*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: -webkit-linear-gradient(0deg, rgb(2 109 155 / 56%), rgb(48 48 48) 100%);*/
/*    top: 0px;*/
/*    right: 0px;*/
/*    z-index: 1;*/
/*}.banner-carousel .slide-item.redbg:before {*/
/*    background:-webkit-linear-gradient(0deg, rgb(127 127 127 / 44%), rgb(48 48 48) 100%)*/
   /* background: -webkit-linear-gradient(0deg, rgb(222 46 48 / 44%), rgb(48 48 48) 100%);*/
/*}*/
.banner-carousel .slide-item .image-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    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;
}

.banner-carousel .active .slide-item .image-layer {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}

.banner-carousel .content-box {
    position: relative;
    display: block;
    margin-right: -20px;
    z-index: 5;
}

.banner-carousel .content-box h5 {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-family: 'Asap Condensed', sans-serif;
    color: #fff;
    font-weight: 600;
    letter-spacing: 7px;
    text-transform: uppercase;
    padding-left: 85px;
    margin-bottom: 25px;
    opacity: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.banner-carousel .active .content-box h5 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 700ms;
    -moz-transition-delay: 700ms;
    -ms-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    transition-delay: 700ms;
}

.banner-carousel .content-box h5:before,
.banner-carousel .content-box h5:after {
    position: absolute;
    content: '';
    background: #fff;
    width: 50px;
    height: 1px;
}

.banner-carousel .content-box h5:before {
    left: 10px;
    top: 8px;
}

.banner-carousel .content-box h5:after {
    left: 0px;
    bottom: 9px;
}

.banner-carousel .content-box h1 {
    position: relative;
    display: block;
    color: #fff;
    font-size: 58px;
    line-height: 60px;
    font-weight: normal;
    margin-bottom: 30px;
    opacity: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.banner-carousel .active .content-box h1 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -ms-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms;
}

.banner-carousel .content-box .btn-box {
    position: relative;
    opacity: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.banner-carousel .active .content-box .btn-box {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 1600ms;
    -moz-transition-delay: 1600ms;
    -ms-transition-delay: 1600ms;
    -o-transition-delay: 1600ms;
    transition-delay: 1600ms;
}

.banner-carousel .content-box .btn-box .theme-btn.banner-btn {
    padding: 13px 38px;
    margin-left: 10px;
}

.banner-carousel .content-box .btn-box .theme-btn.banner-btn:before {
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.banner-carousel .content-box .btn-box .theme-btn.banner-btn:hover {
    border-color: #070719;
}

.banner-carousel .image-box {
    position: relative;
    display: block;
    margin-right: -150px;
    z-index: 5;
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease
}

.banner-carousel .active .image-box {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -ms-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms;
}

.banner-carousel .image-box .image {
    position: relative;
    display: block;
    clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%, 10% 0%);
    padding-left: 10px;
    padding-bottom: 10px;
}

.banner-carousel .image-box .image:before {
    position: absolute;
    content: '';
    background: #024460;
    width: 100%;
    height: 100%;
    left: -90px;
    top: 0px;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 10% 0%);
}

.banner-carousel .image-box .image img {
    position: relative;
    width: 100%;
}

.owl-dots-none .owl-dots,
.owl-nav-none .owl-nav {
    display: none !important;
}

.banner-section .owl-dots {
    position: absolute;
    left: 50px;
    top: 50%;
    transform: translateY(-50%);
}

.banner-section .owl-theme .owl-dots .owl-dot {
    display: block;
}

.banner-section .owl-theme .owl-dots .owl-dot span {
    position: relative;
    background: #e5dddd;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 15px 0px;
    cursor: pointer;
}

.banner-section .owl-theme .owl-dots .owl-dot span:before {
    position: absolute;
    content: '';
    width: 9px;
    height: 9px;
    border-radius: 50%;
    left: 3px;
    top: 3px;
    transform: scale(0, 0);
    transition: all 500ms ease;
}

.banner-section .owl-theme .owl-dots .owl-dot.active span:before,
.banner-section .owl-theme .owl-dots .owl-dot span:hover:before {
    transform: scale(1, 1);
}

.bg-color-1 {
    background: #f5f7fa;
}


/** feature-section **/

.feature-section {
    position: relative;
    padding: 40px 0px 40px 0px
}

.feature-section .inner-box {
    position: relative;
    margin-right: 0px;
}

.feature-section .inner-box .single-item {
    position: relative;
    display: block;
    background: #f8f8f8;
    text-align: center;
    padding: 59px 30px 48px 30px;
    margin-bottom: 30px;
}

.feature-section .inner-box .single-item.active {
    background: #e6e6e6;
}

.feature-section .inner-box .single-item:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 0%;
    left: 0px;
    top: 0px;
    right: 0px;
    transition: all 500ms ease;
}

.feature-section .inner-box .single-item:hover:before {
    height: 100%;
}

.feature-section .inner-box .single-box {
    position: relative;
    clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%, 10% 0%);
}

.feature-section .inner-box .single-item .icon-box {
    position: relative;
    font-size: 55px;
    line-height: 80px;
    margin-bottom: 7px;
    transition: all 500ms ease;
}

.feature-section .inner-box .single-item:hover .icon-box {
    color:#616161
}

.feature-section .inner-box .single-item h3 {
    display: block;
    font-size: 20px;
    line-height: 28px;
    font-weight: normal;
    transition: all 500ms ease;
}

.feature-section .inner-box .single-item:hover h3 {
    color: #616161;
}

.feature-section .content_block_1 .content-box {
    margin-left: -30px;
}

.feature-section .content_block_1 .content-box .text {
    position: relative;
    display: block;
    padding-left: 75px;
    margin-bottom: 33px;
}

.feature-section .content_block_1 .content-box .text .icon-box {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 55px;
    line-height: 60px;
}

.feature-section .inner-column .single-column:last-child {
    padding-top: 30px;
    margin-left: -30px;
}

/** service-section **/

.service-section {
    position: relative;
    padding: 60px 0px;margin-bottom: 180px;
}

.service-section .inner-content {
    position: relative;
    margin-bottom: -190px;
    z-index: 1;
}

.service-block-one .inner-box {
    position: relative;
    display: block;
    text-align: center;
}

.service-block-one .inner-box .image-box {
    position: relative;
    display: block;
    overflow: hidden;
    background: #070719;
    border: #ddd solid 2px;
}

.service-block-one .inner-box .image-box img {
    width: 100%;
    transition: all 500ms ease;
}

.service-block-one .inner-box:hover .image-box img {
    opacity: 0.2;
    transform: scale(1.05);
}

.service-block-one .inner-box .lower-content {
    position: relative;
    margin: 0px 25px;
}

.service-block-one .inner-box .lower-content .inner {
    position: relative;
    margin-top: -44px;
    padding: 24px 15px 20px 15px;
    z-index: 1;
    transition: all 500ms ease;
}

.service-block-one .inner-box:hover .lower-content .inner {
    padding-bottom: 20px;
    margin-top: -44px;
}

.service-block-one .inner-box .lower-content .inner:before {
    position: absolute;
    content: '';
    background: #026d9b;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    right: 0px;
    transform: translateY(0px) skew(-5deg);
    border-radius: 10px;
    z-index: -1;
    transition: all 500ms ease;
}

.service-block-one .inner-box .lower-content .inner:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0px;
    bottom: 0px;
    right: 0px;
    transform: scale(0, 0) skew(-5deg);
    border-radius: 10px;
    z-index: -1;
    transition: all 500ms ease;
}

.service-block-one .inner-box:hover .lower-content .inner:after {
    transform: scale(1, 1) skew(-5deg);
}

.service-block-one .inner-box .lower-content .inner .light-icon {
    position: absolute;
    left: 50%;
    top: 56%;
    color: #f2f2f2;
    font-size: 170px;
    line-height: 100px;
    transform: translate(-50%, -50%);
    transition: all 500ms ease;
}

.service-block-one .inner-box:hover .lower-content .inner .light-icon {
    color: rgba(255, 255, 255, 0.08);
}

.service-block-one .inner-box .lower-content .inner .icon-box {
    position: relative;
    font-size: 80px;
    line-height: 60px;
    margin-bottom: 18px;
    transition: all 500ms ease;
}

.service-block-one .inner-box:hover .lower-content .inner .icon-box {
    color: #fff;
}

.service-block-one .inner-box .lower-content .inner h3 {
    display: block;
    font-size: 18px;
    line-height: 30px;
    font-weight: normal;
}

.service-block-one .inner-box .lower-content .inner h3 a {
    display: inline-block;
    color: #fff;
}

.service-block-one .inner-box:hover .lower-content .inner h3 a {
    color: #fff;
}

.service-block-one .inner-box .lower-content .inner:after {
    background: #0082b9;
}

.service-block-one .inner-box .lower-content .inner .text {
    position: absolute;
    left: 0px;
    bottom: 28px;
    right: 0px;
    width: 100%;
    padding: 0px 30px;
}

.service-block-one .inner-box .lower-content .inner .text p {
    color: #fff;
    opacity: 0;
    transition: all 500ms ease;
}

.service-block-one .inner-box:hover .lower-content .inner .text p {
    opacity: 1;
}

.service-section .sec-title {
    margin-bottom: 80px;
}


/** contact-section **/

.contact-section {
    position: relative;
    width: 100%;
    padding: 200px 0px 60px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

.contact-section:before {
    position: absolute;
    content: '';
    background: #e7e7e791;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    right: 0px;
    opacity: 0.9;
}

.contact-section .image-box {
    position: relative;
    display: block;
    overflow: hidden;
}

.contact-section .image-box:before {
    position: absolute;
    top: 0;
    left: -75%;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.contact-section .image-box:hover:before {
    -webkit-animation: shine 1s;
    animation: shine 1s;
}

.contact-section .image-box img {
    width: 100%;
}

.contact-section .content_block_3 .content-box {
    position: relative;
    margin: 0px 70px;
}

.contact-section .nice-select:after {
    position: absolute;
    content: "\f107";
    font-family: 'Font Awesome 5 Pro';
    font-size: 15px;
    color: #8b8baf;
    top: 0px;
    right: 30px;
    margin: 0px;
    margin: 0px;
    border: none !important;
    transform: rotate(0deg) !important;
}

.contact-section .nice-select {
    position: relative;
    display: block;
    width: 100%;
    height: 65px;
    max-width: 100%;
    line-height: 60px;
    border: 2px solid rgba(73, 73, 116, 0.5) !important;
    font-size: 15px;
    color: #8b8baf;
    font-weight: 500;
    background: transparent;
    border-radius: 0px;
    padding: 0px 20px;
}

.content_block_3 .content-box form .form-group {
    position: relative;
    margin-bottom: 15px;
    min-height: 65px;
}

.content_block_3 .content-box form .form-group:last-child {
    margin-bottom: 0px;
}

.content_block_3 .content-box form .form-group input[type='text'],
.content_block_3 .content-box form .form-group input[type='email'],
.content_block_3 .content-box form .form-group textarea ,
.content_block_3 .content-box form .form-group select 
{
    position: relative;
    display: block;
    width: 100%;
    height: 65px;
    font-size: 15px;
    color: #8b8baf;
    font-weight: 500;
    background: transparent;
    border: 2px solid rgba(73, 73, 116, 0.5);
    padding: 10px 60px 10px 30px;
    transition: all 500ms ease;
}

.content_block_3 .content-box form .form-group input::-webkit-input-placeholder,
.content_block_3 .content-box form .form-group textarea::-webkit-input-placeholder {
    color: #8b8baf;
}

.content_block_3 .content-box form .form-group input:focus,
.content_block_3 .content-box form .form-group textarea:focus {}

.content_block_3 .content-box form .form-group i {
    position: absolute;
    font-size: 15px;
    top: 25px;
    right: 30px;
    z-index: 1;
}

.content_block_3 .content-box form .form-group textarea {
    height: 110px;
    resize: none;
}

.content_block_3 .content-box .sec-title {
    margin-bottom: 50px;
}

/** 1.Skin-color **/
.ttm-textcolor-skincolor,
.ttm-textcolor-skincolor h1,
.ttm-textcolor-skincolor h2,
.ttm-textcolor-skincolor h3,
.ttm-textcolor-skincolor h4,
.ttm-textcolor-skincolor h5,
.ttm-textcolor-skincolor h6,
.ttm-textcolor-skincolor a,
.ttm-textcolor-skincolor i,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor a,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor i,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor a,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor i,
a.ttm-textcolor-skincolor,
i.ttm-textcolor-skincolor,
:not(.ttm-bgcolor-darkgrey) a.ttm-textcolor-skincolor,
:not(.ttm-bgcolor-darkgrey) i.ttm-textcolor-skincolor,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor,
.ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h1,
.ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h2,
.ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h3,
.ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h4,
.ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h5,
.ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h6,
.ttm-bgcolor-darkgrey a:hover,
.ttm-textcolor-white a:hover,
.ttm-bgcolor-darkgrey a:hover i,
.ttm-btn-color-skincolor,
.ttm-bgcolor-darkgrey .ttm-btn-color-skincolor,
.ttm-bgcolor-darkgrey .ttm-btn-color-skincolor i,
.ttm-bgcolor-grey .ttm-btn-color-skincolor,
.ttm-list-icon-color-skincolor li i,
.ttm-icon_element-border.ttm-icon_element-color-skincolor,
.ttm-icon_element-border.ttm-icon_element-color-grey,
.ttm-btn-style-border.ttm-btn-color-skincolor,
.ttm-icon_element-fill.ttm-icon_element-color-white,
.ttm-icon_element-color-skincolor,
.ttm-icon_element-color-skincolor:not(.ttm-icon_element-fill) i,
.ttm-bgcolor-darkgrey .ttm-icon_element-color-skincolor i,
.top_bar .top_bar_contact_item .top_bar_icon i,
.ttm-bgcolor-darkgrey a:hover,
.ttm-header-style-02 .header_btn i,
.ttm-header-style-03 #site-header-menu .site-navigation ul.menu>li.active>a,
.widget ul#menu-footer-quick-links li a:before,
.breadcrumb-wrapper span,
.widget .call_detail h3,
.widget.offer_widget h2,
.widget.offer_widget h3,
.featured-imagebox-post.style2 .featured-content .post-meta span i,
.slick-active.slick-current .testimonials.ttm-testimonial-box-view-style2 .testimonial-content blockquote:before,
.ttm-highlight-quote blockquote:before,
.ttm-page-title-row .breadcrumb-wrapper i,
.featured-imagebox-post .ttm-btn i,
h3.title span,
.featured-imagebox-post .featured-content .post-meta span i,
.featured-imagebox-post.style2 .featured-content h3:hover a,
.featured-imagebox-services.style1:hover .featured-content .ttm-details-link a,
.ttm-blog-classic .post-meta .ttm-meta-line i,
.ttm-blog-single .post-meta .ttm-meta-line i,
.ttm-blogbox-footer-readmore .ttm-btn i,
.ttm-tags-links-title i,
.footer .widget ul.ttm-recent-post-list>li>.post-detail a:hover {
    color:#fff;
}

/** Skin-bg-color **/
.ttm-bgcolor-skincolor,
.ttm-bgcolor-skincolor>.ttm-bg-layer,
.ttm-bgcolor-skincolor>.ttm-bg-layer>.ttm-col-wrapper-bg-layer-inner,
.ttm-icon_element-fill.ttm-icon_element-color-skincolor,
.ttm-btn-style-fill.ttm-btn-color-skincolor,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-skincolor:not(.btn-inline):hover:after,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark:not(.btn-inline):hover:after,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-skincolor:not(.btn-inline):hover:before,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark:not(.btn-inline):hover:before,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover:before,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover:after,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover:after,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover:before,
.ttm-bgcolor-grey .tooltip:after,
.ttm-bgcolor-grey [data-tooltip]:after,
.ttm-bgcolor-darkgrey .tooltip:after,
.ttm-bgcolor-darkgrey [data-tooltip]:after,
.ttm-textcolor-skincolor .tooltip:after,
.ttm-textcolor-skincolor [data-tooltip]:after,
.slick_slider.slick-dots-style1 .slick-dots li.slick-active button,
.slick_slider.slick-dots-style2 .slick-dots li.slick-active button,
.slick_slider.slick-arrows-style3 .slick-arrow:hover,
.slick_slider.slick-arrows-style4 .slick-arrow:hover,
.slick_slider.slick-arrows-style1 .slick-prev:hover,
.slick_slider.slick-arrows-style1 .slick-next:hover,
.slide .slide__content--headings>h3:before,
.slide .slide__content--headings>h3:after,
.banner_slider_wrapper .slider-social-links-wrapper li a:hover,
.banner_slider_3 .slide .slide__content--headings .highlight_text::after,
nav.main-menu ul.menu li ul.mega-submenu li a:before,
.ttm-header-style-01 .social-icons li a:hover,
.ttm-header-style-03 .social-icons li a:hover,
.ttm-play-icon-btn .ttm-play-icon-animation.ttm-play-icon-animation-skincolor:before,
.ttm-play-icon-btn .ttm-play-icon-animation.ttm-play-icon-animation-skincolor:after,
.featured-imagebox-procedure .process-num,
.featured-imagebox-procedure .process-num:after,
.featured-imagebox-portfolio.style2 .ttm-media-link a,
.featured-imagebox-post.style2 .ttm-box-post-date,
.featured-icon-box.style4:hover .featured-icon:before,
.featured-icon-box.style5:hover i.ttm-num,
.ttm-progress-bar .progress-bar-percent,
.progress-bar-color-bar_white.progress-bar,
.ttm-bgcolor-darkgrey .ttm-progress-bar.style1 .progress-bar.progress-bar-color-bar_skincolor,
.footer .widget .widget-title:before,
.footer .widget .widget-title:after,
.testimonials.ttm-testimonial-box-view-style1 .testimonial-avatar:before,
.featured-imagebox-post.style1 .ttm-box-post-date,
.featured-imagebox-team.style1:hover .ttm-media-link,
.featured-imagebox-portfolio.style1 .ttm-media-link a,
.breadcrumb-wrapper span:first-child:after,
.ttm-team-member-single-content .ttm-social-links-wrapper ul li a:hover,
.sidebar .widget-area .widget:after,
.ttm-blog-classic .ttm-box-post-date,
.ttm-blog-single .ttm-box-post-date,
.ttm-social-share-wrapper ul li a:hover,
.widget .tagcloud a:hover,
.pagination-block .page-numbers:hover,
.pagination-block .page-numbers.current,
#totop.top-visible {
    background-color: var(--skin-color);
}

/** Skin-border-color **/
.ttm-btn-style-fill.ttm-btn-color-skincolor,
.ttm-btn-color-skincolor:hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark:hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover,
.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-skincolor,
.slick_slider.slick-arrows-style3 .slick-arrow:hover,
.banner_slider_wrapper .slider-social-links-wrapper li a:hover,
.ttm-page-title-row-inner .row,
.social-icons.circle li>a:hover,
.featured-imagebox-procedure:hover .featured-thumbnail img,
.widget .tagcloud a:hover {
    border-color: var(--skin-color);
}

.ttm-bgcolor-darkgrey .tooltip-top:before,
.ttm-bgcolor-darkgrey .tooltip:before,
.ttm-textcolor-skincolor .tooltip-top:before,
.ttm-textcolor-skincolor .tooltip:before,
.ttm-bgcolor-grey .tooltip-top:before,
.ttm-bgcolor-grey .tooltip:before,
.ttm-bgcolor-grey [data-tooltip]:before,
.ttm-bgcolor-skincolor .bottom-angle,
.featured-icon-box.style1:hover:before,
nav.main-menu,
.header_search .header_search_content {
    border-top-color: var(--skin-color);
}

.header_search .header_search_content:before,
.header_btn:before,
.ttm-bgcolor-darkgrey .tooltip-bottom:before,
.featured-icon-box.style1:hover,
.featured-icon-box.style3::before,
.featured-imagebox-team.style1 .featured-content::before {
    border-bottom-color: var(--skin-color);
}

/** 2.Darkgrey-color **/
.ttm-textcolor-darkgrey,
.ttm-textcolor-darkgrey p,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey h1,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey h2,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey h3,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey h4,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey h5,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey h6,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey p,
:not(.ttm-bgcolor-skincolor) .ttm-textcolor-darkgrey span,
.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-darkgrey,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:hover,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-white:hover,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-border.ttm-btn-color-white:hover,
.ttm-btn-style-fill.ttm-btn-color-skincolor,
.ttm-btn-style-fill.ttm-btn-color-skincolor i,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white i,
.ttm-btn-style-fill.ttm-btn-color-skincolor:hover,
.ttm-bgcolor-darkgrey .ttm-btn-style-fill.ttm-btn-color-skincolor:hover i,
.ttm-textcolor-white .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:hover,
.ttm-btn-color-dark,
.ttm-bgcolor-skincolor a:hover,
.ttm-bgcolor-skincolor a:hover i,
.ttm-btn-color-skincolor:hover,
.ttm-bgcolor-skincolor .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white,
.ttm-bgcolor-skincolor .row>[class*='col-']:not(.ttm-bgcolor-white) a.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white,
.ttm-bgcolor-skincolor .row>[class*='col-']:not(.ttm-bgcolor-white) a.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white,
.ttm-btn-style-fill.ttm-btn-color-white,
.ttm-bgcolor-skincolor .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
.ttm-bgcolor-skincolor .ttm-btn.ttm-btn-style-border.ttm-btn-color-white:hover,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:hover,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-border.ttm-btn-color-grey:hover,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-white:not(.btn-inline):hover,
.ttm-icon_element-color-darkgrey,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey>i,
.ttm-icon_element-color-darkgrey:not(.ttm-icon_element-fill) i,
.ttm-bgcolor-grey .top_bar_content,
.ttm-header-style-01 .header_search .search_btn i,
nav.main-menu ul.menu li>ul.mega-submenu li a:hover,
.ttm-header-style-02 .social-icons li a,
.ttm-header-style-02 .social-icons li a:hover,
.ttm-header-style-02 .ttm-header-featured-iconbox h3,
.ttm-header-style-02 .ttm-header-featured-iconbox h5,
.ttm-progress-bar .progress-bar.progress-bar-color-bar_darkgrey,
.ttm-progress-bar .progress-bar-title,
.ttm-bgcolor-darkgrey .ttm-progress-bar.style1 .progress-bar-percent,
.progress-bar-percent.ttm-textcolor-dark-grey,
.featured-imagebox-portfolio.style1 .featured-title h3,
.featured-imagebox-portfolio.style1 .featured-title h3 a,
.ttm-tabs.ttm-tab-style-03 ul.tabs li a,
.featured-imagebox-post .ttm-box-post-date .ttm-entry-date,
.ttm-pf-single-content-area a.ttm-btn.ttm-btn-style-border.ttm-btn-color-darkgrey,
.ttm-icon_element-fill.ttm-icon_element-color-white i,
.pagination-block .page-numbers,
.pagination-block .page-numbers.current {
    color: #0c2d62;
}

/** DarkGrey-bg-color **/
.ttm-bgcolor-darkgrey,
.ttm-bgcolor-darkgrey>.ttm-bg-layer,
.ttm-bgcolor-darkgrey>.ttm-bg-layer>.ttm-col-wrapper-bg-layer-inner,
.ttm-bgcolor-skincolor .tooltip:after,
.ttm-bgcolor-skincolor [data-tooltip]:after,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark,
.ttm-btn-style-fill.ttm-btn-color-darkgrey,
.tooltip:after,
[data-tooltip]:after,
.ttm-icon_element-fill.ttm-icon_element-color-darkgrey,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:not(.btn-inline):hover:after,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:not(.btn-inline):hover:before,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:not(.btn-inline):hover:before,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:not(.btn-inline):hover:after,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-grey:not(.btn-inline):hover:before,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-grey:not(.btn-inline):hover:after,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:not(.btn-inline):hover:before,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:not(.btn-inline):hover:after,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:hover,
.ttm-bgcolor-skincolor .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover:before,
.ttm-bgcolor-skincolor .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover:after,
.ttm-toggle-title-bgcolor-darkgrey,
.toggle.ttm-toggle_style_border.ttm-toggle-title-bgcolor-darkgrey .toggle-title a.active,
.ttm-progress-bar .progress-bar.progress-bar-color-bar_darkgrey,
.ttm-progress-bar .progress-bar-inner .progress-bar.progress-bar-color-bar_darkgrey:before,
.widget.widget-nav-menu ul li a:before,
.ttm-pf-single-content-area a:hover.ttm-btn.ttm-btn-style-border.ttm-btn-color-darkgrey,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:hover,
.ttm-btn-color-skincolor:hover,
.ttm-toggle-title-bgcolor-white .toggle-title a.active {
    background-color: #0c2d62;
}


.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-darkgrey,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:not(.btn-inline):hover,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:hover,
.ttm-bgcolor-skincolor .row>[class*='col-']:not(.ttm-bgcolor-white) a.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
.ttm-bgcolor-skincolor .row>[class*='col-']:not(.ttm-bgcolor-white) a.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
.tooltip-top:before,
.tooltip:before,
[data-tooltip]:before,
.ttm-pf-single-content-area a.ttm-btn.ttm-btn-style-border.ttm-btn-color-darkgrey {
    border-color: #0c2d62;
}

.ttm-bgcolor-skincolor .tooltip-top:before,
.ttm-bgcolor-skincolor .tooltip:before,
.ttm-bgcolor-skincolor [data-tooltip]:before,
.tooltip-top:before,
.tooltip:before,
[data-tooltip]:before {
    border-top-color: #0c2d62;
}

/** 3.White-color **/
.ttm-textcolor-white,
.ttm-bgcolor-skincolor a,
.ttm-textcolor-white a,
.ttm-btn-color-white,
.ttm-icon_element-color-white,
.ttm-icon_element-color-white>i,
.ttm-bgcolor-skincolor i,
.ttm-bgcolor-darkgrey i,
.ttm-bgcolor-skincolor .ttm-icon_element-color-white:not(.ttm-icon_element-fill) i,
.ttm-bgcolor-darkgrey .ttm-icon_element-color-white:not(.ttm-icon_element-fill) i,
.ttm-textcolor-white h1,
.ttm-textcolor-white h2,
.ttm-textcolor-white h3,
.ttm-textcolor-white h4,
.ttm-textcolor-white h5,
.ttm-textcolor-white h6,
.ttm-textcolor-white a,
.ttm-bgcolor-skincolor h1,
.ttm-bgcolor-skincolor h2,
.ttm-bgcolor-skincolor h3,
.ttm-bgcolor-skincolor h4,
.ttm-bgcolor-skincolor h5,
.ttm-bgcolor-skincolor h6,
.ttm-bgcolor-skincolor a,
:not(.ttm-bgcolor-skincolor) .ttm-textcolor-white span:not(.ttm-textcolor-skincolor),
.ttm-bgcolor-darkgrey h1,
.ttm-bgcolor-darkgrey h2,
.ttm-bgcolor-darkgrey h3,
.ttm-bgcolor-darkgrey h4,
.ttm-bgcolor-darkgrey h5,
.ttm-bgcolor-darkgrey h6,
.ttm-bgcolor-darkgrey a,
.ttm-bgcolor-darkgrey .section-title h3,
.ttm-bgcolor-dark div,
.ttm-bgcolor-darkgrey div,
.ttm-bgcolor-skincolor div,
.ttm-textcolor-white .ttm-social-links-wrapper ul li a,
.ttm-icon_element-fill.ttm-icon_element-color-skincolor,
.ttm-icon_element-fill.ttm-icon_element-color-skincolor i,
.ttm-icon_element-fill.ttm-icon_element-color-darkgrey,
.ttm-textcolor-white:not(.ttm-bgcolor-darkgrey) .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:hover,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover,
.ttm-bgcolor-skincolor .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover,
.ttm-bgcolor-skincolor .ttm-btn.btn-inline.ttm-btn-color-white:hover,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-white:hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:hover,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:hover,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-skincolor:hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover i,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:hover i,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:hover,
.ttm-bgcolor-darkgrey .ttm-btn-color-skincolor:hover i,
.ttm-bgcolor-skincolor .row>[class*='col-']:not(.ttm-bgcolor-white) a.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
.ttm-bgcolor-skincolor .row>[class*='col-']:not(.ttm-bgcolor-white) a.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark,
.ttm-icon.ttm-icon_element-fill.ttm-icon_element-color-darkgrey i,
.ttm-icon.ttm-icon_element-fill.ttm-icon_element-color-skincolor i,
.ttm-bgcolor-skincolor .section-title h2.title,
.ttm-bgcolor-darkgrey .section-title h2.title,
.social-icons.circle li>a:hover,
.social-icons.circle li>a:hover i,
.ttm-toggle-title-bgcolor-darkgrey .toggle-title a,
.ttm-toggle-title-bgcolor-skincolor .toggle-title a,
.ttm-toggle-title-bgcolor-grey .toggle-title a.active,
.ttm-toggle-title-bgcolor-white .toggle-title a.active,
.toggle.ttm-toggle_style_border .toggle-title a.active,
.slick_slider.slick-arrows-style1 .slick-prev:hover,
.slick_slider.slick-arrows-style1 .slick-next:hover,
.slick_slider.slick-arrows-style3 .slick-prev:hover,
.slick_slider.slick-arrows-style3 .slick-next:hover,
.slick_slider.slick-arrows-style4 .slick-prev:hover,
.slick_slider.slick-arrows-style4 .slick-next:hover,
.banner_slider_wrapper .slider-social-links-wrapper li a:hover,
.featured-icon-box.style5:hover i.ttm-num,
.ttm-header-style-01 .top_bar .social-icons li a,
.ttm-header-style-03 .header-social-icon ul.social-icons li a,
.ttm-bgcolor-skincolor .ttm-progress-bar .progressbar-title,
.ttm-bgcolor-skincolor .ttm-progress-bar .progress-bar-percent,
.ttm-bgcolor-darkgrey .ttm-progress-bar .progressbar-title,
.ttm-bgcolor-darkgrey .ttm-progress-bar.style1 .progress-bar-title,
.ttm-bgcolor-skincolor .inside h3,
.ttm-bgcolor-skincolor .inside h3 span:not(.ttm-textcolor-skincolor),
.ttm-bgcolor-darkgrey .inside h3,
.ttm-bgcolor-darkgrey .inside h3 span:not(.ttm-textcolor-skincolor),
.toggle.ttm-toggle-title-bgcolor-skincolor .toggle-content p,
.toggle.ttm-toggle-title-bgcolor-darkgrey .toggle-content p,
.widget .tagcloud a:hover,
.ttm-social-share-wrapper ul li a:hover,
.featured-imagebox-services.style1:hover .featured-content-services .category,
.featured-imagebox-services.style1:hover .featured-content-services .featured-title a,
.featured-imagebox-portfolio.style1 .ttm-media-link a i,
.featured-imagebox-portfolio.style2 .ttm-media-link a i,
.pagination-block .page-numbers:hover,
.ttm-bgcolor-dark .section-title.style3 h2,
.ttm-bgcolor-dark .ttm-play-icon-title h3,
.ttm-bgcolor-dark .ttm-play-icon-title h3,
.featured-imagebox-portfolio.style2 .featured-content .featured-title h3 a {
    color: #fff;
}

.ttm-bgcolor-skincolor p,
.ttm-bgcolor-darkgrey p,
.ttm-bgcolor-skincolor span,
.ttm-bgcolor-darkgrey span,
.ttm-bgcolor-skincolor i,
.ttm-bgcolor-darkgrey i {
    color: rgba(255, 255, 255, .85);
}

.ttm-bgcolor-darkgrey p {
    color: rgba(255, 255, 255, 0.75);
}

.ttm-bgcolor-dark p {
    color: rgba(255, 255, 255, 0.80);
    text-align: CENTER;
}

.ttm-bgcolor-darkgrey .top_bar_content {
    color: rgba(255, 255, 255, 0.60);
}

/** White-bg-color **/
.ttm-bgcolor-white,
.ttm-bgcolor-white>.ttm-bg-layer,
.ttm-bgcolor-white>.ttm-bg-layer>.ttm-col-wrapper-bg-layer-inner,
.ttm-icon_element-fill.ttm-icon_element-color-white,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:not(.btn-inline):hover:before,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-border.ttm-btn-color-white:hover,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-white:not(.btn-inline):hover:before,
.ttm-btn-style-fill.ttm-btn-color-white,
.ttm-icon_element-fill.ttm-icon_element-color-white,
.ttm-header-style-01 .top_bar .social-icons li a:hover,
.ttm-header-style-02 .social-icons li a:hover,
.ttm-progress-bar .progress-bar.progress-bar-color-bar_white,
.progress-bar-color-bar_white,
.ttm-toggle-title-bgcolor-white .toggle-title a,
.ttm-bgcolor-darkgrey .ttm-progress-bar.style1 .progress-bar-percent {
    background-color: #fff;
}

/** White-border-color **/
.ttm-bgcolor-darkgrey>.sep_holder .sep_line,
.ttm-bgcolor-skincolor>.sep_holder .sep_line {
    border-color: rgba(255, 255, 255, .06);
}

.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white,
.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-white,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:not(.btn-inline):hover {
    border-color: #fff;
}

/** 4.Grey-color **/
.ttm-bgcolor-grey,
.ttm-bgcolor-grey>.ttm-bg-layer,
.ttm-bgcolor-grey>.ttm-bg-layer>.ttm-col-wrapper-bg-layer-inner,
.ttm-btn-style-fill.ttm-btn-color-grey,
.ttm-icon_element-fill.ttm-icon_element-color-grey,
.ttm-toggle-title-bgcolor-grey .toggle-title,
.header_search #search_query_top,
.widget.widget-nav-menu ul li a,
.ttm_single_image_text:before,
.ttm-team-member-single-content .ttm-social-links-wrapper ul li a,
.wrap-form.contact_form span.text-input input,
.wrap-form.contact_form span.text-input textarea,
.wrap-form.contact_form span.text-input select,
.wrap-form.request_qoute_form span.text-input input,
.wrap-form.request_qoute_form span.text-input textarea,
.wrap-form.request_qoute_form span.text-input select,
.widget.widget-nav-menu ul li a,
.sidebar .widget-area .widget.with-title,
.widget.widget-download,
.ttm-pf-single-detail-box,
.ttm-social-share-wrapper ul li a {
    background-color: #f1f4f9;
}

.ttm-btn-style-fill.ttm-btn-color-grey,
.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-grey {
    border-color: #f1f4f9;
}

.ttm-icon.ttm-icon_element-fill.ttm-icon_element-color-grey {
    color: inherit;
}

.ttm-bgcolor-darkgrey {
    background-color: var(--skin-color-2);
}

.ttm-icon_element-color-skincolor:not(.ttm-icon_element-fill) i,
.ttm-bgcolor-darkgrey .ttm-icon_element-color-skincolor i {
    color: #f5f5f5;
}

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

.footer {
    z-index: 1;
    background-position: center center;
    background-attachment: scroll;
}

.footer .footer-logo img {
    max-height: 46px;
}

.footer .footer-logo {
    position: relative;
    min-width: 260px;
}

.footer .footer-logo:after {
    display: block;
    height: 90%;
    content: '';
    position: absolute;
    right: 55px;
    width: 1px;
    top: 5%;
    background-color: rgba(255, 255, 255, .07);
}

.footer .social-icons li {
    font-weight: normal;
    text-align: center;
    position: relative;
    margin: 0;
}

.footer .social-icons li a {
    width: 35px;
    height: 35px;
    line-height: 33px;
    border: 2px solid rgba(255, 255, 255, 0.48);
    text-align: center;
    display: block;
    margin: 0 3px;
    background-color: transparent;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.48);
}

.footer .social-icons li a i {
    color: rgba(255, 255, 255, 0.48);
}

.footer .widget .widget-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
    display: inline-block;
    position: relative;
}

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

/* first-footer (newsletter) */
.first-footer {
    padding-top: 40px;
    padding-bottom: 25px;
    position: relative;
    background-color: #57575f;
}

.first-footer .featured-icon-box.icon-align-before-content {
    margin: 0;
}

.first-footer .featured-icon-box.icon-align-before-content .featured-title h3 {
    font-size: 25px;
    margin-bottom: 0;
    color: #ffffff;
    font-weight: normal;
}

.first-footer .featured-icon-box.icon-align-before-content .featured-content .featured-desc p {
    color: #fff;
}

/* second-footer */
.bg-footer {
    background-image: url(../images/footer-bg.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.ttm-bgimage-yes.bg-footer>.ttm-bg-layer {
    opacity: 0.80 !important;
}

.footer .second-footer {
    padding: 35px 0 0 0px;
}

.second-footer .container {
    position: relative;
}

.second-footer .widget-area .widget {
    padding: 20px 0px 0px;
}

/** menu-footer-quick-links **/
.widget ul#menu-footer-quick-links li a {
    display: inline-block;
    position: relative;
    font-size: 14px;

}

.widget ul#menu-footer-quick-links li a i {
    padding-right: 10px;
    color: #fff;
}

.widget ul#menu-footer-quick-links li {
    display: block;
    padding: 0px 0px 15px 0;
    position: relative;
}

.widget ul#menu-footer-quick-links li:last-child {
    padding-bottom: 0;
}

.widget ul#menu-footer-quick-links li {

    padding: 0 0 15px 0;
    position: relative;
}

.widget ul#menu-footer-quick-links li:last-child {
    padding-bottom: 0;
}

.widget ul#menu-footer-quick-links li:nth-child(9) {
    width: 100%;
}

.widget-latest-tweets {
    background-color: #43434a;
    padding: 30px 30px 35px 30px;
}

.widget-latest-tweets .widgte-text .widgte-title h4 {
    font-size: 20px;
    margin-bottom: 15px;
}

.widget-latest-tweets .widgte-text ul.ttm-timelist-block {
    padding: 0;
    list-style: none;
}

.widget-latest-tweets .widgte-text ul.ttm-timelist-block li {
    padding: 10px 0 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .09);
}

.widget-latest-tweets .widgte-text ul.ttm-timelist-block li:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

.widget-latest-tweets .widgte-text ul.ttm-timelist-block li:first-child {
    padding-top: 0;
}

.widget-latest-tweets .widgte-text ul.ttm-timelist-block li .service-time {
    float: right;
}

.widget-latest-tweets .widgte-text ul.ttm-timelist-block li .sundaylist {
    float: right;
    color: #ffffff
}

/** ttm-recent-post-list **/
.footer .widget ul.ttm-recent-post-list>li {
    padding: 0 0 30px !important;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.footer .widget ul.ttm-recent-post-list>li:last-child {
    padding-bottom: 0 !important;
    border-bottom: 0;
    margin-bottom: 0;
}

.footer .widget ul.ttm-recent-post-list>li>.post-detail a {
    font-size: 14px;
    line-height: 20px;
    display: block;
    font-weight: 400;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff;
}

.footer .widget ul.ttm-recent-post-list>li img {
    display: block;
    width: 70px;
    height: 70px;
    float: left;
    margin-right: 18px;
}

.footer .widget ul.ttm-recent-post-list>li .post-date {
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
    color: rgba(255, 255, 255, 0.75);
}

.widget ul.ttm-recent-post-list>li .post-date i {
    margin-right: 5px;
    font-size: 11px;
    color: #bc1622 !important;
}

/** widget_contact_wrapper **/
ul.widget_contact_wrapper li {
    padding-left: 35px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
    line-height: 25px;
    color: rgba(255, 255, 255, .75);
    border-bottom: 1px solid #29343b;
}

ul.widget_contact_wrapper li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
}

ul.widget_contact_wrapper li i {
    position: absolute;
    left: 0;
    top: 2px;
    line-height: 1;
    font-size: 18px;
    font-weight: 400;
}

.newsletter_widget {
    padding: 0 !important;
    float: right;
}

.newsletter_widget .newsletter-form {
    position: relative;
}

.newsletter_widget .newsletter-form input {
    background-color: #fff;
    border: 1px solid rgba(255, 255, 255, 1) !important;
    font-size: 13px;
    width: 100%;
    height: 54px;
    outline: none;
    border-radius: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 145px;
}

.newsletter_widget .newsletter-form button[type="submit"] {
    position: absolute;
    top: 0;
    height: 54px;
    border: 0;
    z-index: 1;
    padding: 0 25px;
    right: 0;
    font-weight: 700;
    background-color: #0c2d62;
    color: #bc1622;
    font-size: 15px;
    border-radius: 0;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.newsletter_widget .newsletter-form button[type="submit"] i {
    color: #bc1622;
}

.bottom-footer-text:before {
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
    position: absolute;
    width: 80px;
    height: 80px;
    right: 0;
    top: -68px;
    animation: running-anim 20s linear infinite;
    content: '';
    z-index: 9;
}

.bottom-footer-text:after {
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
    position: absolute;
    width: 85px;
    height: 85px;
    right: 70%;
    top: -80px;
    animation: running-anim-left 35s linear infinite;
    content: '';
    z-index: 9;
}

@-moz-keyframes running-anim {
    0% {
        right: -30%
    }

    100% {
        right: 100%
    }

}

@-webkit-keyframes running-anim {
    0% {
        right: -30%
    }

    100% {
        right: 100%
    }

}

@keyframes running-anim {
    0% {
        right: -30%
    }

    100% {
        right: 100%
    }

}

@-moz-keyframes running-anim-left {
    0% {
        left: -30%
    }

    100% {
        left: 100%
    }

}

@-webkit-keyframes running-anim-left {
    0% {
        left: -30%
    }

    100% {
        left: 100%
    }

}

@keyframes running-anim-left {
    0% {
        left: -30%
    }

    100% {
        left: 100%
    }

}

/** copyright **/
.copyright {
    padding-top: 20px;
    margin-top: 30px;
    padding-bottom: 15px;
    font-size: 14px;
    background: #066087;
}

.copyright,
.copyright .cpy-text,
.footer-nav-menu,
.footer-nav-menu a {
    color: rgba(255, 255, 255, .75) !important;
}

.copyright ul.list-inline {
    margin: 0;
}

/** Footer-nav-menu **/
.footer-nav-menu {
    padding: 0;
    margin: 0;
}

.footer-nav-menu li {
    display: inline-block;
    padding-right: 18px;
    font-size: 14px;
    margin-top: 4px;
}

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

ul.footer-nav-menu li:after {
    position: absolute;
    content: "|";
    color: #fff;
    padding-left: 8px;
}

ul.footer-nav-menu li:last-child:after {
    content: unset;
}

ul.social-icons {
    margin: 0;
    padding: 0;
}

.social-icons li {
    display: inline-block;
    border: none;
    z-index: 1;
    position: relative;
}

.social-icons li {
    margin: 0 2px;
}

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

.social-icons li a {
    display: block;
    min-width: 26px;
    text-align: center;
}

.social-icons.circle li>a {
    border-width: 1px;
    border-style: solid;
    height: 33px;
    width: 33px;
    line-height: 33px;
    text-align: center;
    display: block;
    background-color: transparent;
    font-size: 13px;
    border-radius: 50%;
}


/*--------------------- service-section -----------------------*/

.ttm-row.service-one-section {
    padding: 70px 0px 70px 0px;
}

.bg-img1 {
    background-image: url(../images/background/quality.webp);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.col-bg-img-one.ttm-col-bgimage-yes>.ttm-col-wrapper-bg-layer {
    background-image: url(../images/col-bgimage-1.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.5;
}

.section-title {
    position: relative;
    margin-bottom: 12px;
    margin-top: -7px;
}

.section-title h3 {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 2px;
    color: var(--body-fonts-color);
    margin-bottom: 5px;
}

.section-title h2.title,.form-items h2.title {
    font-weight: 600;
    color: #383839;
    margin-bottom: 15px;    text-transform: capitalize;
    font-size: 35px;
    line-height: 50px;
    padding-bottom: 0;
    margin-bottom: 10px;
}

.section-title h2.title:before {
    position: absolute;
    content: "";
    left: 0;
    top: 3px;
    width: 25px;
    height: 30px;
    background: linear-gradient(to right, #bfbfbf4f 6%, #ababab61 96%);
    z-index: -1;
}

.section-title.centred h2.title:before {
    left: 17%
}

.section-title h2.title span {
    font-family: 'Asap Condensed', sans-serif;
    font-style: italic;
    font-weight: 800;
    display: inline-block;
    color: var(--skin-color);
}

.section-title.title-style-center_text {
    text-align: center;
}

.section-title .title-header {
    position: relative;
    padding-left: 28px;
    margin-bottom: 25px;
}

.section-title .title-header:after {
    display: block;
    content: "";
    position: absolute;
    width: 6px;
    height: 100%;
    left: 0;
    background-color: var(--skin-color);
    top: 0;
}

.section-title.title-style-center_text .title-header:after {
    content: unset;
}

.featured-icon-box.style2 {
    background-color: #026d9b;
    padding: 55px 15px 52px;
    height: 350px;
    position: relative;
    text-align: center;
    overflow: hidden;
    -webkit-transition: all .9s;
    -moz-transition: all .9s;
    -o-transition: all .9s;
    -ms-transition: all .9s;
    transition: all .9s;
    z-index: 1;
}

.featured-icon-box.style2:before,
.featured-icon-box.style2:after {
    webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    z-index: -1;
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    opacity: 0;
}

.featured-icon-box.style2:before {
    content: '';
    border-left: 3px solid;
    border-top: 3px solid;
    top: 0;
    left: 0;
    color: #fff;
}

.featured-icon-box.style2:after {
    content: '';
    border-right: 3px solid;
    border-bottom: 3px solid;
    bottom: 0;
    right: 0;
    color: #fff;
}

.featured-icon-box.style2.active:before,
.featured-icon-box.style2.active:after,
.featured-icon-box.style2:hover:before,
.featured-icon-box.style2:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    width: 45px;
    height: 45px;
    opacity: 1;
}

.featured-icon-box.style2 .ttm-icon i {
    font-size: 45px;
}

.featured-icon-box.icon-align-top-content .featured-content {
    padding-top: 15px;
}

.featured-icon-box {
    position: relative;
    margin: 15px 0;
}

.featured-icon-box .ttm-icon {
    margin-bottom: 0;
}

.featured-title h3 {
    font-size: 20px;
    line-height: 30px;
    /*margin-bottom: 12px;
                font-weight: 500;*/
    text-transform: capitalize;
}

.featured-icon-box.icon-align-before-content .featured-icon,
.featured-icon-box.icon-align-before-content .featured-content,
.featured-icon-box.icon-align-before-title .featured-title,
.featured-icon-box.icon-align-before-title .featured-icon {
    display: table-cell;
    vertical-align: middle;
}

.featured-icon-box.icon-align-before-content .featured-icon i {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 55px;
}

.featured-icon-box.icon-align-before-content.icon-ver_align-top .featured-icon {
    vertical-align: top;
    padding-top: 4px;
}

.featured-icon-box.icon-align-before-content .featured-content,
.featured-icon-box.icon-align-before-title .featured-title {
    padding-left: 15px;
}

.featured-icon-box.icon-align-before-content .featured-title h3 {
    margin-bottom: 13px;
}

.featured-icon-box.icon-align-before-title .featured-title h3 {
    margin-bottom: 0;
}

.featured-icon-box.icon-align-before-content .featured-content .featured-desc p {
    margin-bottom: 0;
}

.featured-icon-box.icon-align-before-title .featured-content {
    margin-top: 15px;
}

.featured-icon-box.icon-align-top-content .featured-content {
    padding-top: 15px;
}

.container-fluid,
.container {
    counter-reset: featuredbox-number;
}

.featuredbox-number .ttm-num:before {
    counter-increment: featuredbox-number;
    content: counter(featuredbox-number, decimal-leading-zero) " ";
}

.ttm-icon.ttm-icon_element-onlytxt {
    height: auto;
    width: auto;
    line-height: 1;
}

.ttm-page-title {
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: repeat;
    background-attachment: scroll;
    width: 100%;
    z-index: 1;
}

.ttm-page-title:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #00000080;
}

.ttm-page-title-row-inner {
    width: 100%;
    text-align: center;
    position: relative;
    padding: 75px 0;
    margin: 0 auto;
    z-index: 2;
}

.page-title-heading h2 {
    font-weight: normal;
    text-transform: capitalize;
    font-size: 47px;
    line-height: 57px;
    display: inline-block;
    margin-bottom: 45px;
    color: #fff;
}

.breadcrumb-wrapper span {
    font-weight: 400;
    text-transform: capitalize;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    color: #fff;
}

.breadcrumb-wrapper span  {
    padding-right: 20px;
}

.breadcrumb-wrapper span  a {
    color: #fff;
}

.breadcrumb-wrapper span:after {
    position: absolute;
    content: "\f105";
    font-family: 'Font Awesome 5 Pro';
    font-size: 14px;
    line-height: 17px;
    margin-left: 4px;
    margin-top: 2px;
    opacity: 1;
    color: #fff;
    background-color: transparent !important;
}
.breadcrumb-wrapper span:last-child:after {
    display:none;
}
.breadcrumb-wrapper {
    z-index: 1;
    background-color: #565759;
    padding: 12px 30px;
    line-height: 20px;
    margin: 0 auto;

}

.breadcrumb-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: max-content;
}

.contact-info-section-2 {
    position: relative;
    margin-bottom: 130px;
}

.contact-info-section-3 {
    position: relative;
    margin: 50px 0px;
}

.contact-style-two {
    position: relative;
    padding-bottom: 0px;
}

.contact-style-two .inner-content {
    position: relative;
    display: block;
    background: #f5f7fa;
    max-width: 830px;
    width: 100%;
    margin: 0 auto;
    z-index: 1;
    padding: 40px 40px 80px 40px;
}

/* ===============================================
 contact us page
------------------------*/

.contact-info-section {
    position: relative;
    padding: 80px 0px;
}

.contact-info-section .content-box {
    position: relative;
    margin-right: 115px;
}

.contact-info-section .content-box .text {
    margin-bottom: 29px;
}

.contact-info-section .content-box .social-box h3 {
    display: block;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 17px;
}

.contact-info-section .content-box .social-links li {
    position: relative;
    float: left;
    margin-right: 10px;
}

.contact-info-section .content-box .social-links li:last-child {
    margin: 0px !important;
}

.contact-info-section .content-box .social-links li a {
    display: inline-block;
    font-size: 15px;
    color: #ffffff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
}

.contact-info-section .content-box .social-links li:first-child a {
    background: #1771e6;
}

.contact-info-section .content-box .social-links li:nth-child(2) a {
    background: #1da1f2;
}

.contact-info-section .content-box .social-links li:nth-child(3) a {
    background: #ff0000;
}

.contact-info-section .content-box .social-links li:last-child a {
    background: #de0e88;
}

.contact-info-section .content-box .sec-title {
    margin-bottom: 23px;
}

.contact-info-section .inner-box {
    position: relative;
    display: block;
    border: 1px solid #eaeaea;
    margin: 0px 0px;
}

.contact-info-section .inner-box .single-item {
    position: relative;
    display: block;
    float: left;
    height: 300px;
    padding: 50px 50px 43px 50px;
}

.contact-info-section .inner-box .single-item .icon-box {
    position: relative;
    display: inline-block;
    font-size: 25px;
    color: #ffffff;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 30px;
}

.contact-info-section .inner-box .single-item h3 {
    display: block;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 9px;
}

.contact-info-section .inner-box .single-item p {
    line-height: 22px;
}

.contact-info-section .inner-box .single-item p a {
    color: #696969;
}

.contact-info-section .inner-box .single-item p a:hover {}

.contact-info-section .inner-box .single-item:first-child {
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}

.contact-info-section .inner-box .single-item:nth-child(2) {
    border-bottom: 1px solid #eaeaea;
}

.contact-info-section .inner-box .single-item:nth-child(3) {
    border-right: 1px solid #eaeaea;
}


/* ===============================================
 contact us 2 page
------------------------*/
.ttm-row.step-box-section {
    padding: 40px 0px 40px 0px
}

.featured-icon-box.style6 {
    transition: all 500ms ease;
    position: relative;
    margin-bottom: 0;
}

.featured-icon-box.style6:hover {
    transform: translateY(-10px);
}

.featured-icon-box.style6 .featured-icon .ttm-icon {
    position: relative;
    font-size: 55px;
    height: 150px;
    width: 140px;
    line-height: 100px;
    text-align: center;
    margin: 0 auto;
    transition: .5s;
    background-color: var(--skin-color-2);
    padding-top: 30px;
    border: none;
}

.featured-icon-box.style6 .featured-icon .ttm-icon i {
    font-size: 55px;
    color: #fff;
}

.featured-icon-box.style6:hover .featured-icon .ttm-icon i {
    color: #444242;
    z-index: 2;
    position: relative;
}

.featured-icon-box.style6 .process-num {
    z-index: 1;
}

.featured-icon-box.style6 .process-num:before {
    counter-increment: featured-imagebox-procedure;
    content: counter(featured-imagebox-procedure, decimal-leading-zero) " ";
    position: absolute;
    top: -31px;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 600;
    transition: all .6s;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background: var(--skin-color);
    border-radius: 50px;
    text-align: center;
    color: #fff;
    z-index: 1;
}

section {
    counter-reset: featured-imagebox-procedure;
}

.featured-icon-box.style6 .featured-icon .ttm-icon:before,
.featured-icon-box.style6 .featured-icon .ttm-icon:after {
    position: absolute;
    content: '';
    background-color: #eae9e9;
    transition: 0.5s all ease;
    opacity: 1;
    width: 10px;
    height: 10px;
}

.featured-icon-box.style6 .featured-icon .ttm-icon:before {
    left: 0px;
    top: 0px;
}

.featured-icon-box.style6 .featured-icon .ttm-icon:after {
    bottom: 0px;
    right: 0;
}

.featured-icon-box.style6 .featured-icon:hover .ttm-icon:before,
.featured-icon-box.style6 .featured-icon:hover .ttm-icon:after {
    height: 100%;
    width: 100%;
}

.featured-icon-box.style6 .featured-content {
    padding: 25px 10px 0;
}

.featured-icon-box.style6 .featured-content .featured-desc p {
    margin-bottom: 0;
}

.featured-title h3 {
    font-size: 18px;
    font-weight: bolder;
    line-height: 25px;
    text-transform: uppercase;
}

/* ===============================================
            About Us page
---------------------------------------------------*/

@media (min-width: 1300px) {
    .img-box1 {
        margin-right: 50px
    }
}

.img-box1 {
       position: relative;
    z-index: 2;
    padding-bottom: 42px; margin-bottom:20px;
}

.img-box1:before {
    content: '';
    background-color: #00739d;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 195px;
    width: 444px;
    max-width: 100%;
    -webkit-clip-path: path("M270 0H444L175 195H0L270 0Z");
    clip-path: path("M270 0H444L175 195H0L270 0Z");
    z-index: -1
}

.img-box1 img {
    border-radius: 10px
}

.img-box1 .img1 {
    display: inline-block;
    position: relative;
    z-index: 2
}

.img-box1 .img1 img {
    width: 100%
}

.img-box1 .img2 {
       position: absolute;
    bottom: -15%;
    right: 25px;
    z-index: 3;
}

.img-box1 .year-counter-wrap {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #F7F7F7;
    -webkit-clip-path: path("M325 0V140L195 235H0L325 0Z");
    clip-path: path("M325 0V140L195 235H0L325 0Z");
    height: 235px;
    width: 325px;
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 10px
}

.year-counter {
    max-width: 135px;
    text-align: center;
    -webkit-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    transform: rotate(-35deg);
    padding-top: 6px
}

.year-counter_number {
    font-size: 44px;
    font-weight: 600;
    color: var(--skin-color);
    line-height: 46px;
    padding-left: 5px
}

.year-counter_text {
    margin-bottom: 0
}

.video-checklist {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    margin-bottom: 40px
}

.video-checklist .checklist {
    margin-top: -5px
}

.checklist li>i {
    color: var(--skin-color);
}

@media (max-width: 1199px) {
    .img-box1 .img1 {
        display: block;
        width: 70%
    }

    .img-box1 .img1 img {
        max-height: 500px;
        object-fit: cover
    }

    .img-box1 .year-counter-wrap {
        top: 100px;
        right: 100px
    }
}

@media (max-width: 991px) {
    .img-box1 .year-counter-wrap {
        top: 50px;
        right: 50px
    }
}

@media (max-width: 767px) {
    .img-box1 .year-counter-wrap {
        top: 0;
        right: 0
    }

    .video-checklist {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 575px) {
    .img-box1 .year-counter-wrap {
        top: -1px;
        z-index: 3;
        -webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%);
        clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%);
        height: 100px;
        width: 240px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-right: 0
    }

    .img-box1 .year-counter {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        padding-top: 4px
    }

    .img-box1 .img2 {
        max-width: 60%
    }

    .video-checklist {
        gap: 13px
    }
}


.th-img {
    position: relative;
    top: 20%;
    border-radius: 20px;
    width: 150px;
    height: 100px;
}

.sec-title {
    font-size: 40px;
    margin-bottom: 40px;
    margin-top: 15px;
    text-transform: capitalize;
    font-weight: 700;
}

.sub-title {
    margin-left: 10px;
    display: block;
    font-size: 23px;
    font-weight: 800;
    color: var(--skin-color);
    margin-bottom: 10px;
    text-transform: capitalize;
    line-height: 0px;
    margin-top: 0px;
}

.about-container {
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 15px;
}

.line-icon {
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    margin: 0 auto 30px auto;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    position: relative;
    z-index: 2
}

.line-icon img {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.line-icon:before,
.line-icon:after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.line-icon:before {
    background-color: #eff3fa;
    -webkit-clip-path: path("M13.3881 76.4603C4.65737 67.4651 0.294678 56.9287 0.294678 44.8461C0.294678 36.791 2.54587 29.3421 7.04826 22.4942C11.5453 15.6463 17.4822 10.278 24.8483 6.38399C32.209 2.49515 39.9834 0.548157 48.1661 0.548157C60.1689 0.548157 70.3234 4.44728 78.6512 12.2301C86.9683 20.0181 91.1322 30.4928 91.1322 43.6388C91.1322 56.528 86.834 67.4702 78.2429 76.4603C69.6465 85.4606 58.9385 89.9557 46.1245 89.9557C33.031 89.9557 22.1135 85.4606 13.3881 76.4603Z");
    clip-path: path("M13.3881 76.4603C4.65737 67.4651 0.294678 56.9287 0.294678 44.8461C0.294678 36.791 2.54587 29.3421 7.04826 22.4942C11.5453 15.6463 17.4822 10.278 24.8483 6.38399C32.209 2.49515 39.9834 0.548157 48.1661 0.548157C60.1689 0.548157 70.3234 4.44728 78.6512 12.2301C86.9683 20.0181 91.1322 30.4928 91.1322 43.6388C91.1322 56.528 86.834 67.4702 78.2429 76.4603C69.6465 85.4606 58.9385 89.9557 46.1245 89.9557C33.031 89.9557 22.1135 85.4606 13.3881 76.4603Z");
    inset: 4px
}

.line-icon:after {
    -webkit-mask-image: url("../images/icons/feature_card_circle.svg");
    mask-image: url("../images/icons/feature_card_circle.svg");
    -webkit-animation: spin 10s linear infinite;
    animation: spin 10s linear infinite;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #026d9b;
}

.feature-card {
    padding: 35px 30px;
    background-color: #d8d8d8;
    border-radius: 10px;
    text-align: center;
    position: relative;
    z-index: 2
}

.feature-card:before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    border: 1px solid #E6E6E6;
    border-radius: inherit;
    z-index: -1;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.feature-card .box-title2 {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.feature-card_text {
    max-width: 300px;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    margin: 0 auto 14px auto; text-align:center;
}

.feature-card .line-btn {
    color: #026d9b;
}

.feature-card .line-btn:before {
    background-color: #026d9b;
}

.feature-card:hover:before {
    height: 0;
    border-color: transparent
}


.feature-card .box-title2 {
    font-size: 23px;
    font-weight: 600;
    margin: 20px 0px;
}


.feature-card:hover .line-btn:before {
    background-color: #fff;
}

.feature-card:hover .line-icon img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.feature-card:hover .line-icon:before {
    background-color: #026d9b;
}

.feature-card:hover .line-icon:after {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.background-image,
[data-bg-src] {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

/* ===============================================
            Product page
---------------------------------------------------*/
.space {
    margin: 60px 0px;
}

.project-card {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 35px;
    height: 300px;
}

.project-card .project-img {
    border-radius: 10px;
    overflow: hidden;
    z-index: 2;
    height: 100%
}

.project-card .project-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.project-card .project-img:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    background: -webkit-linear-gradient(top, rgba(25, 24, 37, 0) 0%, #191825 100%);
    background: linear-gradient(180deg, rgba(25, 24, 37, 0) 0%, #191825 100%);
    opacity: 0;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    z-index: 1;
    border-radius: inherit
}

.project-card .project-content {
    position: absolute;
    left: 0;
    bottom: -100px;
    width: 100%;
    padding: 0 75px 30px 30px;
    z-index: 3;
    opacity: 0;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.project-card .box-title2 {
    color: #fff;
    margin-bottom: -0.3em;
    font-weight: 400;
    font-size: 20px;
}

.project-card .box-title2 span:hover {
    color: var(--skin-color);
}

.project-card .project-subtitle {
    font-weight: 500;
    margin-top: -0.45em;
    margin-bottom: 10px;
    color: var(--skin-color)
}

.project-card .project-btn {
    position: absolute;
    right: -136px;
    bottom: -136px;
    width: 115px;
    height: 115px;
    background-color: var(--skin-color);
    color: #fff;
    font-size: 24px;
    padding: 30px 20px;
    border-radius: 50%;
    z-index: 3;
}

.project-card .project-btn:after,
.project-card .project-btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: -9px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: inherit;
    z-index: -1;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

.project-card .project-btn:after {
    background-color: var(--skin-color);
    inset: 0
}

.project-card .project-btn:hover:before {
    background-color: var(--skin-color-2);
    left: 0
}

.project-card .project-btn:hover:after {
    top: -9px;
    left: 0;
    z-index: -2
}

.project-card:hover .project-img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.project-card:hover .project-img:before {
    height: 100%;
    opacity: 1
}

.project-card:hover .project-content {
    bottom: 0;
    opacity: 1
}

.project-card:hover .project-btn {
    right: -58px;
    bottom: -47px
}

/* ===============================================
            quality page
---------------------------------------------------*/

.shape-mockup-wrap {
    z-index: 2;
    position: relative
}

.shape-mockup {
    position: absolute;
    z-index: -1;
    pointer-events: none
}

.shape-mockup.z-index-3 {
    z-index: 3;
    pointer-events: none
}

.shape-mockup.z-index-1 {
    z-index: 1;
    pointer-events: none
}

.shape-mockup .svg-img {
    height: 110px;
    width: 110px
}

.testi-box {
    position: relative;
    z-index: 2;
    text-align: center;
    --skin-color: #3D72FC;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.testi-box_img {
    text-align: center;
    position: relative;
    margin-bottom: 35px
}

.testi-box_img img {
    max-width: 140px;
    padding: 15px;
    background-color: #fff;
    border: 1px solid var(--skin-color);
    border-radius: 50%
}

.testi-box_img .play-btn {
    position: absolute;
    bottom: 5px;
    left: calc(50% - 15px)
}

.testi-box_img .play-btn i {
    --icon-size: 30px;
    font-size: 18px;
    background-color: var(--skin-color);
    color: #fff;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
}

.testi-box_img .play-btn:before,
.testi-box_img .play-btn:after {
    background-color: var(--skin-color)
}

.testi-box_content {
    padding: 30px;
    position: relative;
    -webkit-filter: drop-shadow(0px 6px 15px rgba(191, 191, 191, 0.1));
    filter: drop-shadow(0px 6px 15px rgba(191, 191, 191, 0.1));
    background-image: -webkit-linear-gradient(top, var(--skin-color), #fff 50%);
    background-image: linear-gradient(to bottom, var(--skin-color), #fff 50%);
    z-index: 2;
    border-radius: 20px
}

.testi-box_content:before {
    content: '';
    position: absolute;
    inset: 1px;
    background-color: #fff;
    z-index: -1;
    border-radius: inherit;
    pointer-events: none
}

.testi-box_content:after {
    content: url("data:image/svg+xml,%3Csvg width='75' height='23' viewBox='0 0 75 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.9937 11.0964L36.3597 1.39913C36.9599 0.608889 38.1483 0.608887 38.7486 1.39913L46.1146 11.0963C49.9909 16.1995 56.0306 19.1963 62.4391 19.1963H74.3326V21.6934H0.900391V19.1963H12.6692C19.0776 19.1963 25.1174 16.1995 28.9937 11.0964Z' fill='white' stroke='url(%23paint0_linear_348_82)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_348_82' x1='37.6165' y1='-1' x2='37.6165' y2='22.1934' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233D72FC'/%3E%3Cstop offset='0.890779' stop-color='%233D72FC'/%3E%3Cstop offset='0.890947' stop-color='white'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    position: absolute;
    left: calc(50% - 37.5px);
    bottom: calc(100% - 4.2px);
    height: 23px;
    width: 75px
}

.testi-box_name {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 2px
}

.testi-box_desig {
    margin-bottom: -0.5em;
    display: block;
    color: var(--skin-color)
}

.testi-box_text {
    margin-bottom: 18px;
    margin-top: -0.5em;
    font-style: italic;
    text-align: CENTER;
    margin-top: 20px;
}

.testi-box:hover {
    --skin-color: #bc1622;
}

.testi-box:hover .testi-box_content:after {
    content: url("data:image/svg+xml,%3Csvg width='75' height='23' viewBox='0 0 75 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.9937 11.0964L36.3597 1.39913C36.9599 0.608889 38.1483 0.608887 38.7486 1.39913L46.1146 11.0963C49.9909 16.1995 56.0306 19.1963 62.4391 19.1963H74.3326V21.6934H0.900391V19.1963H12.6692C19.0776 19.1963 25.1174 16.1995 28.9937 11.0964Z' fill='white' stroke='url(%23paint0_linear_348_82)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_348_82' x1='37.6165' y1='-1' x2='37.6165' y2='22.1934' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF8F1F'/%3E%3Cstop offset='0.887916' stop-color='%23FF8F1F' stop-opacity='0.99'/%3E%3Cstop offset='0.892968' stop-color='white'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")
}

@media (max-width: 375px) {
    .testi-box_content {
        padding: 30px 15px
    }
}

/* ===============================================
            Industries we cater page
---------------------------------------------------*/

.title-divider-center {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
}

.title-divider-center:before,
.title-divider-center:after {
    content: "";
    display: block;
    width: 48px;
    border-top: 1px solid #a7a7a7;
}

.title-divider-center:before {
    margin-right: 10px;
}

.title-divider-center:after {
    margin-left: 10px;
}

.title-highlight-gradient {
    background-image: radial-gradient(at top left, #d4515a 0%, #bc1622 100%);
    color: #ffffff;
    padding: 0px 10px;
    border-radius: 5px;
    display: inline-block;
}

.section-title-heading {
    font-size: 45px;
    font-weight: 600;
    margin-bottom: 20px;
}

.home-charging {
    padding: 60px 0px;
    background-color: #fff;
}

@media screen and (max-width: 767px) {
    .home-charging {
        padding: 60px 0 100px;
    }
}

.home-charging .section-head {
    margin-bottom: 20px;
}

.home-charging .charging-procudure {
    padding: 10px 0px 0px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .home-charging .charging-procudure {
        padding: 40px 0 10px;
    }
}

@media screen and (max-width: 479px) {
    .home-charging .charging-procudure {
        padding: 20px 0 10px;
    }
}

.home-charging .charging-procudure .charge-step {
    margin: 0 40px;
}

@media screen and (max-width: 991px) {
    .home-charging .charging-procudure .charge-step {
        margin: 0 20px;
    }
}

.home-charging .charging-procudure .charge-step:nth-child(even) {
    margin-top: 80px;
}

@media screen and (max-width: 575px) {
    .home-charging .charging-procudure .charge-step:nth-child(even) {
        margin-top: 0;
    }
}

.home-charging .charging-procudure .charge-step .charging-step-img {
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 20px;
    text-align: center;
    aspect-ratio: 1/1;
}

.home-charging .charging-procudure .charge-step .charging-step-img img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.home-charging .charging-procudure .charge-step .step-content {
    text-align: center;
}

.home-charging .charging-procudure .charge-step .step-content .step-content-title {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
}

.home-charging .charging-procudure .charge-step .step-content p {
    color: #555555;
    margin-bottom: 0;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .home-charging .charging-procudure {
        grid-template-columns: repeat(2, 1fr);
    }

    .home-charging .charging-procudure .upper-arrow {
        background-position: 60% 6%;
    }

    .home-charging .charging-procudure .right-side {
        display: none;
    }

    .home-charging .charging-procudure .bottom-arrow {
        background-position: 40% 94%;
    }

    .home-charging .charging-procudure .left-side {
        display: inherit;
        background-position: 40% 45%;
    }
}

@media screen and (max-width: 575px) {
    .home-charging .charging-procudure {
        grid-template-columns: auto;
        grid-row-gap: 50px;
    }

    .home-charging .charging-procudure .upper-arrow,
    .home-charging .charging-procudure .right-side,
    .home-charging .charging-procudure .bottom-arrow {
        display: none;
    }

    .home-charging .charging-procudure .charge-step {
        margin: 0 10px;
    }

    .home-charging .charging-procudure .charge-step:nth-child(odd) {
        margin-top: 0px;
    }
}

.random-sec {
    background-image: url(../images/brass-cnc-machining-blog.webp);
    background-repeat: no-repeat;
    object-fit: cover;
    height: 100%;
    background-color: #0000006c
}

.content-section {
    padding: 50px 0px 0px 0px;
}

.section-title-main {
    position: relative;
    z-index: 1;
}

.section-title-main h1 {
    margin: 0;
    font-size: 60px;
    font-weight: 800;
}

.title-m {
    margin: auto;
    padding: 20px 0px;
}

.section-title-main,
.section-title-main-2 h5 {
    font-size: 20px;
    color: var(--skin-color);
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    z-index: 1;
    letter-spacing: 1px;
    padding-left: 0px;
    margin-bottom: 15px;
}

.section-title-main p {
    padding-top: 24px;
}

.section-title-main.text-center {
    margin-bottom: 62px;
}

.section-title-main.text-center h2.shape-title {
    left: 0;
    right: 0;
}

.section-title h3 {
    font-size: 15px;
    line-height: 25px;
    font-weight:bolder;
    margin-bottom: 5px;
    text-transform: capitalize;
    letter-spacing: 0.5px;
      color: #de2e30;
    display: inline-block;
    border-bottom: 2px solid #de2e30;
    padding-bottom: 3px;
}

.featured-desc p {
    font-size: 13px;
    margin-top: 10px;
    line-height: 23px;
    text-align: center;
}

.first-footer .featured-desc p {
    text-align: left;
}

footer p {
    font-size: 14px;
}

.footer-contact {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.footer-contact li {
    display: block;
    padding-left: 65px;
    position: relative;
    margin-bottom: 15px;
}

.footer-contact li i {
    position: absolute;
    top: 5px;
    left: 0;
    line-height: 1;
    width: 45px;
    height: 45px;
    line-height: 50px;
    border-radius: 50px;
    text-align: center;
    display: inline-block;
    color: #fff;
    border: 1px solid #fff;
    background-color: transparent;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.footer-contact li .content h4 {
    color: #fff;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 17px;
}

.footer-contact li .content span {
    color: var(--bodyColor);
    margin-bottom: 0;
    font-size: 14px;

}

.footer-contact li:hover i {
    background-color: var(--mainColor);
    color: var(--whiteColor);
}


/*---------------------------------------------------- */
/*Why choose area*/
/*----------------------------------------------------*/


.clinox-why-choose-section {
    overflow: hidden;
    padding:60px 0px 60px;
}

.clinox-why-choose-inner-wrapper {
    margin-top: 40px;
}

.clinox-why-choose-text-wrap {
    max-width: 520px;
}


.why-choose-img1 {
    overflow: hidden;
    display: inline-block;
    border-bottom-left-radius: 90px;
    border-top-right-radius: 90px;    border: #ccc solid 3px;
    /* -webkit-transform: translateX(-60px);
            transform: translateX(-60px);
    -webkit-transition: 1000ms all ease;
    transition: 1000ms all ease; */
}

.why-choose-img1 img{
    position: relative;
    width:100%;
}

.clinox-why-choose-img {
    z-index: 1;
}

.clinox-why-choose-img .bg-shape {
    right: 50px;
    top: -35px;
    width: 480px;
    z-index: -1;
    height: 95%;
    -webkit-transition: 1000ms all ease;
    transition: 1000ms all ease;
    border-top-right-radius: 90px;
    background-color: #e9e9e9;
    border-bottom-left-radius: 90px;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.clinox-why-choose-img .bg-shape.view-on {
    right: 0;
}

.clinox-why-choose-section-2 {
    padding-bottom: 120px;
}

.clinox-why-choose-content-2 .clinox-about-img-wrap-2 .clinox-about-img2 {
    right: 0;
    bottom: 0;
    top: auto;
    left: auto;
}

.clinox-why-choose-content-2 .clinox-about-img-wrap-2 .clinox-about-img2 .img-shape {
    top: -20px;
}

.clinox-why-choose-content-2 .clinox-about-img-wrap-2 .img-shape {
    top: -30px;
}

.why-choose-text-wrap-2 {
    padding-left: 20px;
}

.clinox-why-choose-feature-2 {
    padding-top: 40px;
}

.clinox-why-choose-inner-item-2 {
    margin-bottom: 25px;
}

.clinox-why-choose-inner-item-2 .inner-icon {
    width: 55px;
    margin-right: 25px;
}

.clinox-why-choose-inner-item-2 .inner-text {
    max-width: 380px;
}

.clinox-why-choose-inner-item-2 .inner-text h3 {
    color: #101010;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 12px;
}

/*---------------------------------------------------- */
/*mission vision*/
/*----------------------------------------------------*/

.sec-subtitle {
    display: block;
    text-transform: uppercase;
    color: var(--theme-color);
    font-family: var(--body-font);
    font-weight: 500;
    letter-spacing: .22em;
    line-height: 1;
    margin-top: -0.1em;
    margin-bottom: 18px
}
.about-avater {
    margin-bottom: 30px;
    text-align: center
}

.about-avater .avater {
    max-width: 100%;
    overflow: hidden;
    margin: 0 auto 28px auto;
    border-radius: 50%
}

.about-avater .avater img {
    transform: scale(1.001);
    transition: all ease .4s
}

.about-avater .name {
    margin-bottom: 0
}
.about-avater .name a{
    color: var(--skin-color);
}

.about-avater:hover .avater img {
    transform: scale(1.0)
}
.about-avater p {
    position: relative;
    text-align: center !important;
    margin: 0px;
    transition: all 500ms ease;
    font-size: 16px;
    margin-bottom: 30px;
}
.mega-hover {
    position: relative;
    overflow: hidden
}

.mega-hover img {
    transition: all 2s ease;
    transform: scale(1)
}

.mega-hover:after,
.mega-hover:before {
    content: "";
    position: absolute;
    pointer-events: none;
    opacity: 1;
    z-index: 3;
    transform: rotate(5deg)
}

.mega-hover:before {
    top: -10%;
    right: 51%;
    bottom: -10%;
    left: 50%;
    background: rgba(255, 255, 255, .3)
}

.mega-hover:after {
    top: 50%;
    right: -10%;
    bottom: 50%;
    left: -10%;
    background: rgba(255, 255, 255, .6)
}

.mega-hover:hover:before {
    left: 0;
    right: 0;
    opacity: 0;
    transition: all 900ms linear
}

.mega-hover:hover:after {
    top: 0;
    bottom: 0;
    opacity: 0;
    transition: all 900ms linear
}

.mega-hover:hover img {
    transform: scale(1.05)
}

/*---------------------------------------------------- */
/*Enquire*/
/*----------------------------------------------------*/
.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 16px;
    font-weight: normal;
    height: 50px;
    line-height: 50px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%;
    margin-bottom: 15px;
}
.bg-theme {
    background-color: #e2e2e2;
}
.appoinment-area {
	overflow: hidden;
	position: relative;
	z-index: 1;
	width: 92%;
	margin: 40px auto;
    padding: 100px 0px;
	border-radius: 8px;
}

.appoinment-area .fixed-shape {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center;
}

.appoinment-area .thumb {
	text-align: center;
	margin-top: 120px;
	position: relative;
	z-index: 1;
}

.appoinment-area .thumb::after {
	position: absolute;
	left: 50%;
	top: 50%;
	content: "";
	height: 100%;
	width: 100%;
	background: url(assets/img/shape/16.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -1;
	transform: translate(-50%, -50%);
}

.appoinment-area img {
	margin: auto;
}

.appoinment-area .form-items {
	padding: 60px 50px;
	background: #e2e2e2;
	border-radius: 8px;
	position: relative;
}

.form-items::after {
	position: absolute;
	left: 5%;
	bottom: -15px;
	content: "";
	height: 100%;
	width: 90%;
    background: #f5f7fa;
    z-index: -1;
    border-radius: 8px;
    opacity: 0.5;
}

.appoinment-area .form-items h2 {
	font-weight: 600;
	margin-bottom: 3px;
}

.appoinment-area .form-items p {
	margin-bottom: 30px;
}

.appoinment-area .form-items form input,
.appoinment-area .form-items form textarea,
.appoinment-area .form-items .nice-select {
	background: rgb(255, 255, 255);
	border: 1px dashed rgba(255, 255, 255, 0.7);
	font-size: 16px;
	padding: 25px;
	min-height: 55px;
}

.appoinment-area .form-items form textarea {
	height: 180px;
}

.appoinment-area .form-items .nice-select {
    background: rgb(255, 255, 255);
    border: 1px dashed rgba(255, 255, 255, 0.7);
    font-size: 16px;
    padding: 25px;
    min-height: 55px;
}
.appoinment-area .form-items .nice-select {
    padding: 0 25px;
    padding-top: 4px !important;
}
.services-list a {
	display: block;
    color:#000;
    padding: 10px 25px;
    background: rgb(245 247 250);
	margin-top: 15px;
	position: relative;
	z-index: 1;
	font-weight: 500;
	overflow: hidden;
	border-radius: 5px;
}
.services-list a::after {
	position: absolute;
	right: 50px;
	top: 50%;
	content: "\f105";
	transform: translateY(-50%);
	transition: all 0.25s ease-in-out;
	font-family: "Font Awesome 5 Pro";
	height: 30px;
	width: 50px;
	text-align: right;
	opacity: 0;
	visibility: hidden;
	font-size: 26px;
	margin-top: 1px;
	font-weight: 100;
}
.services-list .current-item a::after,
.services-list a:hover::after {
	right: 20px;
	opacity: 1;
	visibility: visible;
	color: var(--white);
}
.services-list a::before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	height: 100%;
	width: 60%;
	background:#026d9b;
	z-index: -1;
	transition: all 0.35s ease-in-out;
	opacity: 0;
	visibility: hidden;
}
.services-list li.current-item a::before {
	width: 100%;
}
.services-list li.current-item a,
.services-list li a:hover {
	color: var(--white);
}
.services-list a:hover::before,
.services-list li.current-item a::before {
	width: 100%;
	opacity: 1;
	visibility: visible;
}
.ba-disc i {
    margin-right: 15px;
    color: var(--skin-color);
}
.mr-disc i {
    margin-right: 15px;
    color: var(--skin-color);
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 20px;
    width: 100%;
}
.product-detail h3 {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #b10f3c;
    display: inline-block;
    border-bottom: 2px solid #b10f3c;
    padding-bottom: 3px;
}
label.error{
    font-size: 11px;
    position: absolute;
    z-index: 10;
    margin-top: 2px;
    color: #ffffff;
    background: rgb(200, 53, 53);
    box-shadow: 0 6px 2px -2px rgb(211 77 77 / 47%);
    padding: 0px 10px;
    border-radius: 1px;
    pointer-events: none;
    width: 88%;line-height: 18px;
}
label.error:before {
    content: '';
    width: 0;
    height: 0;
    top: -5px;
    position: absolute;
    left: 6px;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-bottom: 5px solid #c83535;
}
.team-card {
    position: relative;
    background-color: var(--white-color);margin-bottom: 40px;
}
.team-card .team-img {
    position: relative;
    /*margin-bottom: -55px;*/
    margin-bottom: 0px;
    overflow: hidden;
}
.team-card .team-img.sub-cat {
    position: relative;
    margin-bottom: -15px;
    overflow: hidden;
}
.team-card .team-img:before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.7), rgba(0,0,0,0.7));
    background: linear-gradient(0deg, rgba(0,0,0,0.7), rgba(0,0,0,0.7));
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    z-index: 1;
}
.team-card .team-img img {
    width: 100%;
    height: 100%;
}
.th-team .team-img img {
    width: 100%;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;    
    height: 250px;
    object-fit: contain;
    border: #ececec solid 2px;
}
.th-team .team-img.sub-cat img {
    width: 100%;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;    
    height: 300px;
    object-fit: contain;
    border: #ececec solid 2px;
}
.team-card .team-card-content {
    position: relative;
    background-color:#ececec;
    padding: 20px 14px 20px 20px;
    margin-bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    z-index: 2;
    box-shadow: 0px 15px 30px rgb(0 0 0 / 6%);
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.team-card .team-card-content:before {
    content: "";
    width: 4px;
    height: 30px;
    background-color: #e92c35;
    position: absolute;
    top: 38px;
    left: 0;
    z-index: -1;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.team-card .team-card-content h3{font-size:18px;}
.team-card .team-social {
    position: relative;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.team-card .team-social .icon-btn {
        display: inline-block;
    background-color: #e92c35;
        color: #fff;
    text-align: center;
    width: var(--btn-size, 46px);
    height: var(--btn-size, 46px);
    line-height: var(--btn-size, 46px);
    border-radius: 5px;
    font-size: var(--btn-font-size, 18px);
    border: none;
    position: relative;
    z-index: 10;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.table th, .table td {
    padding: 0.15rem 0.5rem;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(236 247 251);
}
.product-detail.ovh{max-height: 290px;    overflow: hidden;}
.widget ul#menu-footer-quick-links li a:hover{color:#f5f5f5;}
.waves-whatsapp {
    animation: waves-whatsapp linear 3s infinite;
    border-radius: 50%;position: fixed;
    display: flex;
    font-weight: 400;
    justify-content: space-between;
    z-index: 98;
    bottom: 25px;
    right: 30px;
}			
@keyframes waves-whatsapp {
  0%
  {
    box-shadow: 0 8px 10px rgba(48, 191, 57, 0.3), 0 0 0 0 rgba(48, 191, 57, 0.2), 0 0 0 0 rgba(48, 191, 57, 0.2)
  }
  40%
  {
    box-shadow: 0 8px 10px rgba(48, 191, 57, 0.3), 0 0 0 35px rgba(48, 191, 57, 0.2), 0 0 0 0 rgba(48, 191, 57, 0.2)
  }
  80%
  {
    box-shadow: 0 8px 10px rgba(48, 191, 57, 0.3), 0 0 0 55px rgba(48, 191, 57, 0), 0 0 0 26.7px rgba(48, 191, 57, 0.067)
  }
  100%
  {
    box-shadow: 0 8px 10px rgba(48, 191, 57, 0.3), 0 0 0 80px rgba(48, 191, 57, 0), 0 0 0 40px rgba(48, 191, 57, 0.0)
  }
}
.hvr-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;    width: 100%;    margin-top: 30px;
    padding: 20px 0px;
    background: #f8f8f8;
}
.circle.bigCircle {
    height: 122px;
    padding: 6px 1px;
    width: 120px;background-color: #888;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%; margin:auto;
}
.circle span {
    background-color: #fff;
    color: #666;
    display: block;
    font-size: 10px;
    height: 100%;
    line-height: 24px;
    position: relative;
    width: 100%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.circle.bigCircle span i {
    font-size: 47px;
    height: 42px;
    line-height: 42px;
    width: 42px;
}
.circle span i {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}
.feature-item_title {
    display: block;
    font-size: 19px;
    line-height: 28px;
    font-weight: normal;
    transition: all 500ms ease;
    margin: 22px 0 17px;
}
.feature-item:hover .circle {
    background-color:#026d9b
}
.hvr-pop:active, .hvr-pop:focus, .hvr-pop:hover {
    -webkit-animation-name: hvr-pop;
    animation-name: hvr-pop;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}@-webkit-keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}.hvr-pop{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-pop:active,.hvr-pop:focus,.hvr-pop:hover{-webkit-animation-name:hvr-pop;animation-name:hvr-pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}
.feature-item:hover {
    background-color: #fff;
    box-shadow: 0 0 10px -5px #999;
    -moz-box-shadow: 0 0 10px -5px #999;
    -webkit-box-shadow: 0 0 10px -5px #999;
}
.bg_gray {
    background-color: #F7F7F7 !important; padding:60px 0px;
}.icon_box {
	margin-top: 30px;
	padding: 15px;
}
.intro_desc h6 {
	font-family: 'Poppins', sans-serif;
}
.intro_desc p {
	font-size: 14px;
}
.intro_desc p:last-child {
	margin: 0;
}
.icon_box_style1 .box_icon::before,
.icon_box_style3 .box_icon::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	border: 1px solid #00739d;
	border-radius: 100%;
	margin: -5px;
}
.icon_box_style1 .box_icon {
	background-color: #00739d;
	width: 72px;
	text-align: center;
	float: left;
	height: 72px;
	border-radius: 100%;
	line-height: 72px;
	position: relative;
	margin: 5px 20px 5px 5px;
}.icon_box_style1 .box_icon img{width:45px;}
.icon_box_style1 {
	border: 1px solid #eee;
	transition: all 0.5s ease-in-out;
}
.icon_box_style1:hover {
	border-color: #00739d;
}
.icon_box_style1 .intro_desc,
.icon_box_style2 .intro_desc {
	overflow: hidden;
}
.icon_box_style2 .box_icon {
	background-color: #fff;
	max-width: 78px;
	text-align: center;
	float: left;
	height: 78px;
	border-radius: 100%;
	line-height: 78px;
	position: relative;
	margin: 0px 20px 0px 0px;
	box-shadow: 0 2px 0 rgba(0,0,0,0.05);
	width: 100%;
}
.icon_box_style2:hover .box_icon {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: swing;
	animation-name: swing;
}
.icon_box_style2 .box_icon i {
	font-size: 34px;
	color: #00739d;
	line-height: 78px;
}
.icon_box_style3 {
	padding: 25px 15px;
	text-align: center;
}
.icon_box_style3 .box_icon {
	background-color: #00739d;
	width: 72px;
	text-align: center;
	height: 72px;
	border-radius: 100%;
	line-height: 72px;
	position: relative;
	margin: 5px auto 15px;
}
.icon_box_style3:hover .box_icon {
	-webkit-animation-name: wobble;
	animation-name: wobble;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}.why_choose_img {
	top: 25px;
	text-align: center;
	position: relative;
	z-index: 9;
}.bounceimg{
	-webkit-animation: bounceimg 2s ease-in-out 0s infinite alternate;
	animation: bounceimg 2s ease-in-out 0s infinite alternate;
}
@-webkit-keyframes bounceimg {
0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); 
}
50% {
   -webkit-transform: translateY(-10px);
     transform: translateY(-10px); 
} 
100% {
   -webkit-transform: translateY(-20px);
     transform: translateY(-20px); 
} 
}

@keyframes bounceimg {
0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); 
}
50% {
   -webkit-transform: translateY(-10px);
     transform: translateY(-10px); 
} 
100% {
   -webkit-transform: translateY(-20px);
     transform: translateY(-20px); 
} 
}
.why_choose_img::before {
    position: absolute;
    top: -2%;
    left: -2%;
    content: '';
    width: 104%;
    height: 104%;
    border: 2px dashed #000;
    border-radius: 50%;
    -webkit-animation: spinAround 30s linear infinite;
    -moz-animation: spinAround 30s linear infinite;
    animation: spinAround 30s linear infinite;
}@-webkit-keyframes spinAround{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}
.amazing-quality-slider .item{border-radius: 100%;
    overflow: hidden;}