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

/****base css*********/
	* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	body { font-family: 'Poppins', sans-serif; font-weight: normal; font-style: normal; font-size: 17px; line-height: 35px; color: #000000; background: #ffffff; letter-spacing: 0; -webkit-font-smoothing: antialiased; padding: 0; margin: 0; }

	h1 , h2 , h3 , h4, h5 { line-height: 1; color: #272b2b; }
	h1 { font-size: 48px; margin: 0 0 32px; }
	h2 { font-size: 36px; margin: 0 0 32px; }
	h3 { font-size: 30px; margin: 0 0 32px; }
	h4 { font-size: 24px; margin: 0 0 20px; }
	h5 { font-size: 22px; margin: 0 0 20px; }

	p { margin: 0px; padding: 0 0 37px; }
	a { color: #e36727; outline:none !important; -webkit-outline:none; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s; text-decoration: none; outline:none; }
	a:hover,  a:focus{ outline:none !important; text-decoration: none; color: #676a6a; }
	img { max-width: 100%; height: auto; outline: none !important; }

    
.container { max-width: 1600px; width: 94%; padding: 0; margin-left: auto; margin-right: auto; }

/********************************* video Section ***************************************/
.video-section { position: relative; width: 100%; display: inline-block; padding: 0 0 0; }
.video-section img.video-img { width: 100%; height: 100vh; }
.video-section .overle { position: absolute; top: 0; left: 0; width: 100%; display: inline-block; text-align: center; padding: 104px 0 0; }
.video-section .overle img.icon { margin: 0 0 50px; }
.video-section .overle h1 { font-family: 'Fira Sans Condensed'; font-weight: 600; font-size: 135px; line-height: 130px; color: #0c3d5e; letter-spacing: -3.375px; margin: 0 0 154px; }
.video-section .overle h1 span { color: #ffffff; }
.video-section .Scroll-watch { position: absolute; bottom: 48px; left: 0; width: 100%; display: inline-block; text-align: center; }
.video-section .Scroll-watch a { font-family: 'Fira Sans Condensed'; font-weight: normal; font-size: 48px; line-height: normal; color: #bbbbbb; letter-spacing: -0.48px; }
.video-section .Scroll-watch a img { margin: 37px 0 0; }

.bounce { -moz-animation: bounce 3s infinite; -webkit-animation: bounce 3s infinite; animation: bounce 3s infinite; }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}

/********************************* Let Know ***************************************/
.Let-know { width: 100%; display: inline-block; background: #0f6ea8; padding: 140px 0 165px; }
.Let-know .container { max-width: 1400px; width: 94%; padding: 0; margin-left: auto; margin-right: auto; }
.Let-know h2 { font-family: 'Fira Sans Condensed'; font-weight: 700; font-size: 150px; line-height: normal; color: #083351; letter-spacing: -3.75px; text-transform: uppercase; margin: 0 0 7px; }
.Let-know p { font-family: 'Fira Sans Condensed'; font-weight: normal; font-size: 60px; line-height: normal; color: #dddddd; letter-spacing: 0; margin: 0; padding: 0; }
.Let-know p b { font-family: 'Fira Sans Condensed'; font-weight: 600; color: #ffffff; }

/********************************* Form Section ***************************************/
.Form-section { display: inline-block; background: url(../images/Form-section-bg.jpg); background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; padding: 144px 0 131px; }
.Form-section .box { width: 100%; display: inline-block; margin: 0 0 100px; }
.Form-section .box.with50 { width: calc(50% - 50px); float: left; margin-right: 100px; }
.Form-section .box.with50:nth-child(even) { margin-right: 0; }
.Form-section .box:last-child { margin: 0; }
.Form-section .box input::-moz-placeholder { font-size: 48px; line-height: normal; color: #999999; opacity: 10; }
.Form-section .box input::-webkit-input-placeholder { font-size: 48px; line-height: normal; color: #999999; }
.Form-section .box textarea::-moz-placeholder { font-size: 48px; line-height: normal; color: #999999; opacity: 10; }
.Form-section .box textarea::-webkit-input-placeholder { font-size: 48px; line-height: normal; color: #999999; }
.Form-section .box input.form-control, .Form-section .box textarea.form-control { font-family: 'Fira Sans Condensed'; font-weight: 600; font-size: 48px; line-height: normal; color: #999999; letter-spacing: -0.48px; background: #ffffff; border: none; box-shadow: none; outline: none; resize: none; border-radius: 0; display: inline-block; width: 100%; height: initial; padding: 34px 50px; }
.Form-section .box textarea.form-control { height: 375px; }
.Form-section .box button.Send-btn { font-family: 'Fira Sans Condensed'; font-weight: 600; font-size: 72px; line-height: 1; color: #ffffff; letter-spacing: -0.72px; border: 3px solid #dddddd; border-radius: 0; background: #0f6ea8; text-transform: uppercase; display: inline-block; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s; padding: 24px 35px; }
.Form-section .box button.Send-btn img { margin-left: 29px; }
.Form-section .box button.Send-btn:hover { background: #dddddd; }

/********************************* Coming Soon ***************************************/
.Coming-soon { position: relative; width: 100%; display: inline-block; text-align: center; background: #ffffff; padding: 225px 0 86px; }
.Coming-soon:before { content: ""; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); background: url(../images/Coming-soon-bg.png); background-repeat: no-repeat; background-size: cover; width: 100%; height: 816px; }
.Coming-soon .container { position: relative; }
.Coming-soon h3 { font-family: 'Fira Sans Condensed'; font-weight: 600; font-size: 125px; line-height: 1; color: #0f6ea8; letter-spacing: -1.25px; margin: 0 0 -1px; }
.Coming-soon h2 { font-family: 'Fira Sans Condensed'; font-weight: 700; font-size: 150px; line-height: 1; color: #0c3d5e; letter-spacing: -1.5px; text-transform: uppercase; margin: 0 0 -8px; }
.Coming-soon p { font-family: 'Fira Sans Condensed'; font-weight: 400; font-size: 72px; line-height: normal; color: #0f6ea8; letter-spacing: -0.72px; padding: 0 0 0; margin: 0 0 -2px; }
.Coming-soon span { font-family: 'Fira Sans Condensed'; font-weight: 600; font-style: italic; font-size: 72px; line-height: normal; color: #0c3d5e; letter-spacing: -0.72px; display: inline-block; margin: 0 0 0; }

.Coming-soon .bottom-section { width: 100%; display: inline-block; padding: 58px 0 0; }
.Coming-soon .bottom-section .Contact-info { float: right; padding: 144px 0 0; }
.Coming-soon .bottom-section .Contact-info h2 { font-family: 'Fira Sans Condensed'; font-weight: 600; font-size: 48px; line-height: normal; color: #0f6ea8; letter-spacing: 1.2px; text-transform: uppercase; margin: 0 0 9px; }
.Coming-soon .bottom-section .Contact-info span { font-family: 'Fira Sans Condensed'; font-weight: 400; font-style: initial; font-size: 40px; line-height: normal; color: #0c3d5e; letter-spacing: 0; display: inline-block; margin: 0; padding: 0 0 61px; }
.Coming-soon .bottom-section .Contact-info span a { color: #0c3d5e; }
.Coming-soon .bottom-section .Contact-info span a:hover { color: #0f6ea8; }
.Coming-soon .bottom-section .Contact-info p { font-family: 'Fira Sans Condensed'; font-weight: 400; font-size: 30px; line-height: normal; color: #6d6e70; letter-spacing: 0; margin: 0; padding: 0 0 0; }
.Coming-soon .bottom-section .Contact-info p a { color: #0f6ea8; }
.Coming-soon .bottom-section .Contact-info p a:hover { color: #0c3d5e; }
.Coming-soon .bottom-section .bottom-logo { float: left; }

/* The Modal */
.modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; overflow: auto; background-color: black; z-index: 1; }
.modal .modal-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background-color: #fefefe; margin: auto; padding: 0; width: 90%; max-width: 1200px; }
.modal .close { font-family: 'Fira Sans Condensed'; font-weight: 500; font-size: 50px; color: #ffffff; text-shadow: none; position: absolute; top: 10px; right: 25px; opacity: 1; }
.modal .close:hover, .close:focus { color: #999; text-decoration: none; cursor: pointer; }
.modal .modal-content .mySlides iframe { width: 100%; height: 500px; }



/*
font-family: 'Fira Sans Condensed';
*/