@font-face{
	font-family: Montserrat-Black;
	src: url('/montserrat/Montserrat-Black.ttf');
}
@font-face{
	font-family: Montserrat-Black-Italic;
	src: url('/montserrat/Montserrat-BlackItalic.ttf');
}
@font-face{
	font-family: Montserrat-Bold;
	src: url('/montserrat/Montserrat-Bold.ttf');
}
@font-face{
	font-family: Montserrat-Bold-Italic;
	src: url('/montserrat/Montserrat-BoldItalic.ttf');
}
@font-face{
	font-family: Montserrat-Extra-Bold;
	src: url('/montserrat/Montserrat-ExtraBold.ttf');
}
@font-face{
	font-family: Montserrat-Extra-Bold-Italic;
	src: url('/montserrat/Montserrat-ExtraBoldItalic.ttf');
}
@font-face{
	font-family: Montserrat-Extra-Light;
	src: url('/montserrat/Montserrat-ExtraLight.ttf');
}
@font-face{
	font-family: Montserrat-Extra-Light-Italic;
	src: url('/montserrat/Montserrat-ExtraLightItalic.ttf');
}
@font-face{
	font-family: Montserrat-Italic;
	src: url('/montserrat/Montserrat-Italic.ttf');
}
@font-face{
	font-family: Montserrat-Regular;
	src: url('/montserrat/Montserrat-Regular.ttf');
}
@font-face{
	font-family: Montserrat-Light;
	src: url('/montserrat/Montserrat-Light.ttf');
}
@font-face{
	font-family: Montserrat-Light-Italic;
	src: url('/montserrat/Montserrat-LightItalic.ttf');
}
@font-face{
	font-family: Montserrat-Medium;
	src: url('/montserrat/Montserrat-Medium.ttf');
}
@font-face{
	font-family: Montserrat-Medium-Italic;
	src: url('/montserrat/Montserrat-MediumItalic.ttf');
}
@font-face{
	font-family: Montserrat-SemiBold;
	src: url('/montserrat/Montserrat-SemiBold.ttf');
}
@font-face{
	font-family: Montserrat-SemiBold-Italic;
	src: url('/montserrat/Montserrat-SemiBoldItalic.ttf');
}
@font-face{
	font-family: Montserrat-Thin;
	src: url('/montserrat/Montserrat-Thin.ttf');
}
@font-face{
	font-family: Montserrat-Thin-Italic;
	src: url('/montserrat/Montserrat-ThinItalic.ttf');
}

body{
	background-color: #fafdfc;
}
*{
	font-family: Montserrat-Regular;
	color 	: #253d76;
}
.font-weight-bold{
	font-family: Montserrat-Bold;

}
#navbar-front .nav-link{
	font-size: 13px;
	/*font-weight: 500;*/
	font-family: Montserrat-Bold;
	padding: 10px 15px;
	color 	: #253d76;
}
#navbar-front .nav-link:hover{
	color 	: #3dabe2;
}
#navbar-front .nav-item.active .nav-link{
	color: #3dabe2;
	position: relative;
}
#navbar-front .nav-item.active .nav-link:after{
	content: '';
	display: block;
	height: 2px;
    background-color: #3dabe2;
    position: absolute;
    bottom: 0;
    width: 50px;
    left: 50%;
    transform: translate(-50%,0);
}

#navbar-front .nav-link.btn{
	padding: 3px 15px;
	margin-left: 10px;
	border : 1px solid #253d76;
}
#navbar-front .nav-link.btn:hover{
	background-color: #3dabe2;
	color: white;
	border : 1px solid #3dabe2;
}

#footer-front .navbar-nav{
	flex-direction: row;
	display: inline-flex;
	flex-wrap: wrap;
}
#footer-front .nav-link{
	font-size: 13px;
	/*font-weight: 500;*/
	font-family: Montserrat-Medium;
	padding: 10px 15px;
	color 	: #253d76;
}
#footer-front .nav-link:hover{
	color 	: #3dabe2;
}

#footer-front .part2 .copyright{
	font-size: 12px;
	/*font-weight: bold;*/
	font-family:Montserrat-Bold;
	color 	: #253d76;
}

#footer-front .part2 .socmed{
	font-size: 14px;
	margin: 3px;
	color 	: #253d76;
}

#footer-front .part2 .nav-link{
	font-size: 12px;
	padding-top: 0;
	padding-bottom: 0;
}

#content{
	min-height: calc(500px);
}
#landingPart1 .container{
	position: relative;
}
#landingPart1 .bg{
	height: 500px;
	width: 100%;
	object-fit: cover;
	object-position: start;
	border-radius: 10px;
	z-index: -1;
}

.cust-button-group{
	display:inline-flex;
	align-items: center;
}
.cust-button-group .btn{
	background-color: #68cdf0;
	padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}
.cust-button-group .btn i{
	color: white;
}
.cust-button-group span{
	font-size: 11px;
	/*font-weight: bold;*/
	font-family:Montserrat-Bold;
	margin-left: 10px;
}

#landingPart1 .part1 h1{
	color: inherit;
	/*font-weight: 100;*/
	font-family:Montserrat-Thin;
}
#landingPart1 .part1 h1 span{
	color: inherit;
	/*font-weight: bold;*/
	font-family:Montserrat-Bold;
}
#landingPart1 .part1 h5{
	color: inherit;
	font-size: 14px;
	/*font-weight: bold;*/
	font-family:Montserrat-Bold;
}
#landingPart1 .part1 p{
	color: inherit;
	font-size: 12px;
}

#landingPart1 .part1{
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 0 0 10rem 5rem;
	color: white;
}
#landingPart1 .cust-button-group,#landingPart1 .cust-button-group span{
	color: inherit;
}


#landingPart1 .part2{
    padding: 1rem;
    background-color: #68cdf0;
    margin: 5rem 5rem;
    border-radius: 10px;
}
#landingPart1 .part2 h3{
	padding: 2rem;
	font-size: 2.5rem;
	color: white;
	/*font-weight: 100;*/
	font-family:Montserrat-Thin;
}
#landingPart1 .part2 h3 span{
	color: white;
	/*font-weight: bold;*/
	font-family:Montserrat-Bold;
}
#landingPart1 .part2 p{
	padding: 2rem;
	color: white;
}

#landingPart2 .part1{
	margin: 0 5rem;
}
#landingPart2 .part1 h3{
	/*font-weight: 100;*/
	font-family:Montserrat-Thin;
}
#landingPart2 .part1 h3 span{
	/*font-weight: bold;*/
	font-family:Montserrat-Bold;
}
#landingPart2 .part1 p{
	font-size: 14px;
}
#landingPart2 .part1 img{
	width: 100%;
	/*height: 250px;*/
	object-fit: cover;
	object-position: start;
	border-radius: 10px;
}

#landingPart3 .part1{
	background-color: #68cdf0;
	display: inline-block;
	padding: 30px 50px;
	border-radius: 10px;
	width: 50%;
	min-width: 400px;
}
#landingPart3 .part1 *{
	color: white;
}
#landingPart3 .part1 h1{
	/*font-weight: 100;*/
	font-family:Montserrat-Thin;
}
#landingPart3 .part1 p{
	font-size: 13px;
	/*font-weight: bold;*/
	font-family:Montserrat-Bold;
}
#landingPart3 .part2{
	background-color: #e9f4f5;
	display: inline-block;
	padding: 40px 30px;
	border-radius: 10px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
#landingPart3 .part2 .cust-button-group span{
	font-size: 11px;
}

#landingPart4 .part1 h3{
	/*font-weight: 100;*/
	font-family:Montserrat-Thin;
	font-size: 2.5rem;
}
#landingPart4 .part1 h3 span{
	/*font-weight: bold;*/
	font-family:Montserrat-Bold;
}
#landingPart4 .part1 img{
	width: 100%;
	height: 300px;
	object-fit: cover;
	object-position: start;
	border-radius: 10px;
	position: relative;
}

#aboutPart1 .part1 iframe{
	width: 100%;
	height: 500px;
	background-color: black;
	border-radius: 10px;
	margin-top: 3rem;
	margin-bottom: 3rem;
}

#aboutPart1 .part2 h3{
	font-family:Montserrat-Bold;
	font-size: 2.5rem;
}
#aboutPart1 .part2 h3 span{
	font-weight:  bold;
}


#developersPart1 .part1 .card{
	border: none;
	border-radius: 10px;
	background-color: #f9f9f9;
	padding: 30px;
	margin-bottom: 50px;
	position: relative;
}
#developersPart1 .part1 .card:after{
	content: '';
	display: block;
	background-color: #f9f9f9;
	position: absolute;
	height: 50px;
	width: 50px;
	bottom: -30px;
	left: 0;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 100px;
}
#developersPart1 .part1 .card h5{
	font-size: 2rem;
}
#developersPart1 .part1 .card .cust-button-group{
	margin-top: 50px;
	align-items: start;
}
#developersPart1 .part1 .card .cust-button-group span{
	margin-left: 0;
	flex: 1;
}

#detailDevelopersPart1 .part1 h1{
	/*font-weight: 100;*/
	font-family:Montserrat-Thin;
	font-size: 2.5rem;
}
#detailDevelopersPart1 .part1 h1 span{
	font-weight:  bold;
}
#detailDevelopersPart2 .part1 .row{
	flex-wrap: nowrap;
	overflow: auto;
}
#detailDevelopersPart2 .part1 .row .card-box{
	flex: 1 0 250px;
}
#detailDevelopersPart2 .part1 .card{
	border: none;
	border-radius: 10px;
	background-color: #f9f9f9;
	padding: 30px;
	margin-bottom: 50px;
	position: relative;
}
#detailDevelopersPart2 .part1 .card:after{
	content: '';
	display: block;
	background-color: #f9f9f9;
	position: absolute;
	height: 50px;
	width: 50px;
	bottom: -30px;
	left: 0;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 100px;
}
#detailDevelopersPart2 .part1 .card h5{
	font-size: 2rem;
}
#detailDevelopersPart2 .part1 .card .cust-button-group{
	margin-top: 50px;
	align-items: start;
}
#detailDevelopersPart2 .part1 .card .cust-button-group span{
	margin-left: 0;
	flex: 1;
}

#contactPart1{
	margin-bottom: 300px;
}
#contactPart1 .part1{
	background-color: #68cdf0;
	padding: 50px;
	border-radius: 10px;
}
#contactPart1 .part1 .subPart1 *{
	color: white;
}
#contactPart1 .part1 .subPart2{
	background-color: #e9f4f5;
	padding: 30px;
	border-radius: 10px;
	position: absolute;
	top: 20px;
}
#contactPart1 .cust-form-control{
	font-size: 14px;
}
.cust-form-control, .cust-form-control:focus, .select2-selection--single {
    background-color: inherit;
    border: 0;
    box-shadow: none;
    border-bottom: 1px solid #eaeaea;
}
textarea.cust-form-control {
    line-height: 6ch;
    background-image: linear-gradient(#eaeaea,transparent calc(2px));
    background-size: 100% 6ch;
    background-position: 0 5px;
    height: auto;
    resize: none;
    border-bottom: none!important;
}

#registerPart1{
	margin-bottom: 300px;
}
#registerPart1 .part1{
	/*background-color: #68cdf0;*/
	background-color: #e9f4f5;
	padding: 50px;
	border-radius: 10px;
}
#registerPart1 .part1 .subPart2{
	background-color: #68cdf0;
	border-radius: 10px;
	position: absolute;
	width: 50%;
	height: 100px;
	left: 50%;
	transform: translate(-50%,0);
	bottom: -50px;
	z-index: -1;
}
#registerPart1 .cust-form-control{
	font-size: 14px;
}
.link{
	opacity: .8;
	color: inherit;
	font-size: 13px;
	text-decoration: none;
}
.link:hover{
	opacity: 1;
	text-decoration: none;
}

@media(max-width: 991px){
	#landingPart3 .part1{
		width: 100%;
		min-width: 0;
	}
	#landingPart3 .part2{
		left: auto;
		right: 0;
		transform: translate(0,-50%);
	}
}
@media(max-width: 767px){
	#landingPart1 .container{
		max-width: none;
	}
	#landingPart1 .bg{
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}
	#landingPart1 .part2{
		margin: 0px;
	}
	#landingPart2 .part1{
		margin: 0;
	}
	#landingPart2 .part1 .col-md-5{
		order: 6;
	}
	#landingPart1 .part2 h3{
		font-size: 1.5rem;
	}

	#aboutPart1 .part2 h3{
		font-size: 1.5rem;
	}

	#landingPart4 .part1 h3{
		font-size: 1.5rem;
	}
	#detailDevelopersPart1 .part1 h1{
		font-size: 1.5rem;
	}

	#contactPart1 .part1 .subPart2{
		position: relative;
	}
	#contactPart1{
		margin-bottom: 100px;
	}

	#registerPart1{
		margin-bottom: 100px;
	}
	#registerPart1 .part1{
		padding: 50px 20px;
	}

	#registerPart1 .part1 .subPart2{
		display: none;
	}

}

@media(max-width: 575px){
	#landingPart1 .part1{
		padding-left: 2rem;
		padding-right: 30px;
	}
	#landingPart3 .part2{
		position: relative;
		width: 100%;
		top: 0;
		transform: translate(0,0);
	}

	#footer-front .navbar-nav.first{
		flex-direction: column;
	}
}