@charset "utf-8"; /* CSS Document */ /* Forma DJR Display */
@font-face {
font-family: 'Forma DJR Display';
src: url('fonts/FormaDJRDisplay-Medium.woff2') format('woff2'), url('fonts/FormaDJRDisplay-Medium.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
} /* Forma DJR Micro */
@font-face {
font-family: 'forma DJR Micro';
src:url('fonts/FormaDJRMicro-Regular.woff2') format('woff2'), url('fonts/FormaDJRMicro-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
} /* Default body font */
body li,.modal-body, p   {
	font-family: 'forma DJR Micro';
	color: #333;
}
.container-fluid {
	width:100%;
	padding:0 !important;
	overflow:hidden
}
.header-banner {
	margin:0 auto;
	display:block;
}
.product-banner {
	margin:0 !important;
	padding:0 !important;
	min-height:300px;
}
.logo {
	max-width:768px;
	margin:0px auto;
}
.logo img {
	max-width:400px;
}
h6{color:#fff; background:#06F; padding:12px; font-size:18px;font-family:'Forma DJR Display' !important; border-radius:8px}


.banner-text {
	max-width:79%;
	float:right;
}
h1 span{color:#ff4f51;}
.banner-text h1 {
	text-align:left;
	font-size:48px;
	line-height:60px;
	margin-top:30px;
	font-family:'Forma DJR Display' !important;
}
.banner-text h4 {
	text-align:left;
	font-size:24px;
	line-height:40px;
	margin-top:30px;
	font-family:'Forma DJR Display' !important;
}
.banner-text p {
	text-align:left;
	font-size:20px;
	line-height:28px;
	font-family:'forma DJR Micro' !important;
}
.thanks-font {
  	text-align:left;
	font-size:22px;
	line-height:32px;
	font-weight:700;
	font-family:'forma DJR Micro' !important;
}

.banner-text .footer-img img {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	max-width: 100%;
	height: auto;
}
.btn-products {
	font-size:22px;
	line-height:33px;
	font-weight:600;
	font-family:'forma DJR Micro' !important;
}
.btn-products2 {
	font-size:16px;
	line-height:23px;
	font-weight:600;
	font-family:'forma DJR Micro' !important;
}
.enquire-btn {
	width:100px;
	position: fixed;
	right: -5px;
	bottom: 14px;
	font-size:12px;
	line-height:18px;
	font-weight:600;
	padding:4px !important;
	font-family:'forma DJR Micro' !important;
}
h2 {
	text-align:left;
	font-size:48px;
	line-height:52px;
	font-family:'Forma DJR Display' !important;
}
.heading-p {
	text-align:left;
	font-size:20px;
	line-height:24px;
}
.boxes {
	background: linear-gradient(to bottom, #fdfefe, #e3ecee);
}
.card-bg {
	width:1130px;
	margin:0 auto;
}

.caption h4 {
	font-family:'Forma DJR Display' !important;
	font-size:24px;
	padding:18px 0px 0px 5px;
}
.caption p {
	font-family:'forma DJR Micro' !important;
	font-size:20px;
	padding-left:5px;
		
}
.text-padding {
	max-width:80%;
}
.text-padding h3 {
	text-align:left;
	font-size:48px;
	line-height:52px;
	font-family:'Forma DJR Display' !important;
}
.text-padding P {
	font-size:20px;
	font-family:'forma DJR Micro';
}
.mt-space {
	margin-top:1px;
}
.footer-band {
	min-height:30px;
	background:#024ad8;
}
.bg-products {
	background:#fefefe;
	z-index:-6;
	margin-top:-60px;
}
.btn-danger {
	background:#ff4f51;
}
label {
	font-size:14px;
	font-weight:700;
	padding-bottom:4px;
}
select.form-control {
	-webkit-appearance: menulist!important;
	-moz-appearance: menulist!important;
	-ms-appearance: menulist!important;
	-o-appearance: menulist!important;
	appearance: menulist!important;
}
.modal-content {
	border-radius: 16px;
	padding: 20px;
	background: #FFF url(images/pop-up-top.jpg) top right no-repeat;
	border-bottom:#024ad8 solid 25px;
	border-top:#024ad8 solid 15px;
}
.modal-header {
	border: none;
	padding-bottom: 0;
}
.modal-title {
	font-size: 2rem;
		font-family:'Forma DJR Display' !important;
		padding-left:12px;

}
.modal-title p,
.modal-title li {
	font-size:12px !important;
	font-family:'Forma DJR Display' !important;
}
.footer-text {
	background:#f5f5f5;
}
.footer-text P {
	max-width:800px;
	margin:0 auto;
	font-size:12px;
	font-family:'forma DJR Micro';
	text-align:center;
	padding:8px;
}
.bottom-text-img{max-width:85%; margin:0 auto}
.bottom-text-img h5 {font-size:14px; line-height:38px;color:#FFF; float:left; margin-right:20px;	font-family:'Forma DJR Display' !important;
}
@media screen and (max-width: 1100px) {
 .banner-text {
 max-width:350px;
 float:right;
}
.banner-text h1 {
 text-align:left;
 font-size:32px;
 line-height:38px;
 margin-top:50px;
 font-family:'Forma DJR Display' !important;
}
.banner-text p {
 text-align:left;
 font-size:18px;
 line-height:24px;
 letter-spacing:0px;
 font-family:'Forma DJR Display' !important;
}
}
 @media screen and (max-width: 1024px) {
.logo {
width:100%;
margin:0px auto;
}
.logo img {
width:350px;
}
.bg-products {
 background:#fefefe;
 z-index:-6;
 margin-top:-10px;
 width:95%;
 margin:0 auto;
}
.banner-text {
 max-width:90%;
 float:none;
 margin:0 auto;
}
.banner-text h1 {
text-align:left;
font-size:42px;
line-height:48px;
font-family:'Forma DJR Display' !important;
}
.banner-text p {
text-align:left;
font-size:22px;
line-height:28px;
font-weight:500;
font-family:'Forma DJR Display' !important;
}
h2 {
 text-align:left;
 font-size:38px;
 line-height:42px;
 font-family:'Forma DJR Display' !important;
}
.heading-p {
 text-align:left;
 font-size:20px;
 line-height:24px;
}
.text-padding P {
 text-align:left;
 font-size:22px;
 line-height:28px;
}
.text-padding h3 {
 text-align:left;
 font-size:42px;
 line-height:48px;
 font-family:'Forma DJR Display' !important;
}
.card-bg {
 width:95%;
 margin:0 auto;
}
.banner-text .footer-img img {
	position: absolute;
	bottom: 0;
	left: 20%;
	transform: translateX(-50%);
	max-width: 70%;
	height: auto;
}
 .modal-content {
border-radius: 16px;
border: none;
padding: 20px;
background: #FFF url(images/pop-up-top-m.jpg) top right no-repeat;
border-bottom:#024ad8 solid 25px;
border-top:#024ad8 solid 15px;
}
.modal-header {
border: none;
padding-bottom: 0;
}
.enquire-btn {
	width:100px;
	position: fixed;
	right: -5px;
	bottom: 0px;
	font-size:12px;
	line-height:18px;
	font-weight:600;
	padding:4px !important;
	font-family:'forma DJR Micro' !important;
}
br {
    display: none;
}
}
/* FORM MAIN BOX */
#contactForm{
    background:#ffffff;
    padding:35px;
    border-radius:18px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

/* INPUTS + SELECT + TEXTAREA */
#contactForm .form-control{
	font-family:'forma DJR Micro' !important;
    height:52px;
    border:1px solid #dcdcdc;
    border-radius:12px;
    padding:12px 16px;
    font-size:15px;
    color:#222;
    background:#fff;
    transition:all 0.3s ease;
    box-shadow:none;
}

/* TEXTAREA */
#contactForm textarea.form-control{
    height:auto;
    resize:none;
    padding-top:14px;
}

/* PLACEHOLDER */
#contactForm .form-control::placeholder{
    color:#8a8a8a;
    font-size:14px;
}


/* FOCUS EFFECT */
#contactForm .form-control:focus{
    border-color:#ff4f51;
    box-shadow:0 0 0 4px rgba(255,79,81,0.12);
}

/* SELECT */
#contactForm select.form-control{
    cursor:pointer;
}

/* VALIDATION */
#contactForm .invalid-feedback{
    font-size:13px;
    margin-top:6px;
}

/* BUTTON */
#contactForm .btn-danger{
	 font-family:'Forma DJR Display' !important;
    background:#ff4f51;
    border:none;
    min-width:180px;
    height:52px;
    border-radius:50px;
    font-size:16px;
    font-weight:600;
    letter-spacing:0.5px;
    transition:all 0.3s ease;
}

/* BUTTON HOVER */
#contactForm .btn-danger:hover{
    background:#e63d3f;
    transform:translateY(-2px);
    box-shadow:0 10px 20px rgba(255,79,81,0.25);
}

/* MANDATORY TEXT */
#contactForm p{
    font-size:13px;
    letter-spacing:1px;
}

/* MOBILE RESPONSIVE */
@media(max-width:767px){

    #contactForm{
        padding:22px;
        border-radius:14px;
    }

    #contactForm .form-control{
        height:48px;
        font-size:14px;
    }

    #contactForm .btn-danger{
        width:100%;
    }

}
@media(min-width:1368px){
.caption h4 {
	font-family:'Forma DJR Display' !important;
	font-size:32px;
	padding:18px 0px 0px 5px;
}
.caption p {
	font-family:'forma DJR Micro' !important;
	font-size:24px;
	padding-left:5px;
		
}

}