/*==== Google Fonts(Poppins) :: Start ====*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;600;700;800;900&display=swap');
/*==== Google Fonts(Poppins) :: End ====*/

/*==== Default Style :: Start ====*/
html {
	font-size: 62.5%;
}

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
strong,
i,
ol,
ul,
li,
form,
label,
footer,
header,
menu,
nav,
section {
	margin: 0;
	padding: 0;
}
:root {
	--theme-color:#040404;
	--theme-color2:#0196ac;
	scroll-behavior: auto !important;
}

body {
	font-family: 'Montserrat', sans-serif;
	background-color: var(--theme-color);
	color: #fff;
	overflow-x: hidden;
	line-height: 1.3;
}

ol,
ul {
	list-style: none;
}

a {
	text-decoration: none;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
p,span{
	font-size: 1.6rem;
	line-height: 24px;
}
button:focus,
a:focus,
input:focus,
textarea:focus,
select:focus {
	outline: none;
}

.button {
	padding: 1.2rem 4rem;
    background-color: var(--theme-color2);
	font-weight: 400;
	color: #fff;
	border-radius: 5rem;
	font-size: 1.5rem;
	display: inline-block;
	text-transform: capitalize;
}
.section--title{
	margin-bottom: 12rem;
}
.section--title h2,
.section--title h2 span{
	font-size: 5rem;
	font-weight: 700;
}
.section--title p{
	font-size: 1.6rem;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--theme-color2);
	margin-bottom: 1.5rem;
}
header{
    position:fixed;
    top: 0;
    left: 0;
	width: 100%;
    padding: 1.5rem 0;
    background-color:transparent;
    display: flex;
    align-items: center;
	transition: all 0.3s ease-in-out;
    z-index: 999;
}
header.active{
	background-color: var(--theme-color);
	padding: 1.2rem 0;
}
header .logo img{
    height: 8rem;
	width: 8rem;
}
header ul li{
    display: inline-block;
}
header ul li a.nav-link{
    font-size: 1.6rem;
    color: #fff;
    font-weight: 500;
    margin-right: 4rem;
	transition: all 0.3s ease-in-out;
}
header ul li a.active{
	color: var(--theme-color2);
}
header ul li a.nav-link:hover{
	color: var(--theme-color2);
}
header ul li:last-child a{
    margin-right: 0;
}
.header--btn{
	text-align: right;
}
.hero--area{
	height: 100vh;
	width: 100%;
	position: relative;
	z-index: 1;
}
 /* hamburger-menu Style  */
 .hamburger-menu {
	cursor: pointer;
	display: none;
	z-index: 999;
  }
  
  .hamburger-menu span {
	background: #fff;
	width: 3rem;
	height: 0.2rem;
	display: block;
	margin: 0.6rem 0;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
  }
  .hamburger-menu span:nth-child(2){
	width: 2rem;
  }
  
  .hamburger-menu:hover .line-top {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
  }
  
  .hamburger-menu:hover .line-bottom {
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
  }
  
  .hamburger-menu .line-top.current {
	-webkit-transform: translateY(0.4rem) rotate(135deg);
	-ms-transform: translateY(0.4rem) rotate(135deg);
	transform: translateY(0.4rem) rotate(135deg);
  }
  
  .hamburger-menu .line-center.current {
	opacity: 0;
  }
  
  .hamburger-menu .line-bottom.current {
	-webkit-transform: translateY(-1.1rem) rotate(-135deg);
	-ms-transform: translateY(-1.1rem) rotate(-135deg);
	transform: translateY(-1.1rem) rotate(-135deg);
  }

/* hero area style  */
.hero--area .item{
	height: 100vh;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.hero--area .item::before{
	position: absolute;
	content: '';
	bottom: -1rem;
	left: 0;
	width: 100%;
	height: 10rem;
	background: linear-gradient(0deg, rgba(4,4,4,1) 9%, rgba(255,255,255,0) 100%);
	z-index: 1;
}
.hero--area .item::after{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
}
.hero--area .text--wrapper{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}
.hero--area .item>img{
	height: 100%;
	object-fit: cover;
	animation: zoom 20s linear infinite;
}
@keyframes zoom {
	from {
		transform: scale(1);
	  }
	  to {
		transform: scale(1.5);
	  }
}
.hero--area .hero--text{
	text-align: center;
}
.hero--area .hero--text h1,
.hero--area .hero--text h1 span{
	font-size: 7rem;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
}
.hero--area .hero--text h1 span,
.about--area .about--text h2 span,
.section--title h2 span,
.right--sticky--img--box .box .content h3 span,
.video--popup--area .pop--text h3 span,
.contact--area .contact--box h3 span{
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-color: #fff;
	-webkit-text-stroke-width: 0.1rem;
}
.hero--area .hero--text p{
	font-size: 1.6rem;
	margin-top: 2rem;
	max-width: 80rem;
	margin-left: auto;
	margin-right: auto;
}
.hero--area .input--group{
	position: relative;
	margin-top: 5rem;
	max-width: 76rem;
	margin-left: auto;
	margin-right: auto;
}
.hero--area .input--group::before{
	position: absolute;
	content: '';
	top: 50%;
	transform: translateY(-50%);
	left: 1%;
	height: 2.5rem;
	width: 2.5rem;
	background-image: url(../img/location.gif);
	background-size: cover;
	background-repeat: no-repeat;
	filter: opacity(0.5);
}
.hero--area .input--group .button {
    position: absolute;
    right: 1%;
    top: 16%;
    padding: 1.1rem 4rem;
    border: none;
}
.hero--area input{
	padding-left: 4rem;
}
.hero--area input{
	height: 6rem;
}
input{
	width: 100%;
	height: 5rem;
	background-color: #fff;
	border-radius: 1rem;
	font-size: 1.6rem;
	padding: 0 2rem;
	border:none
}
.hero--images{
	position: relative;
}
.hero--images img{
	height: 25rem;
	width: 20rem !important;
	object-fit: cover;
	border-radius: 1rem;
	position: absolute;
	box-shadow: 0 0.5rem 6rem rgba(255, 255, 255, 0.15);
}
.hero--images img:nth-child(1) {
    right: 24rem;
    top: -30rem;
}
.hero--images img:nth-child(2) {
    right:0;
    top: -28rem;
}
.hero--images img:nth-child(3) {
	left: 20rem;
    top: 0;
}
.hero--images img:nth-child(4) {
    right: 0;
    top: 2rem;
}


/* about area style  */
.about--area{
	padding: 20rem 0 10rem;
	overflow: hidden;
}
.about--area .row{
	margin-left: -3rem;
	margin-right: -3rem;
}
.about--area .row [class*="col-"]{
	padding-left: 3rem;
	padding-right: 3rem;
}
.about--area .about--text h2,
.about--area .about--text h2 span{
	font-size: 5rem;
	font-weight: 700;
	color: #fff;
	margin-bottom: 2rem;
}
.about--area .about--text a{
	margin-top: 5rem;
}
.about--area .about--images{
	position: relative;
	height: 51rem;
}
.about--area .about--images img{
	width: 45rem !important;
	border-radius: 1rem;
}
.about--area .about--images img:nth-child(2) {
    position: absolute;
    top: 20rem;
    right: -1rem;
	border:0.5rem solid #000;
}


/* book area  */
.book--area{
	padding: 10rem 0;
	overflow: hidden;
}
.book--area .row,
.about--area .row{
	margin-left: -4rem;
	margin-right: -4rem;
}
.book--area .row [class*="col-"],
.about--area .row [class*="col-"]{
	padding-left: 4rem;
	padding-right: 4rem;
}
.book--travel .row{
	margin-left: -1rem;
	margin-right: -1rem;
}
.book--travel .row [class*="col-"]{
	padding-left: 1rem;
	padding-right: 1rem;
}
.book--travel h3,
.book--travel h3 span{
	font-size: 5rem;
	font-weight: 800;
	color: #fff;
	line-height: 7rem;
}
.book--travel h3 span{
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-color: #fff;
	-webkit-text-stroke-width: 0.1rem;
}
.book--area form{
	padding: 2rem 4rem 4rem 4rem;
	background-color: rgba(255, 255, 255, 0.050);
	margin-top: 5rem;
	border-radius: 1rem;
}
.book--area form .input--group{
	margin-top: 3rem;
}
.book--area form .input--group label{
	font-size: 1.6rem;
	margin-bottom: 0.5rem;
}
.book--travel .button{
	border:none;
	border-radius: 1rem;
	margin-top: 2rem;
	font-weight: 600;
}
.book--area .book--image img{
	border-radius: 1rem;
}


/* gallery--area style  */
.gallery--area{
	padding: 10rem 0;
}




/*==== Project Tab Area Style :: Start ====*/
.portfolio--tabs--area{
	padding:10rem 0 20rem;
	overflow: hidden;
}
.portfolio--tabs--area .row{
	margin-right: -1.5rem;
	margin-left: -1.5rem;
}
.portfolio--tabs--area .row [class*="col-"]{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.filter-buttons{
	text-align: center;
	padding-bottom: 2.5rem;
}
.filter-buttons button{
	border:none;
	background: none;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 100%;
	text-transform: capitalize;
	padding: 0;
	margin:0 2rem;
	position: relative;
	color: #fff;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
}
.filter-buttons button:hover{
	color: var(--theme-color2);
}
.filter-buttons button.active{
	color: var(--theme-color2);
}
.filter-buttons button:first-child{
	margin-left: 0;
}
.filter-buttons button:last-child{
	margin-right: 0;
}
.filter-buttons button::before{
	position: absolute;
	content: '';
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	right: -2.5rem;
	height: 0.4rem;
	width: 0.4rem;
	border-radius: 50%;
	background-color: #67676B;
}
.filter-buttons button:last-child::before{
	display: none;
}
.work-single-item{
	position: relative;
	z-index: 1;
	margin-top: 3rem;
	overflow: hidden;
	border-radius: 1rem;
}
.work-single-item>img{
	width: 100%;
	height: auto;
	-webkit-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	border-radius: 1rem;
}
.work-single-item:hover>img{
	-webkit-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	        transform: scale(1.2);
}
.work-single-item  .project--deatils--wrapper{
	position: absolute;
	top: 0;
	left: 20;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.85);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.work-single-item  .project--deatils{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: end;
	height: 100%;
	padding:2rem;
}
.work-single-item:hover .project--deatils--wrapper{
	opacity: 1;
	visibility: visible;
}
.work-single-item  .project--deatils p.category{
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 130%;
	letter-spacing: 0.024rem;
	text-transform: uppercase;
	color: var(--theme-color2);
	position: relative;
	margin-bottom: 1.1rem;
}
.work-single-item  .project--deatils p.category::before{
	position: absolute;
	content: '';
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
	height: 0.8rem;
	width: 0.8rem;
	border-radius: 50%;
	background-color: var(--sub-heading-color);
}
.work-single-item  .project--deatils h3{
	font-size: 2.4rem;
	font-weight: 800;
	line-height: 120%;
	letter-spacing: -0.1rem;
	text-transform: capitalize;
	color: var(--white);
}
.work-single-item  .project--deatils h4{
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 130%;
	text-transform: capitalize;
	color: #9DB1C9;
}
.work-single-item  .project--deatils p.description{
	font-size: 1.6rem;
	font-weight: 300;
	line-height: 170%;
	color: var(--white);
	margin-top: 1rem;
}
.work-single-item  .project--deatils  .project--btn{
	margin-top: 3rem;
}
.work-single-item  .project--deatils  .button-service{
	max-width: 13.5rem;
	width: 100%;
}
.work-single-item  .project--deatils  .button-service span{
	color: var(--white);
	font-weight: 300;
}
.work-single-item .button{
	padding: 1.1rem 2.5rem;
}
/*==== Project Tab Area Style :: End ====*/



.top--place--area .grid{
	display: flex;
	flex-wrap: wrap;
}
.top--place--area .grid .place--box--wrapper,
.top--place--area .grid  .right--sticky--img--box{
	width: 50%;
}
.top--place--area .grid .place--box--wrapper .place--box{
	width: 100%;
	position: relative;
	z-index: 1;
}
.top--place--area .grid .place--box--wrapper .place--box::before{
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	background: radial-gradient(circle, rgba(255,255,255,0) 0%, rgba(0,0,0,0.8575805322128851) 100%);
	width: 100%;
	height: 100%;
}
.top--place--area .grid .place--box--wrapper .place--box img{
	width: 100%;
	height: 70rem;
	object-fit: cover;
}
.top--place--area .grid .place--box--wrapper .place--box .place--details{
	position: absolute;
	bottom: 4rem;
	left: 4rem;
}
.top--place--area .grid .place--box--wrapper .place--box .place--details h3{
	font-size: 3rem;
	font-weight: 700;
	margin-bottom: 2rem;
}
.top--place--area .grid .place--box--wrapper .place--box .place--details p{
	font-size: 1.7rem;
	max-width: 75rem;
	margin-bottom: 3rem;
}
.right--sticky--img--box .box{
	position: sticky;
	top: 0;
	right: 0;
	height: 110vh;
	width: 100%;
	z-index: 1;
}
.right--sticky--img--box .box img{
	height: 110vh;
	object-fit: cover;
}
.right--sticky--img--box .box .content{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.8);
	display: flex;
	align-items: center;
	justify-content: center;
}
.right--sticky--img--box .box .content h3,
.right--sticky--img--box .box .content h3 span{
	font-size: 5rem;
	font-weight: 700;
	line-height: 6.5rem;
	max-width: 60rem;
}


/* offer area style  */
.offering--area{
	padding: 10rem 0;
	overflow: hidden;
}
.offering--area .section--title {
    margin-bottom: 10rem;
}
.offering--area .row{
	margin-left: -1rem;
	margin-right: -1rem;
}
.offering--area .row [class*="col-"]{
	padding-left: 1rem;
	padding-right: 1rem;
}
.offering--area .offer--box{
	border:0.1rem solid rgba(255,255,255,0.09);
	border-radius: 1rem;
	margin-top: 2rem;
}
.offer--box .img--area{
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	overflow: hidden;
}
.offer--box .img--area img{
	width: 100%;
	height: 24rem;
	object-fit: cover;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	transition: all 0.6s ease-in-out;
}
.offer--box:hover .img--area img{
	scale: 1.1;
}
.offer--box .content{
	padding: 3rem 2rem;
	position: relative;
}
.offer--box .content h3{
	font-size: 2.2rem;
	font-weight: 600;
	margin-bottom: 1rem;
}
.offer--box .content p{
	font-size: 1.5rem;
}
.offer--box .content a{
	font-size: 1.5rem;
	color: #fff;
	display: inline-block;
	margin-top: 2rem;
}
.offer--box .content a:hover img{
	margin-left: 1rem;
}
.offer--box .content a img{
	width: 3rem;
	margin-left: 0.3rem;
	transition: all 0.3s ease-in-out;
}
.offer--box .content .icon{
	height: 5.5rem;
	width: 5.5rem;
	border-radius: 50%;
	background-color: var(--theme-color2);
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: -3rem;
	right: 2rem;
}
.offer--box .content .icon img{
	width: 5rem;
	object-fit: cover;
}


/* video popup area style  */

.video--popup--area{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	padding: 17rem 0;
	position: relative;
	z-index: 1;
}
.video--popup--area::before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.7);
	z-index: -1;
}      
.video--popup--area .pop--text p{
	font-size: 1.6rem;
	font-weight: 600;
	text-transform: uppercase;
	color: var(--theme-color2);
	margin-bottom: 2rem;
}
.video--popup--area .pop--text h3,
.video--popup--area .pop--text h3 span{
	font-size: 6rem;
	font-weight: 700;
	color: #fff;
	line-height: 6.5rem;
}
.video--popup--area .vid--play{
	height: 9rem;
	width: 9rem;
	background-color: var(--theme-color2);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0 0 0 rgba(1,150,172, 0.4);
	animation: pulse 2s infinite;
}
@keyframes pulse {
	0% {
	  -moz-box-shadow: 0 0 0 0 rgba(1,150,172, 0.4);
	  box-shadow: 0 0 0 0 rgba(1,150,172, 0.4);
	}
	50% {
		-moz-box-shadow: 0 0 0 15px rgba(1,150,172, 0);
		box-shadow: 0 0 0 15px rgba(1,150,172, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(172,150,172, 0);
		box-shadow: 0 0 0 0 rgba(172,150,172, 0);
	}
  }


  /* contact area */
  .contact--area{
	padding: 20rem 0;
  }
  .contact--row{
	background-color: rgba(28, 28, 28, 0.18);
	border-radius: 2rem;
	display: flex;
	align-items: center;
	padding: 5rem;
	justify-content: flex-end;
	position: relative;
  }
  .contact--area .contact--video{
	position: absolute;
	top: -3.5rem;
	left: 4rem;
  }
  .contact--area .contact--video::before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
  }
  .contact--area video{
	width: 45rem;
	height: 70rem;
	object-fit: cover;
	border-radius: 2rem;
  }
  .contact--area .contact--box{
	width: 100%;
	padding-left: 9rem;
	max-width: 78rem;
  }
  .contact--area .contact--box input{
	background-color: transparent;
	border-bottom: 0.1rem solid rgba(255,255,255,0.4);
	border-radius: 0;
	color: #fff;
  }
  .contact--area .contact--box textarea{
	width: 100%;
	height: 12rem;
	resize: none;
	background-color: transparent;
	border:none;
	border-bottom: 0.1rem solid rgba(255,255,255,0.4);
	font-size: 1.6rem;
	padding: 0 2rem;
  }
  .contact--area .contact--box h3,
  .contact--area .contact--box h3 span{
	font-size: 5rem;
	font-weight: 700;
  }
  .contact--area .contact--box form{
	margin-top: 4rem;
  }
  .contact--area .contact--box .input--group{
	margin-top: 3rem;
  }
  .contact--area .contact--box .button{
	border:none;
	margin-top: 5rem;
  }

  /* footer style  */
  footer{
	padding: 8rem 0 4rem;
	background-color: rgba(28, 28, 28, 0.18);
  }
  .footer--logo img{
	width: 8rem;
  }

  .footer--box .social--icon{
	margin-top: 2rem;
	display: flex;
	align-items: center;
  }
  .footer--box .social--icon a{
	margin-right: 2rem;
	height: 4rem;
	width: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(255,255,255,0.04);
	border-radius: 50%;
	transition: all 0.3s ease-in-out;
  }
  .footer--box .social--icon a:hover{
	background-color: var(--theme-color2);
  }
  .footer--box .social--icon a:last-child{
	margin-right: 0;
  }
  .footer--box .social--icon a i{
	font-size: 2rem;
	color: #fff;
  }
  .footer--form .input--group{
	position: relative;
  }
  .footer--form .input--group input{
	height: 5rem;
  }
  .footer--form .input--group .button{
	padding: 0.8rem 1.5rem;
	border:none;
	position: absolute;
	top: 0.8rem;
	right: 0.6rem;
	font-size: 1.4rem;
  }
  .footer--box h3{
	font-size: 2rem;
	font-weight: 600;
	margin-bottom: 3rem;
  }
  footer ul li a{
	font-size: 1.6rem;
	color: #fff;
	font-weight: 500;
	margin-top: 1.5rem;
	display: inline-block;
	transition: all 0.3s ease-in-out;
  }
  footer ul li a:hover{
	color: var(--theme-color2);
  }
  footer ul li:first-child a{
	margin-top: 0;
  }
  .footer--box p{
	max-width: 45rem;
	margin-top: 1rem;
  }
  .subs--box{
	padding-left: 10rem;
  }
  .footer--top{
	padding-bottom: 5rem;
	border-bottom: 0.1rem solid rgba(255, 255, 255, 0.03);
  }
  .copyright--text{
	padding-top: 4rem;
  }
  .char{
	display: inline-block;
  }