html{font-size: 16px; height: 100%; width: 100%;}
body{background-color: #FFF; height: 100%;font-family: 'Comfortaa', cursive;}
@media (min-width: 0px) and (max-width: 767.98px) {
	html{overflow-x: hidden;}
}

a:hover{text-decoration: none;}


.container-fluid{padding-left: 0.9375rem; padding-right: 0.9375rem;}
.fluid-container{margin-left: auto; margin-right: auto; padding-left: 0.9375rem; padding-right: 0.9375rem; width:calc(100vw / 14 * 12); max-width: 2040px;}
.container{padding-left: 0.9375rem; padding-right: 0.9375rem;}
.row {margin-left: -0.9375rem; margin-right: -0.9375rem;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}

h2.title{text-align: center; position: relative; font-size: 1.5rem; font-weight: 400; margin-bottom: 2rem;}
h2.title::after{content: ""; background-color: #333; border-radius: 3px; position: absolute; bottom: -12px; left: 50%; height: 3px; width: 24px; transform: translateX(-50%);}

ul.justify{list-style: none; display: flex; flex-direction: row; flex-wrap: wrap; margin: 3rem 0; padding: 0; width: 100%; }
ul.justify li{text-align: center;flex-grow: 1;flex-basis: 0;}
ul.justify img{margin-bottom: 1rem;height: 6rem;}

header *{transition: all .5s ease-in-out;}
header{
	background-image: url('../images/bg_main.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	color: #FFF;
}
header nav.navbar{padding: 1rem 0;}
header nav.navbar a{color: #FFF;font-size: .875rem; margin-left: .5rem;}
.navbar-expand-lg .navbar-nav .nav-link.fcs{border: 1px solid #fff;border-radius: 3rem;padding-right: 1rem;padding-left: 1rem;margin-left: 1rem;}

.is-sticky #navWrapper{
	background-image: url('../images/bg_main.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	z-index: 999999 !important;
}
.is-sticky nav.navbar{padding: .5rem 0;}
.is-sticky nav.navbar .navbar-brand img{height: 2rem;}

.promo{padding-top: 2rem; padding-bottom: 2rem;}
.promo h1{font-size: 2.5rem; text-align: center; font-weight: 400; line-height: 3.75rem;}
.promo ul li h2{text-align: center; font-size: 1.5rem;}
.promo ul li h2::after{background-color: #FFF;}
.promo p{text-align: center; line-height: 2rem;}

#services .bgWrapper{
	background-image: url('../images/bg_services.jpg');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	padding-top: 2rem;
	width: 100%;
}
.services{margin-bottom: 2rem;}
.services ul li p{padding:0 1rem; font-size: .85rem;}

.singleService{margin-top: 2rem;}
.singleService .img-fluid{height: 100%; object-fit: cover;min-height: 300px;}
.singleService .content{justify-content: center;display: flex;flex-direction: column;}
.singleService.reverse .row{flex-direction: row-reverse;}
.singleService h2{font-size: 1.2rem;}
.singleService ul{list-style: none; padding: 0;margin: 0;} 
.singleService ul li{font-size: 0.9rem;line-height: 1.5rem;}
.singleService ul li::before{content: "- ";}

#process{
	background-image: url('../images/bg_main.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	color: #FFF;
	margin-top: 3rem;
	padding: 2rem 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}
#process h2.title::after{background-color: #FFF;}
#process .wrapper{display: inline-block; margin-top: 1rem;position: relative;}
#process>img{max-width: 100%;}

.singleProcess{position: absolute; background-color: #FFF; border-radius: 3rem; color: #313767; padding: .8rem 0.4rem .8rem 1.8rem; max-width: 18rem;}
.singleProcess h2{font-size: 1.5rem; line-height: 1.5rem; margin-bottom: .3rem;}
.singleProcess h2 span{background-color: #313767; color: #FFF; border-radius: 50%; width: 1.5rem; height: 1.5rem; display: inline-block; text-align: center; margin-right: .5rem; font-size: 1rem;}
.singleProcess p{margin: 0;font-size: .75rem;}
.singleProcess.process-1{left: -120px;top: 40px;}
.singleProcess.process-2{right: -120px; top: 40px;}
.singleProcess.process-3{right: -120px; bottom: 40px;}
.singleProcess.process-4{bottom: 40px; left: -120px;}


#team{background-color: #F5F5F5; padding: 3rem 0;}
#team ul{display: flex;list-style: none;width: 100%;justify-content: center; margin-top: 4rem; margin-bottom: 0;}
#team ul li{margin: 0 2rem; text-align: center;}
#team ul li img{margin-bottom: 1rem;}
#team ul li p{margin-bottom: .5rem;}


#stats{
	background-image: url('../images/bg_main.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	color: #FFF;
	padding: 3rem 0;
}
#stats ul{display: flex;list-style: none;width: 100%;justify-content: center; margin:0;}
#stats ul li{margin: 0 3rem; text-align: center;}
#stats ul li h4{font-size: 3rem; font-weight: 400; margin-bottom: .2rem;}
#stats ul li h5{font-size: .85rem; font-weight: 400; margin: 1rem 0 0 0;}



#references{padding: 3rem 0;}
#references ul{display: flex;list-style: none;width: 100%;justify-content: center; margin:3rem 0 0 0;}
#references ul li{margin: 0 1rem; text-align: center;}


#blog{background-color: #F5F5F5; padding: 3rem 0; text-align: center;}
#blog>a{border: 1px solid #01051D; border-radius: 3rem; color: #01051D; display: inline-block; font-size: 1rem; line-height: 2rem; padding: 0 3rem; margin-top: 2rem;}

.singleBlog{margin-top: 1rem;}
.singleBlog img{width: 100%; margin-bottom: .5rem;}
.singleBlog a{font-size: .85rem; color: #323232; line-height: 1.5rem; display: block; text-align: left; margin-top: .5rem;}
.singleBlog a b{display: inline-block; width: 100%; text-align: left; font-size: 1rem;}

#blogDetail{padding: 3rem 0;}
#blogDetail h1{font-size: 2rem; font-weight: 600; margin-bottom: 1rem;}
#blogDetail ul.actions{list-style: none; margin: 2rem 0; padding: 0;}
#blogDetail ul.actions li{display: inline-block; margin-right: .5rem;}

#gmap{height: 220px; margin-bottom: 1rem;}

#contact{padding: 3rem 0;}
#contact h2{font-size: 1.4rem; margin-top: .8rem;}
#contact h3{font-size: .95rem; font-weight: 600;}
#contact p{font-size: .85rem; margin: 0; line-height: 1.5rem;}



footer{
	background-image: url('../images/bg_main.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	color: #FFF;
	margin: 0;
	padding: 3rem 0;
	text-align: center;
}
footer ul{display: flex;list-style: none;width: 100%;justify-content: center; margin-bottom: 2rem;}
footer ul li{margin: 0 1rem; text-align: center;}
footer ul li a, footer ul li a:hover{color: #FFF;}
footer p{margin: 0;}



@media (min-width: 0px) and (max-width: 767.98px) {
	.navbar-nav .nav-link{text-align: center;}
	.promo h1{font-size: 1rem; line-height: 1.75rem;}
	ul.justify{margin: 1rem 0;}
	ul.justify img{height: 3rem;}
	.promo ul li h2{font-size: 1rem;}
	.promo p{line-height: 1.4rem;font-size: 0.85rem;}
	.services ul.justify{display: block;}
	.singleService{display: block; margin-top: 1rem;}
	.singleService .container{position: relative;}
	.singleService h2{margin-top: .5rem;}
	#process .wrapper img{max-width: 100%;}
	#team ul,#stats ul{display: block; padding: 0;}
	#stats ul li{margin-bottom: 1rem;}
	#stats ul li h4{font-size: 2rem;}
	#stats ul li h5{margin: 0;}
	#references ul{flex-wrap: wrap;padding: 0;width: 100%;}
	#references ul li{margin: .2rem;flex: 0 0 30%;max-width: 30%;width: 100%;}
	#references ul li img{width: 100%;}
	footer ul{display: block; padding: 0;}
	footer ul li{margin: 1rem;}
	#contact{text-align: center;}
	#gmap{margin-top: 2rem;}
}