/** Fonts Roboto **/
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-stretch: 100%;
    font-display: swap;
    src: url("assets/fonts/Roboto/Roboto-Thin.ttf") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    font-stretch: 100%;
    font-display: swap;
    src: url("assets/fonts/Roboto/Roboto-ThinItalic.ttf") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url("assets/fonts/Roboto/Roboto-Light.ttf") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url("assets/fonts/Roboto/Roboto-LightItalic.ttf") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url("assets/fonts/Roboto/Roboto-Regular.ttf") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url("assets/fonts/Roboto/Roboto-Italic.ttf") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url("assets/fonts/Roboto/Roboto-Medium.ttf") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url("assets/fonts/Roboto/Roboto-MediumItalic.ttf") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url("assets/fonts/Roboto/Roboto-Bold.ttf") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url("assets/fonts/Roboto/Roboto-BoldItalic.ttf") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("assets/fonts/Roboto/Roboto-Black.ttf") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("assets/fonts/Roboto/Roboto-BlackItalic.ttf") format('woff2');
}

/** Fonts Plus Jakarta Sans **/

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 200;
    font-stretch: 100%;
    font-display: swap;
    src: url("assets/fonts/PlusJakartaSans/PlusJakartaSans-ExtraLight.ttf");
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 200;
    font-stretch: 100%;
    font-display: swap;
    src: url("assets/fonts/PlusJakartaSans/PlusJakartaSans-ExtraLightItalic.ttf");
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url("assets/fonts/PlusJakartaSans/PlusJakartaSans-Light.ttf");
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url("assets/fonts/PlusJakartaSans/PlusJakartaSans-LightItalic.ttf");
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url("assets/fonts/PlusJakartaSans/PlusJakartaSans-Regular.ttf");
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url("assets/fonts/PlusJakartaSans/PlusJakartaSans-Italic.ttf");
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url("assets/fonts/PlusJakartaSans/PlusJakartaSans-Medium.ttf");
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url("assets/fonts/PlusJakartaSans/PlusJakartaSans-MediumItalic.ttf");
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url("assets/fonts/PlusJakartaSans/PlusJakartaSans-SemiBold.ttf");
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url("assets/fonts/PlusJakartaSans/PlusJakartaSans-SemiBoldItalic.ttf");
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url("assets/fonts/PlusJakartaSans/PlusJakartaSans-Bold.ttf");
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url("assets/fonts/PlusJakartaSans/PlusJakartaSans-BoldItalic.ttf");
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url("assets/fonts/PlusJakartaSans/PlusJakartaSans-ExtraBold.ttf");
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url("assets/fonts/PlusJakartaSans/PlusJakartaSans-ExtraBoldItalic.ttf");
}

/*************** ADD CUSTOM CSS HERE.   ***************/

input[type=email]:focus, 
input[type=number]:focus, 
input[type=password]:focus, 
input[type=search]:focus, 
input[type=tel]:focus, 
input[type=text]:focus, 
select:focus, 
textarea:focus {
    box-shadow: none;
}
.featured-box .icon-box-img img {
    padding-top: 0;
}

body {
    font-size: 15px;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
}

.nav > li > a,
.mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
}

h1,h2,h3,h4,h5,h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical > li > a {
    font-family: "Roboto", sans-serif;
}

.alt-font {
    font-family: "Roboto", sans-serif;
}
.wpcf7-spinner {
    display: none;
}
@-webkit-keyframes pulse {0% {-webkit-transform: scale(1);transform:
    scale(1);}50% {-webkit-transform: scale(1.1);transform: scale(1.1);}100%
    {-webkit-transform: scale(1);transform: scale(1);}}@keyframes pulse {0%
    {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}50%
    {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform:
    scale(1.1);}100% {-webkit-transform: scale(1);-ms-transform: scale(1);transform:
    scale(1);}}@-webkit-keyframes shake {0%, 100% {-webkit-transform:
    translateX(0);transform: translateX(0);}10%, 30%, 50%, 70%, 90%
    {-webkit-transform: translateX(-10px);transform: translateX(-10px);}20%, 40%,
    60%, 80% {-webkit-transform: translateX(10px);transform:
    translateX(10px);}}@keyframes shake {0%, 100% {-webkit-transform:
    translateX(0);-ms-transform: translateX(0);transform: translateX(0);}10%, 30%,
    50%, 70%, 90% {-webkit-transform: translateX(-10px);-ms-transform:
    translateX(-10px);transform: translateX(-10px);}20%, 40%, 60%, 80%
    {-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform:
    translateX(10px);}}@-webkit-keyframes bounce {0%, 100%, 20%, 50%, 80%
    {-webkit-transform: translateY(0);transform: translateY(0);}40%
    {-webkit-transform: translateY(-30px);transform: translateY(-30px);}60%
    {-webkit-transform: translateY(-15px);transform: translateY(-15px);}}@keyframes
    bounce {0%, 100%, 20%, 50%, 80% {-webkit-transform: translateY(0);-ms-transform:
    translateY(0);transform: translateY(0);}40% {-webkit-transform:
    translateY(-30px);-ms-transform: translateY(-30px);transform:
    translateY(-30px);}60% {-webkit-transform: translateY(-15px);-ms-transform:
    translateY(-15px);transform: translateY(-15px);}}@-webkit-keyframes flash {0%,
    100%, 50% {opacity: 1;}25%, 75% {opacity: 0;}}@keyframes flash {0%, 100%, 50%
    {opacity: 1;}25%, 75% {opacity: 0;}}@-webkit-keyframes fadeInUp {0% {opacity:
    0;-webkit-transform: translateY(20px);transform: translateY(20px);}100%
    {opacity: 1;-webkit-transform: translateY(0);transform:
    translateY(0);}}@keyframes fadeInUp {0% {opacity: 0;-webkit-transform:
    translateY(20px);-ms-transform: translateY(20px);transform:
    translateY(20px);}100% {opacity: 1;-webkit-transform:
    translateY(0);-ms-transform: translateY(0);transform:
    translateY(0);}}@-webkit-keyframes fadeInDown {0% {opacity: 0;-webkit-transform:
    translateY(-20px);transform: translateY(-20px);}100% {opacity:
    1;-webkit-transform: translateY(0);transform: translateY(0);}}@keyframes
    fadeInDown {0% {opacity: 0;-webkit-transform: translateY(-20px);-ms-transform:
    translateY(-20px);transform: translateY(-20px);}100% {opacity:
    1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform:
    translateY(0);}}@-webkit-keyframes fadeInLeft {0% {opacity: 0;-webkit-transform:
    translateX(-20px);transform: translateX(-20px);}100% {opacity:
    1;-webkit-transform: translateX(0);transform: translateX(0);}}@keyframes
    fadeInLeft {0% {opacity: 0;-webkit-transform: translateX(-20px);-ms-transform:
    translateX(-20px);transform: translateX(-20px);}100% {opacity:
    1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform:
    translateX(0);}}@-webkit-keyframes fadeInRight {0% {opacity:
    0;-webkit-transform: translateX(20px);transform: translateX(20px);}100%
    {opacity: 1;-webkit-transform: translateX(0);transform:
    translateX(0);}}@keyframes fadeInRight {0% {opacity: 0;-webkit-transform:
    translateX(40px);-ms-transform: translateX(40px);transform:
    translateX(40px);}100% {opacity: 1;-webkit-transform:
    translateX(0);-ms-transform: translateX(0);transform: translateX(0);}}