@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500&family=Inter:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Neuton:wght@200&display=swap');

/* 1.2 Root variables */

:root {
    /* Default Fonts */
    --font-primary: 'Inter', sans-serif;
    --font-secondary: 'Fraunces', serif;
    /* Font Size */
    --font-size-xsmall: 12px;
    --font-size-small: 15px;
    --font-size-medium: 18px;
    --font-size-large: 24px;
    --font-size-xlarge: 36px;
    --font-size-xxl: 50px;
    --font-size-super: 60px;
    --line-height-100: 1;
    --line-height-125: 1.25;
    --line-height-150: 1.5;
    --line-height-175: 1.75;
    --line-height-200: 2;
    --line-height-250: 2.5;
    --line-height-300: 3;
    /* Default Colors */
    --color-primary: #f5245f;
    --color-dark-1: #12161e;
    --color-dark-2: #1c222e;
    --color-dark-3: #798497;
    --color-dark-4: #949aa4;
    --color-light-1: #f1f2f3;
    --color-light-2: #edf1f4;
    --color-white: #fff;
    --color-green: #2cb8a5;
    --color-gray: #bdc3c7;
    --color-black: #000000;
    /* Default Colors - Alpha */
    --color-primary-alpha-10: rgba(245, 36, 95, 0.1);
    --color-primary-alpha-25: rgba(245, 36, 95, 0.25);
    --color-primary-alpha-50: rgba(245, 36, 95, 0.5);
    --color-primary-alpha-75: rgba(245, 36, 95, 0.75);
    --color-dark-alpha-10: rgba(18, 22, 30, 0.1);
    --color-dark-alpha-25: rgba(18, 22, 30, 0.25);
    --color-dark-alpha-50: rgba(18, 22, 30, 0.5);
    --color-dark-alpha-75: rgba(18, 22, 30, 0.75);
    --color-dark-alpha-90: rgba(18, 22, 30, 0.90);
    --color-white-alpha-25: rgba(255, 255, 255, 0.25);
    --color-white-alpha-50: rgba(255, 255, 255, 0.5);
    --color-white-alpha-75: rgba(255, 255, 255, 0.75);
    --color-black-alpha-25: rgba(0, 0, 0, 0.25);
    --color-black-alpha-50: rgba(0, 0, 0, 0.5);
    --color-black-alpha-75: rgba(0, 0, 0, 0.75);
    /* Gutters */
    --gutters-xsmall: 25px;
    --gutters-small: 50px;
    --gutters-medium: 75px;
    --gutters-large: 100px;
    --gutters-xlarge: 140px;
    --gutters-xxlarge: 200px;
    --gutters-super: 300px;
}


/* 1.3 Reset CSS */

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Neuton', serif;
    font-size: var(--font-size-small);
    line-height: var(--line-height-175);
    color: var(--color-dark-3);
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    outline: 0;
    width: 100%;
    min-width: 320px;
    word-wrap: break-word;
    overflow-wrap: anywhere;
    overflow-x: hidden;
}

p {
    font-family: 'Neuton', serif !important;
    font-weight: 200;
}

p.e-c {
    color: black;
    line-height: 2rem;
    text-align: justify;
}

.footer-author p {
    color: #fff;
}

.logo-slider .slick-slide {
    height: auto !important;
}

main,
article {
    position: relative;
}

p {
    color: #000;
}

span {
    font-weight: normal;
}

mark,
ins {
    text-decoration: none;
}

a {
    text-decoration: none;
    color: var(--color-dark-3);
    outline: none;
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
    color: var(--color-dark-3);
    outline: none;
}

button:hover,
button:focus {
    outline: none;
}

:focus {
    outline: none;
}

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

video {
    height: 100%;
    width: 100%;
}

body img {
    border: none;
    max-width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

img.logo {
    /* margin-top: 20px; */
    width: 200px;
    padding: 10px;
}

img.nkk {
    width: 540px;
}

img,
iframe {
    max-width: 100%;
}

img {
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: var(--line-height-100);
    letter-spacing: 0;
    color: #ffa800;
}

h1 {
    font-size: var(--font-size-xxl);
    font-family: var(--font-secondary);
}

h2 {
    font-size: var(--font-size-xlarge);
    font-family: var(--font-secondary);
}

h3 {
    font-size: var(--font-size-large);
    font-family: var(--font-secondary);
}

h4 {
    font-size: var(--font-size-medium);
}

h5 {
    font-size: var(--font-size-small);
}

h6 {
    font-size: var(--font-size-xsmall);
}

h1>a,
h2>a,
h3>a,
h4>a,
h5>a,
h6>a {
    color: rgb(206, 206, 0);
}

a {
    color: #ffc107;
    font-weight: 600;
    text-decoration: none;
    background-color: transparent;
}

.font-bolder {
    font-weight: 900 !important;
}

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

.font-italic {
    font-style: italic !important;
}

.browserupgrade {
    margin: 0.2em 0;
    background: var(--color-light-1);
    color: var(--color-black);
    padding: 0.2em 0;
}

::-moz-selection {
    color: var(--color-white);
    background: var(--color-primary);
    text-shadow: none;
}

::selection {
    color: var(--color-white);
    background: var(--color-primary);
    text-shadow: none;
}

.no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* 1.4 Template Colors */

.color-bg-dark-1 {
    background: var(--color-dark-1);
}

.color-bg-dark-2 {
    background: #032540;
}

.color-bg-dark-3 {
    background: var(--color-dark-3);
}

.color-bg-light-1 {
    background: var(--color-light-1);
}

.color-bg-light-2 {
    background: var(--color-light-2);
}

.color-bg-primary {
    background: var(--color-primary);
}

.color-primary {
    color: var(--color-primary);
}

.color-white {
    color: var(--color-white) !important;
}

.text-color {
    color: var(--color-dark-3);
}

.text-color-light {
    color: var(--color-light-1) !important;
}

.overlay-bg {
    background: var(--color-dark-2);
}


/* Template Colors End */

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.body-font {
    font-family: var(--font-primary);
    font-weight: normal;
    line-height: var(--line-height-175);
}

.font-primary {
    font-family: var(--font-primary);
}

.font-secondary {
    font-family: var(--font-secondary);
    line-height: var(--line-height-100);
}

.font-secondary-italic {
    font-family: var(--font-secondary);
    font-style: italic;
}

i.icon-100-white {
    font-size: 100px;
    color: var(--color-white);
}

i.icon-100-color {
    font-size: 100px;
    color: #737373;
}

.font-small {
    font-size: var(--font-size-xsmall);
}

.font-medium {
    font-size: var(--font-size-medium);
}

.font-large {
    font-size: var(--font-size-large);
}


/* 1.5 Priyo Icons */


/* Grid Icon */

.priyo-icon-grid.post-nav {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.priyo-icon-grid {
    width: 28px;
    height: 28px;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.priyo-icon-grid .grid-icon.box-1,
.priyo-icon-grid .grid-icon.box-2,
.priyo-icon-grid .grid-icon.box-3 {
    position: relative;
    border: 1px solid;
    border-color: var(--color-dark-3);
    width: 8px;
    height: 8px;
    left: 0;
    top: 0;
}

.priyo-icon-grid .grid-icon.box-2 {
    top: 2px;
}

.priyo-icon-grid .grid-icon.box-3 {
    top: 4px;
}

.priyo-icon-grid .grid-icon.box-1::before,
.priyo-icon-grid .grid-icon.box-2::before,
.priyo-icon-grid .grid-icon.box-3::before,
.priyo-icon-grid .grid-icon.box-1::after,
.priyo-icon-grid .grid-icon.box-2::after,
.priyo-icon-grid .grid-icon.box-3::after {
    content: "";
    position: absolute;
    border: 1px solid;
    border-color: var(--color-dark-3);
    width: 8px;
    height: 8px;
    top: -1px;
    left: 100%;
    margin-left: 3px;
}

.priyo-icon-grid .grid-icon.box-1::after,
.priyo-icon-grid .grid-icon.box-2::after,
.priyo-icon-grid .grid-icon.box-3::after {
    left: 16px;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.priyo-icon-grid:hover .grid-icon.box-1,
.priyo-icon-grid:hover .grid-icon.box-1:before,
.priyo-icon-grid:hover .grid-icon.box-1:after,
.priyo-icon-grid:hover .grid-icon.box-2,
.priyo-icon-grid:hover .grid-icon.box-3 {
    border-color: transparent;
    border-radius: 50%;
    background-color: var(--color-primary);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.priyo-icon-grid:hover .grid-icon.box-2:after,
.priyo-icon-grid:hover .grid-icon.box-3:before {
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.priyo-icon-grid .grid-icon.box-2:before {
    border-color: transparent;
    background-color: #ee1c24;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.priyo-icon-grid:hover .grid-icon.box-2:before {
    border-radius: 50%;
}

.priyo-icon-grid:hover .grid-icon.box-2:before {
    border: 1px solid;
    border-color: var(--color-dark-3);
    background-color: transparent;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.priyo-icon-grid:hover .grid-icon.box-3:after {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.cont {
    display: flex;
}


/* Grid Icon End */


/* Long Arrow Icon */

.priyo-icon-arrow {
    position: relative;
    background-color: transparent;
    width: 30px;
    height: 30px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.priyo-icon-arrow.right {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.priyo-icon-arrow.left {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.priyo-icon-arrow.up {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.priyo-icon-arrow.down {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

@media only screen and (min-width: 1701px) {
    .container {
        min-width: 1620px;
    }
}

.priyo-icon-arrow:before {
    content: "";
    top: 50%;
    left: 1px;
    width: 12px;
    height: 12px;
    border-left: 2px solid;
    border-top: 2px solid;
    border-color: var(--color-dark-2);
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    position: absolute;
    border-radius: 2px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 1;
}

.priyo-icon-arrow:hover:before {
    margin-right: 2px;
    border-color: var(--color-primary);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.priyo-icon-arrow:after {
    content: "";
    width: 30px;
    height: 2px;
    background-color: var(--color-dark-2);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: -1px;
    border-radius: 2px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.priyo-icon-arrow:hover:after {
    width: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}


/* Long Arrow Icon End */


/* Priyo Icons End */


/* 1.6 Default Spacings */

.container-fluid {
    padding-left: 0;
    padding-right: 0;
}


/* Gutters All Sides */

.g-xsmall {
    padding: var(--gutters-xsmall);
}

.g-small {
    padding: var(--gutters-small);
}

.g-medium {
    padding: var(--gutters-medium);
}

.g-large {
    padding: var(--gutters-large);
}

.g-xlarge {
    padding: var(--gutters-xlarge);
}

.g-xxlarge {
    padding: var(--gutters-xxlarge);
}

.g-super {
    padding: var(--gutters-super);
}


/* Gutters Left and Right */

.gx-xsmall {
    padding-left: var(--gutters-xsmall);
    padding-right: var(--gutters-xsmall);
}

.gx-small {
    padding-left: var(--gutters-small);
    padding-right: var(--gutters-small);
}

.gx-medium {
    padding-left: var(--gutters-medium);
    padding-right: var(--gutters-medium);
}

.gx-large {
    padding-left: var(--gutters-large);
    padding-right: var(--gutters-large);
}

.gx-xlarge {
    padding-left: var(--gutters-xlarge);
    padding-right: var(--gutters-xlarge);
}

.gx-xxlarge {
    padding-left: var(--gutters-xxlarge);
    padding-right: var(--gutters-xxlarge);
}

.gx-super {
    padding-left: var(--gutters-super);
    padding-right: var(--gutters-super);
}


/* Gutters Left */

.gl-xsmall {
    padding-left: var(--gutters-xsmall);
}

.gl-small {
    padding-left: var(--gutters-small);
}

.gl-medium {
    padding-left: var(--gutters-medium);
}

.gl-large {
    padding-left: var(--gutters-large);
}

.gl-xlarge {
    padding-left: var(--gutters-xlarge);
}

.gl-xxlarge {
    padding-left: var(--gutters-xxlarge);
}

.gl-super {
    padding-left: var(--gutters-super);
}


/* Gutters Right */

.gr-xsmall {
    padding-right: var(--gutters-xsmall);
}

.gr-small {
    padding-right: var(--gutters-small);
}

.gr-medium {
    padding-right: var(--gutters-medium);
}

.gr-large {
    padding-right: var(--gutters-large);
}

.gr-xlarge {
    padding-right: var(--gutters-xlarge);
}

.gr-xxlarge {
    padding-right: var(--gutters-xxlarge);
}

.gr-super {
    padding-right: var(--gutters-super);
}


/* Padding Top */

.pt-xsmall {
    padding-top: 25px;
}

.pt-small {
    padding-top: 50px;
}

.pt-medium {
    padding-top: 75px;
}

.pt-large {
    padding-top: 40px;
}

.pt-xlarge {
    padding-top: 140px;
}

.pt-none {
    padding-top: 0;
}


/* Padding Bottom */

.pb-xsmall {
    padding-bottom: 25px;
}

.pb-small {
    padding-bottom: 50px;
}

.pb-medium {
    padding-bottom: 75px;
}

.pb-large {
    padding-bottom: 40px;
}

.pb-xlarge {
    padding-bottom: 140px;
}

.pb-none {
    padding-bottom: 0;
}


/* No Gutters */

.no-padding {
    padding-left: 0;
    padding-right: 0;
}


/* Default Margins */

.mt-xsmall {
    margin-top: 25px;
}

.mt-small {
    margin-top: 50px;
}

.mt-medium {
    margin-top: 75px;
}

.mt-large {
    margin-top: 100px;
}

.mt-xlarge {
    margin-top: 140px;
}

.mt-none {
    margin-top: 0;
}

.mb-xsmall {
    margin-bottom: 25px;
}

.mb-small {
    margin-bottom: 50px;
}

.mb-medium {
    margin-bottom: 75px;
}

.mb-large {
    margin-bottom: 100px;
}

.mb-xlarge {
    margin-bottom: 140px;
}

.mb-none {
    margin-bottom: 0;
}


/* Default Offset Margins */

.mt-offset-xsmall {
    margin-top: -25px;
}

.mt-offset-small {
    margin-top: -50px;
}

.mt-offset-medium {
    margin-top: -75px;
}

.mt-offset-large {
    margin-top: -100px;
}

.mt-offset-xlarge {
    margin-top: -140px;
}

.mb-offset-xsmall {
    margin-bottom: -25px;
}

.mb-offset-small {
    margin-bottom: -50px;
}

.mb-offset-medium {
    margin-bottom: -75px;
}

.mb-offset-large {
    margin-bottom: -100px;
}

.mb-offset-xlarge {
    margin-bottom: -140px;
}


/* Margins - Inline CSS */

.mt-0 {
    margin-top: 0 !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-24 {
    margin-top: 24px !important;
}

.mt-25 {
    margin-top: 25px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-35 {
    margin-top: 35px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-45 {
    margin-top: 45px !important;
}


/* .mt-50 { margin-top: 50px; } */

.mt-55 {
    margin-top: 55px !important;
}

.mt-60 {
    margin-top: 60px !important;
}

.mt-65 {
    margin-top: 65px !important;
}

.mt-70 {
    margin-top: 70px !important;
}

.mt-75 {
    margin-top: 75px !important;
}

.mt-80 {
    margin-top: 80px !important;
}

.mt-85 {
    margin-top: 85px !important;
}

.mt-90 {
    margin-top: 90px !important;
}

.mt-95 {
    margin-top: 95px !important;
}

.mt-100 {
    margin-top: 100px !important;
}

.mt-105 {
    margin-top: 105px !important;
}

.mt-110 {
    margin-top: 110px !important;
}

.mt-115 {
    margin-top: 115px !important;
}

.mt-120 {
    margin-top: 120px !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-24 {
    margin-bottom: 24px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-35 {
    margin-bottom: 35px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
    margin-top: 100px !important;
}

.mb-45 {
    margin-bottom: 45px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mb-55 {
    margin-bottom: 55px !important;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.mb-65 {
    margin-bottom: 65px !important;
}

.mb-70 {
    margin-bottom: 70px !important;
}

.mb-75 {
    margin-bottom: 75px !important;
}

.mb-80 {
    margin-bottom: 80px !important;
}

.mb-85 {
    margin-bottom: 85px !important;
}

.mb-90 {
    margin-bottom: 90px !important;
}

.mb-95 {
    margin-bottom: 95px !important;
}

.mb-100 {
    margin-bottom: 100px !important;
}

.mb-105 {
    margin-bottom: 105px !important;
}

.mb-110 {
    margin-bottom: 110px !important;
}

.mb-115 {
    margin-bottom: 115px !important;
}

.mb-120 {
    margin-bottom: 120px !important;
}


/* Paddings - Inline CSS */

.pt-0 {
    padding-top: 0 !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-24 {
    padding-top: 24px !important;
}

.pt-25 {
    padding-top: 25px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pt-35 {
    padding-top: 35px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pt-45 {
    padding-top: 45px !important;
}

.pt-50 {
    padding-top: 50px !important;
}

.pt-55 {
    padding-top: 55px !important;
}

.pt-60 {
    padding-top: 60px !important;
}

.pt-65 {
    padding-top: 65px !important;
}

.pt-70 {
    padding-top: 70px !important;
}

.pt-75 {
    padding-top: 75px !important;
}

.pt-80 {
    padding-top: 80px !important;
}

.pt-85 {
    padding-top: 85px !important;
}

.pt-90 {
    padding-top: 90px !important;
}

.pt-95 {
    padding-top: 95px !important;
}

.pt-100 {
    padding-top: 100px !important;
}

.pt-105 {
    padding-top: 105px !important;
}

.pt-110 {
    padding-top: 110px !important;
}

.pt-113 {
    padding-top: 113px !important;
}

.pt-115 {
    padding-top: 115px !important;
}

.pt-120 {
    padding-top: 120px !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pt-15 {
    padding-bottom: 15px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-24 {
    padding-bottom: 24px !important;
}

.pb-25 {
    padding-bottom: 25px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pb-35 {
    padding-bottom: 35px !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.pb-45 {
    padding-bottom: 45px !important;
}

.pb-50 {
    padding-bottom: 50px !important;
}

.pb-55 {
    padding-bottom: 55px !important;
}

.pb-60 {
    padding-bottom: 60px !important;
}

.pb-65 {
    padding-bottom: 65px !important;
}

.pb-70 {
    padding-bottom: 70px !important;
}

.pb-75 {
    padding-bottom: 75px !important;
}

.pb-80 {
    padding-bottom: 80px !important;
}

.pb-85 {
    padding-bottom: 85px !important;
}

.pb-90 {
    padding-bottom: 90px !important;
}

.pb-95 {
    padding-bottom: 95px !important;
}

.pb-100 {
    padding-bottom: 100px !important;
}

.pb-105 {
    padding-bottom: 105px !important;
}

.pb-110 {
    padding-bottom: 110px !important;
}

.pb-115 {
    padding-bottom: 115px !important;
}

.pb-120 {
    padding-bottom: 120px !important;
}

.gl-none {
    padding-left: 0 !important;
}

.gr-none {
    padding-right: 0 !important;
}

.lh-125 {
    line-height: var(--line-height-125);
}

.lh-150 {
    line-height: var(--line-height-150);
}

.w-50 {
    width: 50%;
}

.w-55 {
    width: 55%;
}

.w-60 {
    width: 60%;
}

.w-65 {
    width: 65%;
}

.w-70 {
    width: 70%;
}

.w-75 {
    width: 75%;
}

.w-80 {
    width: 80%;
}

.w-85 {
    width: 85%;
}

.w-90 {
    width: 90%;
}

.w-95 {
    width: 95%;
}

.w-100 {
    width: 100%;
}


/* Custom Cursor End */


/* ------------------------------
    5. Header
------------------------------ */

.slidingbar-open {
    margin-right: 8px;
}

.slidingbar-open i::before {
    font-size: 24px;
    color: var(--color-dark-3);
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.slidingbar-open i:hover:before {
    color: var(--color-white);
}

.is-sticky .slidingbar-open i::before {
    color: var(--color-dark-2);
    -webkit-transition: all 1s;
    transition: all 1s;
}

.site-header-dark.is-sticky .slidingbar-open i::before {
    color: var(--color-dark-3);
    -webkit-transition: all 1s;
    transition: all 1s;
}

.is-sticky .slidingbar-open i:hover:before {
    color: var(--color-primary);
    -webkit-transition: all 1s;
    transition: all 1s;
}

.qrt-cursor-color a {
    color: #fff;
}

.qrt-cursor-color a:hover {
    color: #fff;
}

.profile-section {
    padding-top: 140px;
    background-color: #032540;
}

.profile-content-wraper h2 {
    text-align: center;
    font-size: 110px;
    color: #fff;
}

.profile-content-wraper p {
    color: #fff;
    line-height: 1.5;
}

.profile-content-wraper p {
    text-align: center;
}

.exhibition-logo img {
    width: auto;
}

.date {
    margin-top: 10px;
}

.image-text img {
    width: auto;
}

.date p {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 0px;
}

.image-text {
    margin-bottom: 20px;
}

.image-text h3 {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
    font-family: var(--font-secondary);
    max-width: 321px;
    margin-bottom: 0px;
}

.image-text h3 span {
    font-size: 18px;
    font-weight: bold;
    font-family: var(--font-secondary);
}

.slide-wrap-img {
    z-index: 1;
    position: absolute;
    left: 33px;
    bottom: 26%;
    line-height: 1;
    transform: rotate(-90deg);
    transform-origin: bottom left;
}

.slide-wrap-img h2 {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 98.6%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    position: relative;
}

.slide-wrap-img h2::after {
    background: #fff;
    transform: rotate(-90deg);
    bottom: 0;
    right: 31px;
    position: absolute;
    content: " ";
    width: 2px;
    height: 119px;
    left: -65px;
    top: -43px;
}

.gtrvyujb {
    max-width: 90%;
    margin-left: auto;
}

.profile-img-wraper {
    position: relative;
}

.profile-content-wraper {
    padding-right: 55px;
    padding-top: 35px;
}

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

.question-wraper h2 {
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 25px;
    text-align: justify;
}

.question-wraper p {
    color: #fff;
    text-align: justify;
    line-height: 1.5;
}

.question-wraper span {
    color: #ffc20e;
    font-weight: bold;
}

#page-title h2 {
    text-align: center;
}

#page-title h2 span {
    position: relative;
    color: #fff;
    text-align: center;
    padding-left: 20px;
    margin-bottom: 30px;
}

#page-title h2 span::after {
    content: " ";
    position: absolute;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: red;
    z-index: -1;
}

#page-title {
    padding: 30px 0px;
}

#page-title p a {
    color: #ffc20e;
    font-size: 22px;
}

#page-title p {
    font-family: var(--font-secondary);
    letter-spacing: 2px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    line-height: 40px;
    text-align: justify;
}

.question-ans-sec {
    padding-top: 70px;
    background: #032540;
}

.question-wraper {
    margin-bottom: 25px;
    margin-right: 20px;
    padding: 0px 20px;
}

.slider-text-wraper {
    background-color: #243542;
    padding: 30px;
    height: 100%;
}

.slider-text-wraper h5 {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 35px;
}

.slider-text-wraper h5::after {
    content: " ";
    position: absolute;
    width: 200px;
    height: 2px;
    background: #ffa800;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
}

.p-text-pro {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.p-text-pro::after {
    content: " ";
    position: absolute;
    width: 200px;
    height: 2px;
    background: #fff;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
}

.slider-text-wraper h2 {
    font-size: 85px;
    font-weight: 700;
    color: #354450;
}

.slider-text-wraper h3 {
    color: #fff;
    font-size: 28px;
}

.slider-text-wraper h4 {
    color: #fff;
}

.slider-pt {
    padding-top: 45px;
    z-index: 2;
    position: relative;
}


/* 5.1 Sliding Bar */

.slidingbar-container {
    width: 348px;
    height: 100%;
    min-height: 100vh;
    overflow: auto;
    margin: 0;
    padding: 30px;
    position: fixed;
    background: #032540;
    top: 0;
    right: 100%;
    -webkit-transition: 1s cubic-bezier(0.86, 0, 0.07, 1);
    transition: 1s cubic-bezier(0.86, 0, 0.07, 1);
    z-index: 1041;
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.slidingbar-container.site-header-dark {
    border-right: 1px solid var(--color-dark-2);
}

.slidingbar-container.active {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.slidingbar-close {
    position: absolute;
    top: 34px;
    right: 34px;
    width: 28px;
    height: 22px;
    z-index: 3;
    cursor: pointer;
    -webkit-transition: 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.slidingbar-close:before,
.slidingbar-close:after {
    content: "";
    width: 26px;
    height: 1px;
    background: white;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    -webkit-transition: 0.7s cubic-bezier(0.77, 0, 0.175, 1);
    transition: 0.7s cubic-bezier(0.77, 0, 0.175, 1);
}

.slidingbar-container.active .slidingbar-close:before {
    -webkit-transform: translateY(-50%) rotate(225deg);
    transform: translateY(-50%) rotate(225deg);
    -webkit-transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.slidingbar-container.active .slidingbar-close:after {
    -webkit-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
    -webkit-transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}


/* .slidingbar-logo img {
    max-width: 120px;
    max-height: 24px;
} */

.contact-info a,
.contact-info p {
    color: var(--color-dark-3);
    display: block;
    font-size: var(--font-size-small);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.contact-info a:hover {
    color: var(--color-primary);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.contact-info i {
    color: var(--color-white);
    float: left;
    margin-right: 18px;
    font-size: var(--font-size-large);
    line-height: var(--line-height-175);
}

.instagram-items li {
    width: 70px;
    height: 70px;
    overflow: hidden;
    float: left;
    margin-right: 1px;
    margin-bottom: 1px;
    position: relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.instagram-items li a:before {
    position: absolute;
    content: "\f16d";
    font-family: "Font Awesome 5 Brands", sans-serif;
    font-size: var(--font-size-large);
    color: var(--color-white);
    text-align: center;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 0;
    line-height: 70px;
    background: rgba(245, 36, 95, 0.9);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.instagram-items li a:hover:before {
    opacity: 1;
    height: 100%;
    visibility: visible;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.slidingbar-social li {
    display: inline-block;
    margin: 0 10px;
}

.slidingbar-social li:first-child {
    margin-left: 0;
}

.slidingbar-social li a {
    display: block;
    color: var(--color-primary);
    font-size: var(--font-size-medium);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.slidingbar-social li a:hover {
    color: var(--color-white);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.nav-logo {
    width: 180px;
}


/* ------------------------------
    6. Navbar Area
------------------------------ */

.site-header {
    position: relative;
    /* position: absolute; */
    /* padding: 15px 0; */
    background: #032540;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1040;
    width: 100%;
    height: auto;
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInUp;
    animation: 500ms ease-in-out 0s normal none 1 running fadeInUp;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.site-header.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: var(--color-white);
    padding: 15px 0;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.site-header.site-header-dark.is-sticky {
    background: #032540;
    border-bottom: 1px solid #032540;
}


/* 6.1 Main Menu */

.nav-container .menu-main>li {
    position: relative;
    display: inline-block;
    margin-right: 30px;
    /* opacity: 0; */
}

.nav-container .menu-main>li>a {
    display: block;
    padding: 10px 0;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    position: relative;
}

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

.is-sticky .nav-container .menu-main>li>a:before,
.nav-container .menu-main>li>a:before {
    content: "";
    left: calc(100% + 2px);
    top: calc(50% - 5px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    background: var(--color-primary);
    height: 0;
    width: 6px;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.nav-container .menu-main>li>a.active:before,
.nav-container .menu-main>li>a:active:before,
.nav-container .menu-main>li>a:hover:before {
    top: calc(50% - 1px);
    height: 9px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.nav-container .menu-main>li>a:active,
.nav-container .menu-main>li>a.active,
.nav-container .menu-main>li>a:hover {
    color: var(--color-dark-3);
}

.is-sticky .nav-container .menu-main>li>a:active,
.is-sticky .nav-container .menu-main>li>a.active,
.is-sticky .nav-container .menu-main>li>a:hover {
    color: var(--color-dark-2);
}

.is-sticky .nav-container .menu-main>li.active>a {
    color: var(--color-dark-2);
}

.site-header-dark.is-sticky .nav-container .menu-main>li>a:active,
.site-header-dark.is-sticky .nav-container .menu-main>li>a.active,
.site-header-dark.is-sticky .nav-container .menu-main>li>a:hover {
    color: var(--color-white);
}

.menu-main .sub-menu {
    width: 260px;
    position: absolute;
    margin-top: 30px;
    top: 100%;
    left: 0;
    background: var(--color-primary);
    visibility: hidden;
    opacity: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    z-index: 1;
    display: block;
    -webkit-transform: scaleX(.75);
    transform: scaleX(.75);
}

.nav-container .menu-main>li:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: .5s cubic-bezier(.78, -0.68, .65, 1.48);
    transition: .5s cubic-bezier(.78, -0.68, .65, 1.48);
}

.menu-main .sub-menu>li {
    position: relative;
    padding: 0 25px;
    display: block;
}

.menu-main .sub-menu>li:first-child::before {
    content: "";
    position: absolute;
    top: -20px;
    left: 15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent var(--color-primary) transparent;
}

.menu-main .sub-menu .sub-sub-menu>li:hover,
.menu-main .sub-menu>li:hover {
    background: rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.menu-main .sub-menu>li>a {
    line-height: 2.25;
    color: var(--color-white);
    display: block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.menu-main .sub-menu>li>a:hover {
    margin-left: 3px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.menu-main .sub-menu .sub-sub-menu {
    width: 260px;
    position: absolute;
    top: 0;
    left: 100%;
    background: var(--color-primary);
    visibility: hidden;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 10px;
    opacity: 0;
    z-index: 1;
    display: block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.nav-container .menu-main>li:last-child .sub-sub-menu {
    right: 100%;
    left: auto;
    margin-right: 10px;
}

.nav-container .menu-main .sub-menu>li:hover .sub-sub-menu {
    visibility: visible;
    opacity: 1;
    margin-left: 1px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.nav-container .menu-main>li:last-child .sub-menu>li:hover .sub-sub-menu {
    margin-right: 1px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.menu-main .sub-menu .sub-sub-menu li {
    padding: 0 25px;
}

.menu-main .sub-menu .sub-sub-menu li a {
    color: var(--color-white);
    display: block;
    line-height: 2.25;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.menu-main .sub-menu .sub-sub-menu li a:hover {
    color: var(--color-white);
    margin-left: 3px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.menu-main li i {
    font-size: 12px;
    color: var(--color-white);
}

.sub-menu li i.fas.fa-plus,
.sub-menu li i.fas.fa-minus {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.sub-menu li i.fas.fa-minus {
    opacity: 0;
    right: 25px;
    -webkit-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.menu-main .sub-menu li:hover i.fas.fa-plus {
    opacity: 0;
    -webkit-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.menu-main .sub-menu li:hover i.fas.fa-minus {
    opacity: 1;
    right: 20px;
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


/* End Navbar Area */


/* Main Menu End */


/* ------------------------------
    8. Main Menu - Nav Sliding
------------------------------ */

.menu-open {
    width: 34px;
    height: 20px;
    margin-left: 30px;
    cursor: pointer;
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
}

.menu-open:before {
    content: "";
    position: absolute;
    width: 34px;
    height: 2px;
    left: 0;
    top: 50%;
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transform: translateY(-50%) scaleX(1);
    transform: translateY(-50%) scaleX(1);
    -webkit-transition: 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    transition: 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}

.hamburger:before,
.hamburger:after {
    content: "";
    position: absolute;
    width: 34px;
    height: 2px;
    -webkit-transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
    left: 0;
    top: 0;
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s;
}

.hamburger:after {
    top: auto;
    bottom: 0;
}

.menu-open.active .hamburger:after {
    -webkit-transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.menu-open.active .hamburger:before {
    -webkit-transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

.menu-open:before,
.hamburger:before,
.hamburger:after {
    background: var(--color-primary);
}

.menu-open:before {
    background: var(--color-dark-3);
}

.is-sticky .menu-open:before {
    background: var(--color-dark-1);
}

.menu-open:hover .hamburger:after {
    background: var(--color-primary);
    -webkit-transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.menu-open:hover .hamburger:before {
    background: var(--color-primary);
    -webkit-transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.menu-open:hover:before {
    -webkit-transform: scaleX(0.75);
    transform: scaleX(0.75);
}


/* ------------------------------
    9. Nav Container
------------------------------ */

.nav-container.nav-sliding {
    width: 420px;
    height: 100%;
    min-height: 100vh;
    overflow: hidden;
    margin: 0;
    padding: 40px;
    padding-bottom: 80px;
    position: fixed;
    background: var(--color-dark-1);
    top: 0;
    left: 100%;
    -webkit-transition: 1s cubic-bezier(0.86, 0, 0.07, 1);
    transition: 1s cubic-bezier(0.86, 0, 0.07, 1);
    z-index: 106;
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    overflow-y: auto;
}

.nav-container.nav-sliding.active {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.menu-close {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 34px;
    height: 22px;
    z-index: 3;
    cursor: pointer;
    -webkit-transition: 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.menu-close:before,
.menu-close:after {
    content: "";
    width: 34px;
    height: 2px;
    background: var(--color-primary);
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    -webkit-transition: 0.7s cubic-bezier(0.77, 0, 0.175, 1);
    transition: 0.7s cubic-bezier(0.77, 0, 0.175, 1);
}

.nav-container.nav-sliding.active .menu-close:before {
    -webkit-transform: translateY(-50%) rotate(225deg);
    transform: translateY(-50%) rotate(225deg);
    -webkit-transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.nav-container.nav-sliding.active .menu-close:after {
    -webkit-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
    -webkit-transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.nav-container.nav-sliding .menu {
    margin-top: 50px;
}

.nav-container.nav-sliding .menu-main li {
    position: relative;
    display: block;
    opacity: 0;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}

.nav-container.nav-sliding .menu-main li:before {
    content: "";
    position: absolute;
    top: 86%;
    left: 0;
    width: 0;
    height: 3px;
    background-color: var(--color-primary);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 1;
}

.nav-container.nav-sliding .menu-main li:hover:before {
    width: 25%;
    left: 7px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background-color: var(--color-primary);
}

.nav-container.nav-sliding .menu-main li a {
    font-weight: bold;
    color: var(--color-white);
    font-family: var(--font-secondary);
    text-transform: none;
    font-size: var(--font-size-xlarge);
    line-height: var(--line-height-100);
    padding: 5px 0;
    display: block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.nav-container.nav-sliding .menu-main>li:hover>a {
    text-decoration: none;
    color: var(--color-dark-4);
    letter-spacing: 3px;
    margin-left: 5px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.nav-container.nav-sliding .menu-main>li:hover>a:before {
    opacity: 0;
}

.header-right-items>* {
    padding-left: 20px;
}


/* Main Menu - Nav Sliding End */


/* ------------------------------
    10. Search Container
------------------------------ */

.search-container {
    width: 800px;
    height: 500px;
    border-radius: 20px;
    overflow: hidden;
    margin: 0;
    padding: 80px;
    position: fixed;
    background: var(--color-dark-2);
    top: 100%;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-50%) scale(0.5);
    transform: translateX(-50%) scale(0.5);
    -webkit-transition: 1s cubic-bezier(0.86, 0, 0.07, 1);
    transition: 1s cubic-bezier(0.86, 0, 0.07, 1);
    z-index: 106;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.search-container.active {
    opacity: 1;
    visibility: visible;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.search-close {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 40px;
    height: 22px;
    z-index: 3;
    cursor: pointer;
    -webkit-transition: 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.search-close:before,
.search-close:after {
    content: "";
    width: 40px;
    height: 2px;
    background: var(--color-primary);
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    -webkit-transition: 0.7s cubic-bezier(0.77, 0, 0.175, 1);
    transition: 0.7s cubic-bezier(0.77, 0, 0.175, 1);
}

.search-container.active .search-close:before {
    -webkit-transform: translateY(-50%) rotate(225deg);
    transform: translateY(-50%) rotate(225deg);
    -webkit-transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.search-container.active .search-close:after {
    -webkit-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
    -webkit-transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.search_form {
    z-index: 4;
    position: absolute;
    width: 500px;
    height: 60px;
    background: transparent;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.search_form input {
    height: 100%;
    width: 88%;
    padding: 10px 20px;
    font-size: var(--font-size-large);
    color: var(--color-dark-3);
    border: 0;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    outline: none;
    margin: 0;
    float: left;
}

.search_form input:focus::-webkit-input-placeholder {
    text-align: right;
}

.search_form input:focus:-ms-input-placeholder {
    text-align: right;
}

.search_form input:focus::placeholder {
    text-align: right;
}

.search_form .search_btn {
    height: 100%;
    width: 12%;
    background: var(--color-primary);
    color: var(--color-white);
    font-size: var(--font-size-large);
    border: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    outline: none;
    border-left: 2px solid;
    border-color: var(--color-primary);
    margin: 0;
    float: right;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.search_form .search_btn:hover {
    background: var(--color-white);
    border-left: 1px solid;
    border-color: var(--color-dark-2);
    color: var(--color-dark-2);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}


/* Search Clear Icon */

#search-clear-icon::-webkit-search-cancel-button {
    position: relative;
    right: 0;
    -webkit-appearance: none;
    height: 24px;
    width: 24px;
    background: url("../images/icons/cancel.svg") no-repeat;
    cursor: pointer;
}


/* ------------------------------
    11. Header Right
------------------------------ */

.site-header .header-account>a,
.site-header .header-wishlist>a,
.site-header .header-cart>a {
    position: relative;
    color: var(--color-dark-3);
}

.site-header .header-cart .counter {
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 10px;
    font-weight: 500;
    color: var(--color-white);
    text-align: center;
    line-height: 11px;
    min-width: 18px;
    height: 18px;
    border-radius: 30px;
    padding: 4px;
    background-color: var(--color-primary);
    display: inline-block;
}


/* 11.1 Cart/Account Panel Content */

.account-panel-header,
.cart-panel-header {
    background: var(--color-light-1);
    text-align: center;
    padding: 30px;
}

.cart_list {
    padding: 0 30px;
    overflow-y: auto;
    height: 100%;
}

.cart-panel-counter {
    color: var(--color-primary);
}

.offcanvas-account-register,
.offcanvas-account-login,
.cart-panel-content-box {
    height: 100%;
}

.account-panel-content,
.cart-panel-content {
    background-color: var(--color-white);
    height: 100%;
    position: static;
}

.widget_shopping_cart_content {
    height: 100%;
    padding-bottom: 348px;
    position: static;
    background-color: var(--color-white);
}

.widget_shopping_cart_content ul.cart_list {
    margin: 0;
    padding: 0 30px;
    overflow-y: auto;
    height: 100%;
}

.mini-cart-item__thumbnail {
    max-width: 100px;
    margin-right: 20px;
    border: 2px solid;
    border-color: var(--color-dark-3);
}

.widget_shopping_cart_content ul.cart_list .mini_cart_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.widget_shopping_cart_content ul.cart_list .mini_cart_item:first-child {
    margin-top: 30px;
}

.widget_shopping_cart_content .mini-cart-item__summary {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.widget_shopping_cart_content .mini-cart-item__price {
    display: block;
    color: var(--color-dark-2);
}

.amount {
    font-size: var(--font-size-medium);
}

.remove.remove_from_cart_button i:before {
    font-size: 8px;
    position: relative;
    top: -2px;
    color: var(--color-dark-3);
    margin-right: 6px;
    margin-left: 0;
    width: 18px;
    height: 18px;
    display: inline-block;
    background: var(--color-light-1);
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.remove_from_cart_button:hover i:before {
    background: var(--color-primary-alpha-50);
    color: var(--color-white);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.mini-cart-item__title {
    font-weight: 500;
    font-size: var(--font-size-medium);
    letter-spacing: 0;
}

.mini-cart-item__title:hover {
    color: var(--color-primary);
}

.widget_shopping_cart_content .widget_shopping_cart_footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 30px 30px;
    background-color: var(--color-white);
}

.widget_shopping_cart_footer .total {
    font-size: var(--font-size-medium);
    color: var(--color-dark-2);
    padding: 20px 30px;
    background: var(--color-light-1);
    margin: 0 calc(30px * -1);
}

.widget_shopping_cart_content .total strong {
    float: left;
    font-weight: 600;
}

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

.widget_shopping_cart_footer .buttons {
    margin: 30px 0 0;
}


/* 11.2 Login */

.offcanvas-account-register {
    display: none;
}

.offcanvas-account-register.active {
    display: block;
}

.offcanvas-account-login {
    display: none;
}

.offcanvas-account-login.active {
    display: block;
}

.account-modal-logo {
    margin-bottom: 50px;
    margin-top: 20px;
}

.account-modal-logo img {
    max-height: 30px;
}

.account-panel-content {
    padding: 30px;
}

.form_register_links a {
    color: var(--color-primary);
}

.form_register_links a:hover {
    color: var(--color-dark-2);
}

.form_links_reset-password a {
    color: var(--color-dark-2);
    display: block;
    line-height: var(--line-height-100);
}

.form_links_reset-password a:hover {
    color: var(--color-primary);
}


/* ------------------------------
    12. Input Buttons
------------------------------ */


/* 12.1 Radio Button */

input[type="radio"] {
    display: none;
}

input[type="radio"]+label {
    cursor: pointer;
    margin-bottom: 0;
    text-transform: none;
    letter-spacing: normal;
}

input[type="radio"]:checked+label::before {
    background-color: var(--color-white);
    border: 5px solid var(--color-primary);
    padding: 1px;
}

input[type="radio"]+label::before {
    display: inline-block;
    content: "";
    width: 17px;
    height: 17px;
    background-color: #e8eff3;
    border-radius: 40px;
    margin: -3px 10px 0 0;
    outline: none;
    vertical-align: middle;
    cursor: pointer;
}


/* 12.2 Checkbox */

.links_checkbox {
    display: none;
}

.links_checkbox+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    display: inline-block;
    color: var(--color-dark-4);
    line-height: var(--line-height-125);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.links_checkbox+label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    background-color: #e8eff3;
    border: 1px solid var(--color-gray);
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.links_checkbox:checked+label::before {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.links_checkbox+label::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 6px;
    width: 6px;
    height: 10px;
    border: 2px solid;
    border-left: none;
    border-top: none;
    border-color: var(--color-white);
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.links_checkbox:checked+label::after {
    opacity: 1;
    -webkit-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


/* Login End */


/* Header Cart/Account End */


/* ------------------------------
    13. Site Section Default
------------------------------ */

#main {
    -webkit-transition: 1s cubic-bezier(0.86, 0, 0.07, 1);
    transition: 1s cubic-bezier(0.86, 0, 0.07, 1);
}

.page-main-wrapper {
    position: relative;
    overflow: hidden;
}

.overflow {
    position: relative;
    overflow: hidden;
}

.section,
.section-content {
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.section-fullheight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.section-fullheight__inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-height: 100vh;
}

.section-bg-image {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    z-index: 1;
}

.height-fixed {
    height: 700px;
    max-height: 100vh;
}

.section-bg-image.layout__regular,
.section-bg-image.fullheight {
    min-height: 100vh;
    background-attachment: scroll;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.section-bg-image:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-dark-2);
    opacity: 0.9;
    z-index: -1;
}

.section-bg-image.overlay-none:before,
.section-bg-image.fullheight.overlay-none:before {
    background: transparent;
}

.overlay_deither:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0.25;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAABBCAMAAAC5KTl3AAAAgVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABtFS1lAAAAK3RSTlMWi3QSa1uQOKBWCTwcb6V4gWInTWYOqQSGfa6XLyszmyABlFFJXySxQ0BGn2PQBgAAC4NJREFUWMMV1kWO5UAQRdFk5kwzs/33v8Cunr7ZUehKAdaRUAse99ozDjF5BqswrPKm7btzJ2tRziN3rMYXC236humIV5Our7nHWnVdFOBojW2XVnkeu1IZHNJH5OPHj9TjgVxBGBwAAmp60WoA1gBBvg3XMFhxUQ4KuLqx0CritYZPPXinsOqB7I76+OHaZlPzLEcftrqOlOwjeXvuEuH6t6emkaofgVUDIb4fEZB6CmRAeFCTq11lxbAgUyx4rXkqlH9I4bTUDRRVD1xjbqb9HyUBn7rhtr1x+x9Y0e3BdX31/loYvZaLxqnjbRuokz+pPG7WebnSNKE3yE6Tka4aDEDMVYr6Neq126c+ZR2nzzm3yyiC7PGWG/1uueqZudrVGYNdsgOMDvt1cI8CXu63QIcPvYNY8z870WwYazTS7DqpDEknZqS0AFXObWUxTaw0q5pnHlq4oQImakpLfJkmErdvAfhsc7lod0DVT4tuob25C0tQjzdiFObCz7U7eaKGP3s6yQVgQ/y+q+nY6K5dfV75iXzcNlGIP38aj22sVwtWWKMRb7B5HoHPaBvI1Ve5TSXATi66vV6utxsV+aZNFu+93VvlrG/oj8Wp67YT8l+Oq6PjwdGatFm7SEAP13kE0y9CEcf9qhtEWCMIq5AGq71moEAI9vrmFcmO8+7ZyDnmRN/VUaFkM2ce8KuBGFzDMmY6myLfQGra2ofgHhbJRXuRDZ4H+HmliWBHXQ0ysLGfv6FetbxtxzRgIZWjIsGVFl5imPXeyvVyayNek+dSWzjXd4t310YBdaF8sXeKs481PjsXbAtIru2+wHbv3GVh3sQY6Dnu6pF3pZ714VYdDi9A5GkXR/6xgaZN/tpQ8wVV3zeBuB+njoBNE4wjc+uA523ysXGd/P2sntmOb3OdHNWP5OVrxD3eJHdtH8QVkEIAqCor3hReR96yqt6PkTQfenllooQ447h6tOrnnuzwA8fMpq+jqg1oW8fTYYIncAYpVeTvkEFr/khQSbjoE8ykx9049OkE5MQEO9lC24tT7DwThQgf4Fhf8nGgAo3GYaON3crODpOr2pu5dBABz69t7F5yJBBo+r6QJdeLDWEoO7r1tceR3haA7gc7eZrCvpxSXXeKpo4P+hRixo9DeOFbqQVjKyWfBg9pnrEZKzK7R437YTTwhfoySG/YOCt3fs4aXlU3FjKortqQ6XyXaD0+Y/8VoqpyU9TRW45eN4oBxAH8Y/jLnNXfELJW+/p/MgO9Z+mBli2qqAP7dV/Arc2+YZRZwtBW8/p32y5ZsEuCS4O5AAgfR7Dde7zhiGfgvurQkfAXIrUG61rmxc2EZo18ph4vaWZI+QM0JdsbNlBJlPlwf9uguujQJy0j7TgTHdtRnjybTg55Hkk9S6l2rpYahumSewKHVosa1bh2Y6r9JGkdKvIDN/eeAwScrfjoLkCxWJuFZQ53FNP5w9XbQd1HhgHcVB/0fATG3sUUid1RTfc2+7pZVKldFSsaEK0v4k90tapQOk2HIbMhaJQtrUEL5+3sDanh8sOpbYRoQoqXWu6SQcUTQL9jzOrXNPWCJwXge4U7tlU1hkF012cAmvp8llQxf1IEMcw14pURxVOWATz4ITnYQjuF+vDXg5hgoiqXzO6mS91FQUBheURHIJxUeU1i3P0WOMpsm7vFYk0JJi/Ev+X3FwYD69cARPuP5GIc0PxoAFjcLRbNur0iMTrQmBBNYJ2ngU4x7SWfdTRl52Bqv7LmYW3C1CyTCPTHeWWIAM/Whm32COHsaj+2UQ739XB9t6NV0o9E9b7CW3XNiXzi9e0KiE+3rntukdIDBWrU2jsfQWuyFJRANxq8StHVv1JPy2C3Byco7qdNbASrnNXZ8G0L/Wp/pif4Ai9aEZ9Bb+TRx+REBdGlkF/s0dUdMSMr+6YCbuGxqPWdzcdqutvqkBzCksFcwAtjf55TeuH79M6AQa7r5PLeXxMFIlQKrXP9VJ275WGX+ptpf+tvTDBsecPnYQAlAWrVbRVJ7K2pRHwIjtSpbX96Y/lbKk6ZWXlBmh15r8yAWQsYxXgBOXYMAfHnUXF+rDqnB8bXDRtAn7bCziIqetSboK3NexMePvsCRLvmsoREA+kH8j4HWFpnNEaWgOmR7xyXHfTaz3slHc/YA6H6tl/L8d5tPcIwwD0tjvRaq3Y5BmYBSDClpv0VIX4s8D0XK3sPdpAb94HjPLkgboEz9EdZATW6ZdcmQvtKUwoWw+nAVKA7IcdY1UHnvNnIBplKci+knzewLz5/GGnzkGuuGky+0LTjtGBGR85EQICDqKChnm5pH3Z44nnWAk1YRdyu3g7QoFZ0h8jkr2ffjKmi+Qvsp+9GvNGZHmgW+YQAGUw7PPt8IPKbdy432vhKtRJjKWcSqq7helj81o3nfmaxVZ7Sqie8OOBk9WsyTD/ab7fQ5aWwQeJvnH6+ayo4IdIkOSBJjzXkgr+1TPhAx1AXDsxtCCj3TzQTLA1p782f7a8vdgPfwwrXmZxxbqo2h+6Zlo6mcMY4V7cFBOLm17VCvx9Qa2tAnkxEB+KYyQgbgAAnmNDOdOO6y2Cb+lke1MWQc9o+EMdQf7ubIG3Ek8GZ4k1PtGjbhwgOMPp5Em59JMVk/jU8/aF73Xcrd3UBNZyueQu0/xz2aGtZT8CRziOax2BWFXaeDzgZNV7oRtUzFoijoETf3xkAFFk3OMb7SgPh5wxU1+MygDIp9gZChH2qEcpgLh8pBIK90PXT1ZSU+ZExFK4Vm4GL/J7+K13lS5dQkW4HQwl6GX4yLqu8GhGWS2k75yel5IZIfFNdAL0NpKr2N5dQesBnxa42DLgJd6agS1jJsp1mO1dip7PU4P6diLLoTsZ4m3Q0QweiqeFfIGPLgF6v6mSVv6xe85VBD/1Mpe3AurRbcJ9SEo8NszNVy8rOCEexyIFcJRvYAlI/wk2I7r3p60FFLQXoH2q9xri/m41svRPbW0/EnPn2DWsmk0IiPpB60aa3+hiFfWuC8ZvWKEd9LxAk3HcOof6d77RewPaPsGw5lQAHcZN2vx1448u9pLfMLGQ3BSRRjBzRhKt7HcCw/7aqjtCDs5q76b4ZGphxN2th1WeXYlfnozX3ebKtX4Te11hf1tZP1diiGjIDAB1cR4Sb9rcFPC/nBARjlgDxd+tCBb1t91j71xJcgGjT3g/dUFnXXNiDrxkyoHANPk58ACPUa42hj8tgGrhiXOCmygxFZBiT2wyAJTDJ4wJEPmp6JIrDaSWYNqv4xH2wwdSTGYb3E0pXnS39nmLUsqoVZxzSoegqzd0o06wdbTXsaHGL+IF4JtIcXddTcD/dCd8hVf+fWPSV553kjMmMEULLS8HcgmptDO955dLGX78PjiDA6IsTHPm5IA6bc5ha0gaGkoEttXuxU11B2dOJ65/Q08tEF1+Y9cr2Nh/VECfQ33GyvR/gsdN1LuIeLpKMCAF2yRr769g9/4aJLZNRI71m2S91+Kp+Q0zubTcxoG2/6gm1Q79wkMj2XNO2ui7nWw8ULtu27CCvqTGX2PffD+xcwgh/TrOKvGZMM5jRFGDTn4NO/lwnDR/GY/waDZtkWDUPI0O8ztcFVqp6r2ZW+2bvkJ3raptYagFqu95VdIaml2CIp6CKets34x+fH2C+zH4cVFO7vj+6k2FU39PtRhWluYeZ3gDz1TLB9K2v7SD9gJU1qDxoRDrAWcrFGLyndhdtd0505+gEP79adK8fmFCWNYC+ahzVNcRH79E8dA1iqX/N0qq22xcOc20ALxLDspEj4QCFBQMgaIwoKbxr0Bd7Sbws6GiRK6tqoPfpiCle23axejRLyO1I+ahsEpWrzT5ZsCyS5RcY9jMfENFxSnhKsrfW8JHH6/rdQUMfmQPT3Uz9gY0C/pu1yuCnrPUvio0a1qMEosA/EwIzzid7cqsAAAAASUVORK5CYII=) repeat;
}


/* Overlay End */


/* ------------------------------
    14. MOU Styles
------------------------------ */


/* 14.1 Page Masthead */

.page-masthead.layout__regular,
.page-masthead.layout__fullscreen {
    min-height: 100%;
}

.page-masthead__heading.gx-large {
    max-width: 85%;
}


/*Fullwidth Half-column*/

.page-masthead__heading.full-half {
    padding-left: var(--gutters-large);
    padding-right: var(--gutters-large);
    max-width: 748px;
}

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

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

.page-masthead__heading .entry-subtitle {
    font-weight: 300;
    text-transform: uppercase;
    color: var(--color-dark-3);
    letter-spacing: 1px;
    position: relative;
    padding-left: 8px;
    margin-top: 8px;
}

.page-masthead__heading.theme-dark .entry-subtitle {
    color: var(--color-gray);
}

.page-masthead__heading.align-center .entry-subtitle {
    padding-left: 0;
}

.page-masthead__heading.align-right .entry-subtitle {
    padding-right: 8px;
}

.page-masthead__heading .entry-subtitle:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    height: 12px;
    width: 4px;
    border-radius: 2px;
    background-color: var(--color-primary);
    z-index: 1;
}

.page-masthead__heading.align-center .entry-subtitle:before {
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 4px;
    width: 12px;
}

.page-masthead__heading.align-right .entry-subtitle:before {
    right: 0;
    left: auto;
}

.page-masthead__heading .entry-title {
    font-weight: 600;
}

.page-masthead__heading.theme-dark .entry-title {
    color: var(--color-white);
}

.page-masthead__heading .entry-title-desc p {
    color: var(--color-dark-3);
}


/* Page Masthead End */


/* 14.2 Mou Widget - Section Title */

.section-title h2,
.section-title.theme-dark h2 {
    line-height: var(--line-height-100);
    position: relative;
    color: var(--color-white);
    font-weight: 600;
    z-index: 1;
    padding-left: 40px;
    margin-bottom: 15px;
}

.section-title h2 {
    color: var(--color-dark-2);
}


/* .section-title h2:before {
    content: "";
    position: absolute;
    left: 0;
    top: -10px;
    height: 50px;
    width: 50px;
    background: var(--color-primary);
    border-radius: 50%;
    z-index: -1;
} */

.section-title.color-bg-primary h2:before {
    background: var(--color-dark-2);
}

.section-title.color-bg-primary p,
.section-title p {
    color: #fff;
    font-size: 16px;
    margin-left: 42px;
    text-align: justify;
    line-height: 1.5;
}

.d-sig img {
    width: 260px;
}

.section-title.color-bg-primary p {
    color: var(--color-white);
}


/* Mou Widget - Section Title End */


/* 14.3 Mou Widget - Content Block */

.section-content__heading.theme-dark h2,
.section-content__heading.theme-dark h3 {
    color: var(--color-white);
    font-weight: normal;
}

.section-content__heading h2 b,
.section-content__heading h3 b {
    color: #75c7f3;
    font-size: 40;
    font-weight: 700;
}

.mou_card-subtitle,
.sub-heading {
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 2px;
    color: var(--color-dark-3);
}

.text-highlight {
    color: var(--color-primary);
}

blockquote.mou-block-quote {
    background-color: var(--color-light-1);
    padding: 15px;
    border-left: 3px solid;
    border-color: var(--color-primary);
    margin: 30px 0;
}

blockquote.mou-block-quote cite {
    position: relative;
    display: block;
    margin-top: 10px;
}

blockquote.mou-block-quote cite:before {
    content: "—";
    margin-right: 4px;
}

.theme-bullet li {
    margin-bottom: 8px;
    color: var(--color-dark-3);
}

.theme-bullet li i {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: var(--font-size-xsmall);
    border-radius: 50%;
    background: var(--color-primary);
    color: var(--color-white);
    text-align: center;
    margin-right: 8px;
}

.section-content__popup-video {
    position: relative;
}

.section-content__popup-video a.popup_video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    color: var(--color-primary);
    background: var(--color-white);
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.section-content__popup-video a.popup_video:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 105%;
    height: 105%;
    border: 2px solid var(--color-primary);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: -1;
    padding: 54px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.section-content__popup-video a.popup_video:hover {
    color: var(--color-primary);
    background: var(--color-dark-2);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.section-content__popup-video a.popup_video:hover:before {
    border-color: var(--color-white);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.page-masthead__featured-image,
.section-content__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.section-content__image.fixed-height img {
    width: 100%;
    min-height: 600px;
    object-fit: cover;
}


/* 14.4 Video */

.section-content__video {
    position: relative;
}

.section-content__video:before {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: calc(100% - 16px);
    width: 8px;
    height: 50px;
    background-color: var(--color-dark-2);
}

.section-content__video.no-stand:before {
    display: none;
}

.section-content__video.theme-dark:before {
    background-color: var(--color-light-1);
}

.section-content__video:after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: calc(100% + 26px);
    width: 70px;
    height: 12px;
    border-radius: 6px 6px 2px 2px;
    background-color: var(--color-dark-2);
}

.section-content__video.no-stand:after {
    display: none;
}

.section-content__video.theme-dark:after {
    background-color: var(--color-light-1);
}

.section-content__video video {
    border: 8px solid;
    border-color: var(--color-dark-2);
    border-radius: 25px;
    position: relative;
}

.section-content__video.no-frame video {
    border: none;
    border-radius: 0;
}

.section-content__video.theme-dark video {
    border-color: var(--color-light-1);
}

.section-content__popup-video.shape-before,
.section-content__popup-video.shape-after {
    position: relative;
}

.section-content__popup-video.shape-before:before,
.section-content__popup-video.shape-after:before {
    position: absolute;
    content: "";
    top: 0;
    left: -100%;
    width: 100%;
    height: 400px;
    background: var(--color-primary);
}

.section-content__popup-video.shape-after:before {
    left: 100%;
}

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


/*Fullwidth Half-column*/

.mou__widget_content-text.full-half {
    padding-left: var(--gutters-large);
    padding-right: var(--gutters-large);
    max-width: 748px;
}

.mou__widget_content-text.full-half.left {
    padding-left: var(--gutters-large);
    padding-right: var(--gutters-large);
    max-width: 748px;
    margin-right: 0;
    margin-left: auto;
}


/* Video End */


/* Mou Widget - Content Block End */


/* Mou Widget - Cards */

.mou_card-media {
    margin: 0 30px;
    border: 4px solid var(--color-primary-alpha-50);
    position: relative;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    overflow: hidden;
    z-index: 1;
}

.mou_cards_wrapper:hover .mou_card-media {
    border: 4px solid var(--color-primary-alpha-25);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.mou_cards_wrapper .mou_card-media img {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.mou_cards_wrapper:hover .mou_card-media img {
    filter: grayscale(.5);
    transform: scale(1.15) rotate(3deg);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.mou_card-text {
    background-color: var(--color-light-1);
    padding: 30px;
    margin-top: -60px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.mou_cards_wrapper:hover .mou_card-text {
    background-color: var(--color-dark-2);
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.mou_card-text .mou_card-title {
    font-size: 26px;
    margin-top: 50px;
    font-family: var(--font-primary);
    font-weight: 600;
    position: relative;
    padding-left: 16px;
    display: inline-block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 1;
}

.mou_card-text .mou_card-title:before {
    content: '';
    position: absolute;
    top: 8px;
    left: -8px;
    transform: rotate(45deg) scale(1);
    border-top: 8px solid var(--color-primary);
    border-right: 8px solid var(--color-primary);
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
    background-color: transparent;
    opacity: 1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 2;
}

.mou_cards_wrapper:hover .mou_card-text .mou_card-title:before {
    opacity: 0;
    transform: rotate(45deg) scale(0);
    left: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.mou_cards_wrapper:hover .mou_card-text .mou_card-title {
    color: var(--color-white);
    padding-left: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.mou_card-text .mou_card-subtitle {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.mou_cards_wrapper:hover .mou_card-text .mou_card-subtitle {
    color: var(--color-primary);
    letter-spacing: 1px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.mou_cards_wrapper:hover .mou_card-desc {
    color: var(--color-dark-4);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.mou_cards_wrapper:hover .content-btn a {
    color: var(--color-white);
}

.mou_cards_wrapper:hover .content-btn a i {
    opacity: 1;
    visibility: visible;
    right: -28px;
}

.mou_cards_wrapper:hover .content-btn a:hover {
    color: var(--color-primary);
}

.mou_cards_wrapper:hover .content-btn a:hover i {
    color: var(--color-white);
}

.mou_cards_wrapper:hover .content-btn a:before {
    background: var(--color-dark-4);
}


/* Mou Widget - Cards End */


/* ------------------------------
    15. Hero Image Slider
------------------------------ */

.swiper-button-next,
.swiper-button-prev {
    color: var(--color-dark-3);
    right: 50px;
    left: auto;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.swiper-button-prev {
    top: calc(50% - 100px);
}

.swiper-button-next {
    top: calc(50% + 100px);
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 50px;
    padding-right: 50px;
    text-align: right;
    font-size: var(--font-size-medium);
}

.swiper-pagination-current {
    color: var(--color-primary);
    font-size: var(--font-size-large);
}

.swiper-button-next::after,
.swiper-rtl .swiper-button-prev::after {
    content: "next";
    color: var(--color-primary);
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 36px;
}

.swiper-horizontal>.swiper-scrollbar {
    right: -12px;
    left: auto;
    top: 50%;
    width: 150px;
    height: 4px;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    background: var(--color-dark-3);
}

.swiper-horizontal>.swiper-scrollbar {
    right: 27px;
    top: 50%;
    width: 70px;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 24px;
}

.swiper-button-next {
    top: calc(50% + 50px);
}

.swiper-button-prev {
    top: calc(50% - 50px);
}

.swiper-button-next,
.swiper-button-prev {
    right: 50px;
}

.swiper-scrollbar-drag {
    background: var(--color-white);
}

.hero-image-content__image.overflow {
    overflow: hidden;
}

.hero-image-content__image.style-1 {
    width: 90%;
    margin-left: auto;
    margin-right: 0;
    position: relative;
    z-index: 1;
}

.hero-image-content__image.style-1.clip-path {
    -webkit-clip-path: circle(50%);
    clip-path: circle(50%);
}

.hero-image-content__image.style-1:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: transparent;
    border: 3px solid;
    border-color: var(--color-primary);
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.swiper__hero-slider .swiper-slide-active .hero-image-content__image.style-1:before {
    opacity: 1;
    right: -20px;
    top: -20px;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.hero-image-content__image.style-2 {
    position: relative;
    z-index: 1;
}

.hero-image-content__image.style-2:before {
    content: "";
    position: absolute;
    width: 500px;
    height: 450px;
    border-radius: 50%;
    background-color: var(--color-primary);
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-animation: shapeAnimate2 20s infinite;
    animation: shapeAnimate2 20s infinite;
}

.swiper__hero-slider .swiper-slide-active .hero-image-content__image.style-2:before {
    opacity: 1;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

@-webkit-keyframes shapeAnimate2 {
    0% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    0% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes shapeAnimate2 {
    0% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    0% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}


/* 15.1 Scroll Button */

.scroll-btn {
    position: absolute;
    bottom: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 50px;
    width: 30px;
    border: 1px solid var(--color-primary);
    border-radius: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10;
    cursor: pointer;
}

.scroll-btn.align-left {
    left: auto;
    margin-left: 12px;
}

.scroll-btn.align-right {
    right: auto;
}

.scroll-btn i:before {
    color: var(--color-primary);
    font-size: var(--font-size-medium);
    margin: 0;
}

.scroll-btn-wrapper {
    height: 50px;
    position: relative;
}

.scroll-ball {
    position: absolute;
    background: var(--color-primary) none repeat scroll 0 0;
    border-radius: 2px;
    display: inline-block;
    height: 10px;
    width: 4px;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-animation: animate 3s ease 0s normal none infinite running;
    animation: animate 3s ease 0s normal none infinite running;
}


/* Scrolling animation */

@-webkit-keyframes animate {
    0% {
        top: 10px;
        opacity: 1;
    }
    50% {
        top: 30px;
        opacity: 1;
    }
    100% {
        top: 10px;
        opacity: 1;
    }
}

@keyframes animate {
    0% {
        top: 10px;
        opacity: 1;
    }
    50% {
        top: 30px;
        opacity: 1;
    }
    100% {
        top: 10px;
        opacity: 1;
    }
}

.hero-image-content__text {
    max-width: 100%;
}

.hero-image-content__text.style-1 {
    max-width: 95%;
}

.hero-image-content__text h2 {
    color: var(--color-white);
    position: relative;
}

.hero-image-content__text h2:after {
    content: '';
    position: absolute;
    top: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--color-primary);
    box-shadow: 0 0 0 0 var(--color-primary);
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    animation: pulse 2s infinite;
    -webkit-transition: all 3s;
    transition: all 3s;
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 var(--color-primary-alpha-75);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 6px var(--color-primary-alpha-10);
    }
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 var(--color-primary-alpha-10);
    }
}

.swiper__hero-slider .swiper-slide-active .hero-image-content__text h2:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.hero-image-content__text h1,
.hero-image-content__text h1 span {
    font-size: var(--font-size-super);
    color: var(--color-primary);
    line-height: var(--line-height-100);
    font-weight: 800;
}

.hero-image-content__text p {
    color: var(--color-white);
    font-size: var(--font-size-medium);
    line-height: var(--line-height-175);
}

.hero-image-content__text.style-2 h1 {
    color: var(--color-white);
}

.hero-image-content__text.style-3 h1 {
    color: var(--color-primary);
}

span.span-box {
    color: var(--color-primary);
}

.hero-image-content__text.style-3 h1 span.span-box {
    color: var(--color-white);
    font-weight: bold;
}

.hero-image-content__text.style-3 h4 {
    color: var(--color-white);
    font-size: 20px;
    line-height: var(--line-height-100);
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 5px;
    background: var(--color-dark-3);
    display: inline-block;
    padding: 7px 7px 7px 14px;
}


/* Hero Image Slider End */


/* 15.2 Shape */

.shape-1 {
    position: absolute;
    left: 100px;
    top: -100px;
    z-index: 1;
}

.shape-2 {
    position: absolute;
    right: 100px;
    top: -100px;
    z-index: 1;
}

.shape-3 {
    position: absolute;
    right: 100px;
    z-index: 2;
    top: -100px;
}


/* Shape End */


/* 15.3 CTA Block */

.cta-content .cta-text h2 {
    color: var(--color-white);
    font-weight: 700;
}

.cta-content .cta-text h2 span {
    color: var(--color-primary);
    font-weight: bold;
}

.cta-content .cta-text h5 {
    color: var(--color-white);
    font-weight: 300;
    text-transform: uppercase;
}


/* ------------------------------
    31. Fifty-fifty Section
------------------------------ */

.fifty-fifty {
    position: relative;
    z-index: 1;
    padding: 33px 0px;
}

.fifty-fifty:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: #03192b;
    z-index: -1;
}

.fifty-fifty:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: #032540;
    z-index: -1;
}


/* ------------------------------
    32. Testimonials
------------------------------ */

.testimonial__slider,
.testimonial__slider-style-2 {
    position: relative;
}

.testimonial-slide-wrapper p,
.testimonial-slide-wrapper.theme-dark p,
.testimonial__slide_wrapper-style-2 p {
    position: relative;
    background: var(--color-dark-2);
    border-radius: 16px;
    padding: 30px;
    padding-top: 15px;
}

.testimonial__slide_wrapper-style-2.theme-dark p {
    background: var(--color-primary);
}

.testimonial-slide-wrapper.theme-dark p {
    background: var(--color-primary);
}

.testimonial-slide-wrapper p:before,
.testimonial-slide-wrapper.theme-dark p:before,
.testimonial__slide_wrapper-style-2 p:before {
    position: absolute;
    left: 50px;
    bottom: -20px;
    display: block;
    width: 0;
    height: 0;
    border-width: 0 25px 20px;
    border-style: solid;
    border-color: transparent;
    border-left-color: var(--color-dark-2);
    content: " ";
}

.testimonial__slide_wrapper-style-2.theme-dark p:before,
.testimonial-slide-wrapper.theme-dark p:before {
    border-left-color: var(--color-primary);
}

.testimonial-slide-wrapper i,
.testimonial-slide-wrapper.theme-dark i,
.testimonial__slide_wrapper-style-2 i {
    color: var(--color-primary);
    font-size: var(--font-size-xlarge);
    margin-right: 8px;
    opacity: 0.5;
}

.testimonial__slide_wrapper-style-2.theme-dark i,
.testimonial-slide-wrapper.theme-dark i {
    color: var(--color-white);
}

.testimonial-slide-wrapper p,
.testimonial__slide_wrapper-style-2 p {
    margin-bottom: 30px;
}

.client-photo {
    max-width: 100px;
    margin-right: 15px;
}

.testimonial__slider .owl-item img,
.testimonial__slider-style-2 .owl-item img {
    border-radius: 50%;
    border: 4px solid;
    border-color: var(--color-primary-alpha-50);
}

.testimonial-slide-wrapper .client-title h5,
.testimonial-slide-wrapper.theme-dark .client-title h5 {
    color: var(--color-white);
    font-size: var(--font-size-small);
    font-weight: 300;
}

.testimonial-slide-wrapper .client-title h5,
.testimonial-slide-wrapper.theme-dark .client-title h5,
.testimonial__slide_wrapper-style-2 .client-title h5,
.testimonial__slide_wrapper-style-2.theme-dark .client-title h5 {
    color: var(--color-dark-3);
}

.testimonial-slide-wrapper.theme-dark .client-title h5,
.testimonial__slide_wrapper-style-2.theme-dark .client-title h5 {
    color: var(--color-dark-4);
}

.testimonial-slide-wrapper .client-title h5 {
    color: var(--color-dark-3);
}

.testimonial-slide-wrapper.color-bg-primary .client-title h5,
.testimonial__slide_wrapper-style-2.color-bg-primary .client-title h5,
.testimonial__slide_wrapper-style-2.theme-dark .client-title h5 {
    color: var(--color-white);
    font-weight: normal;
}

.testimonial-slide-wrapper .client-title h3 {
    color: var(--color-dark-2);
    line-height: var(--line-height-150);
    font-weight: 600;
    font-size: 20px;
}

.testimonial-slide-wrapper.color-bg-primary .client-title h3,
.testimonial-slide-wrapper.theme-dark .client-title h3 {
    color: var(--color-white);
    line-height: var(--line-height-150);
}

.testimonial__slide_wrapper-style-2 .client-title h3 {
    color: var(--color-dark-2);
    line-height: var(--line-height-150);
}

.testimonial__slide_wrapper-style-2.color-bg-primary .client-title h3,
.testimonial__slide_wrapper-style-2.theme-dark .client-title h3 {
    color: var(--color-white);
    line-height: var(--line-height-150);
    font-size: 20px;
}

.testimonial__slider .owl-nav.disabled,
.testimonial__slider-style-2 .owl-nav.disabled {
    display: block;
    position: absolute;
    top: -172px;
    right: 0;
}

.testimonial__slider .owl-nav,
.testimonial__slider-style-2 .owl-nav {
    position: relative;
    text-align: right;
}

.testimonial__slider .owl-nav button.owl-next i:before,
.testimonial__slider .owl-nav button.owl-prev i:before,
.testimonial__slider-style-2 .owl-nav button.owl-next i:before,
.testimonial__slider-style-2 .owl-nav button.owl-prev i:before {
    font-size: var(--font-size-large);
    margin: 0;
}

.testimonial__slider .owl-nav button.owl-next,
.testimonial__slider .owl-nav button.owl-prev,
.testimonial__slider-style-2 .owl-nav button.owl-next,
.testimonial__slider-style-2 .owl-nav button.owl-prev {
    background: var(--color-primary);
    color: var(--color-white);
    height: 50px;
    width: 50px;
    line-height: 48px;
    right: 55px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.testimonial__slider .owl-nav button.owl-prev,
.testimonial__slider-style-2 .owl-nav button.owl-prev {
    margin-right: 8px;
}

.testimonial__slider .owl-nav button.owl-next:hover,
.testimonial__slider .owl-nav button.owl-prev:hover,
.testimonial__slider-style-2 .owl-nav button.owl-next:hover,
.testimonial__slider-style-2 .owl-nav button.owl-prev:hover {
    background: var(--color-dark-2);
    color: var(--color-primary);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.testimonial__slider .owl-nav button.owl-next:focus,
.testimonial__slider .owl-nav button.owl-prev:focus,
.testimonial__slider-style-2 .owl-nav button.owl-next:focus,
.testimonial__slider-style-2 .owl-nav button.owl-prev:focus {
    outline: none;
}

.testimonial__slider .owl-nav button.owl-next,
.testimonial__slider-style-2 .owl-nav button.owl-next {
    right: 0;
}


/* ------------------------------
    33. Portfolio Grid
------------------------------ */

.portfolio-grid .grid-item,
.portfolio-grid .grid-item-2,
.portfolio-grid .grid-item-3,
.portfolio-grid .grid-item-4,
.portfolio-grid .grid-item-5 {
    position: relative;
}

.portfolio-grid .grid-item-4,
.portfolio-grid .grid-item {
    padding: 1px;
}

.portfolio-grid .grid-item-2 {
    padding-bottom: 24px;
}

.portfolio-grid .grid-item-3 {
    margin-bottom: 30px;
}

.portfolio-grid .grid-item-5 {
    margin-bottom: 100px;
}

.gallery-box {
    position: relative;
    overflow: hidden;
}

.gallery-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: var(--color-dark-2);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 1;
}

.gallery-box:hover:before {
    height: 50%;
    opacity: 0.9;
    visibility: visible;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.gallery-box.no-overlay:hover:before {
    display: none;
}

.gallery-box::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: var(--color-dark-2);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 1;
}

.gallery-box:hover:after {
    height: 50%;
    opacity: 0.9;
    visibility: visible;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.gallery-box.no-overlay:hover:after {
    display: none;
}

.gallery-box a img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.gallery-box:hover a img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.gallery-box>a i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    height: 100px;
    width: 100px;
    text-align: center;
    border-radius: 50%;
    background: var(--color-white);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 2;
}

.gallery-box>a i:before {
    font-size: 30px;
    color: var(--color-primary);
    line-height: 100px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin-left: 30px;
    opacity: 0;
}

.gallery-box>a:hover i:before {
    color: var(--color-dark-2) !important;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.gallery-box:hover>a i:before {
    color: var(--color-primary);
    margin-left: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
    opacity: 1;
}

.gallery-box:hover>a i {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.image-hover-actions ul {
    position: absolute;
    bottom: 15px;
    left: 50%;
    background: var(--color-black);
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 50px;
    opacity: 0;
    -webkit-transform: translateX(-50%) scale(0.5);
    transform: translateX(-50%) scale(0.5);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 2;
}

.gallery-box:hover .image-hover-actions ul {
    opacity: 1;
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.image-hover-actions ul li {
    opacity: 0;
    margin: 15px;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.gallery-box:hover .image-hover-actions ul li:nth-child(1) {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
    opacity: 1;
}

.gallery-box:hover .image-hover-actions ul li:nth-child(2) {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
    opacity: 1;
}

.gallery-box:hover .image-hover-actions ul li:nth-child(3) {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
    opacity: 1;
}

.gallery-box:hover .image-hover-actions ul li:nth-child(4) {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
    opacity: 1;
}

.image-hover-actions ul li a {
    display: block;
    color: var(--color-primary);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.image-hover-actions ul li a:hover {
    color: var(--color-white);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.fancybox-bg {
    background: var(--color-black);
}

.fancybox-is-open .fancybox-bg {
    opacity: 1;
}

.fancybox-thumbs>ul>li::before {
    border: 4px solid var(--color-primary);
}


/* Clear fix */

.isotope:after {
    content: "";
    display: block;
    clear: both;
}

.gallery_box_style-3 {
    padding-left: 50px;
}

.gallery_box_style-3.order-changed {
    padding-right: 50px;
    padding-left: 0;
    text-align: right;
}

.gallery_box_style-3 h3 {
    font-size: var(--font-size-xlarge);
    font-weight: bold;
    color: var(--color-dark-4);
}

.gallery_box_style-3 h3 a {
    display: block;
}

.gallery_box_style-3.theme-dark h3 {
    color: var(--color-white);
}

.gallery_box_style-3 h3 a:hover {
    color: var(--color-dark-3);
}

.grid-item-5:hover .gallery_box_style-3.theme-dark h3 a {
    color: var(--color-dark-4);
}

.grid-item-5 .gallery_box_style-3.theme-dark h3 a:hover {
    color: var(--color-white);
}

.pointer-none {
    pointer-events: none;
}

.project-gallery {
    position: relative;
    overflow: hidden;
}

.project-gallery:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: var(--color-white);
    opacity: 0.9;
    transition: all 0.3s;
}

.project-gallery:hover:before {
    width: 100%;
    transition: all 0.3s;
}

.project-gallery a i {
    position: absolute;
    left: 50%;
    top: calc(50% - 25px);
    transform: translate(-50%, -50%);
    background: var(--color-primary);
    width: 100px;
    height: 100px;
    line-height: 80px;
    text-align: center;
    font-size: 24px;
    border-radius: 50%;
    color: var(--color-white);
    overflow: hidden;
    opacity: 0;
    transition: all 0.5s;
}

.project-gallery:hover a i {
    opacity: 1;
    width: 80px;
    height: 80px;
    top: 50%;
    transition: all 0.3s;
}

.project-gallery a i:before {
    position: relative;
    top: 50px;
    opacity: 0;
    transition: all 0.3s;
}

.project-gallery:hover a i:before {
    opacity: 1;
    top: 0;
    transition: all 0.3s;
}

.project-gallery a i:hover {
    width: 86px;
    height: 86px;
    line-height: 86px;
    color: var(--color-white);
    background: var(--color-dark-1);
    transition: all 0.3s;
}


/* ------------------------------
    34. Template Bullet Point
------------------------------ */

.theme-bullet li {
    margin-bottom: 8px;
    margin-left: 32px;
    color: var(--color-dark-3);
}

.theme-bullet li i {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: var(--font-size-xsmall);
    border-radius: 50%;
    background: var(--color-primary);
    color: var(--color-white);
    text-align: center;
    margin-left: -32px;
    margin-right: 8px;
}

.theme-bullet li i::before {
    margin-left: 2px;
}


/* ------------------------------
    35. Team Section
------------------------------ */

.mou__widget-team-box.style-2 {
    position: relative;
    overflow: hidden;
}

.mou__widget-team-box.style-2 .team-content__image {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.mou__widget-team-box.style-2 .team-content__image img {
    width: 100%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.mou__widget-team-box.style-2:hover .team-content__image img {
    opacity: 0.5;
    -webkit-transform: translateX(30%);
    transform: translateX(30%);
}

.team-content__image i {
    width: 30px;
    height: 30px;
    background: var(--color-white);
    border-radius: 50%;
    color: var(--color-primary);
    text-align: center;
    line-height: 30px;
    margin-left: 8px;
}

.mou__widget-team-box.style-2 .team-content__text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-primary);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-animation: 0.5s ease-in-out 0s normal none 1 running slideOutRight;
    animation: 0.5s ease-in-out 0s normal none 1 running slideOutRight;
}

.mou__widget-team-box.style-2:hover .team-content__text {
    -webkit-transform: none;
    transform: none;
    width: 80%;
    -webkit-animation: 0.5s ease-in-out 0s normal none 1 running slideInLeft;
    animation: 0.5s ease-in-out 0s normal none 1 running slideInLeft;
}

.mou__widget-team-box.style-2 .team-content__text .team-info-center {
    padding: 20px;
    text-align: center;
    background: var(--color-white);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    background: var(--color-dark-2);
}

.mou__widget-team-box.style-2 .team-content__text .team-info-center ul li {
    display: inline-block;
    margin: 5px;
}

.mou__widget-team-box.style-2 .team-content__text .team-info-center ul li a i {
    display: block;
    width: 36px;
    height: 36px;
    background: var(--color-white);
    color: var(--color-primary);
    line-height: 36px;
    text-align: center;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.mou__widget-team-box.style-2 .team-content__text .team-info-center ul li a:hover i {
    background: var(--color-primary);
    color: var(--color-white);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.team-info-center h3 {
    margin-bottom: 5px;
    line-height: var(--line-height-100);
}

.team-social-info {
    margin-top: 10px;
}

.team-content__image {
    position: relative;
}

.team-content__image h4 {
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--color-dark-2);
    color: var(--color-primary);
    padding: 20px;
    border-top-right-radius: 20px;
    font-weight: normal;
}

.team-content__image h4 i {
    margin-right: 8px;
}

.mou__widget-team-box.style-2:hover .team-content__image h4 {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-animation: 0.5s ease-in-out 0s normal none 1 running slideOutDown;
    animation: 0.5s ease-in-out 0s normal none 1 running slideOutDown;
}


/* ------------------------------
    36. Blog
------------------------------ */

.mou__widget_post_card-style-1.theme-dark {
    background: var(--color-dark-2);
    overflow: hidden;
    position: relative;
}

.mou__widget_post_card-style-1 {
    background: var(--color-light-1);
    overflow: hidden;
    position: relative;
}

.mou__widget_post_card-style-1::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: var(--color-primary);
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
}

.mou__widget_post_card-style-1:hover:before {
    width: 100%;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
}

.post-featured-image {
    position: relative;
    overflow: hidden;
}

.post-featured-image>img {
    -webkit-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.mou__widget_post_card-style-1:hover .post-featured-image>img {
    -webkit-transform: rotate(5deg) scale(1.25);
    transform: rotate(5deg) scale(1.25);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.post-author-image {
    width: 60px;
    border-radius: 50%;
    height: 60px;
    border: 3px solid #e8eff3;
    overflow: hidden;
    position: absolute;
    bottom: 25px;
    right: 25px;
}

.mou__widget_post_card-style-1 .post-date {
    position: absolute;
    top: 0;
    left: 0;
    background: var(--color-primary);
    text-align: center;
    padding: 15px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.mou__widget_post_card-style-1 .post-date a {
    color: var(--color-white);
    line-height: var(--line-height-100);
    font-weight: 700;
    font-size: 42px;
    display: block;
}

.mou__widget_post_card-style-1 .post-date a span {
    display: block;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    margin-top: 6px;
    text-transform: uppercase;
}

.mou__widget_post_card-style-1 .post-date:hover {
    background: var(--color-dark-2);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.post-content__text {
    padding: 30px;
}

.post-content__text h3 {
    color: var(--color-dark-2);
    line-height: var(--line-height-125);
    font-weight: 500;
}

.post-content__text h3 a:hover {
    color: var(--color-dark-2);
}

.mou__widget_post_card-style-1.theme-dark .post-content__text h3 {
    color: var(--color-white);
}

.mou__widget_post_card-style-1.theme-dark:hover .post-content__text h3 {
    color: var(--color-primary);
}

.mou__widget_post_card-style-1.theme-dark:hover .post-content__text h3 a:hover {
    color: var(--color-white);
}

.mou__widget_post_card-style-1:hover .post-content__text h3 {
    color: var(--color-primary);
}

.post-content__text p {
    margin-bottom: 15px;
}


/* ------------------------------
    37. Hero Banner
------------------------------ */

.section-fullheight__image {
    height: 100vh;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.hero-text h3 {
    color: var(--color-white);
    line-height: var(--line-height-100);
    font-size: 46px;
}

.hero-text h1 {
    margin-bottom: 30px;
    margin-top: 15px;
    color: var(--color-primary);
    line-height: var(--line-height-100);
    font-size: var(--font-size-xxl);
}

.hero-text h1 span {
    color: var(--color-white);
    font-weight: 700;
}

.hero-text h4 {
    color: var(--color-white);
    font-size: var(--font-size-large);
    line-height: var(--line-height-100);
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 5px;
    background: var(--color-dark-3);
    display: inline-block;
    padding: 5px 5px 5px 10px;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    background: var(--color-primary);
}

#fp-nav ul li .fp-tooltip {
    top: -8px;
}


/* Hero Banner End */

.mini-portfolio .grid-item {
    padding: 1px;
}


/* ------------------------------
    38. Feature Box 1
------------------------------ */

.mou__widget-features {
    background-color: var(--color-white);
    border: 1px solid;
    border-color: var(--color-light-2);
    padding: 30px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.mou__widget-features:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    -webkit-transition: all 0.3s !important;
    transition: all 0.3s !important;
}

.mou__widget-features.theme-dark {
    background-color: var(--color-dark-1);
    border: 1px solid;
    border-color: var(--color-primary);
    padding: 30px;
    -webkit-transition: all 0.3s !important;
    transition: all 0.3s !important;
}

.mou__widget-features.theme-dark:hover {
    background-color: var(--color-primary);
    -webkit-transition: all 0.3s !important;
    transition: all 0.3s !important;
}

.feature-heading {
    margin-bottom: 10px;
}

.feature-heading h4 {
    color: var(--color-primary);
    font-family: var(--font-primary);
    font-size: 20px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.mou__widget-features:hover .feature-heading h4 {
    color: var(--color-white);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.theme-dark .feature-heading h4 {
    color: var(--color-primary);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.feature-heading img {
    max-height: 60px;
    margin-right: 15px;
}

.feature-text p {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.mou__widget-features:hover .feature-text p {
    color: var(--color-white);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}


/* ------------------------------
    39. Feature Box Style-2
------------------------------ */

.mou__widget-features-style-2 .feature-icon {
    margin-right: 25px;
}

.mou__widget-features-style-2 .feature-icon img {
    width: 120px;
}

.mou__widget-features-style-2 .feature-text h3 {
    color: var(--color-primary);
    font-family: var(--font-primary);
    font-weight: 500;
    line-height: var(--line-height-150);
    margin-bottom: 5px;
}


/* ------------------------------
    40. Hero Slider - Photography
------------------------------ */

.swiper__hero-slide-photography .photography__slide-content {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 50px;
    height: 100%;
    position: relative;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    z-index: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
}


/* ------------------------------
    42. Swiper Slider
------------------------------ */

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--color-primary);
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal {
    height: 8px;
    bottom: 0;
    top: auto;
}

.swiper__widget-slide .swiper-button-next,
.swiper__widget-slide .swiper-button-prev,
.swiper__hero-slider-photography .swiper-button-next,
.swiper__hero-slider-photography .swiper-button-prev {
    top: calc(50% + 50px);
    width: 70px;
    height: 70px;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.swiper__widget-slide .swiper-button-next,
.swiper__widget-slide .swiper-button-prev {
    width: 50px;
    height: 50px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    visibility: hidden;
}

.swiper__widget-slide:hover .swiper-button-next,
.swiper__widget-slide:hover .swiper-button-prev {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
    visibility: visible;
}

.swiper__widget-slide .swiper-button-next:hover,
.swiper__widget-slide .swiper-button-prev:hover,
.swiper__hero-slider-photography .swiper-button-next:hover,
.swiper__hero-slider-photography .swiper-button-prev:hover {
    background: rgba(255, 255, 255, 1);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.swiper__hero-slider-photography .swiper-button-prev {
    top: calc(50% - 50px);
}

.swiper__widget-slide .swiper-button-prev {
    top: 35px;
    right: 25px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.swiper__widget-slide .swiper-button-next {
    top: 125px;
    right: 25px;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.swiper__widget-slide:hover .swiper-button-prev {
    top: 50px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.swiper__widget-slide:hover .swiper-button-next {
    top: 110px;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.swiper__widget-slide .swiper-pagination-current,
.swiper__widget-slide .swiper-pagination-total,
.swiper__widget-slide .swiper-pagination-fraction {
    color: var(--color-white);
    font-size: var(--font-size-medium);
    bottom: 15px;
}

.swiper__widget-slide .swiper-pagination-fraction {
    padding-right: 25px;
}

.swiper__widget-slide .swiper-button-next::after,
.swiper__widget-slide .swiper-rtl .swiper-button-prev::after,
.swiper__hero-slider-photography .swiper-button-next::after,
.swiper__hero-slider-photography .swiper-rtl .swiper-button-prev::after {
    color: var(--color-white);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.swiper__widget-slide .swiper-button-next::after,
.swiper__widget-slide .swiper-button-prev::after {
    font-size: var(--font-size-large);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.swiper__widget-slide .swiper-button-next:hover:after,
.swiper__widget-slide .swiper-rtl .swiper-button-prev:hover:after,
.swiper__hero-slider-photography .swiper-button-next:hover:after,
.swiper__hero-slider-photography .swiper-rtl .swiper-button-prev:hover:after {
    color: var(--color-primary);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.swiper__widget-slide .swiper-button-prev::after,
.swiper__widget-slide .swiper-rtl .swiper-button-next::after,
.swiper__hero-slider-photography .swiper-button-prev::after,
.swiper__hero-slider-photography .swiper-rtl .swiper-button-next::after {
    color: var(--color-white);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.swiper__widget-slide .swiper-button-prev:hover:after,
.swiper__widget-slide .swiper-rtl .swiper-button-next:hover:after,
.swiper__hero-slider-photography .swiper-button-prev:hover:after,
.swiper__hero-slider-photography .swiper-rtl .swiper-button-next:hover:after {
    color: var(--color-primary);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.swiper__slide-fullscreen,
.swiper__hero-slide-shop {
    position: relative;
}

.swiper__slide-fullscreen:before,
.swiper__hero-slide-shop:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 4px;
    background: var(--color-primary);
    z-index: 1;
}

.swiper__slider-fullscreen .swiper-slide-active.swiper__slide-fullscreen:before,
.swiper__hero-slider-shop .swiper-slide-active.swiper__hero-slide-shop:before {
    width: 100%;
    -webkit-transition: all 5s;
    transition: all 5s;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.swiper__slide-fullscreen,
.swiper__hero-slide-shop {
    overflow: hidden;
}

.swiper__slide-fullscreen .section-fullheight__image,
.swiper__hero-slide-shop .section-fullheight__image {
    opacity: 0.5;
    position: relative;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: 1s cubic-bezier(0.86, 0, 0.07, 1);
    transition: 1s cubic-bezier(0.86, 0, 0.07, 1);
}

.swiper__slider-fullscreen .swiper-slide-active .section-fullheight__image,
.swiper__hero-slider-shop .swiper-slide-active .section-fullheight__image {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-animation: kenburns 12s infinite;
    animation: kenburns 12s infinite;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-transition: 1s cubic-bezier(0.86, 0, 0.07, 1);
    transition: 1s cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

@-webkit-keyframes kenburns {
    0% {
        opacity: 0.5;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25% {
        -webkit-transform: scale(1.025);
        transform: scale(1.025);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    75% {
        -webkit-transform: scale(1.075);
        transform: scale(1.075);
    }
    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    75% {
        -webkit-transform: scale(1.075);
        transform: scale(1.075);
    }
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    25% {
        -webkit-transform: scale(1.025);
        transform: scale(1.025);
        opacity: 1;
    }
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.5;
    }
}

@keyframes kenburns {
    0% {
        opacity: 0.5;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25% {
        -webkit-transform: scale(1.025);
        transform: scale(1.025);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    75% {
        -webkit-transform: scale(1.075);
        transform: scale(1.075);
    }
    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    75% {
        -webkit-transform: scale(1.075);
        transform: scale(1.075);
    }
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    25% {
        -webkit-transform: scale(1.025);
        transform: scale(1.025);
        opacity: 1;
    }
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.5;
    }
}

.footer-style2 {
    padding: 30px 0 30px 0;
    text-align: center;
    background-color: #031f35;
}

.footer-text h5 {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.footer-text h2 {
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px;
    /* text-align: center; */
}

.footer-text span {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    display: block;
    margin-bottom: 17px;
    line-height: 1;
}

.footer-text span i {
    margin-left: 16px;
    color: #ffc20e;
}


/* client */

.dark-bg-2 {
    background: #1b2a2f;
}

.client-list {
    list-style: none;
    padding: 0px;
}

.client-list li {
    flex-basis: 24%;
    text-align: center;
    height: 190px;
    width: 24%;
    display: inline-block;
}

.client-list li a {
    /* display: -webkit-box; */
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid #888888;
    border-right: 1px solid #888888;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.client-list .brand-box {
    height: 150px;
    width: 150px;
    position: relative;
    margin: auto;
    margin-top: 20px !important;
    display: inline-block;
}

.slider-img {
    height: 100%;
}

.slider-img img {
    height: 100%;
}


/* .footer-top-1 .row {
    margin-bottom: 30px;
} */

.client-list li:nth-child(4n) a {
    border-right: none;
}

.client-logo-sec {
    padding: 60px 0px;
}

.client-list li:nth-last-child(1) a,
.client-list li:nth-last-child(2) a,
.client-list li:nth-last-child(3) a {
    border-bottom: none;
}

.slick-slider .element {
    height: 100px;
    width: 100px;
    background-color: #000;
    color: #fff;
    border-radius: 5px;
    display: inline-block;
    margin: 0px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
}

.slick-slider .slick-disabled {
    opacity: 0;
    pointer-events: none;
}

.full-block .block-img .title {
    font-size: 20px;
    line-height: 24px;
}

.block-img .title a {
    color: #ffc107;
    text-align: center;
    text-decoration: none;
}

.mini-title {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: rgb(3 37 64);
}

.block-img .image .bg img {
    width: 150px;
    margin-bottom: 20px;
    box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
    border-radius: 10%;
}

.block-img .image .bg {
    text-align: center;
}

.block-img h6 {
    text-align: center;
}

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

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

.title-second {
    max-width: 600px;
    margin: auto;
    text-align: center;
}

.slid-cl:before {
    content: '';
    position: absolute;
    left: 0%;
    width: 100%;
    background: url('../images/timeline_bg.png') repeat-x;
    height: 106px;
    top: 120px;
    z-index: 1;
    background-position: left center;
}

.carousel-control-next {
    z-index: 9999;
}

.slid-cl {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    /* height: 100%; */
    position: relative;
}

.year-item b {
    font-size: 77px;
    color: #fff;
    display: inline-block;
    font-weight: 900;
    position: relative;
    padding: 0px 15px;
}

.stories .content h3 {
    color: #fff;
    font-size: 42px;
}

.stories .content h5 {
    font-size: 28px;
}


/* .slid-cl .row{padding: 40px;} */

.year-item {
    text-align: center;
    margin-bottom: 30px;
}

.slid-cl .row {
    margin: -35px auto 0px;
    position: relative;
}

.slider-car {
    background-color: #032540;
    padding: 60px 0px;
}

.slider-car .carousel-control-next-icon {
    background-color: #032540;
    border-radius: 50%;
    background-size: 60%;
}

.slider-car .carousel-control-prev-icon {
    background-color: #032540;
    border-radius: 50%;
    background-size: 60%;
}

.carousel-control-next {
    opacity: 1 !important;
}

.carousel-control-prev {
    opacity: 1 !important;
}

.trust-section {
    padding: 30px 100px;
    -webkit-box-shadow: 0px 10px 20px rgb(0 0 0 / 7%);
    -moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.07);
    -ms-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.07);
    -o-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 10px 20px rgb(0 0 0 / 7%);
    background-color: #032540;
}

.trust-col {
    /* float: left; */
    /* width: 100%; */
    padding-right: 85px;
    text-align: center;
}

.kn-title {
    float: left;
    width: 100%;
}

.kn-title.ta-right h3 {
    float: right;
}

.kn-title.ta-right h3 {
    padding-left: 0;
    padding-right: 30px;
}

.kn-title h3 {}

.kn-title h3 {
    font-size: 24px;
    font-weight: 700;
    position: relative;
    padding-left: 25px;
    margin-bottom: 60px;
    line-height: 32px;
    margin-left: 15px;
    color: #fff;
    float: left;
    width: auto;
}

.kn-title.ta-right h3:before {
    left: auto;
    right: 0;
}

.kn-title h3:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background-color: #ffa800;
}

.kn-title.ta-right h3:before {
    left: auto;
    right: 0;
}

.kn-title h3:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background-color: #ffa800;
}

.rating-star h2 {
    font-size: 72px;
    font-weight: 300;
    margin-bottom: 10px;
}

.rating-star h2 {
    color: #fff;
}

.rating-star ul li {
    display: inline-block;
    list-style: none;
}

.rating-star ul li i {
    color: #ffa800;
    font-size: 20px;
}

.rating-star h6 {
    color: #999999;
    font-size: 14px;
    margin-bottom: 12px;
    float: left;
    width: 100%;
}

.trust-text {
    text-align: right;
    margin-top: 20px;
    border-top: 1px solid #007dcc;
    padding-top: 20px;
}

.trust-text h2 {
    font-size: 22px;
    font-family: 'Libre Baskerville';
    line-height: 30px;
    margin-bottom: 42px;
    color: #81a7bd;
}

.trust-text h2 li b .trust-text a {
    display: inline-block;
    float: right;
    color: #999999;
    font-size: 16px;
}

.post-gal .post {
    border: 1px solid #425c70;
    padding: 25px;
}

.post-img {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

.post-img:before,
.post-img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
}

.post-img:after {
    right: 0;
    left: auto;
}

.post-details .post-info {
    margin-bottom: 15px;
    margin-left: 0;
    padding: 0;
    text-align: center;
}

.post-info li:first-child {
    padding-left: 0;
}

.post-info li {
    display: inline-block;
    position: relative;
    padding: 0 23px 0 15px;
    list-style: none;
}

.post-info li:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 4px;
    height: 4px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    background-color: #999999;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.post-info li span {
    color: #999;
}

.post-gal .post-details h3 {
    font-size: 24px;
    line-height: 26px;
    color: #fff;
}

.post-details a {
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    color: #0099cc;
    text-align: left;
}

.post-info li a {
    color: #999;
    text-decoration: none;
}

.post-details h3:hover {
    color: #ffa800;
}

.post-details h3 {
    color: #fff;
    font-weight: bold;
    font-size: 19px;
    text-transform: capitalize;
    line-height: 28px;
    margin-bottom: 20px;
}

.post-details a {
    color: #0099cc;
    text-decoration: none;
}

.post-sm-sec {
    border-top: 1px solid #425c70;
    border-right: 1px solid #425c70;
    border-bottom: 1px solid #425c70;
    border-left: 5px solid #ffa800;
}

.post-sm-sec {
    padding: 20px;
    margin-top: 30px;
}

.post-details .post-info {
    margin-bottom: 15px;
    margin-left: 0;
    padding: 0;
}

.post-gal .post-details h3 {
    font-size: 24px;
    line-height: 26px;
    text-align: left;
}

.post-details a {
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
}

.post-details h3 {
    font-size: 18px;
    color: #fff;
}

.post-gal .post-details h3 a {
    color: #fff;
    font-size: 20px;
}

.post-img img {
    width: 100%;
}

.footer-top {
    background: #03192b;
    position: relative;
    z-index: 1;
}

.footer-logo img {
    max-width: 160px;
    /* max-height: 24px; */
}

.footer-widget-1 p {
    color: #fff;
    max-width: 95%;
    text-align: justify;
    line-height: 1.5;
}

.footer-author img {
    width: auto;
}

.widget .widget-title {
    font-weight: 600;
    color: #fff;
    margin-bottom: 25px;
    margin-top: 40px;
    position: relative;
    z-index: 1;
    padding-bottom: 16px;
}

.widget .widget-title:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 25%;
    height: 2px;
    background-color: #ffa800;
    z-index: 1;
}

.theme-bullet {
    padding: 0px;
}

.widget .widget-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #ebe4e4;
    width: 70%;
    height: 2px;
    z-index: -1;
}

.footer-recent_post-items ul li {
    margin-bottom: 15px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.footer-post-item .footer-post-thumb {
    max-width: 80px;
    float: left;
    margin-right: 15px;
    overflow: hidden;
}

.footer-post-item .footer-post-thumb img {
    width: 100%;
    height: auto;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.footer-post-item .footer-post-text h5 {
    color: #fff;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    font-size: 16px;
}

.footer-post-meta-info p {
    color: #949aa4;
    font-size: 12px;
}

.single-works {
    width: 80px;
    margin-right: 2px;
    margin-bottom: 2px;
    float: left;
    position: relative;
    overflow: hidden;
}

.footer-menu ul li a {
    position: relative;
    color: #fff;
    padding-bottom: 4px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    text-decoration: none;
}

.site-footer {
    position: relative;
}

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

.footer-bottom {
    padding: 25px 0;
    background: #032540;
}

.copyright-area p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 0px;
}

.copyright-area p span {
    color: #f5245f;
}

#back_to_top {
    text-align: center;
    display: none;
    position: fixed;
    bottom: 30px;
    left: 30px;
    background: #9b0000;
    border: 0;
    color: #fff;
    outline: none;
    padding: 10px 15px 10px;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-property: background-color, color;
    transition-property: background-color, color;
    z-index: 5;
}

.footer-post-item a {
    text-decoration: none;
}

.footer-menu ul li {
    margin-bottom: 10px;
}

.about-us {
    background-image: url('../images/Layout-Background.jpg');
    background-size: cover;
}

.newsletter-image:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 200px;
    height: 260px;
    border-radius: 50%;
    border: 1px dashed;
    border-color: var(--color-primary);
    z-index: 1;
    -webkit-animation: shapeAnimate3 50s infinite;
    animation: shapeAnimate3 50s infinite;
}

.newsletter-image:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -40px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 220px;
    height: 200px;
    border-radius: 50%;
    border: 1px dashed;
    border-color: var(--color-dark-3);
    z-index: 1;
    -webkit-animation: shapeAnimate3 50s infinite;
    animation: shapeAnimate3 50s infinite;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0);
}

.newsletter-image {
    position: relative;
}

.newsletter-image img {
    position: relative;
    z-index: 2;
}

.owl-nav {
    display: none;
}

.d-sig a {
    color: #ffa800;
    font-size: 40px;
}

.d-sig {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


/* 18-06-2022 */

---------------------------------------------------------------- */
/* ====================== [ Start Typography  ] ====================== */

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    list-style: none;
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

body {
    color: #fff;
    background: #111215;
    line-height: 1.5;
    font-weight: 400;
    overflow-x: hidden !important;
    font-family: 'Poppins', sans-serif;
}

img {
    width: 100%;
    height: auto;
}

span,
a,
a:hover {
    display: inline-block;
    color: inherit;
}

h1 {
    font-size: 55px;
}

h2 {
    font-size: 40px;
}

h3 {
    font-size: 35px;
}

h4 {
    font-size: 30px;
}

h5 {
    font-size: 25px;
}

h6 {
    font-size: 18px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    line-height: 1.4;
    font-weight: 500;
}

p {
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    line-height: 2;
    margin: 0;
}

a,
span {
    display: inline-block;
}

a:hover,
span:hover {
    text-decoration: none;
}

.container {
    max-width: 1200px;
}

.custom-font {
    font-family: 'Poppins', sans-serif;
}


/* ====================== [ End Text Animation & Images ] ====================== */


/* ====================== [ Start Cursor Style ] ====================== */


/* ====================== [ End navbar ] ====================== */


/* ====================== [ Start Slider ] ====================== */

.slider {
    position: relative;
}

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

.slider .swiper-slide-active {
    z-index: 3;
}

.slider .parallax-slider {
    position: relative;
}

.slider .parallax-slider .swiper-slide {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 100vh;
    padding-bottom: 50px;
}

.slider .parallax-slider .swiper-slide .bg-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
}

.slider .parallax-slider .swiper-slide-active .caption h1[data-splitting] {
    -webkit-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.slider .parallax-slider .swiper-slide-active .caption h1[data-splitting] .char {
    -webkit-animation: fadeInUp 0.5s cubic-bezier(0.3, 0, 0.7, 1) both;
    animation: fadeInUp 0.5s cubic-bezier(0.3, 0, 0.7, 1) both;
    -webkit-animation-delay: calc(60ms * var(--char-index));
    animation-delay: calc(60ms * var(--char-index));
}

.slider .parallax-slider .swiper-slide-active .caption .thin,
.slider .parallax-slider .swiper-slide-active .caption .butn,
.slider .parallax-slider .swiper-slide-active .caption h1,
.slider .parallax-slider .swiper-slide-active .caption p {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.slider .parallax-slider .caption .thin {
    color: #12c2e9;
    font-size: 30px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 8px;
    margin-bottom: 5px;
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s;
}

.slider .parallax-slider .caption .thin span {
    color: #12c2e9;
}

.slider .parallax-slider .caption h1 {
    font-size: 65px;
    font-weight: 800;
    letter-spacing: 2px;
    color: #fff;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    visibility: hidden;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}

.slider .parallax-slider .caption p {
    color: #eee;
    margin-top: 15px;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s;
}

.slider .parallax-slider .caption .butn {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.slider .parallax-slider .caption.dig h1 {
    font-weight: 800;
    font-size: 80px;
    text-transform: uppercase;
}

.slider .parallax-slider .caption.dig h1 .tline {
    margin-left: 80px;
}

.slider .parallax-slider .caption.dig h1 .whitespace {
    width: 20px;
}

.slider .setone {
    position: absolute;
    bottom: 8%;
    right: 40px;
    z-index: 8;
}

.slider .setone .swiper-nav-ctrl {
    color: #ccc;
    font-size: 13px;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    margin: 5px 0;
    border: 1px solid rgba(255, 255, 255, 0.3);
    position: static;
}

.slider .setone .swiper-nav-ctrl:after {
    display: none;
}

.slider .setone.setwo {
    position: static;
}

.slider .setone.setwo .swiper-nav-ctrl {
    border-radius: 50%;
}

.slider .setone.setwo .next-ctrl {
    position: absolute;
    top: 50%;
    right: 30px;
}

.slider .setone.setwo .prev-ctrl {
    position: absolute;
    top: 50%;
    left: 30px;
}

.slider .txt-botm {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    z-index: 8;
}

.slider .txt-botm .swiper-nav-ctrl {
    position: absolute;
    width: auto;
    height: auto;
    margin-top: auto;
    top: auto;
    bottom: 0;
}

.slider .txt-botm .swiper-nav-ctrl i {
    color: #ccc;
    font-size: 13px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    margin: 0;
    border-radius: 50%;
    display: inline-block;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.slider .txt-botm .swiper-nav-ctrl span {
    font-weight: 500;
    font-size: 12px;
    color: #fff;
}

.slider .txt-botm .swiper-nav-ctrl:after {
    display: none;
}

.slider .txt-botm .swiper-nav-ctrl.swiper-button-next {
    right: 40px;
}

.slider .txt-botm .swiper-nav-ctrl.swiper-button-next i {
    margin-left: 10px;
}

.slider .txt-botm .swiper-nav-ctrl.swiper-button-prev {
    left: 40px;
}

.slider .txt-botm .swiper-nav-ctrl.swiper-button-prev i {
    margin-right: 10px;
}

.slider .txt-botm .swiper-nav-ctrl:hover i {
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.slider .swiper-pagination-fraction.top {
    position: absolute;
    right: 15%;
    left: auto;
    bottom: auto;
    top: 20%;
    width: auto;
    color: #fff;
    font-size: 40px;
    font-weight: 500;
}

.slider .swiper-pagination-fraction.top .swiper-pagination-current {
    font-size: 60px;
    font-weight: 700;
    position: relative;
    color: transparent;
    -webkit-text-stroke: .5px #fff;
}

.slider .swiper-pagination-fraction.top .swiper-pagination-current:after {
    content: '/';
    color: #fff;
    position: relative;
    margin: 0 10px;
    font-size: 12px;
    font-weight: 100;
}

.slider .swiper-pagination-fraction.top.botm {
    top: auto;
    bottom: 40px;
    right: 40px;
}

.slider .swiper-pagination-fraction.steps {
    position: absolute;
    width: 100px;
    color: #fff;
    font-size: 15px;
    bottom: 40px;
    left: calc(50% - 50px);
    right: auto;
    top: auto;
    text-align: left;
}

.slider .swiper-pagination-fraction.steps:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 15%;
    width: 70%;
    height: 1px;
    background: rgba(255, 255, 255, 0.3);
}

.slider .swiper-pagination-fraction.steps .swiper-pagination-total {
    float: right;
}

.slider .social-icon {
    position: absolute;
    left: 40px;
    bottom: 40px;
    z-index: 8;
}

.slider .social-icon a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.05);
    color: #fff;
    font-size: 13px;
}

.slider-st {
    min-height: 100vh;
    padding: 120px 0;
}

.slider-st .img {
    position: relative;
}

.slider-st .img:after {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    background: -webkit-gradient(linear, left top, right top, from(#12c2e9), color-stop(#c471ed), to(#f64f59));
    background: -webkit-linear-gradient(left, #12c2e9, #c471ed, #f64f59);
    background: -o-linear-gradient(left, #12c2e9, #c471ed, #f64f59);
    background: linear-gradient(to right, #12c2e9, #c471ed, #f64f59);
    border-radius: 15px;
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.slider-st .img:before {
    content: '';
    position: absolute;
    top: -15px;
    left: -15px;
    right: -15px;
    bottom: -15px;
    background: #fff;
    border-radius: 15px;
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    opacity: .08;
}

.slider-st .img img {
    border-radius: 15px;
    -webkit-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    position: relative;
    z-index: 2;
}

.slider-stwo {
    min-height: 100vh;
    position: relative;
    padding: 120px 0;
}

.slider-stwo:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: 100%;
    background: #18191d;
    z-index: -1;
}

.slider-stwo .img {
    padding-right: 30px;
}

.slider-stwo .img img {
    border-radius: 10px;
    -webkit-box-shadow: 0px 10px 30px rgba(255, 255, 255, 0.05);
    box-shadow: 0px 10px 30px rgba(255, 255, 255, 0.05);
}

.slider-stwo ul {
    margin: 30px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.slider-stwo ul li {
    display: inline-block;
}

.slider-stwo ul li div {
    display: table-cell;
}

.slider-stwo ul li .icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    position: relative;
    font-size: 20px;
}

.slider-stwo ul li .icon .bord {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slider-stwo ul li .icon .bord:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #111215;
    border-radius: 5px;
    z-index: -1;
}

.slider-stwo ul li .icon .bord:before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#12c2e9), color-stop(#c471ed), to(#f64f59));
    background: -webkit-linear-gradient(left, #12c2e9, #c471ed, #f64f59);
    background: -o-linear-gradient(left, #12c2e9, #c471ed, #f64f59);
    background: linear-gradient(to right, #12c2e9, #c471ed, #f64f59);
    z-index: -2;
}

.slider-stwo ul li .cont {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
}

.slider-stwo ul li .cont p {
    font-size: 13px;
    margin-top: 5px;
}

.particles {
    min-height: 100vh;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.particles .cont h1 {
    font-size: 90px;
    font-weight: 800;
}

.particles .animation-wrapper {
    opacity: .5;
}

.freelancre {
    min-height: 100vh;
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}

.freelancre:after {
    content: '';
    width: 140%;
    background: rgba(255, 255, 255, 0.01);
    height: 100%;
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
    position: absolute;
    top: -40%;
    left: -20%;
    z-index: -1;
}

.freelancre .img {
    position: relative;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    z-index: 2;
}

.freelancre .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
}

.freelancre .img:after {
    content: '';
    background: -webkit-gradient(linear, right top, left top, from(#12c2e9), color-stop(#c471ed), to(#f64f59));
    background: -webkit-linear-gradient(right, #12c2e9, #c471ed, #f64f59);
    background: -o-linear-gradient(right, #12c2e9, #c471ed, #f64f59);
    background: linear-gradient(to left, #12c2e9, #c471ed, #f64f59);
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border-radius: 50%;
    z-index: -1;
}

.freelancre .cont h1 {
    font-size: 35px;
}

.freelancre .states {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-bottom: 50px;
}

.freelancre .states .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.freelancre .states ul {
    margin: 0;
}

.freelancre .states li {
    margin-right: 100px;
}

.freelancre .states li:last-of-type {
    margin-right: 0;
}

.freelancre .states li h3 {
    font-size: 50px;
    font-weight: 400;
    margin-right: 20px;
}

.freelancre .states li p {
    font-size: 12px;
    text-transform: uppercase;
}

.freelancre .states .mail-us {
    margin-left: auto;
}

.freelancre .states .mail-us .text {
    text-align: right;
    padding-right: 20px;
}

.freelancre .states .mail-us .text h6 {
    font-size: 14px;
    margin-top: 5px;
}

.freelancre .states .mail-us .icon-box {
    width: 60px;
    height: 60px;
    line-height: 65px;
    text-align: center;
    border-radius: 5px;
    background: -webkit-linear-gradient(323.53deg, #18191d 6.69%, rgba(4, 4, 5, 0.1) 85.43%);
    background: -o-linear-gradient(323.53deg, #18191d 6.69%, rgba(4, 4, 5, 0.1) 85.43%);
    background: linear-gradient(126.47deg, #18191d 6.69%, rgba(4, 4, 5, 0.1) 85.43%);
    font-size: 30px;
}

.slider-bus {
    min-height: 100vh;
    position: relative;
}

.slider-bus .swiper-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slider-bus .setone {
    position: absolute;
    bottom: 8%;
    right: 40px;
    z-index: 8;
}

.slider-bus .setone .swiper-nav-ctrl {
    color: #ccc;
    font-size: 13px;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    margin: 5px 0;
    border: 1px solid rgba(255, 255, 255, 0.3);
    position: static;
}

.slider-bus .setone .swiper-nav-ctrl:after {
    display: none;
}

.slider-bus .setone.setwo {
    position: static;
}

.slider-bus .setone.setwo .swiper-nav-ctrl {
    border-radius: 50%;
}

.slider-bus .setone.setwo .next-ctrl {
    position: absolute;
    top: 50%;
    right: 30px;
}

.slider-bus .setone.setwo .prev-ctrl {
    position: absolute;
    top: 50%;
    left: 30px;
}

.slider-bus .swiper-pagination-fraction {
    position: absolute;
    right: auto;
    left: 60px;
    bottom: 30px;
    width: auto;
    color: #fff;
    font-size: 40px;
    font-weight: 500;
}

.slider-bus .swiper-pagination-fraction .swiper-pagination-current {
    font-size: 60px;
    font-weight: 700;
    position: relative;
    color: transparent;
    -webkit-text-stroke: .5px #fff;
}

.slider-bus .swiper-pagination-fraction .swiper-pagination-current:after {
    content: '/';
    color: #fff;
    position: relative;
    margin: 0 10px;
    font-size: 12px;
    font-weight: 100;
}

.slider-bus .swiper-slide-active .caption h1 {
    -webkit-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.slider-bus .swiper-slide-active .caption h1 .char {
    -webkit-animation: fadeInUp 0.5s cubic-bezier(0.3, 0, 0.7, 1) both;
    animation: fadeInUp 0.5s cubic-bezier(0.3, 0, 0.7, 1) both;
    -webkit-animation-delay: calc(60ms * var(--char-index));
    animation-delay: calc(60ms * var(--char-index));
}

.slider-bus .swiper-slide-active .caption .thin,
.slider-bus .swiper-slide-active .caption .simple-btn,
.slider-bus .swiper-slide-active .caption .butn,
.slider-bus .swiper-slide-active .caption p {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.slider-bus .caption .thin {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 8px;
    margin-bottom: 5px;
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s;
}

.slider-bus .caption h1 {
    font-size: 90px;
    font-weight: 800;
    letter-spacing: 4px;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .5s, visibility .5s;
    -o-transition: opacity .5s, visibility .5s;
    transition: opacity .5s, visibility .5s;
}

.slider-bus .caption p {
    color: #eee;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s;
}

.slider-bus .caption .simple-btn,
.slider-bus .caption .butn {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.slider-bus .ontop {
    position: relative;
    z-index: 5;
}

.arch-slider {
    padding-bottom: 80px;
}

.arch-slider .parallax-slider .caption h5 {
    font-size: 50px;
    font-weight: 200;
}

.arch-slider .parallax-slider .caption h1 {
    font-size: 75px;
    font-weight: 600;
    letter-spacing: 2px;
}

.arch-slider .parallax-slider .caption p {
    font-weight: 300;
    padding-left: 100px;
    margin-left: 100px;
    position: relative;
}

.arch-slider .parallax-slider .caption p:after {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    background: #eee;
    width: 70px;
    height: 1px;
}

.arch-slider .parallax-slider .explore {
    margin-left: auto;
    margin-top: -100px;
}

.arch-slider .parallax-slider .explore a {
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.arch-slider .parallax-slider .explore a i {
    font-size: 12px;
    margin-left: 10px;
}

.arch-slider .setting {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 50px;
    width: 300px;
    background: #232323;
    z-index: 4;
}

.arch-slider .setting .swiper-button-next,
.arch-slider .setting .swiper-button-prev {
    color: #fff;
}

.arch-slider .setting .swiper-button-next:after,
.arch-slider .setting .swiper-button-prev:after {
    display: none;
}

.arch-slider .setting .next-ctrl {
    padding-left: 25px;
    margin-right: 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.arch-slider .setting .prev-ctrl {
    padding-right: 25px;
    margin-left: 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.arch-slider .setting .swiper-pagination-bullets {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.arch-slider .setting .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    margin: 0 7px;
    position: relative;
    opacity: 1;
}

.arch-slider .setting .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #fff;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
}

.curve-bg {
    position: absolute;
    top: 0;
    left: -10%;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.pages-header {
    min-height: 75vh;
    padding: 150px 0 0;
    position: relative;
}

.pages-header .cont h1 {
    font-size: 55px;
}

.pages-header .half {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70%;
    z-index: -1;
    overflow: hidden;
}

.page-header .cont {
    padding: 220px 0 50px;
}

.page-header .cont h1 {
    font-size: 80px;
    font-weight: 600;
}

.page-header .img-wrapper {
    position: relative;
    min-height: 70vh;
}

.page-header .img-wrapper .title {
    position: absolute;
    top: 0;
    right: 0px;
    width: 100%;
    text-align: right;
    -webkit-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    transform: translateY(-55%);
    z-index: 3;
}

.page-header .img-wrapper .title h3 {
    font-size: 100px;
    font-weight: 900;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    color: transparent;
}

.page-header .img-wrapper .map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-header.proj-det.bg-img {
    min-height: 85vh;
    padding-bottom: 100px;
}

.page-header.proj-det.bg-img .item h6 {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.page-header.proj-det.bg-img .item p {
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
}

.page-header.proj-det.bg-img .item p a {
    margin: 0 7px;
}

.page-header.proj-det.bg-img .item p a:first-of-type {
    margin-left: 0;
}

.page-header.proj-det.bg-img .item p a:last-of-type {
    margin-right: 0;
}

.page-header.proj-det .img-wrapper {
    min-height: 80vh;
}

.works-header {
    min-height: 80vh;
}

.works-header.hfixd {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.works-header .capt h4 {
    font-weight: 200;
    font-size: 24px;
    line-height: 1.8;
}

.works-header .capt h1 {
    font-size: 60px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.works-header .capt h1 span {
    display: block;
    font-size: 20px;
    font-weight: 300;
    text-transform: capitalize;
    color: #12c2e9;
}

.works-header .capt .bactxt {
    font-size: 30vw;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.1);
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    opacity: .5;
}

.static {
    position: static;
}

.circle-bg {
    position: relative;
}

.circle-bg .circle-color {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.circle-bg .circle-color.fixed {
    position: fixed;
    pointer-events: none;
    opacity: .5;
}

.circle-bg .gradient-circle {
    position: absolute;
    left: -250px;
    top: 250px;
    right: auto;
    bottom: auto;
    z-index: -1;
    width: 500px;
    height: 500px;
    border-radius: 70%;
    background-image: -webkit-linear-gradient(45deg, #059dff, #36c6f0);
    background-image: -o-linear-gradient(45deg, #059dff, #36c6f0);
    background-image: linear-gradient(45deg, #059dff, #36c6f0);
    opacity: .25;
    -webkit-filter: blur(100px);
    filter: blur(100px);
}

.circle-bg .gradient-circle.two {
    left: auto;
    top: -250px;
    right: -250px;
    bottom: auto;
    background-image: -webkit-linear-gradient(45deg, #fb5343, #6549d5);
    background-image: -o-linear-gradient(45deg, #fb5343, #6549d5);
    background-image: linear-gradient(45deg, #fb5343, #6549d5);
}

.main-content {
    background: #111215;
    position: relative;
    z-index: 3;
    overflow-x: hidden !important;
}


/* ====================== [ End Slider ] ====================== */


/* ====================== [ Start showcase ] ====================== */

.showcase-full .parallax-slider .swiper-slide .bg-img {
    background-position: center center;
}

.showcase-full .parallax-slider .caption {
    position: relative;
}

.showcase-full .parallax-slider .caption h1 {
    font-size: 80px;
    font-weight: 700;
    letter-spacing: 1px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    position: relative;
}

.showcase-full .parallax-slider .caption h1 .stroke {
    margin-bottom: 10px;
}

.showcase-full .parallax-slider .caption h1 .bord {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 1px;
    background: #fff;
    border: 0;
    opacity: .1;
}

.showcase-full .parallax-slider .caption .discover {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    width: 200px;
    height: 200px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    font-size: 13px;
    font-weight: 200;
    letter-spacing: 4px;
    text-transform: uppercase;
    -webkit-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
    opacity: 0;
}

.showcase-full .parallax-slider .caption .discover span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    line-height: 50px;
}

.showcase-full .parallax-slider .swiper-slide-active .caption .discover {
    opacity: 1;
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}

.showcase-full .dots {
    bottom: 30px;
    z-index: 1;
}

.showcase-full .dots span {
    background: #fff;
    width: 5px;
    height: 5px;
    margin: 0 7px !important;
    border-radius: 50% !important;
}

.showcase-full .dots span.swiper-pagination-bullet-active {
    position: relative;
}

.showcase-full .dots span.swiper-pagination-bullet-active:after {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border: 1px solid #fff;
    border-radius: 50%;
}

.showcase-carus {
    height: 100vh;
}

.showcase-carus .swiper-container {
    height: 100%;
}

.showcase-carus .caption h1,
.showcase-carus .copy-cap h1 {
    font-size: 90px;
    font-weight: 800;
    line-height: 1.2;
    position: relative;
}

.showcase-carus .copy-cap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.showcase-carus .copy-cap .cap h1 span {
    color: transparent;
    -webkit-text-stroke: 1px #fff;
}

.showcase-carus .copy-cap .cap h1 .stroke {
    color: #fff;
    -webkit-text-stroke: 0;
}

.showcase-carus.circle-slide .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.showcase-carus.circle-slide .swiper-slide .bg-img {
    height: 500px;
    width: 500px;
    border-radius: 50%;
    margin: auto;
    background-position: center center;
}

.showcase-carus.circle-slide .swiper-slide .bg-img:before {
    border-radius: 50%;
}

.showcase-carus.circle-slide .caption,
.showcase-carus.circle-slide .copy-cap {
    position: absolute;
    top: 0;
    left: -25%;
    width: 100%;
    height: 100%;
}

.showcase-carus.circle-slide .caption h1,
.showcase-carus.circle-slide .copy-cap h1 {
    font-size: 70px;
    display: block;
}

.showcase-carus.circle-slide .caption h1 .stroke,
.showcase-carus.circle-slide .copy-cap h1 .stroke {
    display: inline-block;
    color: transparent;
    -webkit-text-stroke: 1px #fff;
}

.showcase-carus.circle-slide .caption h1 span,
.showcase-carus.circle-slide .copy-cap h1 span {
    margin-left: auto;
    color: transparent;
    -webkit-text-stroke: 1px #fff;
}

.showcase-carus.circle-slide .copy-cap .cap h1 span {
    color: #fff;
    -webkit-text-stroke: 0;
}

.showcase-carus.circle-slide .copy-cap .cap h1 .stroke {
    color: #fff;
    -webkit-text-stroke: 0;
}

.showcase-carus.circle-slide .caption h1 .stroke,
.showcase-carus.circle-slide .copy-cap h1 .stroke {
    -webkit-transform: skewX(0) translateX(0);
    -ms-transform: skewX(0) translateX(0);
    transform: skewX(0) translateX(0);
    opacity: 1;
}

.showcase-carus.circle-slide .caption h1 span,
.showcase-carus.circle-slide .copy-cap h1 span {
    -webkit-transform: skewX(0) translateX(0);
    -ms-transform: skewX(0) translateX(0);
    transform: skewX(0) translateX(0);
    opacity: 1;
}

.showstyle {
    height: 100vh;
}

.showstyle .swiper-container {
    height: 100%;
}

.showstyle .swiper-slide .bg-img {
    height: 70vh;
    margin: 15vh 0 0;
}

.showstyle .caption h1 {
    font-size: 90px;
    font-weight: 800;
    line-height: 1.2;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.showstyle .caption h1 .stroke {
    color: transparent;
    -webkit-text-stroke: 1px #fff;
}

.showstyle .caption h1 span {
    margin-left: 200px;
}

.showstyle .caption .discover {
    margin-top: 50px;
    opacity: 0;
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}

.showstyle .caption .discover i {
    display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 50%;
    margin-right: 10px;
}

.showstyle .caption .discover span {
    font-size: 13px;
    font-weight: 600;
}

.showcase-grid {
    height: 100vh;
}

.showcase-grid .swiper-container {
    height: 100%;
}

.showcase-grid .swiper-slide .bg-img {
    height: 76vh;
    margin: 12vh 0 0;
    position: relative;
    background-position: center center;
}

.div-tooltip-tit {
    display: none;
    position: absolute;
    background-color: #fff;
    color: #111;
    padding: 0 10px;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    font-weight: 600;
    z-index: 99999;
}

.div-tooltip-sub {
    display: none;
    position: absolute;
    background-color: #111;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 500;
    z-index: 99999;
}


/* ====================== [ end showcase ] ====================== */


/* ====================== [ Start Intro ] ====================== */

.about .content .co-tit {
    font-weight: 400;
    margin-bottom: 30px;
}

.about .img-mons .img1,
.about .img-mons .img2,
.about .img-mons .img3 {
    height: 200px;
    border-radius: 10px;
    overflow: hidden;
}

.about .img-mons .img1 img,
.about .img-mons .img2 img,
.about .img-mons .img3 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
}

.about .img-mons .img2 {
    height: 240px;
}

.about .img-mons .img3 {
    width: 75%;
    margin-top: 20px;
}

.about .img-mons .img3.exp {
    background: #18191d;
    padding: 30px;
}

.about .img-mons .img3.exp h2 {
    font-weight: 800;
    margin-bottom: 5px;
}

.about .img-mons .img3.exp h6 {
    letter-spacing: 2px;
}

.about .blc-img .bimg {
    padding-right: 80px;
    padding-bottom: 80px;
    position: relative;
}

.about .blc-img .bimg img {
    border-radius: 15px;
    overflow: hidden;
    -webkit-box-shadow: 0px 10px 30px rgba(100, 100, 100, 0.3);
    box-shadow: 0px 10px 30px rgba(100, 100, 100, 0.3);
}

.about .blc-img .bimg .bg-img {
    position: absolute;
    right: 0px;
    bottom: 0;
    width: 300px;
    height: 300px;
    -webkit-box-shadow: 0px 10px 30px rgba(100, 100, 100, 0.3);
    box-shadow: 0px 10px 30px rgba(100, 100, 100, 0.3);
    background-position: center center;
    border-radius: 15px;
    overflow: hidden;
}

.about .blc-img .skills-circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #11141b;
    padding: 30px;
    border-radius: 15px;
    position: relative;
    margin-top: -80px;
    right: -50px;
    -webkit-box-shadow: 0px 10px 20px -5px rgba(52, 60, 70, 0.1);
    box-shadow: 0px 10px 20px -5px rgba(52, 60, 70, 0.1);
}

.about .blc-img .skills-circle .item:last-of-type {
    margin-left: 30px;
}

.about .ftbox ul {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.about .ftbox ul li {
    width: 100%;
    padding: 35px 25px;
    text-align: center;
    background: #18191d;
    border-radius: 5px;
    position: relative;
}

.about .ftbox ul li.space {
    margin: 0 10px;
}

.about .ftbox ul li .icon {
    color: #12c2e9;
    font-size: 30px;
    margin-bottom: 20px;
}

.about .ftbox ul li h6 {
    font-size: 16px;
    font-weight: 400;
}

.about .ftbox ul li .dots span {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #eee;
    position: absolute;
    right: 10px;
    bottom: 12px;
    opacity: .1;
}

.about .ftbox ul li .dots span:first-of-type {
    bottom: 18px;
}

.about .ftbox ul li .dots span:last-of-type {
    right: 16px;
}

.agency .content h4 {
    font-weight: 700;
    font-size: 40px;
    line-height: 1.5;
    margin-bottom: 20px;
}

.agency .content ul {
    margin: 0;
}

.agency .content ul li {
    margin-top: 25px;
    padding-left: 25px;
    position: relative;
}

.agency .content ul li:after {
    content: '';
    width: 10px;
    height: 10px;
    border: 1px solid #999;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 2px;
}

.agency .img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.agency .img .imgone {
    width: 55%;
    position: relative;
    bottom: -80px;
    margin-bottom: 80px;
    border-radius: 4px;
    border: 5px solid #fff;
    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.agency .img .imgtwo {
    width: 55%;
    position: absolute;
    right: 0;
    border-radius: 4px;
    border: 5px solid #fff;
    -webkit-box-shadow: -15px 10px 30px rgba(0, 0, 0, 0.05);
    box-shadow: -15px 10px 30px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    z-index: 2;
}

.agency .img .icon {
    width: 100px;
    height: 100px;
    line-height: 135px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    bottom: 20%;
    left: 40%;
    z-index: 3;
}

.agency .img .icon:after {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    z-index: -1;
}

.agency .img .icon svg {
    fill: #12c2e9;
    width: 90px;
}

.agency .img .exp {
    position: absolute;
    right: 0;
    bottom: 0;
}

.agency .img .exp h6 {
    font-size: 12px;
    color: #999;
    margin-top: 5px;
    position: relative;
}

.agency .img .exp h6:after {
    content: '';
    width: 30px;
    height: 1px;
    background: #12c2e9;
    position: absolute;
    left: -40px;
    top: 45%;
}

.agency .img .exp h2 {
    font-size: 70px;
    font-weight: 700;
}

.agency .imgsec {
    padding-right: 30px;
}

.agency .imgsec .imgone {
    position: relative;
    top: 0px;
}

.agency .imgsec .imgtwo {
    position: relative;
    bottom: 0px;
}

.agency .imgsec .exp {
    padding: 10px 30px;
    position: relative;
    margin-top: 15px;
}

.agency .imgsec .exp:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #111215;
    z-index: -1;
}

.agency .imgsec .exp:before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    background: -webkit-gradient(linear, left top, right top, from(#12c2e9), color-stop(#c471ed), to(#f64f59));
    background: -webkit-linear-gradient(left, #12c2e9, #c471ed, #f64f59);
    background: -o-linear-gradient(left, #12c2e9, #c471ed, #f64f59);
    background: linear-gradient(to right, #12c2e9, #c471ed, #f64f59);
    z-index: -2;
}

.agency .imgsec .exp h6 {
    color: #999;
    margin-top: 5px;
}

.agency .imgsec .exp h2 {
    font-size: 70px;
    font-weight: 700;
}

.about-us .img {
    padding-left: 150px;
    padding-right: 50px;
    position: relative;
}

.about-us .img:before {
    content: '';
    position: absolute;
    top: -50px;
    right: 0;
    width: 400px;
    height: 400px;
    background-image: url(../img/dots.png);
    background-repeat: repeat;
    opacity: .3;
    z-index: -1;
}

.about-us .img .stauts {
    position: absolute;
    bottom: 50px;
    left: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.about-us .img .stauts .item {
    padding: 30px 20px;
    background: #272727;
    margin-right: 50px;
    position: relative;
}

.about-us .img .stauts .item:after {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.about-us .img .stauts .item:first-of-type {
    background: #fff;
    color: #121a21;
}

.about-us .img .stauts .item h4 {
    font-size: 45px;
    font-weight: 800;
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px;
}

.about-us .img .stauts .item h4 span {
    font-size: 30px;
    font-weight: 500;
    margin-left: 5px;
}

.about-us .img .stauts .item h6 {
    font-size: 15px;
    display: table-cell;
    vertical-align: middle;
}

.about-cr .img img {
    width: 105%;
    margin-left: -5%;
}

.about-cr .cont {
    padding-left: 50px;
}

.about-cr .cont h3 {
    font-size: 60px;
    font-weight: 600;
    margin-bottom: 30px;
    margin-left: -120px;
}

.about-cr .cont h6 {
    font-size: 30px;
    font-weight: 200;
    font-style: italic;
    margin-bottom: 40px;
}

.about-cr .cont .vid-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.about-cr .cont .vid-area .vid-icon {
    padding-right: 30px;
}

.about-cr .cont .vid-area .vid-icon .vid-butn {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 20px;
    border-radius: 50%;
    position: relative;
    z-index: 2;
}

.about-cr .cont .vid-area .vid-icon .vid-butn:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    border-radius: 50%;
    background: #111215;
    z-index: -1;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.about-cr .cont .vid-area .vid-icon .vid-butn:hover:after {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.about-cr .cont .vid-area .text {
    font-size: 13px;
}

.about-cr .cont .states {
    margin-top: 50px;
}

.about-cr .cont .states p {
    font-size: 13px;
    margin-top: 10px;
}

.about-ar .img {
    position: relative;
}

.about-ar .img .hero-bg {
    width: 420px;
    height: 420px;
}

.about-ar .img .exp {
    position: absolute;
    top: 30px;
    left: 30px;
    width: 360px;
    height: 360px;
    background: rgba(35, 35, 35, 0.9);
}

.about-ar .img .exp h2 {
    font-size: 150px;
    font-weight: 700;
    text-align: center;
    margin: auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #c5a47e;
    line-height: 1;
}

.about-ar .img .exp p {
    color: #c5a47e;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.about-ar .content h3 {
    font-size: 55px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.hero-sec .skills-box {
    padding-left: 30px;
}

.hero-sec .skills-box .skill-item {
    margin-bottom: 80px;
}

.intro-section .htit {
    font-size: 28px;
    font-weight: 500;
}

.intro-section .htit span {
    font-size: 17px;
    font-weight: 300;
    color: #12c2e9;
    margin-right: 5px;
}

.intro-section .item h6 {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.intro-section .item p {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 11px;
}

.intro-section .item p a {
    margin: 0 7px;
}

.intro-section .item p a:first-of-type {
    margin-left: 0;
}

.intro-section .item p a:last-of-type {
    margin-right: 0;
}

.extra-text {
    font-size: 22px;
}

.video-wrapper {
    min-height: 500px;
}

.video-wrapper .vid {
    position: relative;
    z-index: 8;
}

.video-wrapper .vid .vid-butn:hover .icon {
    color: #fff;
}

.video-wrapper .vid .vid-butn:hover .icon:before {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.video-wrapper .vid .vid-butn .icon {
    color: #212529;
    width: 100px;
    height: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    line-height: 100px;
    text-align: center;
    font-size: 17px;
    position: relative;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.video-wrapper .vid .vid-butn .icon:after {
    content: '';
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: 5px;
    left: 5px;
    border: 1px solid #eee;
    border-radius: 50%;
    z-index: -1;
}

.video-wrapper .vid .vid-butn .icon:before {
    content: '';
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: 5px;
    left: 5px;
    background: #fff;
    border-radius: 50%;
    z-index: -1;
    -webkit-transition: all 0.5s cubic-bezier(1, 0, 0, 1);
    -o-transition: all 0.5s cubic-bezier(1, 0, 0, 1);
    transition: all 0.5s cubic-bezier(1, 0, 0, 1);
}

.js-scroll__content {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    will-change: transform;
}


/* ====================== [ End Intro ] ====================== */


/* ====================== [ Start services ] ====================== */

.services {
    position: relative;
}

.services .container {
    position: relative;
    z-index: 2;
}

.services.box .item-box {
    border: 0;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.01);
}

.services.box .item-box .icon {
    font-size: 60px;
}

.services.box .item-box .icon:after {
    display: none;
}

.services .item-box {
    padding: 80px 30px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.services .item-box .icon {
    position: relative;
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 40px;
    margin-bottom: 30px;
}

.services .item-box .icon:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: -webkit-gradient(linear, left top, right top, from(#12c2e9), color-stop(#c471ed), to(#f64f59));
    background: -webkit-linear-gradient(left, #12c2e9, #c471ed, #f64f59);
    background: -o-linear-gradient(left, #12c2e9, #c471ed, #f64f59);
    background: linear-gradient(to right, #12c2e9, #c471ed, #f64f59);
    z-index: -1;
    opacity: .05;
}

.services .item-box h6 {
    line-height: 1.8;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.services .rone>div {
    position: relative;
}

.services .rone>div:nth-of-type(2) {
    margin-bottom: -50px;
    margin-top: auto;
}

.services .rtwo>div {
    position: relative;
}

.services .rtwo>div:nth-of-type(2) {
    margin-bottom: -50px;
    margin-top: auto;
}

.services .mas-item {
    padding: 40px;
    margin: 50px 0;
    background: #18191d;
    position: relative;
    z-index: 2;
}

.services .mas-item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #18191d;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    z-index: -1;
}

.services .mas-item .bg-color {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #12c2e9;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    z-index: -2;
}

.services .mas-item:hover .bg-color {
    top: 10px;
    left: 10px;
}

.services .mas-item .icon {
    font-size: 45px;
    color: #12c2e9;
    margin-bottom: 30px;
}

.services .mas-item h6 {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.7;
}

.services .mas-item .more {
    margin-top: 20px;
    width: 100%;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 12px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.05);
}

.services .step-item {
    text-align: center;
    padding: 60px;
    margin: 60px auto;
    background: #18191d;
    position: relative;
}

.services .step-item.xbottom {
    bottom: -60px;
}

.services .step-item.xtop {
    top: -60px;
}

.services .step-item.xcolor {
    background: #fff;
    color: #11141b;
}

.services .step-item.xcolor p {
    color: #333;
}

.services .step-item .icon {
    color: #12c2e9;
    background: -webkit-gradient(linear, left top, right top, from(#12c2e9), color-stop(#c471ed), to(#f64f59));
    background: -webkit-linear-gradient(left, #12c2e9, #c471ed, #f64f59);
    background: -o-linear-gradient(left, #12c2e9, #c471ed, #f64f59);
    background: linear-gradient(to right, #12c2e9, #c471ed, #f64f59);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 40px;
    margin-bottom: 30px;
}

.services .step-item h6 {
    margin-bottom: 20px;
}

.services .item {
    text-align: center;
    padding: 60px;
    background: #151921;
    position: relative;
}

.services .item .icon {
    color: #12c2e9;
    font-size: 40px;
    margin-bottom: 40px;
}

.services .item h6 {
    margin-bottom: 15px;
}

.services.lficon .item-box {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    padding: 60px 40px;
    border-radius: 20px;
}

.services.lficon .item-box.no-curve {
    border-radius: 5px;
}

.services.lficon .item-box .icon {
    text-align: center;
}

.services.lficon .item-box .cont {
    padding-left: 30px;
}

.feat .items {
    padding: 60px 40px;
    position: relative;
    z-index: 3;
}

.feat .items:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 1px;
    background: #18191d;
    z-index: -1;
}

.feat .items:before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: 0px;
    background: -webkit-gradient(linear, left top, right top, from(#12c2e9), color-stop(#c471ed), to(#f64f59));
    background: -webkit-linear-gradient(left, #12c2e9, #c471ed, #f64f59);
    background: -o-linear-gradient(left, #12c2e9, #c471ed, #f64f59);
    background: linear-gradient(to right, #12c2e9, #c471ed, #f64f59);
    z-index: -2;
    opacity: 0;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.feat .items .icon {
    color: #aaa;
    font-size: 70px;
    margin-bottom: 30px;
}

.feat .items .icon svg {
    width: 1em;
    height: 1em;
}

.feat .items h5 {
    font-size: 22px;
    line-height: 1.5;
    margin-bottom: 20px;
}

.feat .items .more-stroke {
    margin-top: 30px;
}

.feat .items .more-stroke span {
    width: 0;
    height: 2px;
    background: #fff;
    position: relative;
}

.feat .items .more-stroke span:after,
.feat .items .more-stroke span:before {
    content: '';
    width: 0;
    height: 2px;
    background: #fff;
    position: absolute;
    right: -1px;
}

.feat .items .more-stroke span:after {
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    top: -4px;
}

.feat .items .more-stroke span:before {
    -webkit-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg);
    top: 4px;
}

.feat .items.active:before {
    opacity: 1;
}

.feat .items.active .more-stroke span {
    width: 30px;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
}

.feat .items.active .more-stroke span:after,
.feat .items.active .more-stroke span:before {
    width: 12px;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}

.feat .items:hover .more-stroke span {
    width: 30px;
}

.feat .items:hover .more-stroke span:after,
.feat .items:hover .more-stroke span:before {
    width: 12px;
}

.serv-arch .item {
    padding: 50px 30px;
    position: relative;
    z-index: 2;
}

.serv-arch .item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #232323;
    border: 1px solid rgba(255, 255, 255, 0.04);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    z-index: -1;
}

.serv-arch .item.active:after {
    opacity: .85;
}

.serv-arch .item:hover:after {
    opacity: .75;
}

.serv-arch .item:hover p {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.serv-arch .item .numb {
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 10px;
    color: transparent;
    -webkit-text-stroke: 1px #b19777;
}

.serv-arch .item h5 {
    text-transform: uppercase;
    letter-spacing: 1px;
}

.serv-arch .item p {
    margin-top: 60px;
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.serv-arch .item .more {
    margin-top: 50px;
}

.min-area .img {
    padding: 120px 0 120px 80px;
    position: relative;
    z-index: 3;
}

.min-area .img:after {
    content: '';
    position: absolute;
    top: 0;
    right: 120px;
    bottom: 0;
    left: -300px;
    background: #18191d;
    z-index: -1;
}

.min-area .content {
    padding-left: 40px;
}

.min-area .content h4 {
    font-weight: 700;
    font-size: 40px;
    line-height: 1.5;
    margin-bottom: 20px;
}

.min-area .content ul {
    margin: 0;
}

.min-area .content ul li {
    margin-top: 25px;
    padding-left: 25px;
    position: relative;
}

.min-area .content ul li:after {
    content: '';
    width: 10px;
    height: 10px;
    border: 1px solid #999;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 2px;
}

.min-area .content ul.feat li {
    padding: 0 0 30px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.min-area .content ul.feat li:last-of-type {
    padding: 0;
    border: 0;
}

.min-area .content ul.feat li:after {
    display: none;
}

.min-area .content ul.feat li h6 {
    font-weight: 500;
    margin-bottom: 5px;
}

.min-area .content ul.feat li h6 span {
    color: #12c2e9;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
    border: 1px solid #12c2e9;
    border-radius: 50%;
    margin-right: 10px;
}

.min-area .content ul.feat li p {
    font-size: 13px;
    padding-left: 45px;
}


/* ====================== [ End services ] ====================== */


/* ====================== [ Start brands ] ====================== */

.clients .brands:hover img {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}

.clients .brands:hover .link {
    opacity: 1 !important;
    -webkit-transition: all 0;
    -o-transition: all 0;
    transition: all 0;
}

.clients .brands:hover .char {
    -webkit-animation: fadeInUp 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
    animation: fadeInUp 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
    -webkit-animation-delay: calc(20ms * var(--char-index));
    animation-delay: calc(20ms * var(--char-index));
}

.clients .brands .item {
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.08);
    height: 160px;
    line-height: 160px;
}

.clients .brands .item.no-bord {
    border: 0;
    text-align: center;
    height: 100px;
    line-height: 100px;
}

.clients .brands .img {
    position: relative;
}

.clients .brands .img img {
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    max-width: 75px;
    margin: auto;
}

.clients .brands .img .link {
    font-size: 13px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.clients .bord .item {
    margin-bottom: 30px;
}

.clients-brand .brands:hover .img {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}

.clients-brand .brands:hover .link {
    opacity: 1 !important;
    -webkit-transition: all 0;
    -o-transition: all 0;
    transition: all 0;
}

.clients-brand .brands:hover .char {
    -webkit-animation: fadeInUp 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
    animation: fadeInUp 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
    -webkit-animation-delay: calc(20ms * var(--char-index));
    animation-delay: calc(20ms * var(--char-index));
}

.clients-brand .item {
    position: relative;
    text-align: center;
}

.clients-brand .item .link {
    font-size: 16px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.clients-brand .img {
    max-width: 85px;
    margin: auto;
    position: relative;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}


/* ====================== [ End brands ] ====================== */


/* ====================== [ Start Work ] ====================== */

.portfolio {
    position: relative;
}

.portfolio .filtering {
    padding-left: 50px;
}

.portfolio .filtering .filter {
    padding: 15px;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 30px;
    display: inline-block;
}

.portfolio .filtering span {
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 20px;
    cursor: pointer;
    position: relative;
}

.portfolio .filtering span.active {
    color: #12c2e9;
}

.portfolio .filtering span:after {
    content: '';
    width: 7px;
    height: 7px;
    background: #12c2e9;
    border-radius: 50%;
    position: absolute;
    right: -24px;
    top: 40%;
}

.portfolio .filtering span:last-of-type:after {
    display: none;
}

.portfolio .filtering.smplx .filter {
    padding: 0;
    background: transparent;
    border-radius: 0;
    display: inline-block;
}

.portfolio .filtering.smplx span {
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 20px;
    cursor: pointer;
    position: relative;
}

.portfolio .filtering.smplx span.active {
    color: #12c2e9;
}

.portfolio .filtering.smplx span:after {
    content: '';
    width: 7px;
    height: 7px;
    background: #12c2e9;
    border-radius: 50%;
    position: absolute;
    right: -24px;
    top: 40%;
}

.portfolio .filtering.smplx span:last-of-type:after {
    display: none;
}

.portfolio .gallery .items {
    padding: 0 50px;
    margin: 50px 0;
}

.portfolio .gallery .items.lg-mr {
    margin-top: 100px;
}

.portfolio .gallery .items .item-img {
    overflow: hidden;
    position: relative;
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.portfolio .gallery .items .item-img>a {
    display: block;
}

.portfolio .gallery .items .item-img:hover {
    -webkit-clip-path: inset(5px 10px);
    clip-path: inset(5px 10px);
}

.portfolio .gallery .items .item-img:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.portfolio .gallery .items .item-img:hover .cont {
    opacity: 1;
}

.portfolio .gallery .items .item-img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.portfolio .gallery .items .item-img .cont {
    position: absolute;
    bottom: 15px;
    left: 0;
    text-align: left;
    padding-left: 30px;
    opacity: 0;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.portfolio .gallery .items .item-img .cont span {
    color: #eee;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
}

.portfolio .gallery .items .item-img .cont span a {
    margin: 0 10px 0 0;
}

.portfolio .gallery .items .cont {
    margin-top: 30px;
    text-align: center;
}

.portfolio .gallery .items .cont h6 {
    font-weight: 600;
    margin-bottom: 5px;
}

.portfolio .gallery .items .cont span {
    color: #999;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 400;
    font-size: 13px;
}

.portfolio .gallery .items .cont span a {
    margin: 0 5px;
}

.portfolio .gallery .bords .item-img {
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.03);
}

.portfolio .gallery .bords .cont {
    border: 1px solid rgba(255, 255, 255, 0.03);
    margin-top: 0;
    border-top: 0;
    padding: 10px;
}

.portfolio.three-column .gallery .items {
    padding: 0 15px;
    margin: 25px 0;
}

.po-arch .filtering {
    padding-left: 30px;
}

.po-arch .filtering .filter {
    padding: 0;
    background: transparent;
    border-radius: 0;
    display: inline-block;
}

.po-arch .filtering span {
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 20px;
    cursor: pointer;
    position: relative;
}

.po-arch .filtering span.active {
    color: #b19777;
}

.po-arch .filtering span:after {
    display: none;
}

.po-arch .gallery .items {
    position: relative;
}

.po-arch .gallery .items .cont {
    text-align: left;
    padding: 30px;
    padding-left: 0;
    background: #232323;
    display: inline-block;
    margin: 0;
    position: relative;
    margin-top: -30px;
}

.po-arch .gallery .items .cont .tags a {
    font-size: 17px;
    margin: 0 10px 0 0;
}

.po-arch .gallery .items .cont h5 {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 5px 0;
}

.portfolio-cr .filtering .filter {
    display: inline-block;
}

.portfolio-cr .filtering span {
    color: #eee;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 8px 20px;
    padding-bottom: 10px;
    cursor: pointer;
    position: relative;
}

.portfolio-cr .filtering span:after {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #12c2e9;
    position: absolute;
    left: 0;
    bottom: -10px;
    opacity: 0;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.portfolio-cr .filtering .active {
    color: #12c2e9;
}

.portfolio-cr .filtering .active:after {
    bottom: 0;
    opacity: 1;
}

.portfolio-cr .items {
    padding: 0 15px;
    margin-top: 30px;
    width: 50%;
    position: relative;
    overflow: hidden;
}

.portfolio-cr .items:hover .cont {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.portfolio-cr .items.width2 {
    width: 25%;
}

.portfolio-cr .items .cont {
    position: absolute;
    bottom: 15px;
    left: 30px;
    right: 30px;
    padding: 20px;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: rgba(12, 15, 22, 0.48);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 5px;
    opacity: 0;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.portfolio-cr .items .cont.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.portfolio-cr .items .cont h6 {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 5px;
}

.portfolio-cr .items .cont span {
    margin-left: auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 12px;
}

.portfolio-cr .items .cont span a {
    opacity: .7;
    margin: 0 5px;
    line-height: 1.2;
}

.portfolio-frl .filtering .filter {
    display: inline-block;
}

.portfolio-frl .filtering span {
    color: #eee;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 8px 20px;
    padding-bottom: 10px;
    cursor: pointer;
    position: relative;
}

.portfolio-frl .filtering span:after {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #12c2e9;
    position: absolute;
    left: 0;
    bottom: -10px;
    opacity: 0;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.portfolio-frl .filtering .active {
    color: #12c2e9;
}

.portfolio-frl .filtering .active:after {
    bottom: 0;
    opacity: 1;
}

.portfolio-frl .gallery .items {
    padding: 0 40px;
    margin: 40px 0;
}

.portfolio-frl .gallery .items.lg-mr {
    margin-top: 100px;
}

.portfolio-frl .gallery .items .item-img {
    overflow: hidden;
    position: relative;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background: rgba(255, 255, 255, 0.02);
    padding: 30px;
    border-radius: 5px;
}

.portfolio-frl .gallery .items .item-img>a {
    display: block;
}

.portfolio-frl .gallery .items .item-img:hover img {
    -webkit-clip-path: inset(5px 10px);
    clip-path: inset(5px 10px);
}

.portfolio-frl .gallery .items .item-img:hover .cont {
    opacity: 1;
}

.portfolio-frl .gallery .items .item-img img {
    height: 100%;
    width: 100%;
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.portfolio-frl .gallery .items .cont {
    margin-bottom: 30px;
}

.portfolio-frl .gallery .items .cont h6 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 5px;
}

.portfolio-frl .gallery .items .cont p {
    font-size: 13px;
}

.portfolio-frl .gallery .items .tags {
    margin-top: 30px;
}

.portfolio-frl .gallery .items .tags span {
    padding: 8px 12px;
    background: rgba(255, 255, 255, 0.04);
    margin-right: 5px;
    font-size: 12px;
}

.portfolio.full-bg {
    position: relative;
}

.portfolio.full-bg .cluom {
    height: 90vh;
    padding: 0;
    position: relative;
    z-index: 2;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.portfolio.full-bg .cluom.current {
    background: rgba(0, 0, 0, 0.3);
}

.portfolio.full-bg .cluom:hover .info {
    color: inherit;
}

.portfolio.full-bg .cluom:hover .info:after {
    height: 100%;
}

.portfolio.full-bg .cluom:hover .more {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.portfolio.full-bg .cluom .info {
    padding: 40px 10px 40px 20px;
    color: #fff;
    position: relative;
    z-index: 2;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    overflow: hidden;
}

.portfolio.full-bg .cluom .info:after {
    content: '';
    position: absolute;
    top: 0;
    left: -2%;
    width: 104%;
    height: 0;
    background: #fff;
    z-index: -1;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.portfolio.full-bg .cluom .info h6 {
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.portfolio.full-bg .cluom .info h5 {
    font-size: 21px;
}

.portfolio.full-bg .cluom .more {
    position: absolute;
    bottom: 50px;
    right: 50px;
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.portfolio.full-bg .cluom .more i {
    font-size: 10px;
    margin-left: 2px;
}

.portfolio.full-bg .glry-img,
.portfolio.full-bg .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.portfolio.full-bg .glry-img {
    overflow: hidden;
}

.portfolio.full-bg .glry-img .bg-img {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    opacity: 0;
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
    background-size: cover;
    background-position: center center;
}

.portfolio.full-bg .glry-img .bg-img.current {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.work-carousel .swiper-slide {
    padding: 0px 15px;
}

.work-carousel .swiper-slide-active .noraidus .cont {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
}

.work-carousel .next-ctrl,
.work-carousel .prev-ctrl {
    color: #000;
    width: 60px;
    height: 60px;
    border-radius: 0;
    border: 0;
    background: #fff;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.work-carousel .next-ctrl:after,
.work-carousel .prev-ctrl:after {
    display: none;
}

.work-carousel .simp-next,
.work-carousel .simp-prev {
    color: #fff;
    top: auto;
    bottom: 0;
}

.work-carousel .simp-next:after,
.work-carousel .simp-prev:after {
    display: none;
}

.work-carousel .simp-next {
    right: 30px;
}

.work-carousel .simp-prev {
    left: 30px;
}

.work-carousel:hover .next-ctrl,
.work-carousel:hover .prev-ctrl {
    opacity: 1;
}

.work-carousel .content {
    position: relative;
}

.work-carousel .content .item-img {
    position: relative;
    height: 480px;
    line-height: 0;
}

.work-carousel .content:hover .item-ig {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.work-carousel .content .cont {
    position: relative;
}

.work-carousel .content .cont h6 {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.work-carousel .content .cont h4 {
    font-size: 17px;
}

.work-carousel .content .cont .icon {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 50%;
    font-size: 12px;
    position: absolute;
    top: calc(50% - 17px);
    right: 15px;
}

.work-carousel .content .bgbox {
    position: absolute;
    bottom: 35px;
    left: 35px;
}

.work-carousel.caroul .content .item-img {
    height: 480px;
    position: relative;
}

.work-carousel.caroul .content .item-img:after {
    content: '';
    position: absolute;
    top: 20px;
    left: 20px;
    bottom: 20px;
    right: 20px;
    background: #18191d;
    opacity: 0;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.work-carousel.caroul .content .bgbox {
    opacity: 0;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.work-carousel.caroul .content:hover .item-img:after {
    opacity: 1;
}

.work-carousel.caroul .content:hover .bgbox {
    opacity: 1;
}

.work-carousel .noraidus .item-img {
    height: 480px;
    border-radius: 0;
}

.work-carousel .noraidus .cont {
    position: absolute;
    padding: 15px 30px;
    background: #111215;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.work-carousel .noraidus .cont h6 {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.work-carousel .noraidus .cont h4 {
    font-size: 17px;
}

.work-carousel2 .swiper-slide {
    padding: 0px 10px 50px;
}

.work-carousel2 .swiper-slide .img {
    border-radius: 3px;
    overflow: hidden;
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}

.work-carousel2 .swiper-slide-active .img {
    -webkit-box-shadow: 0px 40px 30px -40px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 40px 30px -40px rgba(0, 0, 0, 0.3);
}

.work-carousel2 .swiper-slide-active .img:after {
    opacity: 1 !important;
}

.work-carousel2 .swiper-slide-active .cont h6,
.work-carousel2 .swiper-slide-active .cont h4 {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transform: translateY(0px) !important;
    -ms-transform: translateY(0px) !important;
    transform: translateY(0px) !important;
}

.work-carousel2 .swiper-pagination-progressbar {
    position: absolute;
    bottom: 0;
    top: auto;
    right: auto;
    left: calc(50% - 120px);
    width: 240px;
    height: 2px;
    border-radius: 10px;
    background: #eee;
}

.work-carousel2 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    border-radius: 10px;
    background: #1e1e1e;
}

.work-carousel2 .swiper-button-next,
.work-carousel2 .swiper-button-prev {
    color: #000;
    width: 60px;
    height: 60px;
    border-radius: 0;
    border: 0;
    background: #fff;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.work-carousel2 .swiper-button-next:after,
.work-carousel2 .swiper-button-prev:after {
    display: none;
}

.work-carousel2:hover .swiper-button-next,
.work-carousel2:hover .swiper-button-prev {
    opacity: 1;
}

.work-carousel2 .content {
    position: relative;
}

.work-carousel2 .content .img {
    position: relative;
    line-height: 0;
}

.work-carousel2 .content .img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(transparent));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7), transparent);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.7), transparent);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.work-carousel2 .content .cont {
    position: absolute;
    bottom: 40px;
    left: 40px;
    color: #fff;
}

.work-carousel2 .content .cont h6 {
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 10px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
}

.work-carousel2 .content .cont h4 {
    font-weight: 600;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
}

.work-carousel2.mcolumn .swiper-slide {
    padding: 0px;
}

.work-carousel2.mcolumn .swiper-slide .img {
    border-radius: 0;
}

.work-carousel2.mcolumn .swiper-slide-active .img {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.work-carousel2.mcolumn .swiper-slide-active .img:after {
    opacity: 1 !important;
}

.case-study {
    position: relative;
}

.case-study .swiper-slide .container {
    min-height: 75vh;
    padding: 100px 30px;
}

.case-study .swiper-slide.bg-img {
    background-position: center !important;
}

.case-study .swiper-slide .cont span {
    padding: 12px 30px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 30px;
    font-size: 13px;
    margin-bottom: 50px;
}

.case-study .swiper-slide .cont h6 {
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.case-study .swiper-slide .cont h4 {
    font-size: 60px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.case-study .controls {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 150px;
    z-index: 4;
}

.case-study .controls .swiper-button-next,
.case-study .controls .swiper-button-prev {
    position: static;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border: 1px solid #eee;
    color: #fff;
    display: block;
    margin: 5px auto;
    cursor: pointer;
}

.case-study .controls .swiper-button-next:after,
.case-study .controls .swiper-button-prev:after {
    display: none;
}

.half-bg {
    position: absolute;
    left: 0;
    width: 100%;
    height: 200px;
    background: #18191d;
    z-index: 1;
}

.half-bg.bottom {
    bottom: 0;
}

.half-bg.top {
    top: 0;
}

.half-bg.not-sub {
    background: #0c0f16;
}

.works .lg-space>div {
    padding: 0 50px;
    margin-bottom: 50px;
}

.next-prog .box {
    position: relative;
}

.next-prog .box .bg-img {
    height: 320px;
    width: 320px;
    border-radius: 50%;
    margin: auto;
    background-position: center center;
    position: relative;
}

.next-prog .box .bg-img:before {
    border-radius: 50%;
}

.next-prog .box .caption,
.next-prog .box .copy-cap {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.next-prog .box .caption h1,
.next-prog .box .copy-cap h1 {
    font-size: 55px;
    font-weight: 800;
    display: block;
    min-width: 700px;
    text-align: center;
    margin: auto;
}

.next-prog .box .caption h1 .stroke,
.next-prog .box .copy-cap h1 .stroke {
    display: inline-block;
    color: transparent;
    -webkit-text-stroke: 1px #fff;
}

.next-prog .box .copy-cap {
    z-index: -1;
}


/* ====================== [ End Work ] ====================== */


/* ====================== [ Start services ] ====================== */

.process .coulmn {
    position: relative;
}

.process .coulmn:after {
    position: absolute;
    content: '';
    width: 75px;
    border-top: 2px dashed #12c2e9;
    top: 75px;
    right: -35px;
}

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

.process .item .bg-img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 0 auto 30px;
    text-align: center;
    position: relative;
}

.process .item .bg-img:after {
    content: '';
    position: absolute;
    top: 7px;
    left: 7px;
    right: 7px;
    bottom: 7px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.25);
}

.process .item .bg-img h3 {
    color: #fff;
    font-size: 40px;
    font-weight: 300;
    line-height: 150px;
    position: relative;
    z-index: 3;
}


/* ====================== [ End services ] ====================== */


/* ====================== [ Start progress bar ] ====================== */

.skills-circle .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.skills-circle .skill {
    position: relative;
}

.skills-circle .skill span {
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50px) translateY(-50px);
    -ms-transform: translateX(-50px) translateY(-50px);
    transform: translateX(-50px) translateY(-50px);
    font-size: 20px;
    font-weight: 300;
}

.skills-circle .cont {
    padding-top: 25px;
    padding-left: 25px;
}

.skills-circle .cont span {
    font-size: 12px;
    font-weight: 300;
    opacity: .9;
    margin-bottom: 10px;
}

.skills-circle .cont h6 {
    font-size: 15px;
    font-weight: 500;
}

.skills-box .skill-item {
    margin-bottom: 50px;
}

.skills-box .skill-item:last-of-type {
    margin-bottom: 0;
}

.skills-box h6 {
    font-size: 13px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.skills-box .skill-progress {
    height: 7px;
    background-color: rgba(255, 255, 255, 0.05);
    position: relative;
}

.skills-box .skill-progress .progres {
    position: absolute;
    height: 100%;
    width: 0;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(#12c2e9), color-stop(#c471ed), to(#f64f59));
    background: -webkit-linear-gradient(left, #12c2e9, #c471ed, #f64f59);
    background: -o-linear-gradient(left, #12c2e9, #c471ed, #f64f59);
    background: linear-gradient(to right, #12c2e9, #c471ed, #f64f59);
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s;
}

.skills-box .skill-progress .progres:after {
    content: attr(data-value);
    position: absolute;
    right: 10px;
    top: -45px;
    padding: 7px 15px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.05);
    font-size: 12px;
    font-weight: 600;
}

.skills-box .skill-progress .progres:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid rgba(255, 255, 255, 0.05);
    position: absolute;
    right: 15px;
    bottom: 12px;
}


/* ====================== [ End progress bar ] ====================== */


/* ====================== [ Start tabs & list ] ====================== */

.smp-list {
    margin: 0;
}

.smp-list li {
    margin-top: 20px;
    font-size: 15px;
    font-weight: 300;
    padding-left: 20px;
    position: relative;
}

.smp-list li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 5px;
    height: 1px;
    background: #12c2e9;
}


/* ====================== [ Start tabs & list ] ====================== */


/* ====================== [ Start Team ] ====================== */

.team {
    position: relative;
}

.team .item {
    padding: 0 25px;
}

.team .item.cir .img {
    position: relative;
}

.team .item.cir .img:hover:after {
    opacity: 1;
    -webkit-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
}

.team .item.cir .img:hover #circle,
.team .item.cir .img:hover .info {
    opacity: 1;
}

.team .item.cir .img:hover:before {
    opacity: .5;
}

.team .item.cir .img:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    bottom: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#12c2e9), color-stop(#c471ed), to(#f64f59));
    background: -webkit-linear-gradient(left, #12c2e9, #c471ed, #f64f59);
    background: -o-linear-gradient(left, #12c2e9, #c471ed, #f64f59);
    background: linear-gradient(to right, #12c2e9, #c471ed, #f64f59);
    opacity: 0;
    z-index: -1;
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}

.team .item.cir .img:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0px;
    background: #000;
    opacity: 0;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.team .item.cir .info {
    position: absolute;
    bottom: 15px;
    left: 15px;
    opacity: 0;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    z-index: 2;
}

.team .item.cir .info span {
    font-size: 13px;
    color: #12c2e9;
}

.team .item .img {
    position: relative;
}

.team .item .img:hover:after {
    opacity: 1;
    -webkit-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
}

.team .item .img:hover #circle,
.team .item .img:hover .info {
    opacity: 1;
}

.team .item .img:hover:before {
    opacity: .3;
}

.team .item .img:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    bottom: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#12c2e9), color-stop(#c471ed), to(#f64f59));
    background: -webkit-linear-gradient(left, #12c2e9, #c471ed, #f64f59);
    background: -o-linear-gradient(left, #12c2e9, #c471ed, #f64f59);
    background: linear-gradient(to right, #12c2e9, #c471ed, #f64f59);
    opacity: 0;
    z-index: -1;
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}

.team.bord .item:hover .img:after {
    border-color: #12c2e9;
    opacity: 1;
    -webkit-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
}

.team.bord .item .img {
    padding: 30px;
}

.team.bord .item .img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 5px;
    background: transparent;
    border: 1px solid #fff;
    opacity: .1;
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
    z-index: -1;
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}

.team.bord .item .img.left:after {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
}

.team.bord .item .info {
    margin-top: 15px;
    text-align: center;
}

.team.bord .item .info span {
    font-size: 13px;
    color: #12c2e9;
}

.team .slick-dots {
    bottom: -40px;
}

.team .slick-dots li.slick-active button {
    background: #12c2e9;
}

.team .slick-dots li button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    opacity: .8;
}

.team .slick-dots li button:before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 4px;
    line-height: 1;
    background: #12c2e9;
    opacity: 1;
}

.team .dots-half {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70%;
    z-index: -2;
}

#circle {
    position: absolute;
    top: -30%;
    right: -50%;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s;
}

#circle text {
    font-size: 13px;
    letter-spacing: 4px;
}

#circle svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 300px;
    -webkit-animation-name: rotate;
    -moz-animation-name: rotate;
    -ms-animation-name: rotate;
    -o-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-duration: 8s;
    -moz-animation-duration: 8s;
    -ms-animation-duration: 8s;
    -o-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(360deg);
    }
    to {
        -webkit-transform: rotate(0);
    }
}

@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(360deg);
    }
    to {
        -moz-transform: rotate(0);
    }
}

@-ms-keyframes rotate {
    from {
        -ms-transform: rotate(360deg);
    }
    to {
        -ms-transform: rotate(0);
    }
}

@-o-keyframes rotate {
    from {
        -o-transform: rotate(360deg);
    }
    to {
        -o-transform: rotate(0);
    }
}

@keyframes rotate {
    from {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}


/* ====================== [ End Team ] ====================== */


/* ====================== [ Start Testimonials ] ====================== */

.testimonials .container-fluid {
    width: 140%;
    margin-left: -20%;
}

.testimonials .item {
    text-align: left;
    padding: 80px 40px;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    background: -webkit-linear-gradient(323.53deg, #18191d 6.69%, rgba(2, 2, 30, 0) 85.43%);
    background: -o-linear-gradient(323.53deg, #18191d 6.69%, rgba(2, 2, 30, 0) 85.43%);
    background: linear-gradient(126.47deg, #18191d 6.69%, rgba(2, 2, 30, 0) 85.43%);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.testimonials .item.slick-center {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.testimonials .item p {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    padding-left: 30px;
    margin-left: 30px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.testimonials .item .info {
    min-width: 120px;
}

.testimonials .item .info.inf-lrg {
    min-width: 160px;
}

.testimonials .item .info .img {
    width: 80px;
    height: 80px;
    border: 7px solid #25262c;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 20px;
}

.testimonials .item .info .author-name {
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 15px;
}

.testimonials .item .info .author-details {
    font-size: 13px;
}

.testimonials .slick-dots {
    bottom: -30px;
}

.testimonials .slick-dots li {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    border: 1px solid #eee;
}

.testimonials .slick-dots li.slick-active {
    background: #eee;
}

.testimonials .slick-dots li button {
    display: none;
}

.testimonials .arrows {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.testimonials .arrows .container {
    position: relative;
    height: 100%;
}

.testimonials .arrows .next,
.testimonials .arrows .prev {
    position: absolute;
    top: 50%;
    right: -50px;
    width: 50px;
    height: 50px;
    line-height: 55px;
    text-align: center;
    font-size: 20px;
    border: 1px solid #eee;
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.testimonials .arrows .next:hover,
.testimonials .arrows .prev:hover {
    border-color: #12c2e9;
}

.testimonials .arrows .prev {
    right: auto;
    left: -50px;
}

.testimonials:hover .arrows .next,
.testimonials:hover .arrows .prev {
    opacity: 1;
    right: 17%;
}

.testimonials:hover .arrows .prev {
    left: 17%;
}

.testimonials.lftstl .item {
    text-align: left;
}

.testimonials.lftstl .item .info .author .lxleft {
    display: table-cell;
    vertical-align: middle;
}

.testimonials.lftstl .item .info .author .lxleft .img {
    margin: 0;
}

.testimonials.lftstl .item .info .author .fxright {
    display: table-cell;
    padding: 20px;
}

.testimonials.lftstl .slick-dots {
    text-align: right;
}

.block-sec .vid-area {
    position: absolute;
    top: -100px;
    left: 10%;
    padding: 30px 15px;
    background: #ffff;
    text-align: center;
    z-index: 2;
}

.block-sec .vid-area:after {
    content: '';
    position: absolute;
    top: 0px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    background: #fff;
    opacity: .2;
    z-index: -1;
}

.block-sec .vid-area .vid-icon {
    margin-top: 50px;
}

.block-sec .vid-area .vid-icon .vid {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    border: 2px solid #000;
}

.block-sec .vid-area .vid-icon .vid span {
    font-size: 10px;
    color: #000;
}

.block-sec .vid-area .text {
    color: #000;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-top: 30px;
}

.block-sec .testim-box {
    position: relative;
    padding: 80px 40px;
    margin-bottom: -120px;
    z-index: 2;
}

.block-sec .testim-box:after {
    content: "";
    position: absolute;
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -10px;
    background: -webkit-gradient(linear, left top, right top, from(#12c2e9), color-stop(#c471ed), to(#f64f59));
    background: -webkit-linear-gradient(left, #12c2e9, #c471ed, #f64f59);
    background: -o-linear-gradient(left, #12c2e9, #c471ed, #f64f59);
    background: linear-gradient(to right, #12c2e9, #c471ed, #f64f59);
    z-index: -4;
}

.block-sec .testim-box:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: #111215;
    z-index: -1;
}

.block-sec .testim-box .head-box h6 {
    color: #12c2e9;
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 10px;
}

.block-sec .testim-box .head-box h4 {
    margin-bottom: 40px;
}

.block-sec .testim-box .item p {
    font-size: 17px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.block-sec .testim-box .item .info .img {
    display: table-cell;
    vertical-align: middle;
}

.block-sec .testim-box .item .info .img .img-box {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
}

.block-sec .testim-box .item .info .cont {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
}

.block-sec .testim-box .item .info .cont .author-name {
    font-size: 16px;
    margin-bottom: 5px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.block-sec .testim-box .item .info .cont .author-details {
    font-size: 13px;
    font-weight: 300;
    text-transform: uppercase;
}

.block-sec .testim-box .slick-dots {
    text-align: right;
}

.block-sec .testim-box .slick-dots li {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    border: 1px solid #12c2e9;
}

.block-sec .testim-box .slick-dots li.slick-active {
    background: #12c2e9;
}

.block-sec .testim-box .slick-dots li button {
    display: none;
}

.clients-brand .item a {
    width: 80px;
    opacity: .5;
}

.clients-brand .item a:hover {
    opacity: 1;
}


/* ====================== [ End Testimonials ] ====================== */


/* ====================== [ Start Blog ] ====================== */

.blog .item .cont {
    margin-top: 30px;
    position: relative;
    z-index: 2;
}

.blog .item .info {
    margin-bottom: 10px;
    font-size: 12px;
}

.blog .item .info .date {
    margin-right: 15px;
}

.blog .item .info .date span i {
    font-style: normal;
}

.blog .item .info span {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 10px;
    color: #aaa;
}

.blog .item .info .tag {
    margin-left: 15px;
}

.blog .item .info .tag span {
    color: #12c2e9;
}

.blog .item h5 {
    font-size: 28px;
    font-weight: 400;
}

.blog .item .btn-more {
    margin-top: 15px;
    color: #eee;
}

.blog .item .btn-more a {
    font-size: 12px;
    letter-spacing: 2px;
}

.blog-crv .stories {
    position: relative;
    padding: 20px;
}

.blog-crv .controls {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    line-height: 100px;
    text-align: center;
    background: #fff;
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    z-index: 3;
}

.blog-crv .controls:after {
    content: '';
    position: absolute;
    right: -10px;
    top: -10px;
    bottom: -10px;
    left: -10px;
    background: rgba(220, 220, 220, 0.2);
    border-radius: 50%;
    z-index: -1;
}

.blog-crv .controls .swiper-button-next.next-ctrl,
.blog-crv .controls .swiper-button-prev.prev-ctrl {
    position: absolute;
    left: calc(50% - 15px);
    right: auto;
    color: #ccc;
    z-index: 4;
    cursor: pointer;
    font-size: 28px;
    width: 30px;
    height: 30px;
}

.blog-crv .controls .swiper-button-next.next-ctrl:after,
.blog-crv .controls .swiper-button-prev.prev-ctrl:after {
    display: none;
}

.blog-crv .controls .swiper-button-next.next-ctrl {
    top: 22px;
    bottom: auto;
}

.blog-crv .controls .swiper-button-prev.prev-ctrl {
    bottom: 0px;
    top: auto;
}

.blog-crv .controls .swiper-pagination-fraction {
    position: static;
}

.blog-crv .controls .swiper-pagination-fraction span {
    margin: 0 7px;
    font-weight: 600;
    color: #444;
}

.blog-crv .controls .swiper-pagination-fraction .swiper-pagination-current {
    position: relative;
}

.blog-crv .controls .swiper-pagination-fraction .swiper-pagination-current:after {
    content: "/";
    position: absolute;
    right: -11px;
    top: 0;
    font-size: 10px;
    color: #ccc;
}

.blog-crv .item .img {
    border-radius: 3px;
    overflow: hidden;
}

.blog-crv .item .content {
    padding: 30px 65px;
    text-align: center;
}

.blog-crv .item .content .tags {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
    margin-bottom: 20px;
}

.blog-crv .item .content .tags a {
    margin: 0 7px;
}

.blog-crv .item .content .info {
    margin-bottom: 10px;
}

.blog-crv .item .content .info a {
    margin: 0 10px;
    font-weight: 400;
    color: #12c2e9;
    font-size: 13px;
}

.blog-crv .item .content .title {
    margin-bottom: 10px;
}

.blog-crv .item .content .title h4 {
    font-weight: 600;
    line-height: 1.5;
}

.blog-crv .item .content .more a {
    font-size: 14px;
    letter-spacing: 1px;
    margin-top: 20px;
    border-bottom: 1px solid rgba(200, 200, 200, 0.1);
}

.blog-grid .item {
    padding: 40px;
    position: relative;
}

.blog-grid .item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #18191d;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.blog-grid .item.active:after {
    opacity: .85;
}

.blog-grid .item:hover:after {
    opacity: .7;
}

.blog-grid .item .cont {
    position: relative;
    z-index: 2;
}

.sub-bg {
    background: #03192b;
    padding: 30px 0px;
}

.qrt-work-descr a:hover {
    text-decoration: none;
}

.post-info img {
    width: 120px;
}

.swiper-slide {
    max-height: 729px;
    object-fit: cover;
}

.swiper-slide .item .img img {
    transform: inherit !important;
}

.swiper-pagination-fraction {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-right: 0px;
}

.slidingbar-contact-info .contact-info {
    display: flex;
}

.slidingbar-contact-info .contact-info {
    display: flex;
}

.side-bar-text p {
    margin-bottom: 2px;
}

.customer-logos .slick-slide img {
    padding: 15px 15px;
}

.customer-logos .slick-slide {
    height: auto !important;
}

.customer-logos {
    margin-bottom: 25px;
    margin-top: 25px;
}

.customer-images .slick-track {
    display: flex;
    align-items: baseline;
}

.customer-images .slick-slide img {
    padding: 12px;
}

section.customer-images.slider.slick-initialized.slick-slider {
    padding-top: 120px;
}


/* 3/7/2022 */

.about-logo img {
    margin-top: 10px;
    width: 90px;
}

.about-logo {
    position: absolute;
    left: -3px;
    top: -25px;
}

.aboit-heading {
    position: relative;
    margin-bottom: 50px;
}

.circle-anim {
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.site-header .row {
    justify-content: space-between;
}

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

@media screen and (max-width: 1600px) {
    .stories .content h3 {
        color: #fff;
        font-size: 38px;
    }
}

@media screen and (max-width: 1366px) {
    .stories .content h3 {
        color: #fff;
        font-size: 38px;
    }
    .slidingbar-logo img {
        width: 200px;
    }
}

@media screen and (max-width: 1024px) {
    .exhibition-logo img {
        width: 166px;
    }
}

@media screen and (max-width: 991px) {
    .blog-crv .controls {
        top: calc(60% - 50px);
    }
    .blog-crv .item .content {
        margin-top: 90px;
    }
    .profile-content-wraper h2 {
        font-size: 85px;
        color: #fff;
    }
}

@media screen and (max-width: 767px) {
    .blog-crv .controls {
        top: calc(50% - 0px);
    }
    .newsletter-image:before {
        display: none;
    }
    .newsletter-image:after {
        display: none;
    }
    .blog-crv .controls {
        line-height: 85px;
        width: 85px;
        height: 85px;
    }
    .year-item b {
        font-size: 52px !important;
    }
    .stories .content h3 {
        color: #fff;
        font-size: 30px;
    }
    .year-item {
        margin-bottom: 15px;
    }
    .newsletter-image img {
        width: 400px;
    }
    .newsletter-image {
        text-align: center !important;
    }
    .stories .content h3 {
        font-size: 34px;
    }
    .profile-content-wraper {
        padding-right: 0px;
        padding-top: 0;
        padding-bottom: 40px;
    }
    .question-wraper h2 {
        font-size: 18px;
    }
    .footer-post-item .footer-post-text h5 {
        font-size: 14px;
    }
}

@media screen and (max-width: 575px) {
    .section-content__heading.theme-dark h2 {
        font-size: 24px;
    }
    .section-content__heading h2 b {
        font-size: 30px;
    }
    .brand-box img.hover-opac-img {
        max-width: 100px;
    }
    .gtrvyujb {
        max-width: 80%;
    }
    .slide-wrap-img {
        left: 75px;
    }
    .slide-wrap-img h2 {
        font-size: 27px;
    }
    .slide-wrap-img {
        bottom: 37%;
    }
    .image-text h3 span {
        font-size: 15px;
    }
    .profile-content-wraper h2 {
        font-size: 69px;
    }
    .date p {
        font-size: 20px;
    }
}

section#services-home {
    width: 75%;
    text-align: justify;
    margin: 10px auto 10px auto;
}

@media screen and (max-width: 480px) {
    .blog-crv .controls {
        top: calc(42% - 50px);
    }
    .blog-crv .item .content {
        padding: 0;
    }
    .slide-wrap-img h2::after {
        height: 90px;
        left: -56px;
        top: -30px;
    }
    .slide-wrap-img h2 {
        font-size: 24px;
    }
    .footer-post-item .footer-post-text h5 {
        font-size: 12px;
    }
    .nav-logo {
        width: 155px;
    }
}

@media screen and (max-width: 425px) {
    .slide-wrap-img h2 {
        font-size: 21px;
    }
    .slide-wrap-img {
        left: 60px;
    }
}

@media screen and (max-width: 425px) {
    .slide-wrap-img h2 {
        font-size: 18px;
    }
    .slide-wrap-img {
        left: 50px;
    }
}

.circle-anim-logo {
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
    width: 100px;
    position: absolute;
}

.nav-logo .about-logo {
    position: absolute;
    left: 67px;
    top: 0px;
    z-index: -1;
}

.btc_shop_indx_img_wrapper {
    float: left;
    width: 100%;
    /* border: 1px solid #ebebeb; */
    position: relative;
}

.product_img {
    position: relative;
    overflow: hidden;
}

.product_img>a {
    display: block;
}

.product_img>a>img {
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.product_img>a>img.hover-img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: visible;
    z-index: 5;
}

.btc_shop_indx_cont_box_wrapper:hover .product_img>a>img.hover-img {
    opacity: 1;
    visibility: visible;
}


/* .product-sec {
    padding-top: 150px;
} */

.product-col h2 {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    background: #4385f5;
    display: inline-block;
    padding: 10px 30px;
    width: auto;
    margin-bottom: 20px;
}
.product_img img{margin-bottom: 10px;}
.product-sec .input-field input:focus, .product-sec .input-field select:focus{border: solid 1px rgb(67 133 245);}
.product-sec .input-field input,
.product-sec .input-field select {
    border-radius: 30px;
    border: solid 2px rgb(229, 229, 229);
    background-color: rgb(255, 255, 255);
    display: block;
    padding-left: 40px;
    transition: 0.5s ease;
    width: inherit;
    height: inherit;
    font-size: 15px;
    font-family: "Roboto";
    color: rgb(178, 178, 178);
    margin-bottom: 15px;
    position: relative;
    width: 100%;
    height: 50px;
}

.product-form {
    background-color: #ffffff;
    padding: 40px 40px;
    /* padding-top: 180px; */
    padding-bottom: 32px;
    position: sticky;
    top: 0;
    height: 100vh;
}

.product-col {
    padding: 40px 40px;
    /* padding-top: 180px; */
}
.name a {
    color: #fff;
    font-size: 15px;
}
.end_border {
    margin-bottom: 20px;
}

.hiddenCB input[type="checkbox"],
.hiddenCB input[type="radio"] {
  display: none;
  
}

.hiddenCB label {
  
  cursor: pointer;
}

.hiddenCB input[type="checkbox"]+label {
    width: 100%;
    background-color: #4385f5;
    padding: 7px 10px;
    color: #fff;
    font-size: 14px;
}
.hiddenCB input[type="checkbox"]:checked+label {
  background: rgba(0, 128, 128, .4);
}

.hiddenCB input[type="checkbox"]:checked+label{
  background: rgba(0, 128, 128, 0, .7);
}
.product_img {
    position: relative;
}

.add {position: absolute;top: 0;left: 0;}
.btc_shop_indx_cont_box_wrapper { margin-bottom: 20px;}
/* .focus label {
    color: rgb(255,255,255);
    background-color: rgb(118, 80, 224);
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 12px;
    width: fit-content;
    position: relative;
    top: 12px;
    z-index: 1;
}
.focus .input-field input+span:before, .focus .input-field select+span:before {
    font-family: "Font Awesome 5 Free";
    font-size: 12px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    line-height: 33px;
    text-align: center;
    border-radius: 50%;
    background-color: rgb(118, 80, 224);
    width: 33px;
    height: 33px;
    position: absolute;
    left: -16.5px;
    top: 25%;
    z-index: 10;
} */

h3.banner-text {
    text-align: center;
    font-size: 35px;
    margin-bottom: 40px;
}