/*------------------------------------------------
Global Reset - Resets all browser defaults to
-------------------------------------------------- */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.eot');
    src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/Montserrat-Light.woff') format('woff'),
        url('../fonts/Montserrat-Light.ttf') format('truetype'),
        url('../fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Black.eot');
    src: url('../fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Black.woff2') format('woff2'),
        url('../fonts/Montserrat-Black.woff') format('woff'),
        url('../fonts/Montserrat-Black.ttf') format('truetype'),
        url('../fonts/Montserrat-Black.svg#Montserrat-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBold.eot');
    src: url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraBold.woff') format('woff'),
        url('../fonts/Montserrat-ExtraBold.ttf') format('truetype'),
        url('../fonts/Montserrat-ExtraBold.svg#Montserrat-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.ttf') format('truetype'),
        url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.eot');
    src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff'),
        url('../fonts/Montserrat-Medium.ttf') format('truetype'),
        url('../fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.eot');
    src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBold.woff') format('woff'),
        url('../fonts/Montserrat-SemiBold.ttf') format('truetype'),
        url('../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype'),
        url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Thin.eot');
    src: url('../fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Thin.woff2') format('woff2'),
        url('../fonts/Montserrat-Thin.woff') format('woff'),
        url('../fonts/Montserrat-Thin.ttf') format('truetype'),
        url('../fonts/Montserrat-Thin.svg#Montserrat-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}



/*------------------------------------------------
Basic
-------------------------------------------------- */
html {
    scroll-behavior: smooth;
}

body {
	background: #fff;
	color: #5e5e5e;
	overflow-x:hidden;
	font-size: 100%;
}
body, input, select, textarea {
	font-family:'Montserrat', sans-serif, Arial, Helvetica, sans-serif ;
	font-size: 0.95rem;
	font-weight:500;
	line-height: 1.55em;
}
a {
	color: #1d1d1d;
	text-decoration: none;
	transition-property: color;
 	transition-duration: .4s;
	-webkit-transition-duration:0.4s;
	transition-timing-function: ease-in-out, ease-out;
	outline:none;
}
a:hover {
	color:#000;
	text-decoration: none;
}
p a:hover {
	text-decoration:underline;
}

.button, button, [type="button"], [type="reset"], [type="submit"] {
	transition-property: color;
	transition-property: background-color;
	transition-property: border;
    transition-duration: .4s;
    -webkit-transition-duration: 0.4s;
    transition-timing-function: ease-in-out, ease-out;
}

strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}
p {
	margin: 0 0 20px 0;
	line-height: 1.65;
	font-weight:500;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
	line-height: 1em;
	margin: 0 0 1em 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
	text-decoration: none;
}
h1 {
	font-size: 2em;
	line-height: 1.5em;
}
h2 {
	font-size: 1.5em;
	line-height: 1.5em;
}
h3 {
	font-size: 1.25em;
	line-height: 1.5em;
}
h4 {
	font-size: 1em;
	line-height: 1.5em;
}
h5 {
	font-size: 0.9em;
	line-height: 1.5em;
}
h6 {
	font-size: 0.7em;
	line-height: 1.5em;
}
.align-left {
	text-align: left;
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}
/*------------------------------------------------
structure
-------------------------------------------------- */

.container {
	max-width:1400px;
	width:100%;
    padding-right:15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	box-sizing: border-box;
}

.container-fluid {
	max-width:100%;
	width:100%;
    padding-right:15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	box-sizing: border-box;
}

.row {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
	box-sizing: border-box;
}
.row-jus-center {
    justify-content: center;
}
.row-jus-bet {
    justify-content: space-between;
}

.row-reverse {
    flex-direction: row-reverse;
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8,
.col-9, .col-10, .col-11, .col-12{
	position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
	width:100%;
}

.no-gutters {
    margin-right: auto;
    margin-left: auto;
	padding:0;
}
*, ::after, ::before {
    box-sizing: border-box;
}
/*------------------------------------------------
Header
-------------------------------------------------- */
.header {
	width:100%;
	z-index:99999;
	display:flex;
	flex-wrap:wrap;
	transition-duration: .4s;
    -webkit-transition-duration: 0.4s;
    transition-timing-function: ease-in-out,ease-out;
    box-sizing: border-box;
	position: -webkit-sticky;
    position: fixed;
	padding:35px 0;
}
.header .row {
	justify-content: space-between;
}
.header .container {
	position:relative;
}


.header .logo-link {
	margin-left: 15px;
	position: relative;
	top: 10px;
}




.header, .header.sticky, .mobile-header.sticky{
	top:0;
	padding: 10px 0;
	background:#fff;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.10);
	box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.10);
}
.header .logo-link img {
	width: 58%;
}
.header.sticky .logo-link img {
	width: 50%;
}


.menu-right-bar  {
	width:48%;
	text-align: left;
    display: flex;
    justify-content: flex-end;
    align-items: center;
	margin-right:20px;
}

.header.sticky .menu #menu-button.menu-opened {
    top: 24px;
}
.header.sticky .burger-menu {
	top:22px;
}




.scrollup {
    display: none;
    width: 48px;
    height: 48px;
    position: fixed;
    right: 10px;
    bottom: 80px;
    text-indent: -9009px;
    z-index: 9;
    background: url(../img/scroll-up.svg) no-repeat left top;
	background-size:48px;
}

/* Mobile header /////////////////*/
.mobile-header {
	width:100%;
	z-index:99;
	display:flex;
	flex-wrap:wrap;
	transition-duration: .4s;
    -webkit-transition-duration: 0.4s;
    transition-timing-function: ease-in-out,ease-out;
    box-sizing: border-box;
	position: -webkit-sticky;
    position: fixed;
	padding:30px 0 10px;
	display:none;
    box-sizing: border-box;
}


.toggle {
	z-index:999;
	text-transform:uppercase;
	cursor:pointer;
	width:100%;
	box-sizing: border-box;
}
.toggle i {
	background:url(../img/menu-toggle.png) no-repeat left top;
	width:43px;
	height:32px;
	display:block;
	position:absolute;   
    right: 20px;
    top: 34px;
}

.mobile-header .mega-link {
	font-size:20px;
	font-weight:600;
	padding:10px 30px;
	text-align:center;
	color:#fff;
	width:50%;
	display:block;
	background:#bfc853;
}
.submenu-open {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	background:rgba(28,23,23,0.9);
	text-align:right;
	padding:18px 30px;
	display:flex;
	justify-content: space-between;
    align-items: center;
	z-index:99;
	display:none;
}
.close {
	position:absolute;
	top: 46px;
    right: 27px;
	background:url(../img/i-close.png) no-repeat left top;
	width:41px;
	height:41px;
	display:block;
}
.close:hover {
	background:url(../img/i-close-h.png) no-repeat left top;
}

.submenu-open ul {
	list-style:none;
	margin:34px 100px 0 0;
	padding:0;
	float:right;
}
.submenu-open ul li {
	display:inline;
	margin:0 10px;
	font:600 16px 'Montserrat', sans-serif;
	text-transform:uppercase;
}
.submenu-open ul li a,
.submenu-open ul li.close a:hover {
	color:#fff;
}
.submenu-open ul li a:hover,
.submenu-open ul li.close a {
	color:#c5965a;
}
.submenu-open ul li.close {
	font-size:30px;
}






/* Main Banner //////////////////////////////////////*/

.slider-banner {
	width:100%;
	margin: 0 auto;
	/*height:80vh;*/
	/*max-height: 910px;*/
	position: relative;
	background: #fff;
}
.slider-banner .btn-red {
	margin-right:20px;	
}

.slider-banner .container {
	padding-top:200px;
}
.slider-banner .container img {
	max-width:80%;	
}

#slider-banner #slider-banner-list li .slide-content .col-7 {
	text-align:center;
	padding-bottom:5px;
	position:relative;	
}
#slider-banner #slider-banner-list li .slide-content .col-7 img {
	width:70%;
}

#slider-banner li .slide-content .col-7 .bulb {
	position: absolute;
    left: 39%;
    top: 21%;
    z-index: 1;
}
#slider-banner li .slide-content .col-7 .aa-text {
    position: absolute;
    left: 5%;
    top: 8%;
    z-index: 0;
}
#slider-banner li .slide-content .col-7 .slide1-img {
	position:relative;
	z-index:2;	
}



#slider-banner {
	width: 100%;
	height: 100%;
/*	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: 0 auto;
	z-index: 2;*/
	
}
.slider-banner.large {
	height: 60vh;
	max-height: 590px;
}

.slider-banner.small {
	height: 30vh;
	max-height: 590px;
}
.slider-banner .slide-img1 {
	position:relative;
	bottom:20px;
	text-align:center;	
}
.slider-banner .slide-img2 {
	position:relative;
	bottom:20px;
	text-align:center;	
}

#slider-banner .splide__arrow--prev {
    background: url(../img/arrow-left.png) no-repeat 0;
    background-size:60px 44px;
}
.splide__arrow {
	width:60px;
	height:44px;
	z-index:999;
	opacity:0.5;
	transition: all 0.3s;
	transform: scale(0.6);	
}
#slider-banner .splide__arrow--next {
   background: url(../img/arrow-right.png) no-repeat 0;
    background-size:60px 44px;
}


#slider-banner.splide,
#slider-banner .splide__track,
#slider-banner .splide__list,
#slider-banner .splide__slide {
	
}

/*.slider-banner .slide-content {
	position:absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
	width:100%;
	z-index: 9999;
}*/
.slider-banner.slide-fix-height .slide-content {
	top:50%;
	transform: translateY(-50%);
	height:100%;
}

.slider-banner .slide-content h1 {
	margin:35px 0 30px;
	padding:0 0 0 20px;
	font-size:1.75rem;
	font-family: 'Montserrat', serif;
	font-weight: 500;
	line-height:1.2;
	color:#000;
	position:relative;
}

.slider-banner .slide-content p {
	margin:0 0 30px;
	padding:0 0 0 20px;
	font-size:1rem;
	font-weight:500;
	color:#5e5e5e;
	position:relative;
}
.slider-banner .slide-content p.sub-line {
	margin:0;
	padding:0;
	font-size:1.5rem;
	font-style:italic;
	color:#f1f1f1;
	letter-spacing:1px;
	position:absolute;
	right:10px;
	bottom:-120%;

}
.slider-banner .btn-bar {
	padding-top:20px;	
}

#slider-banner #slider-banner-list li .slide-content {
	background:#fff;
	height:80vh;
	border-bottom:3px solid #ccc;
}

.slider-banner .slide-content a.btn {
	display:inline-block;
	padding:10px 0;
	font-size:1rem;
	letter-spacing: 2px;
	font-weight:600;
	color:#fff;
	background:none;
	border-bottom: 1px solid #f5f5f5;
	transition: all 0.3s;
	text-transform:uppercase;

}
.slider-banner .slide-content a:hover.btn {
	padding: 10px 40px;
	border-width: 1px;
	border: 1px solid #f5f5f5;
}

#slider-banner .splide__pagination {
	z-index:9;
    bottom: -35px;
}
#slider-banner .splide__pagination__page.is-active,
#slider-banner .splide__pagination__page:hover {
    transform: scale(1);
    background: #ccc;
	opacity:1;
}
#slider-banner .splide__pagination__page {
    display: inline-block;
    width: 10px;
    height: 10px;
	background: #000;
}



.splide__arrow svg { display:none; }


 /*------------------------------------------------------------------------------------------------
					Home Page
------------------------------------------------------------------------------------------------ */
.spacer-one {
	padding:50px 0;
}
.spacer-top {
	margin-top:40px;
}
.spacer-two {
	padding-top:70px;
	padding-bottom:70px;
}

/*.about {
	padding-top:220px;	
}*/
.about  img{
	max-width:100%;
}
.about h2 {
	margin:0 ;
	padding:0;
	font-size:1.75rem;
	font-weight:700;
	color:#000;
	position:relative;
	text-align:center;
}
.about h2 span {
	color:#f40706;	
}
.about p.sub-line {
	margin:0 0 20px;
	padding:0;
	font-weight:600;
	font-size:1rem;
	color:#010101;
	text-align:center;
}

.about p {
	position: relative;
    top: 30%;
	margin:0 0 20px;
	padding:0;
	font-weight:500;
	font-size:1rem;
	color:#5e5e5e;
	
}
.highlight {
	color:#c19f35;
	text-transform:uppercase;	
}




a.btn-white {
	display:inline-block;
	padding:10px 20px;
	font-size:1rem;
	letter-spacing: 2px;
	font-weight:600;
	color:#081535;
	background:none;
	border: 1px solid #373737;
	transition: all 0.3s;
	border-radius:5px;
	text-transform:uppercase;

}
a:hover.btn-white {
	color:#f40706;
	text-decoration:none;
	border: 1px solid #f40706;
}

.btn-red {
	display:inline-block;
	padding:10px 20px;
	min-width:180px;
	text-align:center;
	font-size:1rem;
	letter-spacing: 2px;
	font-weight:600;
	color:#fff;
	background:#f40706;
	border: 1px solid #d2e1e6;
	border-radius:5px;
	transition: all 0.3s;
	text-transform:uppercase;

}
a:hover.btn-red {
	color:#fff;
	text-decoration:none;
	background:#000;
	border: 1px solid #000;
}






/* Services ////////////////////////////////*/ 

.our-service {
    background:#f1f1f1 url(../img/what-we-offer-bg.png) no-repeat center;
    background-size:auto 100%;
}
@-webkit-keyframes action {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

@keyframes action {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

@keyframes gradient {
    0% {
        background-position:center;
    }
    50% {
        background-position: 100% 95%;
    }
    100% {
        background-position: center;
    }
}

.object {
  animation: action 1s infinite  alternate;
}



.our-service h2 {
	margin:0;
	padding:0;
	font-size:1.75rem;
	font-weight:700;
	color:#000;
	position:relative;
	text-align:center;
}
.our-service h2 span {
	color:#f40706;
	font-weight:500;	
}
.our-service p.sub-line {
	margin:0 0 10px;
	padding:0;
	font-weight:600;
	font-size:1rem;
	color:#010101;
	text-align:center;
}

.our-service p {
	margin:0;
	padding:0;
	font-weight:500;
	font-size:1rem;
	color:#5e5e5e;
	
}
.service-icon1, .service-icon2, .service-icon3 {
	background:url(../img/offer-icon-bg1.png) no-repeat center;
	width:246px;
	height:246px;
	margin:0 auto 0px;
	display:flex;
	align-items: center;
    justify-content: center;	
}
.service-icon2 {
	background:url(../img/offer-icon-bg2.png) no-repeat center;	
}
.service-icon3 {
	background:url(../img/offer-icon-bg3.png) no-repeat center;	
}


.service-block {
	display:block;
	padding:0 40px;
	position:relative;	
}



.service-block img {
	display:block;
	margin:0 auto;	
}
.service-block p.title {
	margin:0px;
	font-weight:bold;
	position:relative;
	display:inline-block;
	color:#010101;
}
 
/* Porduct Feature ////////////////////////////////*/ 

.product-feature {
    background:#fff url(../img/product-feature-bg.png) repeat left top;
    background-size:auto;
	 animation: gradient 115s ease infinite;
}
.product-feature-in {
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;
}
.product-feature {
	padding-bottom:0 !important;	
}

.product-feature h2 {
	margin:0;
	padding:0;
	font-size:1.75rem;
	font-weight:700;
	color:#000;
	position:relative;
	text-align:center;
}
.product-feature h2 span {
	color:#f40706;
}
.product-feature p.sub-line {
	margin:0 0 60px;
	padding:0;
	font-weight:600;
	font-size:1rem;
	color:#010101;
	text-align:center;
}

.feature-list {
	margin:0;
	padding:0;
	list-style:none;	
}
.feature-list li {
	margin:0;
	padding:0px 0 0px 115px;
	list-style:none;
	font-size:0.85rem;
	font-weight:600;
	position:relative;
	display:flex;
	min-height: 110px;
	align-items: center;
	cursor:pointer;
	display:block;
}



.feature-list li:hover p { color:#e00807; }
.feature-list li .popup-s {
	position:absolute;
	left:20%;
	top:46%;
	z-index:9;
	background:#fff;
	padding:20px;
	text-align:center;
	width:280px;
	border-radius:5px;
	-webkit-box-shadow: 0px 0px 54px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 54px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 54px 0px rgba(0,0,0,0.3);
	opacity:0;
	visibility:hidden;
	transition-property: opacity;
    transition-duration: .4s;
    -webkit-transition-duration: 0.4s;
    transition-timing-function: ease-in-out, ease-out;
}
.feature-list li .popup-s p {
	margin:0;
	padding:0 0 10px;
	font-size:0.85rem;
	color:#666 !important;	
}

.col-feature-right .feature-list li .popup-s {
	left: 74px;
    z-index: 9;
    top: 72px;
}

.feature-list li:hover .popup-s{
	opacity:1;
	visibility:visible
}

.feature-list li:nth-child(odd) {
   margin:0 0 10px 40px;
}
.feature-list li:nth-child(even) {
   margin:0 0 10px 20px;
}

.feature-logo-center {
	position:relative;
	padding-top: 0;
}

.feature-logo-centers .object {
	position:absolute;
	left:0;
	right:0;
	top:-50%;
	transform: translateY(-50%);
	margin:0 auto;
	z-index:-1;	
}
.feature-list-logo {
	border-radius:400px;
	width:445px;
	height:445px;
	display:block;
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	top: 42%;
	transform: translateY(-42%);
	display:flex;
	z-index:3;
	align-items: center;
    justify-content: center;
	background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);	
-webkit-box-shadow: 0px 0px 54px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 54px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 54px 0px rgba(0,0,0,0.3);

	
	

}
.feature-list-logo img {
	animation: zoom-in-zoom-out 5s ease infinite;	 
}


@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.052, 1.052);
  }
  100% {
    transform: scale(1, 1);
  }
}


.feature-list li span {
	width:92px;
	height:92px;
	position:absolute;
	left:0;
	top:0;
	display:block;
	border-radius:100px;
	display:flex;
	align-items: center;
    justify-content: center;
	background: rgb(255,229,229);
	background: linear-gradient(180deg, rgba(255,229,229,1) 0%, rgba(232,231,231,1) 100%);
}
.feature-list li p {
	color:#010101;
}
.feature-list li {
    padding: 0px 0 0px 85px;
}
.feature-list li p {
    font-size: 1rem;
    padding-top: 5%;
}
.feature-list li span {
    width: 72px;
    height: 72px;
}
.feature-list li img {
	width:60%;
}




/* How It Doing ////////////////////////////////*/ 

.how-it-going {
    background:#fff url(../img/how-going-bg.png) repeat left top;
    background-size:auto;
	
/*	 animation: gradient 115s ease infinite;
*/}
.how-it-going.spacer-one {
	padding-bottom:0px;	
}

.how-it-going h2 {
	margin:0;
	padding:0;
	font-size:1.75rem;
	font-weight:700;
	color:#000;
	position:relative;
	text-align:center;
}
.how-it-going h2 span {
	color:#f40706;
}
.how-it-going p.sub-line {
	margin:0;
	padding:0;
	font-weight:600;
	font-size:1rem;
	color:#010101;
	text-align:center;
}

.how-it-list {
	margin:0 auto;
	padding:0;
	list-style:none;
	display:flex;
	align-items: center;
    justify-content: center;
	flex-wrap:wrap;
	/*transform: scale(0.7);*/
	/*background:url(../img/how-going-img00.png) no-repeat center;*/	
}
.how-it-list li {
	margin:0;
	padding:0 45px;
	list-style:none;
	font-size:1.15rem;
	font-weight:600;
	position:relative;
	cursor:pointer;
	text-align:center;
	color:#010101;	
	width:12%;
	/*background:#eee;*/
}
.how-it-list li:nth-child(1) img,
.how-it-list li:nth-child(7) img {
	max-width:inherit;	
}


.how-it-list li img {
	position:relative;
	z-index:2;	
}
.how-it-list li:nth-child(1) img {
	left:-120px;
	top: -80px;
	
	/*position:absolute;*/
	z-index:2;
}
.how-it-list li:nth-child(7) img {
	left:-40px;
	top: -80px;
	/*top: -380px;
	
	position:absolute;*/
	z-index:2;
}


.how-it-list li:nth-child(even) {
    margin: 0;
}
.how-it-list li:nth-child(odd) {
   margin: 140px 0 0;
}
.how-it-list li:nth-child(2)::after,
.how-it-list li:nth-child(3)::after,
.how-it-list li:nth-child(4)::after,
.how-it-list li:nth-child(5)::after,
.how-it-list li:nth-child(6)::after,
.how-it-list li:nth-child(7)::after {
	width:240px;
	height:3px;
	background:#ff4747;
	display:block;
	position:absolute;
	content:'';
	z-index:1;
}

.how-it-list li:nth-child(2)::after,
.how-it-list li:nth-child(4)::after {
	left: -68%;
    top: 142px;
	transform: rotate(-30deg);
}
.how-it-list li:nth-child(3)::after,
.how-it-list li:nth-child(5)::after {
	left: -68%;
    top: 20px;
    transform: rotate(31deg);
}
.how-it-list li:nth-child(4)::after { 
	top: 111px;
    transform: rotate(-30deg);
    width: 239px;
}

.how-it-list li:nth-child(6)::after { 
	top: 113px;
	left: -60%;
    transform: rotate(-30deg);
    width: 239px;
}
.how-it-list li:nth-child(7)::after {
	left: -65%;
    top: 166px;
    transform: rotate(31deg);
    width: 260px;
}


/* Light Line*/


.how-it-list li:nth-child(2)::before,
.how-it-list li:nth-child(3)::before,
.how-it-list li:nth-child(4)::before,
.how-it-list li:nth-child(5)::before,
.how-it-list li:nth-child(6)::before,
.how-it-list li:nth-child(7)::before {
	width:240px;
	height:3px;
	background:#fef2f2;
	display:block;
	position:absolute;
	content:'';
	z-index:0;
	transform:scale(1,-1)
}

.how-it-list li:nth-child(2)::before,
.how-it-list li:nth-child(4)::before {
	left: -68%;
    top: 0;
	transform:scale(1,-1) rotate(-30deg);
}
.how-it-list li:nth-child(3)::before,
.how-it-list li:nth-child(5)::before {
	left: -53%;
    top: -78px;
    transform:scale(1,-1) rotate(31deg);
}
.how-it-list li:nth-child(4)::before { 
	top: 0px;
    transform:scale(1,-1) rotate(-30deg);
    width: 239px;
}

.how-it-list li:nth-child(6)::before { 
	top: 5px;
    left: -62%;
    transform:scale(1,-1) rotate(-30deg);
    width: 239px;
}
.how-it-list li:nth-child(7)::before {
	left: -49%;
    top: 22px;
    transform: scale(1,-1) rotate(31deg);
    width: 252px;
}



.number {
	 position:absolute;
	 left:0;
	 right:0;
	 top:-50px;
	 margin:0 auto;
	 font-size:2.5rem;
	 color:#dfdfdf;
	 font-weight:500;	
}



/* statistics /////////////////*/

.statistics {
    background:#f1f1f1 url(../img/statics-bg.png) no-repeat center;
/*	 animation: gradient 115s ease infinite;
*/}
.statistics h2 {
	margin:0 0 60px;
	padding:0;
	font-size:1.75rem;
	font-weight:700;
	color:#f40706;
	position:relative;
	text-align:center;
}
.statistics h2 span {
	color:#f40706;
}
.statistics p.sub-line {
	margin:0 0 60px;
	padding:0;
	font-weight:600;
	font-size:1rem;
	color:#010101;
	text-align:center;
}
.statics {
    font-size: 24px;
    font-weight: 400;
    color: #000;
}
.statics .col-3 {
	text-align:center;	
}
.counter span {
	padding-bottom:20px;
    display: flex;
	align-items: center;
    justify-content: center;
    font-size: 32px;
    font-weight: 700;
    color: #000;
	position:relative;
}
.counter span::after {
	font-size: 60px;
    font-weight: 400;
    color: #000;
	color:#ff0202;
	content:'+';
	right:0;
	top:10px;
	display:block;	
}




/* Testimonials /////////////////*/

.testimonials {
    background:#fff url(../img/world-map-bg.png) no-repeat center;
	background-size:100%;
}
.testimonials h2 {
	margin:0 0 60px;
	padding:0;
	font-size:1.75rem;
	font-weight:600;
	color:#000;
	position:relative;
	text-align:center;
}
.testimonials h2 span {
	color:#f40706;
	font-weight:500;
}

#slider-testimonials .quote-inner {
	padding:60px;
	text-align:center;
	background:rgba(241,241,241,.66);
	position:relative; 
}

#slider-testimonials .quote-top {
	width:80px;
	height:61px;
	background:url(../img/quote-img.png) no-repeat center;
	position:absolute;
	left:0;
	right:0;
	top:-30px;
	margin:0 auto;
	z-index:2;
}

#slider-testimonials .quote-bottom {
	width:30px;
	height:30px;
	background:#ff0202;
	position:absolute;
	left:0;
	right:0;
	bottom:-15px;
	margin:0 auto;
	z-index:2;
	border-radius:40px;
}
#slider-testimonials .splide__arrow--prev {
    background: url(../img/arrow-left.png) no-repeat 0;
    background-size:60px 44px;
	left:-100px;
}
.splide__arrow {
	width:60px;
	height:44px;	
}
#slider-testimonials .splide__arrow--next {
   background: url(../img/arrow-right.png) no-repeat 0;
    background-size:60px 44px;
	right:-100px;
}



/* Our Team ////////////////////////*/
.our-team {
	background:#f1f1f1;
	position:relative;s	
}

.our-team .rocket-img {
	position:absolute;
	right:10%;
	top:-20%;	
}

.our-team p.sub-line {
    margin: 0 0 60px;
    padding: 0;
    font-weight: 600;
    font-size:1rem;
    color: #010101;
    text-align: center;
}
.our-team h2 {
	margin:0px;
	padding:0;
	font-size:1.75rem;
	font-weight:600;
	color:#000;
	position:relative;
	text-align:center;
}
.our-team h2 span {
	color:#f40706;
	font-weight:500;
}
.team-member {
	text-align:center;	
}
.team-member img {
	max-width:100%;	
}

.team-member p{
	font-weight:bold;
	color:#000;
}
.team-member p small{
	font-weight:400;
	color:#6d6d6d;
	display:block;
	text-transform:uppercase;
}


/* Free Prototype ////////////////////////////*/
.free-prototype h2 {
	margin:0;
	padding:0;
	font-size:1.75rem;
	font-weight:600;
	color:#000;
	position:relative;
	text-align:center;
}
.free-prototype h2 span {
	color:#f40706;
	font-weight:500;
}
.free-prototype img {
	max-width:60%;	
}

.free-prototype p.sub-line {
	margin:0 0 60px;
	padding:0;
	font-weight:600;
	font-size:1rem;
	color:#010101;
	text-align:center;
}

#reused_form input[type="text"], 
#reused_form input[type="email"],
#reused_form input[type="tel"],
#reused_form input[type="subject"],
#reused_form input[type="text"],
#reused_form textarea {
	color: #333;
    font-size: 1rem;
    padding: 5px 10px;
    width: 100%;
    border-radius: 5px;
    background:#fff;
    outline: none;
    cursor: pointer;
    margin-bottom: 15px;
    box-sizing: border-box;
	border:1px solid #bfbfbf;	
}
#reused_form textarea {
	height:90px;
}
#reused_form p {
	font-size:16px;
	line-height:normal;
	text-align:left;
	color:#333;
}
#reused_form p a {
	color:#333;
	text-decoration:underline;
}
#success_message h3 {
	background:#cfffa9;
	border:1px solid #a6cc87;
	color:#21bc0d;
	text-align:center;
	border-radius:5px;
	padding:20px 30px;
	text-align:center;
	font-size:1rem;
	font-weight:600;
}
#error_message h3 {
	background:#ffd3d4;
	border:1px solid #dc8486;
	color:#fc0006;
	text-align:center;
	border-radius:5px;
	padding:20px 30px;
	text-align:center;
	font-size:1rem;
	font-weight:600;	
}

#reused_form .btn-submit {
	padding: 20px 30px;
	margin:0 auto;
	color: #000;
    font: 1rem Montserrat, Helvetica, sans-serif;
	font-weight:400;
	cursor:pointer;
	text-transform:uppercase;
	letter-spacing:2px;
    border: 1px solid #000;
	border-radius:5px;
    background: #fff;
	transition: all 0.3s;
}
#reused_form .btn-submit:hover {
	color:#fff;
	border:1px solid #ff0202;
	background:#ff0202;
}


/* Career Page ///////////////////////////////////*/
.inner-header {
	background: #fff;
    -webkit-box-shadow: 3px 3px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.10);
    box-shadow: 3px 3px 10px 0px rgb(0 0 0 / 10%);	
}
.inner-head {
	background:#fff ;
	-webkit-box-shadow: 3px 3px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.10);
    box-shadow: 3px 3px 10px 0px rgb(0 0 0 / 10%);	
}
.inner-head .container {
	padding-top: 110px;
    display: flex;
    align-items: center;
    padding-bottom: 35px;
}
.inner-head h1 {
	margin:0;
	padding:0;
	font-size:3rem;
	font-weight:700;
	color:#000;
}
.career-page-icon {
    position: absolute;
    right: 30px;
    top: 100px;
    z-index: 9;
}


/* Member Speak ////////////////*/

.member-speak {
	padding-top:50px;	
}
.member-speak img {
	max-width:100%;	
}

.member-speak h2 {
	margin:0 0 60px;
	padding:0;
	font-size:1.75rem;
	font-weight:600;
	color:#000;
	position:relative;
	text-align:center;
}
.member-speak h2 span {
	color:#f40706;
	font-weight:500;
}

#member-speak-slider .quote-inner {
	padding:50px;
	background:#f5f5f5;
	border-radius:10px;	
}
#member-speak-slider .quote-inner p strong {
	color:#000;	
}

.splide__pagination {
    bottom: -50px;	
}
.splide__pagination__page {
	width:18px;
	height:18px;
	background:#e4e4e4;	
}
.splide__pagination__page.is-active {
	background:#ff0202;
    transform: scale(1);	
}


/* current-opening //////////////////////////////*/
.current-opening {
	background:#f7f7f7;
	padding-bottom:80px;
}
.current-opening h2 {
	margin:0 0 60px;
	padding:0;
	font-size:1.75rem;
	font-weight:600;
	color:#000;
	position:relative;
	text-align:center;
}
.current-opening h2 span {
	color:#f40706;
	font-weight:500;
}

.current-opening-box {
	padding:30px;
	position:relative;
	background:#fff;
	min-height:440px;
	margin-bottom:90px;
	border-radius:20px;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.14);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.14);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.14);

}
.current-opening-box h3 {
	margin:0 0 30px;
	padding:0;
	font-size:1rem;
	font-weight:600;
	color:#000;
	position:relative;
	text-align:center;
}
.current-opening-box h3 span {
	color:#f40706;
	font-size:0.85rem;
	display:inline-block;
	background:#ececec;
	border-radius:30px;
	padding:5px 50px;
	font-weight:500;
	margin-top:10px;
}
.current-opening-box p {
	margin:0 0 60px;
	padding:0 10px;
	position:relative;
	text-align:center;
}
.current-opening-box a.tick {
	width:80px;
	height:80px;
	display:block;
	position:absolute;
	left:0;
	right:0;
	border-radius:50px;
	margin:0 auto;
	bottom:-30px;
	background:#ff0202 url(../img/i-tick.png) no-repeat center;	
}




.career-page h2 {
	margin:0 0 60px;
	padding:0;
	font-size:1.75rem;
	font-weight:600;
	color:#000;
	position:relative;
}
.career-page h3 {
	margin:30px 0 10px;
	padding:0;
	font-size:1.75rem;
	font-weight:600;
	color:#000;
	position:relative;
}
.apply-now-page {
	 background:#f1f1f1;	
}


/* Interview  //////////////////////////////*/
.process-interview {
	background:#fff;
}
.process-interview h2 {
	margin:0;
	padding:0;
	font-size:1.75rem;
	font-weight:600;
	color:#000;
	position:relative;
	text-align:center;
}
.process-interview h2 span {
	color:#f40706;
	font-weight:500;
}
.process-interview p.sub-line {
    margin: 0 0 30px;
    padding: 0;
    font-weight: 600;
    font-size: 1rem;
    color: #010101;
    text-align: center;
}

.interview-step {
	padding:20px;
	margin-bottom:40px;	
}
.interview-step h3 {
	margin:0 0 10px;
	padding:0;
	font-size:0.95rem;
	font-weight:600;
	color:#000;
	position:relative;
	text-align:center;
}
.interview-step p {
	margin:0 0 20px;
	padding:0;
	position:relative;
	text-align:center;
}

.career-step-icon {
	width:340px;
	height:340px;
	margin:0 auto 30px;
	position:relative;
	border-radius:200px;
	display: flex;
    align-items: center;
    justify-content: center;
	background: rgb(237,237,237);
	background: linear-gradient(0deg, rgba(237,237,237,1) 0%, rgba(255,219,219,1) 100%);
}
.career-step-icon .no {
	width:65px;
	height:65px;
	position:absolute;
	left:0;
	right:0;
	display:block;
	margin:0 auto;
	top:-30px;
	font-size:1rem;
	font-weight:500;
	color:#fff;
	text-align:center;
	background:#ff0202;
	border:4px solid #fff;
	display: flex;
    align-items: center;
    justify-content: center;
	border-radius:50px;	
}

.gallery-list .team-member {
	margin-bottom:30px;	
}



/* Zoom IMAGE ////////////////*/
.zoom-img {
	display:block;
	overflow:hidden;
	position:relative;
}
.zoom-img img {
	-moz-transition:opacity 1s, transform 1s;
	-webkit-transition:opacity 1s, transform 1s;
	transition:opacity 1s, transform 1s;
	opacity:1;
	display:block;
}
.zoom-img:hover img {
	-moz-transform:scale3d(1.1, 1.1, 1);
	-webkit-transform:scale3d(1.1, 1.1, 1);
	transform:scale3d(1.1, 1.1, 1);
	opacity:1;
}


/* Footer ///////////////////////////////*/

.footer {
	padding:20px 0; 
 	position:relative;
	background:#000;
}
.footer-in {
	padding:115px 0 110px;
	background:#f5f5f5;	
}
		


.footer p {
	margin:0;
	padding:0;
	font-size:0.75rem;
	font-weight:500;
	color:#fff;
}
.footer p a {
	color:#fff;
	text-decoration:none;
}
.footer p a:hover {
	color:#eee;
	text-decoration:underline;
}
.footer ul {
	margin:0;
	padding:0;
	list-style:none;
}
.footer ul li {
	margin:0;
	padding:0 10px 10px;
	display:inline-block;
	font-size:0.75rem;
	font-weight:500;
	color:#000;
	position:relative;
	letter-spacing:1px;
}

.footer ul li a {
	padding:0;
	color:#eee;
	text-decoration:none;
	transition: all 0.3s;
}
.footer ul li a:hover, .footer ul li.active a {
	color:#fff;
	text-decoration:underline;
}
.footer ul li::after {
	height:14px;
	width:1px;
	position:absolute;
	right:-4px;
	top:6px;
	background:#f0eeee;
	content:'';
}
.footer ul li:last-child::after {
	display:none;
}
.footer .social {
	text-align:right;	
}

.footer .social li::after {
	display:none;
}
.footer .social li svg {
	fill: #999;
	width:36px;
	height:36px;
	transition: all 0.3s;

}
.footer .social li:hover svg {
	fill:#fff;
}



::placeholder {
  color: #111;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #111;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #111;
}
/*------------------------------------------------
clearfix
-------------------------------------------------- */
.clearfix:before, .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1; /* IE < 8 */
}

/* ///////////////////////////////////////////////////////
	Media CSS
////////////////////////////////////////////////////*/

@media only screen and (min-width: 1920px) {
body {
	overflow-X:hidden;
}


/*.footer {
	position:fixed;
	width:100%;
	bottom:0;
	left:0;
	z-index:9999999999;
}*/

}

/* Custom Work For Client Requirment /////////////////////////////*/
/*body {
	background:red;
}*/

/*.spacer-one {
    padding: 80px 0;
}

.about h2,
.our-service h2,
.product-feature h2,
.how-it-going h2,
.statistics h2,
.our-team h2,
.free-prototype h2,
.member-speak h2,
.current-opening h2,
.process-interview h2 {
	margin-bottom:10px;
	font-size:1.8rem;
	line-height: normal;	
}
.testimonials h2 {
	font-size:2rem;
}
.about p.sub-line,
.our-service p.sub-line,
.our-team p.sub-line,
.free-prototype p.sub-line,
.product-feature p.sub-line {
	margin: 0 0 40px;
    font-size: 1rem;	
}
.how-it-going p.sub-line {
	margin-bottom:0;	
}

.service-icon1, .service-icon2, .service-icon3 {
	margin-bottom:0;	
}
.service-block p.title {
	margin:0 0 5px;	
}
.our-service p {
	font-size:1.15rem;	
}
.feature-list li {
    padding: 0px 0 0px 85px;
}
.feature-list li p {
    font-size: 1rem;
    padding-top: 5%;
}
.feature-list li span {
    width: 72px;
    height: 72px;
}
.feature-list li img {
	width:60%;
}

.how-it-list {
	margin-top:-40px;
	
}
.how-it-going {
	padding-bottom:10px;		
}

.how-it-list li:nth-child(1) img {
    left: -170px;
}

.how-it-list li:nth-child(2)::after {
    left: -68%;
    top: 115px;
}
.how-it-list li:nth-child(3)::after, .how-it-list li:nth-child(5)::after {
    left: -53%;
    top: 12px;
}
.how-it-list li:nth-child(4)::after {
    top: 85px;
}
.how-it-list li:nth-child(7)::after {
    left: -65%;
    top: 192px;
}

.how-it-list li:nth-child(2)::after, .how-it-list li:nth-child(3)::after, .how-it-list li:nth-child(4)::after, .how-it-list li:nth-child(5)::after, .how-it-list li:nth-child(6)::after, .how-it-list li:nth-child(7)::after {
    width: 200px; 
}
.how-it-list li:nth-child(2)::before, .how-it-list li:nth-child(3)::before, .how-it-list li:nth-child(4)::before, .how-it-list li:nth-child(5)::before, .how-it-list li:nth-child(6)::before, .how-it-list li:nth-child(7)::before {
    width: 205px;
}
.how-it-list li:nth-child(2)::before, .how-it-list li:nth-child(4)::before {
    left: -54%;
    top: -10px;
}
.how-it-list li:nth-child(6)::before {
    top: 5px;
    left: -56%;
}
.how-it-list li:nth-child(7)::before {
    left: -49%;
    top: 52px;
}
.inner-head .container {
    padding-top: 150px;
    display: flex;
    align-items: center;
    padding-bottom: 70px;
}

.career-page-icon {
    top: 108px;
	width:400px;
}
.about-page-icon {
    width:300px;
}
.inner-head h1 {
    font-size: 3.25rem;
}
*/

 

@media only screen and (max-width: 1366px) {
p {
	font-size: 1rem;
}
.slider-banner .container {
    padding-top: 120px;
}
.about p.sub-line,
.our-service p.sub-line,
.our-team p.sub-line,
.free-prototype p.sub-line,
.product-feature p.sub-line {
	margin: 0 0 15px;
    font-size: 1rem;	
}

#slider-banner #slider-banner-list li .slide-content {
    height: 80vh;
}
.about.spacer-one {
	padding-top:50px;	
}
.slider-banner .container img {
	max-width:82%;	
}

.spacer-one {
    padding: 30px 0;
}

.service-icon1, .service-icon2, .service-icon3 {
	/*transform: scale(0.3);*/
	background-size: 100%;	
}
.service-block img {
	max-width:30%;	
}

.how-it-list li img {
	max-width:100%;	
}
.how-it-list li:nth-child(1) img {
    left: -190px;
	/*max-width:280px;*/
}
.how-it-list li:nth-child(7) img{
	max-width:220px;
}


.how-it-list li p{
	font-size:0.85rem;	
}
.how-it-list li:nth-child(2)::after {
    left: -68%;
    top: 89px;
}
.how-it-list li:nth-child(3)::after, .how-it-list li:nth-child(5)::after {
    left: -53%;
    top: 1px;
}
.how-it-list li:nth-child(4)::after,
.how-it-list li:nth-child(6)::after {
    top: 70px;
}
.how-it-list li:nth-child(2)::after, .how-it-list li:nth-child(3)::after, .how-it-list li:nth-child(4)::after, .how-it-list li:nth-child(5)::after, .how-it-list li:nth-child(6)::after, .how-it-list li:nth-child(7)::after {
    width: 192px;
}
.how-it-list li:nth-child(7)::after {
   top: 126px;
}


.our-team .rocket-img {
    right: 1%;
}

.statistics {
	background-size:100%;	
}

.service-block {
    padding: 0 10px;
    margin-bottom: 25px;
}
.member-speak {
    padding-top: 100px;
}

.feature-list li p {
    font-size: 0.75rem;
    padding-top: 5%;
}
.feature-list li {
	min-height:inherit;
	padding:0px 0 20px 85px;
}
.feature-logo-center {
    position: relative;
    padding-top: 51px;
}
.contact-img img {
	max-width:50%;	
}
#reused_form input[type="text"], #reused_form input[type="email"], #reused_form input[type="tel"], #reused_form input[type="subject"], #reused_form input[type="text"], #reused_form textarea {
	margin-bottom:10px;	
}
.how-it-going{
	height:580px;	
}
.process-interview p.sub-line {
	margin: 0 0 15px;
    font-size: 1rem;	
}
.career-step-icon  {
	width:300px;
	height:300px;
	margin-bottom:10px;
}
.interview-step h3 {
	margin-bottom:0;	
}
.interview-step h3 {
    margin: 0 0 10px;
    font-size: 1rem;
}
.interview-step p {
	font-size:0.85rem;	
}


	
}


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



.feature-list-logo {
  transform: scale(0.7);
}
/*.how-it-list {
  transform: scale(0.9);
  flex-wrap: nowrap;
}*/

.how-it-list li:nth-child(even)::after,
.how-it-list li:nth-child(odd)::before,
.how-it-list li:nth-child(even)::before,
.how-it-list li:nth-child(odd)::after {
	display:none !important;
}
.how-it-list {
	padding-top:40px;	
}
.how-it-list li {
    width: 20%;
}

.how-it-list li:nth-child(1), .how-it-list li:nth-child(7)  {
	display:none;	
}

.how-it-list li:nth-child(1) img, .how-it-list li:nth-child(7) img {
    max-width: 100%;
}
.how-it-list li:nth-child(odd) {
    margin: 0;
}
	
}

@media only screen and (max-width: 1180px) {
.about.spacer-one {
    padding-top: 30px;
}
.outer-wrap {
	overflow:hidden;
}
/*.mobile-header.sticky  {
	padding:35px 15px 20px;
		
}*/
.header { display:none; }
.mobile-header { 
	display:flex;   
	background:#fff;
	padding:10px 20px 0px;
	-webkit-box-shadow: 3px 3px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.10);
    box-shadow: 3px 3px 10px 0px rgb(0 0 0 / 10%);
	box-sizing: border-box;
	overflow: hidden;
 }
.how-it-list {
    margin-top:30px;
}
.how-it-going {
    height: auto;
}
#slider-banner #slider-banner-list li .slide-content {
    height: 65vh;
}
#slider-banner .splide__pagination {
    bottom: -20px;
    position: relative;
}

}

@media only screen and (max-width: 1024px) {
img
 {
	max-width:100%;
}

.btn-red {
	min-width:auto;	
}
.about {
    padding-top: 0px;
}
#slider-banner #slider-banner-list li .slide-content {
    height: 38vh;
}
#slider-banner .splide__pagination {
    z-index: 9;
    bottom: -20px;
    position: relative;
}

.feature-logo-center {
	display:block;	
}
.feature-list-logo {
	top:0;
	right:-40%;	
}

.feature-list li:nth-child(even) {
    margin: 0 0 10px 0px;
}

.feature-list {
    display: flex;
    flex-wrap: wrap;
}

.feature-list li {
    width: 45%;
	padding-right:20px;
}
.how-it-list {
    margin-top: 30px;
}
.how-it-list li p {
    font-size: 0.85rem;
    min-height: 100px;
}
.how-it-going {
    height: auto;
}
.how-it-list li p {
	min-height:inherit;	
}

.statistics .col-3, .our-team .col-3 {
    flex: 0 0 50%;
    max-width: 50%;
    padding-bottom: 30px;
}

p.sub-line br { display:none !important;  }

.spacer-one {
	padding:60px 0;	
}
.about h2,
.our-service h2,
.product-feature h2,
.how-it-going h2,
.statistics h2,
.our-team h2,
.free-prototype h2,
.member-speak h2,
.current-opening h2,
.process-interview h2 {
	margin-bottom:30px;
	font-size:1.75rem;	
}
.testimonials h2 {
	font-size:1.75rem;
}

.about p {
	top:0;	
}

.product-feature .col-4 {
	flex: 0 0 100%; 
    max-width: 100%;	
}
.our-team .rocket-img {
	display:none;	
}

.product-feature {
	overflow:hidden;	
}




}



@media only screen and (max-width: 820px) {
.col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8,
.col-9, .col-10, .col-11, .col-12{
	flex:0 0 100%;
	max-width:100%;
}
.mobile-header .logo-link img {

}
#slider-banner #slider-banner-list li .slide-content .col-7,
#slider-banner #slider-banner-list li .slide-content .col-5 {
	text-align:center;
}
#slider-banner #slider-banner-list li .slide-content {
    height: 84vh;
}
.about-intro-content {
	padding-bottom:30px;	
}

.slider-banner .slide-content p.btn-bar {
	padding-bottom:50px;	
}


#slider-testimonials .splide__arrow--prev,
#slider-testimonials .splide__arrow--next,
#slider-banner .splide__arrow--prev,
#slider-banner .splide__arrow--next {
    opacity:0;
}

#slider-testimonials .quote-inner {
	padding:30px 15px;
	font-size:1rem;	
}


/*.mobile-header .logo-link {
	width:100%;
	display: block;	
}*/

.slide-content .row-jus-center {
	flex-direction: column-reverse;	
}
#slider-testimonials .splide__arrow--prev {
    left: 0;
}
#slider-testimonials .splide__arrow--next {
    right: 0;
}

.feature-list li:hover .popup-s {
	display:none;	
}
.our-team .rocket-img {
	display:none;	
}



.contact-img {
	padding-bottom:40px;	
}

.footer p {
	text-align:center;
	padding-bottom:40px;	
}
.footer ul {
    display: flex;
	flex-wrap:wrap;
    align-items: center;
    justify-content: center;
} 

.statistics .col-3, .our-team .col-3 {
	flex: 0 0 50%;
    max-width: 50%;
	padding-bottom:30px;	
}
.how-it-list p {
	font-size:0.75rem;	
}


#slider-banner {
	position:relative;	
}
.slider-banner .container {
    padding-top: 180px;
}

.slider-banner .slide-content h1 {
	font-size:2rem;	
}


.wow {
	animation-name: none !important;
	visibility: visible !important;
}

.about.spacer-one {
    padding-top: 495px;
	padding-bottom:0;
}
.feature-list li:nth-child(odd) {
    margin: 0 0 10px 0px;
}

.inner-head .container img {
	max-width:30%;	
}
.inner-head .container {
    padding-top: 180px;
    padding-bottom: 50px;
}
.career-page-icon {
    right: 10px;
    top: 184px;
}
.inner-head h1 {
    font-size: 3rem;
}
.member-speak {
    padding-top: 100px;
	padding-bottom:100px;
}
.member-speak .row .col-6:nth-child(1) {
	padding-bottom:30px;
	text-align:center;
}
.member-speak .row .col-6:nth-child(1) img {
	max-width:70%;
}

.current-opening .col-4 {
	flex: 0 0 50%;
    max-width: 50%;	
}


}
@media only screen and (max-width: 768px) {
#slider-banner #slider-banner-list li .slide-content {
    height: 92vh;
}
.about.spacer-one {
    padding-top: 455px;
    padding-bottom: 0;
}
.statistics, .our-service {
    background-size: auto;
    background-position: left top;
}

.how-it-list li {
    width: 32%;
}
.number {
    top: -30px;
    font-size: 1.5rem;
}

}


@media only screen and (max-width:580px) {
.mobile-header .logo-link img {
    width: 75%;
}
.toggle i { 
	top:40px;
}


.about h2, .our-service h2, .product-feature h2, .how-it-going h2, .statistics h2, .our-team h2, .free-prototype h2, .member-speak h2, .current-opening h2, .process-interview h2 {
    margin-bottom: 20px;
    font-size: 1.25rem;
}

.slider-banner .container {
    padding-top: 100px;
}
#slider-banner #slider-banner-list li .slide-content {
	height: 95vh;	
} 
#slider-banner {
    height: 98vh;
}


.slider-banner .slide-content h1 {
	font-size:1rem;	
	margin:10px 0;
}

.slider-banner .btn-white {
	margin:20px 0;	
}
.about.spacer-one {
    padding-top: 120px;
    padding-bottom: 0;
}
.slider-banner .btn-red {
    margin-right:0px;
}

.feature-list li {
    width: 100%;
    padding-right: 20px;
	word-break: break-all;
}
.how-it-list li {
	word-break: break-all;	
}
.how-it-list p {
    font-size: 1.75rem;
}

.how-it-list li:nth-child(odd),
.how-it-list li:nth-child(even) {
    width: 100%;
	margin-bottom:60px;
} 
.how-it-list li:nth-child(6) {
	margin-bottom:0;	
}

.service-block p.title {
    margin: 0px 0 20px;
}

.about .col-8 {
	padding-bottom:30px;	
}

.about {
    padding-top:120px;
}


#slider-banner .splide__pagination {
    z-index: 9;
    bottom: -10px;
    position: relative;
}

.inner-head .container {
    padding-top: 135px;
    padding-bottom: 30px;
}
.inner-head h1 {
    font-size: 2.25rem;
}

.current-opening .col-4 {
    flex: 0 0 100%;
    max-width: 100%;
} 
.current-opening-box {
	min-height:inherit;	
}
.career-page-icon {
	display:none;	
}

.feature-list-logo {
    top: -50px;
    right: 0;
    position: relative;
    left: 0;
    transform: scale(1);
    width: 280px;
    height: 280px;
    margin-bottom: 30px;
}

.statistics .col-3, .our-team .col-3 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 30px;
}


}
@media only screen and (max-width:414px) {
#slider-banner{
    height: 75vh;
}
#slider-banner #slider-banner-list li .slide-content {
    height: 70vh;
}
.about.spacer-one {
    padding-top: 0px;
    padding-bottom: 0;
}
}
@media only screen and (max-width:390px) {
.about.spacer-one {
    padding-top: 0px;
    padding-bottom: 0;
}
}
@media only screen and (max-width:360px) {

#slider-banner #slider-banner-list li .slide-content {
    height: 85vh;
}

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