/* Custom Hero Row */
.custom-hero-row {
    min-height: calc(100vh - 100px);
}

/* Custom Elements */
.custom-element-wrapper {
    position: absolute;
}

.custom-element-wrapper.custom-element-1 {
    top: 25%;
    left: 45%;
    width: 300px;
    height: 300px;
}

.custom-element-wrapper.custom-element-1 .custom-element {
    background: transparent;
    border: 3px solid var(--primary);
    opacity: 0.05;
    width: 100%;
    height: 100%;
    border-radius: 25px;
}

.custom-element-wrapper.custom-element-2 {
    top: 45%;
    left: 62%;
    width: 150px;
    height: 150px;
}

.custom-element-wrapper.custom-element-2 .custom-element {
    background: var(--primary);
    opacity: 0.05;
    width: 100%;
    height: 100%;
    border-radius: 25px;
}

.custom-element-wrapper.custom-element-3 {
    top: 57%;
    left: 70%;
    width: 100px;
    height: 100px;
}

.custom-element-wrapper.custom-element-3 .custom-element {
    background: transparent;
    border: 3px solid var(--primary);
    opacity: 0.05;
    width: 100%;
    height: 100%;
    border-radius: 25px;
}

.custom-element-wrapper.custom-element-4 {
    top: 57%;
    left: 44%;
    width: 100px;
    height: 100px;
}

.custom-element-wrapper.custom-element-4 .custom-element {
    background: var(--primary);
    opacity: 0.03;
    width: 100%;
    height: 100%;
    border-radius: 25px;
}

.custom-element-wrapper.custom-element-5 {
    top: 18%;
    left: 7%;
    width: 450px;
    height: 450px;
}

.custom-element-wrapper.custom-element-5 .custom-element {
    background: var(--secondary);
    width: 100%;
    height: 100%;
    border-radius: 25px;
}

@media (min-width: 768px) {
    .custom-element-wrapper.custom-element-5 {
        top: 18%;
        left: 15%;
    }
}

@media (min-width: 992px) {
    .custom-element-wrapper.custom-element-5 {
        top: 27%;
        left: 22%;
    }
}

@media (min-width: 1200px) {
    .custom-element-wrapper.custom-element-5 {
        top: 22%;
        left: 22%;
    }
}

@media (min-width: 1400px) {
    .custom-element-wrapper.custom-element-5 {
        top: 27%;
        left: 78%;
    }
}

.custom-element-wrapper.custom-element-6 {
    width: 160px;
    height: 160px;
    top: 22.2%;
    right: -8%;
}

.custom-element-wrapper.custom-element-7 {
    width: 160px;
    height: 160px;
    top: 58.2%;
    right: -38%;
}

.custom-element-wrapper.custom-element-8 {
    top: -5%;
    left: -6%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 77.2% 100%, 0 54%);
}

@media (min-width: 768px) {
    .custom-element-wrapper.custom-element-8 {
        top: -5%;
        left: 5%;
    }
}

@media (min-width: 992px) {
    .custom-element-wrapper.custom-element-8 {
        top: 5%;
        left: 5%;
    }
}

@media (min-width: 1200px) {
    .custom-element-wrapper.custom-element-8 {
        top: 0%;
        left: 10%;
    }
}

@media (min-width: 1400px) {
    .custom-element-wrapper.custom-element-8 {
        top: 5%;
        left: 63%;
    }
}

.custom-element-wrapper.custom-element-9 {
    width: 160px;
    height: 160px;
    top: 5%;
    left: 7%;
}

.custom-element-wrapper.custom-element-10 {
    width: 160px;
    height: 160px;
    top: 65%;
    right: 10%;
}

.custom-element-wrapper.custom-element-11 {
    display: inline-block;
}

.custom-element-wrapper.custom-element-11 img {
    border-radius: 25px;
}

.custom-element-wrapper.custom-element-11:before {
    display: block;
    content: "";
    position: absolute;
    top: 30px;
    left: -30px;
    background: var(--primary);
    border-radius: 25px;
    width: 100%;
    height: 100%;
    z-index: -1;
}

/* Page Header */
.page-header {
    padding-top: 153px;
    padding-bottom: 0;
}

.page-header .container:before {
    content: "";
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.06);
    position: absolute;
}

/* Breadcrumb */
.breadcrumb li {
    font-weight: 600;
    letter-spacing: 1px;
}

.breadcrumb > li + li:before {
    padding: 0 7px 0 7px;
}

/* Side Panel */
html.side-panel .body:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: var(--dark-rgba-50);
	opacity: 0;
	visibility: hidden;
	z-index: 9998;
	transition: ease opacity 300ms;
}

html.side-panel .side-panel-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 660px;
	height: 100vh;
	background: var(--light);
	padding: 32px;
	padding: 2rem;
	box-shadow: 0px 0px 30px -13px rgba(0, 0, 0, 0.2);
	overflow-y: auto;
	transform: translate3d(-100%, 0, 0);
	transition: ease transform 300ms;
	z-index: 9999;
}

html.side-panel .side-panel-wrapper .side-panel-close {
	position: absolute;
	top: 0;
	right: 0;
}

html.side-panel.side-panel-push .body {
	transform: translate3d(0, 0, 0);
	transition: ease transform 300ms;
}

html.side-panel.side-panel-right .side-panel-wrapper {
	left: auto;
	right: 0;
	transform: translate3d(100%, 0, 0);
}

html.side-panel.side-panel-without-overlay .body:before {
	content: none;
}

html.side-panel.side-panel-open .body:before {
	opacity: 1;
	visibility: visible;
}

html.side-panel.side-panel-open .side-panel-wrapper {
	transform: translate3d(0, 0, 0);
}

html.side-panel.side-panel-open.side-panel-push .body {
	transform: translate3d(300px, 0, 0);
}

html.side-panel.side-panel-open.side-panel-push.side-panel-right .body {
	transform: translate3d(-300px, 0, 0);
}
.contact-form .form-control {
    background: #f4f4f4 !important;
    border-radius: 10px !important;
    height: auto !important;
    padding: 9px 10px !important;
    border: 2px solid #80808042 !important;
}
.form-group {
    margin-bottom: .5rem !important;
}

.custom-card-style-1 .custom-card-style-1-image-wrapper img {
    transform: translate3d(5px, -5px, 0);
    transition: ease transform 300ms;
}

.custom-card-style-1 .custom-card-style-1-title,
.custom-card-style-1 .custom-card-style-1-link {
    transition: ease color 300ms;
}

.custom-card-style-1:hover .custom-card-style-1-image-wrapper img {
    transform: translate3d(0, 0, 0);
}

.desc-prod {
	min-height: 107px;
}

    /* General */
    :root {
        --border-radius: 4px;
        --border-radius2x: 8px;
        --default: #777;
    }

	/* General */
:root {
  --border-radius: 4px;
  --border-radius2x: 8px;
  --default: #777;
}
/* Skin Colors */
:root {
  --primary: #0052CC;
  --primary-100: #0048b3;
  --primary-200: #0043a6;
  --primary-300: #003d99;
  --primary--100: #005ce6;
  --primary--200: #0061f2;
  --primary--300: #0066ff;
  --primary-rgba-0: rgba(0, 82, 204, 0);
  --primary-rgba-10: rgba(0, 82, 204, 0.1);
  --primary-rgba-20: rgba(0, 82, 204, 0.2);
  --primary-rgba-30: rgba(0, 82, 204, 0.3);
  --primary-rgba-40: rgba(0, 82, 204, 0.4);
  --primary-rgba-50: rgba(0, 82, 204, 0.5);
  --primary-rgba-60: rgba(0, 82, 204, 0.6);
  --primary-rgba-70: rgba(0, 82, 204, 0.7);
  --primary-rgba-80: rgba(0, 82, 204, 0.8);
  --primary-rgba-90: rgba(0, 82, 204, 0.9);
  --secondary: #222529;
  --secondary-100: #16181b;
  --secondary-200: #111214;
  --secondary-300: #0b0c0d;
  --secondary--100: #2e3237;
  --secondary--200: #33383e;
  --secondary--300: #393e45;
  --secondary-rgba-0: rgba(34, 37, 41, 0);
  --secondary-rgba-10: rgba(34, 37, 41, 0.1);
  --secondary-rgba-20: rgba(34, 37, 41, 0.2);
  --secondary-rgba-30: rgba(34, 37, 41, 0.3);
  --secondary-rgba-40: rgba(34, 37, 41, 0.4);
  --secondary-rgba-50: rgba(34, 37, 41, 0.5);
  --secondary-rgba-60: rgba(34, 37, 41, 0.6);
  --secondary-rgba-70: rgba(34, 37, 41, 0.7);
  --secondary-rgba-80: rgba(34, 37, 41, 0.8);
  --secondary-rgba-90: rgba(34, 37, 41, 0.9);
  --tertiary: #E1ECF9;
  --tertiary-100: #ccdff5;
  --tertiary-200: #c1d8f3;
  --tertiary-300: #b6d1f1;
  --tertiary--100: #f6f9fd;
  --tertiary--200: #ffffff;
  --tertiary--300: #ffffff;
  --tertiary-rgba-0: rgba(225, 236, 249, 0);
  --tertiary-rgba-10: rgba(225, 236, 249, 0.1);
  --tertiary-rgba-20: rgba(225, 236, 249, 0.2);
  --tertiary-rgba-30: rgba(225, 236, 249, 0.3);
  --tertiary-rgba-40: rgba(225, 236, 249, 0.4);
  --tertiary-rgba-50: rgba(225, 236, 249, 0.5);
  --tertiary-rgba-60: rgba(225, 236, 249, 0.6);
  --tertiary-rgba-70: rgba(225, 236, 249, 0.7);
  --tertiary-rgba-80: rgba(225, 236, 249, 0.8);
  --tertiary-rgba-90: rgba(225, 236, 249, 0.9);
  --quaternary: #F4F9FD;
  --quaternary-100: #deedf9;
  --quaternary-200: #d4e7f7;
  --quaternary-300: #c9e1f5;
  --quaternary--100: #ffffff;
  --quaternary--200: #ffffff;
  --quaternary--300: #ffffff;
  --quaternary-rgba-0: rgba(244, 249, 253, 0);
  --quaternary-rgba-10: rgba(244, 249, 253, 0.1);
  --quaternary-rgba-20: rgba(244, 249, 253, 0.2);
  --quaternary-rgba-30: rgba(244, 249, 253, 0.3);
  --quaternary-rgba-40: rgba(244, 249, 253, 0.4);
  --quaternary-rgba-50: rgba(244, 249, 253, 0.5);
  --quaternary-rgba-60: rgba(244, 249, 253, 0.6);
  --quaternary-rgba-70: rgba(244, 249, 253, 0.7);
  --quaternary-rgba-80: rgba(244, 249, 253, 0.8);
  --quaternary-rgba-90: rgba(244, 249, 253, 0.9);
  --dark: #212529;
  --dark-100: #16181b;
  --dark-200: #101214;
  --dark-300: #0a0c0d;
  --dark--100: #2c3237;
  --dark--200: #32383e;
  --dark--300: #383f45;
  --dark-rgba-0: rgba(33, 37, 41, 0);
  --dark-rgba-10: rgba(33, 37, 41, 0.1);
  --dark-rgba-20: rgba(33, 37, 41, 0.2);
  --dark-rgba-30: rgba(33, 37, 41, 0.3);
  --dark-rgba-40: rgba(33, 37, 41, 0.4);
  --dark-rgba-50: rgba(33, 37, 41, 0.5);
  --dark-rgba-60: rgba(33, 37, 41, 0.6);
  --dark-rgba-70: rgba(33, 37, 41, 0.7);
  --dark-rgba-80: rgba(33, 37, 41, 0.8);
  --dark-rgba-90: rgba(33, 37, 41, 0.9);
  --light: #FFF;
  --light-100: #f2f2f2;
  --light-200: #ececec;
  --light-300: #e6e6e6;
  --light--100: #ffffff;
  --light--200: #ffffff;
  --light--300: #ffffff;
  --light-rgba-0: rgba(255, 255, 255, 0);
  --light-rgba-10: rgba(255, 255, 255, 0.1);
  --light-rgba-20: rgba(255, 255, 255, 0.2);
  --light-rgba-30: rgba(255, 255, 255, 0.3);
  --light-rgba-40: rgba(255, 255, 255, 0.4);
  --light-rgba-50: rgba(255, 255, 255, 0.5);
  --light-rgba-60: rgba(255, 255, 255, 0.6);
  --light-rgba-70: rgba(255, 255, 255, 0.7);
  --light-rgba-80: rgba(255, 255, 255, 0.8);
  --light-rgba-90: rgba(255, 255, 255, 0.9);
}
/* Skin Colors - Inverse */
:root {
  --primary-inverse: #FFF;
  --secondary-inverse: #FFF;
  --tertiary-inverse: #777;
  --quaternary-inverse: #777;
  --dark-inverse: #FFF;
  --light-inverse: #777;
}
/* Grey Colors */
:root {
  --grey: #969696;
  --grey-100: #f4f4f4;
  --grey-200: #eaeaea;
  --grey-300: #e5e5e5;
  --grey-400: #e0e0e0;
  --grey-500: #dbdbdb;
  --grey-600: #cecece;
  --grey-700: #c1c1c1;
  --grey-800: #a8a8a8;
  --grey-900: #8e8e8e;
  --grey-1000: #757575;
}


    /* Skin Colors */
    :root {
       --primary: #3e407a;
    --primary-100: #1f224e;
    --primary-200: #272958;
    --primary-300: #212450;
    --primary--100: #3e407a;
    --primary--200: #323460;
    --primary--300: #26295c;
        --primary-rgba-0: rgba(50, 136, 196, 0);
        --primary-rgba-10: rgba(50, 136, 196, 0.1);
        --primary-rgba-20: rgba(50, 136, 196, 0.2);
        --primary-rgba-30: rgba(50, 136, 196, 0.3);
        --primary-rgba-40: rgba(50, 136, 196, 0.4);
        --primary-rgba-50: rgba(50, 136, 196, 0.5);
        --primary-rgba-60: rgba(50, 136, 196, 0.6);
        --primary-rgba-70: rgba(50, 136, 196, 0.7);
        --primary-rgba-80: rgba(50, 136, 196, 0.8);
        --primary-rgba-90: rgba(50, 136, 196, 0.9);
        --secondary: #222529;
        --secondary-100: #16181b;
        --secondary-200: #111214;
        --secondary-300: #0b0c0d;
        --secondary--100: #2e3237;
        --secondary--200: #33383e;
        --secondary--300: #393e45;
        --secondary-rgba-0: rgba(34, 37, 41, 0);
        --secondary-rgba-10: rgba(34, 37, 41, 0.1);
        --secondary-rgba-20: rgba(34, 37, 41, 0.2);
        --secondary-rgba-30: rgba(34, 37, 41, 0.3);
        --secondary-rgba-40: rgba(34, 37, 41, 0.4);
        --secondary-rgba-50: rgba(34, 37, 41, 0.5);
        --secondary-rgba-60: rgba(34, 37, 41, 0.6);
        --secondary-rgba-70: rgba(34, 37, 41, 0.7);
        --secondary-rgba-80: rgba(34, 37, 41, 0.8);
        --secondary-rgba-90: rgba(34, 37, 41, 0.9);
        --tertiary: #E1ECF9;
        --tertiary-100: #ccdff5;
        --tertiary-200: #c1d8f3;
        --tertiary-300: #b6d1f1;
        --tertiary--100: #f6f9fd;
        --tertiary--200: #ffffff;
        --tertiary--300: #ffffff;
        --tertiary-rgba-0: rgba(225, 236, 249, 0);
        --tertiary-rgba-10: rgba(225, 236, 249, 0.1);
        --tertiary-rgba-20: rgba(225, 236, 249, 0.2);
        --tertiary-rgba-30: rgba(225, 236, 249, 0.3);
        --tertiary-rgba-40: rgba(225, 236, 249, 0.4);
        --tertiary-rgba-50: rgba(225, 236, 249, 0.5);
        --tertiary-rgba-60: rgba(225, 236, 249, 0.6);
        --tertiary-rgba-70: rgba(225, 236, 249, 0.7);
        --tertiary-rgba-80: rgba(225, 236, 249, 0.8);
        --tertiary-rgba-90: rgba(225, 236, 249, 0.9);
        --quaternary: #f7f4fd;
        --quaternary-100: #deedf9;
        --quaternary-200: #d4e7f7;
        --quaternary-300: #c9e1f5;
        --quaternary--100: #ffffff;
        --quaternary--200: #ffffff;
        --quaternary--300: #ffffff;
        --quaternary-rgba-0: rgba(244, 249, 253, 0);
        --quaternary-rgba-10: rgba(244, 249, 253, 0.1);
        --quaternary-rgba-20: rgba(244, 249, 253, 0.2);
        --quaternary-rgba-30: rgba(244, 249, 253, 0.3);
        --quaternary-rgba-40: rgba(244, 249, 253, 0.4);
        --quaternary-rgba-50: rgba(244, 249, 253, 0.5);
        --quaternary-rgba-60: rgba(244, 249, 253, 0.6);
        --quaternary-rgba-70: rgba(244, 249, 253, 0.7);
        --quaternary-rgba-80: rgba(244, 249, 253, 0.8);
        --quaternary-rgba-90: rgba(244, 249, 253, 0.9);
        --dark: #212529;
        --dark-100: #16181b;
        --dark-200: #101214;
        --dark-300: #0a0c0d;
        --dark--100: #2c3237;
        --dark--200: #32383e;
        --dark--300: #383f45;
        --dark-rgba-0: rgba(33, 37, 41, 0);
        --dark-rgba-10: rgba(33, 37, 41, 0.1);
        --dark-rgba-20: rgba(33, 37, 41, 0.2);
        --dark-rgba-30: rgba(33, 37, 41, 0.3);
        --dark-rgba-40: rgba(33, 37, 41, 0.4);
        --dark-rgba-50: rgba(33, 37, 41, 0.5);
        --dark-rgba-60: rgba(33, 37, 41, 0.6);
        --dark-rgba-70: rgba(33, 37, 41, 0.7);
        --dark-rgba-80: rgba(33, 37, 41, 0.8);
        --dark-rgba-90: rgba(33, 37, 41, 0.9);
        --light: #FFF;
        --light-100: #f2f2f2;
        --light-200: #ececec;
        --light-300: #e6e6e6;
        --light--100: #ffffff;
        --light--200: #ffffff;
        --light--300: #ffffff;
        --light-rgba-0: rgba(255, 255, 255, 0);
        --light-rgba-10: rgba(255, 255, 255, 0.1);
        --light-rgba-20: rgba(255, 255, 255, 0.2);
        --light-rgba-30: rgba(255, 255, 255, 0.3);
        --light-rgba-40: rgba(255, 255, 255, 0.4);
        --light-rgba-50: rgba(255, 255, 255, 0.5);
        --light-rgba-60: rgba(255, 255, 255, 0.6);
        --light-rgba-70: rgba(255, 255, 255, 0.7);
        --light-rgba-80: rgba(255, 255, 255, 0.8);
        --light-rgba-90: rgba(255, 255, 255, 0.9);
    }

    /* Skin Colors - Inverse */
    :root {
        --primary-inverse: #FFF;
        --secondary-inverse: #FFF;
        --tertiary-inverse: #777;
        --quaternary-inverse: #777;
        --dark-inverse: #FFF;
        --light-inverse: #777;
    }

    /* Grey Colors */
    :root {
        --grey: #969696;
        --grey-100: #f4f4f4;
        --grey-200: #eaeaea;
        --grey-300: #e5e5e5;
        --grey-400: #e0e0e0;
        --grey-500: #dbdbdb;
        --grey-600: #cecece;
        --grey-700: #c1c1c1;
        --grey-800: #a8a8a8;
        --grey-900: #8e8e8e;
        --grey-1000: #757575;
    }

    .less-error-message ul,
    .less-error-message li {
        list-style-type: none;
        margin-right: 15px;
        padding: 4px 0;
        margin: 0;
    }

    .less-error-message label {
        font-size: 12px;
        margin-right: 15px;
        padding: 4px 0;
        color: #cc7777;
    }

    .less-error-message pre {
        color: #dd6666;
        padding: 4px 0;
        margin: 0;
        display: inline-block;
    }

    .less-error-message pre.line {
        color: #ff0000;
    }

    .less-error-message h3 {
        font-size: 20px;
        font-weight: bold;
        padding: 15px 0 5px 0;
        margin: 0;
    }

    .less-error-message a {
        color: #10a
    }

    .less-error-message .error {
        color: red;
        font-weight: bold;
        padding-bottom: 2px;
        border-bottom: 1px dashed red;
    }