* {

	padding: 0;

	margin: 0;

}

body, input, textarea,button{

	font-size: 16px;

	color: #4e4e4e;

	font-family: 'Nunito Sans';

}

body{

	overflow-x: hidden;
	scroll-behavior: smooth;



}

h1, h2, h3, h4, h5, h6 {

	color: #292929;

	margin: 0;

}

h1 {

	font-size: 34px;

	color: #262b6a;

	font-weight: 400;

}

h2 {

	font-size: 28px;

	color: #292929;

	font-weight: 400;

}

h3 {

	font-size: 27px;

	color: #262b6a;

	font-weight: 700;

}

h4 {

	font-size: 22px;

	color: #292929;

}

h5 {

	font-size: 15px;

	color: #262b6a;

	font-weight: 700;

}

img {

	max-width: 100%;

	height: auto;

}

a {

	color: #262b6a;

	outline: none;

	transition: 0.3s all ease;

}

a:hover, a:focus {

	text-decoration: none;

}

p {

	margin: 0;

}

ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

}

/* Container */

.container {

	max-width: 1260px;

	margin: 0 auto;

	min-height: unset;

	padding-top: unset;

}

/* Container End */



.no-pad {

	padding: 0;

}

.no-mar {

	margin: 0;

}

 .no-padding>[class*=col-] {

 padding: 0;

}

.text-align-right {

	text-align: right;

}

.body-wrapper{

	width: 1440px;

	margin: 0 auto;

	overflow-x: hidden;

}



/* fonts section starts here */

@font-face {

    font-family: 'Proxima Nova Th';

    src: url('../fonts/ProximaNova-Extrabld.woff2') format('woff2'),

        url('../fonts/ProximaNova-Extrabld.woff') format('woff');

    font-weight: 800;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Proxima Nova Bl';

    src: url('../fonts/ProximaNova-Black.woff2') format('woff2'),

        url('../fonts/ProximaNova-Black.woff') format('woff');

    font-weight: 900;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Proxima Nova Rg';

    src: url('../fonts/ProximaNova-Bold.woff2') format('woff2'),

        url('../fonts/ProximaNova-Bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Proxima Nova Rg';

    src: url('../fonts/ProximaNova-Regular.woff2') format('woff2'),

        url('../fonts/ProximaNova-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Proxima Nova Th';

    src: url('../fonts/ProximaNovaT-Thin.woff2') format('woff2'),

        url('../fonts/ProximaNovaT-Thin.woff') format('woff');

    font-weight: 100;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Proxima Nova Alt Rg';

    src: url('../fonts/ProximaNovaA-Bold.woff2') format('woff2'),

        url('../fonts/ProximaNovaA-Bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Proxima Nova Alt Th';

    src: url('../fonts/ProximaNovaA-Thin.woff2') format('woff2'),

        url('../fonts/ProximaNovaA-Thin.woff') format('woff');

    font-weight: 100;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Proxima Nova Alt Lt';

    src: url('../fonts/ProximaNovaA-Light.woff2') format('woff2'),

        url('../fonts/ProximaNovaA-Light.woff') format('woff');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'New York Small';

    src: url('../fonts/NewYorkSmall-Regular.woff2') format('woff2'),

        url('../fonts/NewYorkSmall-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



/* fonts section ends here */

.contact-wrap .form-wrapper h2 {
    font-size: 24px;
}

/* style css starts here */

/* header css starts here */

.header-wrap{

	max-width: 1440px;

	margin: 0 auto;

}

.header-wrap .navbar{

	padding: 0;

	height: 104px;

	border: unset;

	box-shadow: unset;

}

.header-wrap .navbar-brand{

	margin: 0;

	padding: 0;

	width: 238px;

}

.navbar-nav .nav-item{

	margin-right: 60px;

}

.header-wrap .navbar-nav .nav-item a{

 	padding: 0;

	 font-family: 'Proxima Nova Rg';

	font-style: normal;

	font-weight: 600;

	font-size: 18px;

	line-height: 22px;

	color: #101820;

}

/* header css ends here */

/* banner css starts here */

.banner-wrapper{

	display: flex;

	align-items: center;

    height: 85vh;

    position: relative;

	overflow: hidden;

}

.banner-wrapper .banner-overlay{

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	background-color: rgba(0, 0, 0, 0.4);

}

.banner-wrapper #shipvedio{

    position: absolute;

    width: 100%;

    height: 100%;

    right: 0;

    bottom: 0;

    top: 0;

    left: 0;

    object-fit: cover;

    z-index: -100;

}

.vedio-banner-text{

	padding-left: 100px;

	width: 60%;

	z-index: 1;

}

.vedio-banner-text h4{

	font-family: 'Proxima Nova Alt Rg';

	font-style: normal;

	font-weight: 600;

	font-size: 38px;

	line-height: 46px;

	letter-spacing: 0.05em;

	text-transform: uppercase;

	color: #ffffff;

}

.vedio-banner-text h1{

	font-family: 'Proxima Nova Bl';

	font-style: normal;

	font-weight: 900;

	font-size: 120px;

	line-height: 1.1;

	letter-spacing: 0.05em;

	text-transform: uppercase;

	color: #FFFFFF;

}

.vedio-banner-text p{

    font-family: 'New York Small';

	font-style: normal;

	font-weight: normal;

	font-size: 16px;

	line-height: 26px;

	letter-spacing: 0.02em;

	color: #FFFFFF;

	/* padding-right: 18%; */

}

/* banner css ends here */

.content-wrapper{

	max-width: 1440px;

	margin: 0 auto;

}

/* owl carosel section starts here */

.carosel-wrapper{

	position: relative;

	padding: 150px 0 80px 0;

}

.border-bg-back{

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	left: 0;

	right: 0;

	height: 170px;

	width: 100%;

	z-index: -100;

}

.border-bg-back img{

	width: 100%;

}

.carosel-wrapper .owl-carousel {

	padding-left: 70px;

}

.carosel-wrapper .owl-item .service-wrap{

	width:760px;

}

.carosel-wrapper .owl-item .service-wrap img{

	height: 560px;

	object-fit: cover;

}

#services .service-image-text{

	display: block;

	text-align: center;

	font-family: 'Proxima Nova Rg';

	font-weight: bold;

	font-size: 40px;

	line-height: 49px;

	letter-spacing: 0.05em;

	color: #101820;

	margin-top: 28px;



}

.carosel-wrapper .owl-dots{

	display: none;

}

.carosel-wrapper .carosel-heading{

	position: absolute;

	top: 50px;

	left: 100px;

	display: flex;

	align-items: center;

}

.carosel-wrapper h2{

	font-family: 'Proxima Nova Th';

	font-weight: 800;

	font-size: 150px;

	line-height: 183px;

	letter-spacing: 0.02em;

	text-transform: uppercase;

	color: #101820;

	z-index: 9999999999999;

}

.carosel-wrapper span{

	font-family: 'Proxima Nova Th';

	font-weight: 800;

	font-size: 150px;

	line-height: 183px;

	letter-spacing: 0.02em;

	text-transform: uppercase;

	margin-left: 60px;

	-webkit-text-stroke-width: 3px;

    -webkit-text-stroke-color: rgba(16, 24, 32, 0.6);

	z-index: -10000 !important;

	position: relative;

	color: #ffffff;

}

/* owl carosel section ends here */

/* categories section starts here */

.categories-wrap h2{

    font-family: 'Proxima Nova Th';

	font-style: normal;

	font-weight: 800;

	font-size: 100px;

	line-height: 122px;

	letter-spacing: 0.02em;

	color: #101820;

	margin-bottom: 22px;

}

.da-thumbs {

	list-style: none;

	width: 100%;

	position: relative;

	display: flex;

	flex-wrap: wrap;

}

.da-thumbs li {

	width: 25%;

}

.da-thumbs li a,

.da-thumbs li a img {

	display: block;

	position: relative;

	width: 100%;

	height: 100%;

}

.da-thumbs li a {

	overflow: hidden;

}

.da-thumbs li a div {

	position: absolute;

	background-color: #000000;

	width: 100%;

	height: 100%;

}

.da-thumbs li a div h6 {

	display: block;

	color: #ffffff;

	text-align: center;

	font-size: 20px;

	font-family: 'New York Small';

	text-transform: uppercase;

	width: 100%;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translateX(-50%) translateY(-50%);

}

/* categories section starts here */





/* contact wrap section starts here */

/* style css ends here */

.panel {

	display:block;

	height:278px;

}



.freeBird {

	margin-top:-100px;

}



.small-text {

	font-size:12px;

}

.contact-wrap{

	background-image: url(../images/MaskGroup.png);

	background-position: center center;

	background-repeat: no-repeat;

	background-size: cover;

	height: 592px;

	margin-top: 135px;

	display: flex;

	align-items: center;

}

.contact-wrap h2{

	padding-left: 0px;

	font-family: 'Proxima Nova Alt Rg';

	font-weight: bold;

	font-size: 100px;

	line-height: 122px;

	letter-spacing: 0.02em;

	color: #101820;

}
.contact-wrap .form-head-title{
	padding-left: 105px;
}

.contact-wrap .form-wrapper{

	background-color: #ffffff;

	width: 505px;

	height: 708px;

	position: absolute;

	right: 80px;

	padding: 50px 45px 0px;

	box-shadow: 0px 0px 10px rgba(148, 148, 148, 0.4);

	border-radius: 7px;

}

.contact-wrap form h3{

	font-family: 'Proxima Nova Alt Rg';

	font-weight: bold;

	font-size: 28px;

	line-height: 34px;

	text-transform: uppercase;

	color: #101820;

	margin-bottom: 60px;

}

.form-wrapper form .form-group{

	margin-bottom: 0;

}

.form-wrapper form input{

	box-sizing: border-box;

	margin-bottom: 65px;

	height: unset;

	border-bottom: 1px solid#040c11;

}

.form-wrapper form .form-group label{

	 top: 10px;

	font-family: 'Proxima Nova Alt Rg';

	color: #040C11;

	font-size: 16px;

	line-height: 20px;

}

.form-wrapper form button{

	width: 284px;

	height: 64px;

	background-color: #040C11;

	display: flex;

	align-items: center;

	justify-content: center;

	position: absolute;

	right:0;

	box-shadow: unset;

	margin: 0;

	padding: 0;

    font-family: 'Proxima Nova Th';

	font-size: 16px;

	font-weight: 800;

	color: #ffffff;

	border-radius: unset;

	border-top-left-radius: 10px;

	border-bottom-left-radius: 10px;

	border:1px solid #040c11;

	transition: 0.3s all ease-in-out;

	text-transform: uppercase;

}

.form-wrapper form button:hover{

	background-color: #040c11 !important;

	box-shadow: unset;

	border:1px solid #040c11;



	border-top-left-radius: 30px;

	border-bottom-left-radius: 30px;

}

/* contact wrap section starts here */

/* footer css starts here */

.footer-wrap{

	background-image: url(../images/footer-bg.png);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center center;

	height: 380px;

	display: flex;

	align-items: center;

}

.cji-text{

	text-align: right;

}

.cji-text h5{

    font-family: 'Proxima Nova Th';



	font-weight: bold;

	font-size: 16px;

	line-height: 24px;

	text-transform: uppercase;

	color: #11171D;

}

.cji-text h5:nth-child(1){

	margin-right: 82px;

}

/* footer css ends here */

.service-text.textcolor-black {

    font-family: 'Proxima Nova Th';

    font-weight: 800;

    font-size: 150px;

    line-height: 183px;

    letter-spacing: 0.02em;

    text-transform: uppercase;

    color: #101820;

    z-index: 1;

}

.service-text-2.textcolor-black.outline-text{

	

    font-family: 'Proxima Nova Th';

    font-weight: 800;

    font-size: 150px;

    line-height: 183px;

    letter-spacing: 0.02em;

    text-transform: uppercase;

    margin-left: 60px;

    -webkit-text-stroke-width: 3px;

    -webkit-text-stroke-color: rgba(16, 24, 32, 0.6);

    color: #ffffff;



}

.form-wrapper form input:focus{

	box-shadow: none !important;

}

.carosel-wrapper{

	display: none;

}

/* responsive css starts here */

@media(max-width:1600px){

	.banner-wrapper {

		height: 82vh;

	}

	.carosel-wrapper .owl-item .service-wrap {

		width: 600px;

	}

	.carosel-wrapper .owl-item .service-wrap img {

		height: 500px;

	}

	.carosel-wrapper h2{

		font-size: 100px;

	}

	.carosel-wrapper span{

		font-size: 100px;

	}

	.carosel-wrapper .carosel-heading {

		left: 150px;

	}

	.footer-wrap{

		height: 250px;

	}

}

@media(max-width:1500px){
	.vedio-banner-text {
		padding-left: 100px;
		width: 62%;
	}
}

@media(max-width:1366px){

	.banner-wrapper {

		height: 67vh;

	}

	.vedio-banner-text h1 {

		font-size: 100px;

		line-height: 115px;

	}

	.vedio-banner-text p {

		padding-right: 10%;

	}

	.carosel-wrapper .owl-item .service-wrap {

		width: 500px;

	}

	.carosel-wrapper .owl-item .service-wrap img {

		height: 450px;

	}

	.carosel-wrapper h2{

		font-size: 80px;

	}

	.carosel-wrapper span{

		font-size: 80px;

	}

	#services .service-image-text {

		font-size: 33px;

		line-height: 43px;

	}

	.categories-wrap h2 {

		font-size: 70px;

		line-height: 82px;

	}

	.contact-wrap h2 {

		padding-left: 50px;

		font-size: 80px;

		line-height: 100px;

	}

	.service-text.textcolor-black {

		font-size: 120px;

		line-height: 133px;

	}

	.service-text-2.textcolor-black.outline-text {

		font-size: 120px;

		line-height: 133px;

	}
	.banner-wrapper {
		height: 85vh;
	}
	.vedio-banner-text {
		width: 80%;
	}

}

@media(max-width:1199px){
	.banner-wrapper {
		height: 70vh;
	}

	.vedio-banner-text h1 {

		font-size: 48px;

		line-height: 1.2;

	}

	.navbar-nav .nav-item {

		margin-right: 30px;

	}

	.carosel-wrapper .owl-item .service-wrap {

		width: 400px;

	}

	.carosel-wrapper .owl-item .service-wrap img {

		height: 400px;

	}

	.carosel-wrapper h2 {

		font-size: 65px;

	}

	.carosel-wrapper span {

		font-size: 65px;

	}

	.carosel-wrapper .carosel-heading {

		left: 120px;

	}

	#services .service-image-text {

		font-size: 30px;

		line-height: 35px;

	}

	.categories-wrap h2 {

		font-size: 60px;

		line-height: 70px;

		margin-bottom: 15px;

	}

	.da-thumbs li a div h6 {

		padding: 0 10px;

	}

	.contact-wrap h2 {

		padding-left: 30px;

		font-size: 65px;

		line-height: 70px;

	}
	.vedio-banner-text {
		padding-left: 35px;
		width: 90%;
	}

	.contact-wrap .form-wrapper {

		width: 450px;

		height: 650px;

		right: 40px;

		padding: 40px 35px 0px;

	}

	.footer-wrap {

		height: 200px;

	}
	

}

@media(max-width:991px){

	.navbar.navbar-light .navbar-toggler {

		border-color: #000;

		padding: 5px 7px;

		position: absolute;

		right: 20px;

	}

	.header-wrap .navbar-brand{

		height: 105px;

	}

	.header-wrap .navbar-collapse{

		position: absolute;

		top: 100%;

		width: 100%;

		background-color: #000000;

		z-index: 2;

	}

	.header-wrap .navbar-collapse.show{

		display: block;

	}

	.navbar .navbar-nav .nav-item{

		margin-left: 0;

		margin-right: 0;

		border-bottom: 2px solid #ffffff;

	}

	.header-wrap .navbar-nav .nav-item a {

		padding: 15px;

		color: #ffffff;

	}

	.vedio-banner-text {

		padding-left: 35px;

		width: 90%;

	}

	.carosel-wrapper .owl-carousel {

		padding-left: 50px;

	}

	.carosel-wrapper .owl-item .service-wrap {

		width: 300px;

	}

	.carosel-wrapper .owl-item .service-wrap img {

		height: 300px;

	}

	.carosel-wrapper {

		padding: 80px 0;

	}

	.carosel-wrapper h2 {

		font-size: 50px;

		line-height: 60px;

	}

	.carosel-wrapper span {

		font-size: 50px;

		line-height: 60px;

	}

	.carosel-wrapper .carosel-heading {

		left: 70px;

	}

	.da-thumbs li a div h6 {

		font-size: 17px;

	}

	.categories-wrap h2 {

		font-size: 50px;

		line-height: 60px;

	}

	.contact-wrap h2 {

		font-size: 50px;

		line-height: 60px;

	}

	.contact-wrap .form-wrapper {

		width: 400px;

	}

	.form-wrapper form input {

		margin-bottom: 50px;

	}

	.form-wrapper form button {

		width: 250px;

		height: 60px;

	}

	.service-text.textcolor-black {

		font-size: 100px;

	}

	.service-text-2.textcolor-black.outline-text {

		font-size: 100px;

	}

}

@media(max-width:767px){

	.banner-wrapper {

		height: 36vh;

	}

	.carosel-wrapper .owl-item .service-wrap {

		margin: 0 auto;

	}

	.carosel-wrapper .owl-item .service-wrap img {

		height: 250px;

	}

	.da-thumbs li {

		width: 50%;

	}

	.contact-wrap .form-wrapper {

		width: 300px;

	}

	.contact-wrap {

		height: 400px;

	}

	.contact-wrap .form-wrapper {

		height: 500px;

	}

	.contact-wrap form h3 {

		font-size: 25px;

		line-height: 31px;

		margin-bottom: 15px;

	}

	.service-text.textcolor-black {

		font-size: 70px;

		line-height: 80px;

	}

	.service-text-2.textcolor-black.outline-text{

		font-size: 70px;

		line-height: 80px;

	}

	.form-wrapper form input {

		margin-bottom: 40px;

	}

	#services{

		display: block;

	}

	.carosel-wrapper{

		display: none;

	}

	.carosel-wrapper .service-wrap h3{

		display: block;

		text-align: center;

		font-family: 'Proxima Nova Rg';

		font-weight: bold;

		font-size: 30px;

		line-height: 36px;

		letter-spacing: 0.05em;

		color: #101820;

		margin-top: 15px;

	}

	.carosel-wrapper .owl-item .service-wrap {

		width: 100%;

	}
	.vedio-banner-text p {
		font-size: 15px;
		line-height: 1.4;
	}
	.vedio-banner-text h1 {
		font-size: 42px;
		line-height: 1.2;
	}
	.vedio-banner-text h4 {
		font-size: 32px;
		line-height: 1.1;
	}
	.banner-wrapper {
		height: 70vh;
	}
	.vedio-banner-text {
		padding-left: 35px;
		width: 95%;
	}
	

}

@media(max-width:640px){

	.contact-wrap {

		height: auto;

		padding-top: 50px;

		padding-bottom: 30px;

		display: block;

		align-items: unset;

	}

	.contact-wrap .form-wrapper {

		width: 400px;

		position: relative;

		right: unset;

		margin: 0 auto;

	}

	.footer-wrap {

		height: 120px;

	}
	.section.services {

		height: 700px;

	}

	.services-container {

		height: 70vh;

	}

	.carosel-wrapper .carosel-heading {

		left: 20px;

	}

	.carosel-wrapper .service-wrap h3 {

		font-size: 25px;

		line-height: 31px;

	}

}

@media(max-width:575px){

	.navbar-brand>img {

		width: 200px;

	}

	.header-wrap .navbar-brand {

		display: flex;

		align-items: center;

	}

	.vedio-banner-text {

		width: 100%;

	}

	.vedio-banner-text p {

		font-size: 14px;

		line-height: 20px;

	}

	.vedio-banner-text h1 {

		font-size: 41px;

		line-height: 50px;

	}

	.banner-wrapper {

		height: 40vh;

	}

	.service-text.textcolor-black {

		font-size: 55px;

		line-height: 60px;

	}

	.service-text-2.textcolor-black.outline-text{

		font-size: 55px;

		line-height: 60px;

	}

	#services .service-image-text {

		font-size: 25px;

		line-height: 30px;

	}

	.footer-wrap {

		height: auto;

		padding: 15px 0;

	}

	.cji-image{

		padding-bottom: 15px;

		text-align: center;

	}

	.cji-image img{

		width: 160px;

	}

	.cji-text{

		text-align: center;

	}

	.cji-text h5:nth-child(1){

		margin-right: unset;

	}

	.carosel-wrapper h2 {

		font-size: 35px;

		line-height: 60px;

	}

	.carosel-wrapper span {

		font-size: 35px;

		line-height: 60px;

	}
	.vedio-banner-text p {
		font-size: 14px;
		line-height: 1.4;
	}
	.vedio-banner-text h1 {
		font-size: 42px;
		line-height: 1.2;
	}
	.vedio-banner-text h4 {
		font-size: 32px;
		line-height: 1.1;
	}
	.banner-wrapper {
		height: 70vh;
	}
	.vedio-banner-text {
		padding-left: 35px;
	}



}

@media(max-width:475px){
	.cji-text h5 { font-size: 14px; }
	.section.services {

		height: 500px;

	}

	.services-container {

		height: 50vh;

	}

	.categories-wrap h2 {

		font-size: 40px;

		line-height: 50px;

	}

	.da-thumbs li {

		width: 100%;

	}

	.contact-wrap .form-wrapper {

		width: 100%;

	}

	.carosel-wrapper span{

		display: none;

	}

	.carosel-wrapper .carosel-heading{

		left: 35%;

	}

	.carosel-wrapper .service-wrap h3 {

		font-size: 25px;

		line-height: 31px;

	}

	.carosel-wrapper .owl-carousel {

		padding-left: 30px;

	}
	.vedio-banner-text p {
		font-size: 13px;
		line-height: 1.4;
	}
	.vedio-banner-text h1 {
		font-size: 36px;
		line-height: 1.2;
	}
	.vedio-banner-text h4 {
		font-size: 26px;
		line-height: 1.1;
	}
	.banner-wrapper {
		height: 70vh;
	}

}

@media(max-width:380px){

	.vedio-banner-text {

		padding-left: 20px;

	}

	.service-text.textcolor-black {

		font-size: 40px;

		line-height: 50px;

	}

	.service-text-2.textcolor-black.outline-text{

		font-size: 40px;

		line-height: 50px;

	}

	#services .service-image-text {

		font-size: 20px;

		line-height: 25px;

	}

	.section.services {

		height: 400px;

	}

	.categories-wrap h2 {

		font-size: 35px;

		line-height: 41px;

	}

	.contact-wrap {

		padding-top: 20px;

		margin-top: 50px;

	}

	.contact-wrap h2 {

		font-size: 35px;

		line-height: 50px;

		padding-left: 15px;

		margin-bottom: 20px;

	}

}

@media(max-width:320px){

	/* .banner-wrapper {

		height: 60vh;

	} */

}

/* responsive css ends here */