@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	text-decoration: none;
	-webkit-transition:all .7s;
	-moz-transition:all .7s;
	transition:	all .7s;
}
html{
	height:100%;
}
body{
	height:100%;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	font-weight:300;
	color:#333333;
	background-color: #f3f3f3;
}
a{
	text-decoration:none;
	-webkit-transition:all .7s;
	-moz-transition:all .7s;
	transition:	all .7s;
}
.s18{height:18px;}
.s27{height:27px;}
.s36{height:36px;}
.s45{height:45px;}
.s60{height:60px;}
.s90{height:90px;}
.clr{clear:both;}
.center{ text-align:center;}
.right{ float:right;}
h1{
	font-size:54px;
	line-height: 54px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	text-transform:uppercase;
	color:#38a9f4;
	text-align:center;
	text-shadow:0 7px 9px rgba(0,0,0,.3);
	margin: 0 auto 27px;
}
h2{
	font-size:48px;
	font-weight:300;
	text-align:center;
	text-transform:uppercase;
	color:#6d02cc;
}
h3{
	font-size:30px;
	font-weight:300;
	text-align:center;
}
h4{
	font-size:24px;
	font-weight:300;
	text-align:center;
}
h5{
	font-size:20px;
	font-weight:300;
	text-align:center;
}
.wrapper{
	max-width:1500px;
	padding:0 54px;
	margin:0 auto;
}
.homebg{
	height:100%;
	position:relative;
	background-color: #000;
}
.menubar{
	position:fixed;
	height:99px;
	width:calc(100% - 180px);
	padding: 0 90px;
	border-bottom:1px solid rgba(255,255,255,.1);
	z-index:7;
	text-align: right;
	-webkit-transition:all .7s;
	-moz-transition:all .7s;
	transition:	all .7s;
	
}
.menubardown{
	position:fixed;
	height:79px;
	width:calc(100% - 180px);
	padding: 0 90px;
	background-color: #fff;
	box-shadow: 0 2px 7px rgba(0,0,0,.3);
	z-index:7;
	text-align: right;
	-webkit-transition:all .7s;
	-moz-transition:all .7s;
	transition:	all .7s;
}
.logo{
	margin:18px 0 0 0;
	float:left;
	width:138px;
	height:62px;
	background-image:url(../images/logo-w.png);
}
.menubardown .logo{
	margin:7px 0 0 0;
	background-image:url(../images/logo.png);
}
.menubar .nav, .menubardown .nav {
	display: inline-block;
	color: #f2f2f2;
	padding: 40px 12px;
	text-transform: uppercase;
	vertical-align: top;
}
.menubardown .nav {
	padding: 30px 12px;
	color: #333;

}
.menubar .icon, .menubardown .icon {
	display: none;
}
.icon .bar1, .icon .bar2, .icon .bar3{
	height: 4px;
	width: 27px;
	margin:0 0 4px;
	background-color:#fff;
	border-radius:3px;
}
.icon:hover .bar1, .icon:hover .bar2, .icon:hover .bar3{
	height: 4px;
	width: 27px;
	margin:0 0 4px;
	background-color:#fff;
	border-radius:3px;
}
.menubardown .icon .bar1, .menubardown .icon .bar2, .menubardown .icon .bar3{
	height: 4px;
	width: 27px;
	margin:0 0 4px;
	background-color:#f00;
	border-radius:3px;
}
.dropdown {
	display: inline-block;
	vertical-align: top;
	
}
.dropdown .dropbtn {
	color: #f2f2f2;
	padding: 40px 18px;
	margin: 0;
	text-transform: uppercase;
	background-color: inherit;
	border: none;
}
.menubardown .dropdown .dropbtn {
	color: #333;
	padding: 30px 18px;
}
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #6d02cc;
	min-width: 200px;
	box-shadow: 0px 3px 4px rgba(0,0,0,0.2);
	z-index: 1;
	text-align: left;
	border-radius: 0 18px 18px;
	padding: 18px 9px;
}
.dropdown-content a {
	color: #fff;
	padding: 12px 18px;
	display: block;
	border-bottom: 1px dotted #02a5ff;
	font-weight: 400;
}
.menubar .nav:hover, .menubardown .nav:hover, .dropdown:hover .dropbtn {
	background-color: rgba(0,0,0,.4);
	color: #fff;
}
.dropdown-content a:hover {
  color: #fff;
}

.dropdown:hover .dropdown-content {
  display: block;
}
.navlogin{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#02a5ff+0,6d02cc+100 */
	background: rgb(2,165,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(2,165,255,1) 0%, rgba(109,2,204,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(2,165,255,1) 0%,rgba(109,2,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(2,165,255,1) 0%,rgba(109,2,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02a5ff', endColorstr='#6d02cc',GradientType=0 ); /* IE6-9 */
	color: #fff;
	padding: 12px 18px;
	border-radius: 30px;
	text-transform: uppercase;
	font-weight: 400;
	vertical-align: top;
	display: inline-block;
	margin: 28px 0 0;
}
.navlogin:hover{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
	background: #45484d; /* Old browsers */
	background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.menubardown .navlogin{
	margin: 18px 0 0;
}
.language{
	width: 55px;
	height: 39px;
	display:inline-block;
	background-image: url(../images/lang.png), url(../images/lang-bg.png);
	background-repeat: no-repeat;
	background-position: 35px 10px, center;
	font-size: 11px;
	padding: 40px 0 0 24px;
	text-align: center;
	color: #fff;
}
.language:hover{
	background-image: url(../images/lang.png), url(../images/lang-bg-roll.png);
}
.tab button{
	font-size:48px;
	font-family: 'Roboto', sans-serif;
	font-weight:100;
    padding:12px 45px;
	margin:0 27px 27px;
	background-color:rgba(109, 0, 204, 0); 
    outline: none;
    cursor: pointer;
    border-radius:40px;
	border:none;
	position:relative;
}
.tab button.active {
    background-color:rgba(109, 0, 204, 1); 
	color:#fff;
}

.arrow-bottom{
	position:absolute;
	bottom:0px;
	margin:0 auto;
	left:0;
	right:0;
	display:none;
	transition: 0.3s;
}
.tab button.active .arrow-bottom{
	display:block;
	bottom:-21px;
	
}
.tabcontent {
    display: none;
}
.search{
	width:781px;
	position:relative;
	margin:0 auto;
}
.search-box, .search-box2{
	width:300px;
	padding:18px 12px 18px 55px;
	border:1px solid #02a5ff;
	border-radius: 36px 0 0 36px;
	background-color:#f1f1f1;
	margin:0 -3px;
	font-family: 'Roboto', sans-serif;
	font-size:24px;
	font-weight:300;
	vertical-align:top;
	outline:none;
}
.search-box:focus, .search-box2:focus{
	background-color:#e4e4e4;
}
.search-box2{
	width:150px;
	padding:18px 12px;
	border-left:1px dotted #02a5ff;
	border-radius:0;
}
.search-button{
	width:66px;
	height:67px;
	margin:0 0 0 -2px;
	background-color:#02a5ff;
	border:none;
	border-radius: 0 36px 36px 0;
	background-image:url(../images/search.png);
	background-repeat:no-repeat;
	background-position:center;
	outline:none;
}
.search-button:hover, .search-button:focus{
	background-color:#000;
}
.location{
	position:absolute;
	bottom:40px;
	left:10px;
}
.sep{
	height: 35px;
	background-image: url("../images/sep.png");
	background-position: center;
	background-repeat: repeat-x;
}
.intro{
	font-size: 22px;
}
.rm{
	font-size: 18px;
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
	padding: 18px 27px;
	border-radius: 45px;
	display: inline-block;	
	box-shadow:0px 2px 5px rgba(0,0,0,.5);
	background-color: #02a5ff;
}
.rm:hover{
	background-color: #000;
}
.homeinfotext{
	font-size:24px;
	width:50%;
	max-width:1600px;
	margin:0 auto;
}
.gallerypic{
	display:inline-block;
	margin:5px;
	width:460px;
	overflow:hidden;
	border:1px solid rgba(0,0,0,.3);
	position:relative;
}
.gallerypic img{
	display:block;
	width: 100%;
}
.cation{
	height: 27px;
	font-size: 22px;
	position:absolute;
	background-color:rgba(109,2,204,1);
	padding:12px 18px;
	width:calc(100% - 36px);
	bottom:0;
	color:#fff;
	text-align:left;
	font-weight: 500;
}
.cation b{
	color: #ccc;
	font-size: 18px;
	font-weight: 300;
}
.cation p{
	display: none;
	font-size: 18px;
	margin: 12px 0 0;
	font-weight: 300;
}
.gallerypic:hover .cation{
	height: 326px;
	padding:22px 18px 12px;
	background-color:rgba(109,2,204,.8);
}
.gallerypic:hover .cation p{
	display: block;
}
.videodiv{
	height: 100%;
	min-height: 600px;
	position: relative;
}
#video-container {
	position: absolute;
	top:0%;
	left:0%;
	height:100%;
	width:100%;
	overflow: hidden;
}
.videodiv video{
	position:absolute;
	z-index:0;
}
.videodiv video.fillWidth {
	width: 100%;
}
.videocover{
	height: 100%;
	width: 100%;
	position: relative;
	z-index: 2;
	display: table;
	color: #fff;
	text-align: center;
}
.videocovertext{
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}
.videocovertext h2{
	color: #fff;
	font-size: 32px;
	font-weight: 600;
}
.gallerybutt{
	height: 100px;
	max-width: 360px;
	margin: 0 auto;
	padding: 23px 0 0;
	background-image: url("../images/count-bg.png");
	background-repeat: no-repeat;
	background-position: center;
}
.gallerybutt:hover{
	color: #02a5ff;
	background-image: url("../images/count-bg-roll.png");
}
.gallerybutt:hover h2{
	color: #02a5ff;
}
.fearure{
	display:inline-block;
	width:320px;
	margin:20px;
	vertical-align:top;
}
.fearure h3{
	font-size:22px;
	font-weight:400;
	text-transform: uppercase;
	margin:0 auto 9px;
}
.ficon{
	width:120px;
	height:120px;
	margin:20px auto;
	border-radius:100px;
	border:1px solid #02a5ff;
	background-color:#02a5ff;
	background-repeat:no-repeat;
}
.fearure:hover .ficon{
	width:160px;
	height:160px;
	margin:0px auto;
	background-color:#f3f3f3;
	background-position:20px -100px;
}
.footer{
	color: #ccc;
	background-color: #2D2D2D;
	background-image: url("../images/footer.jpg");
	background-size: cover;
	background-attachment: fixed;
}
.col3{
	display: inline-block;
	width: calc(33% - 36px);
	padding: 18px;
	vertical-align: top;
}
.col3 h3{
	color: #fff;
	text-align: left;
	font-size: 27px;
}
.col3 a{
	color: #fff;
	display: block;
	border-bottom: 1px dotted #02a5ff;
	padding: 12px 0 7px 30px;
}
.col3 a:hover{
	color: #fff;
	display: block;
	border-bottom: 1px dotted #02a5ff;
	padding: 12px 0 7px 30px;
}
.footer a{
	color: #fff;
	
}
.socialicon{
	width:50px;
	height:50px;
	border-radius:50px;
	border:1px solid #777;
	display:inline-block;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	background-position:center;
}
.facebook{
	background-image:url(../images/facebook.png);
}
.insta{
	background-image:url(../images/insta.png);
}
.twitter{
	background-image:url(../images/twitter.png);
}
.linkedin{
	background-image:url(../images/linkedin.png);
}
.youtube{
	background-image:url(../images/youtube.png);
}
.social{
	margin:12px 5px;
	display:inline-block;
}
.social:hover .socialicon{
	background-color:#6d02cc;
	border:1px solid #6d02cc;
	background-position:0 -50px;
}
.copyright{
	background-color: #212121;
	padding: 15px;
	color:#38a9f4;
}
.popup{
	height:100%;
	width:100%;
	top:0;
	position:fixed;
	background-color:rgba(0,0,0,.7);
	z-index:10;
	display:none;
}
.login{
	max-width:600px;
	padding:45px 36px;
	background-color:#fff;
	margin:10% auto 0;
	vertical-align:middle;
	border-radius:30px;
	position:relative;
}
.langpop{
	background-image:url(../images/city.png);
	background-repeat:repeat-x;
	background-position:0 bottom ;
	animation: leftright 12s linear infinite;
	-webkit-animation: leftright 12s linear infinite;
}
.langpop a{
	display: inline-block;
	width:calc(50% - 60px);
	border-radius: 40px;
	border: 1px solid rgba(0,0,0,.2);
	padding: 12px 18px;
	margin: 5px 10px;
	font-weight: 500;
	text-transform: uppercase;
	color: #d72296;
}
.langpop a:hover{
	background: #d72296; /* Old browsers */
	background: -moz-linear-gradient(top,  #d72296 0%, #fc880a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #d72296 0%,#fc880a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #d72296 0%,#fc880a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d72296', endColorstr='#fc880a',GradientType=0 ); /* IE6-9 */
	color: #fff;
}

.close{
	position:absolute;
	width:45px;
	height:45px;
	top:10px;
	right:10px;
	border-radius:30px;
	background-color:#fff;
	background-image:url(../images/close.png);
	cursor:pointer;
	z-index: 10;
}
.close:hover{
	background-color:#fc880a;
	background-position:0px 45px;
}
@media screen and (max-width: 1550px) {
	.gallerypic{
		width:400px;
	}
}
@media screen and (max-width: 1200px) {
	.logo{margin:18px 0 18px 45px; float: none;}
	.menubardown .logo{margin:7px 0 7px 45px; float: none;}
	.menubar, .menubardown{
		width:100%;
		padding: 0;
	}
	.menubar .nav, .menubar .navlogin, .menubar .language, .menubardown .nav, .menubardown .navlogin, .dropdown .dropbtn, .menubardown .language{
		display: none;
	}
	.menubar .icon, .menubardown .icon{
		display: block;
		position: absolute;
		right: 30px;
		top: 30px;
		width: 27px;
		padding: 12px;
	}
	.menubardown .icon{
		top: 20px;
	}
	.menubar.responsivem, .menubardown.responsivemd {position: fixed;}
	.responsivem .icon{
		position: absolute;
		right: 0;
		top: 0;
		padding: 20px;
	}
	.responsivem .nav, .responsivem .navlogin, .responsivem .language{
		display: block;
		text-align: left;
		background-color: #333;
		padding: 15px 18px;
		margin: 0;
		border-radius: 0;
		border-bottom: 1px solid #444;
		width: calc(100% - 36px);
	}
	.responsivem .language{
		background-image: none;
		background-position:center;
		font-size: 16px;
		height: auto;
	}
	.responsivem .language:hover{
		background: #d72296; /* Old browsers */
		background: -moz-linear-gradient(top,  #d72296 0%, #fc880a 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #d72296 0%,#fc880a 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #d72296 0%,#fc880a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d72296', endColorstr='#fc880a',GradientType=0 ); /* IE6-9 */
	}
	.responsivem .dropdown {
		display: block;
		width: 100%;
		border-bottom: 1px solid #444;
		padding: 0;
	}
	.responsivem .dropdown-content {
		position: relative;
		left: 0;
	}
	.responsivem .dropdown .dropbtn{
		display: block;
		text-align: left;
	}
	.responsivem .dropdown .dropbtn {
		display: block;
		padding: 15px 18px;
		background-color: #333;
	}
	.responsivem .dropdown-content {
		padding: 18px 18px;
		width: calc(100% - 36px);
		border-radius: 0;
	}
	.responsivem .icon{
		right: 30px;
		top: 30px;
		padding: 12px;
	}
}
@media screen and (max-width: 900px) {
	.wrapper{padding:0 27px;}
	h1{
		font-size:40px;
		line-height:45px;
		text-shadow:0 4px 4px rgba(0,0,0,.3);
	}
	h2{font-size:30px;}
	h3{font-size:25px;}
	.greenary{right: 0%;}
	.col3{width: calc(100% - 36px);}
	.client{width:calc(100% - 54px);}
	.tree{left:45%;}
	.homeshape1{
		height: 200px;
		bottom: -30px;
	}
	.homeslider{
		width:calc(100% - 20px);
		max-width: 400px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.girl{
		display: none;
	}
	.notice-client{
		width: calc(100% - 57px);
	}
}
@media screen and (max-width: 500px) {
	.logo{margin:18px 0 0 18px;}
	.menubardown .logo{margin:7px 0 0 18px;}
	.homeshape1{ display: none;}
	.gallerypic, .galleryinner{
		width:calc(100% - 12px);
	}
	.packagesbody{
		width: calc(100% - 6px);
	}
}