@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, theaf
d, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
   font-family: 'Poppins', sans-serif;
   list-style:none;

    font-size: 100%;
    vertical-align: baseline;
}


* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.screen {
    width:96% !important;
    height: auto;
    margin: auto;
}
.screen2 {
    width:90%;
    height: auto;
    margin: auto;
}

.clearfix {
    clear: both;
}

.image_sstabnd{
width:40%; margin:auto;	
}

.nav_up {
    background-color: white;
    border: 1px solid #;
    position: fixed;
    background: transparent url(../images/arrow_up.png) no-repeat top left;
    background-position: 50% 50%;
    width: 50px;
    height: 50px;
    bottom: 60px;
    opacity: 0.7;
    right: 20px;
    white-space: nowrap;
    cursor: pointer;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -khtml-border-top-left-radius: 3px;
    -khtml-border-top-right-radius: 3px;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}



.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%!important;
    padding: 0;
    z-index: 10000;
    transition: all 0.2s ease-in-out;
    height: auto;
    background-color:transparent;  
    
    text-align: center;
    line-height: 40px;
}

.header.active {
	height:80px;
    background: #fff;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

.mail_address {
    width:24%;
    float: right;
    margin-top: 0px;
    z-index: 10000000000000!important;
}
	
	.mail_address2 {
    width:auto;
    float:right;
    margin-top:0px;
	
    z-index: 10000000000000!important;
}

.header.active .mail_address2 {
	float: right;
	width: 28%;
	margin-top: 0px;
}

	
.header.active .mail_address {
	float: right;
	width: 20%;
	margin-top: 0px;
	text-align: right;
	margin-left: 80px;
}

.bg6{
	background:url(../images/privacy.jpg) no-repeat;
	
	height:500px;
	background-size:100%;
	
}

.bg5{
	background:url(../images/contact.jpg) no-repeat;
	
	height:500px;
	background-size:100%;
	
}


.bg4{
	background:url(../images/career.jpg) no-repeat;
	
	height:500px;
	background-size:100%;
	
}
.bg{
	background:url(../images/bg.jpg) no-repeat;
	
	height:655px;
	background-size:100%;
	
}
.bg2{
	background:url(../images/banner.jpg) no-repeat;
	
	height:600px;
	background-size:100%;
	
}
.bg-landing{
	background:url(../images/retail.jpg) left no-repeat;
	
	height:530px;
	background-size:auto;
	
}

.bg-landing-corporate{
	background:url(../images/corporate.jpg) left no-repeat;
	
	height:530px;
	background-size:auto;
	
}

.bg-landing-government{
	background:url(../images/government.jpg) left no-repeat;
	
	height:530px;
	background-size:auto;
	
}

.bg-landing-education{
	background:url(../images/education.jpg) left no-repeat;
	
	height:530px;
	background-size:auto;
	
}

.bg-landing-entertainment{
	background:url(../images/entertainment.jpg) left no-repeat;
	
	height:530px;
	background-size:auto;
	
}

.bg-landing-health_care{
	background: url(../images/healthcare.jpg) left no-repeat;
	
	height:530px;
	background-size:auto;
	
}
.bg-landing-fitness{
	background: url(../images/fitness.jpg) left no-repeat;
	
	height:530px;
	background-size:auto;
	
}


.bg-landing-hospitality{
		background:url(../images/hospitality.jpg) left no-repeat;
	
	height:530px;
	background-size:auto;
	
}

.bg-landing-food_and_beverages{
		background:url(../images/food_and_beverages.jpg) left no-repeat;
	
	height:530px;
	background-size:auto;
	
}





.icons_text_conatiner{
	margin:50px auto; display:flex;
	
}


.bg3{
	background:url(../images/customer-suppor.jpg) no-repeat;
	
	height:500px;
	background-size:100%;
	
}
.padding{
		
	
    padding: 16px 20px;
	
	

	
	
}
	h2 {
    font-size: 34px;
    line-height: 1.66;
    text-transform: capitalize;
    font-weight: 400;
    white-space: normal;
	text-align:left;
    color: #000;
   
   font-family: 'Poppins', sans-serif;

    letter-spacing: 1.8px;
    width: 80%;
    margin: 20px auto;
}	
	
	h1 {
	font-size: 33px !important;
	/* [disabled]line-height: 1.66; */
	text-transform: capitalize;
	font-weight: 400;
	white-space: normal;
	color: #000;
	text-align: center;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 1.8px;
	width: 80%;
	margin: 20px auto;
}

p {
    font-size: 16px;
    line-height: 26px;
    color: #000;
    font-weight: 400;
	letter-spacing:0.5px;
}


a.button3{
display:inline-block;

position:relative;
bottom:0%;
font-size:20px;
background:#000;
padding:8px 78px;
border:2px solid #000;
margin:57px 10px auto;
box-sizing: border-box;
text-decoration:none;


font-weight:600;
color:#fff;
text-align:center;
transition: all 0.15s;
}
a.button3:hover{
color:#000 !important;
border-color:#000;
background:#fff;
}
a.button3:active{
color:#fff;
border-color:#BBBBBB;
}
.brochure_text{
text-align:left; font-size:18px; color:#fff; margin:10px auto;	
	
}

.dowanload_text{
text-align:left; font-size:18px; color:#000; margin:10px auto;
line-height:38px;	
	
}

.download{
display:inline-block;
background:url(../images/down.png) left no-repeat #000;



font-size:20px;
padding:7px 35px 7px 60px;
border:2px solid #000;
margin:30px 0px auto;
box-sizing: border-box;
text-decoration:none;
border-radius:10px;


font-weight:400;
color:#fff;
text-align:center;
transition: all 0.15s;
}
.download a{
color:#fff !important;
border-color:#000;


text-decoration:none;

}
.download:hover{
background:url(../images/down1.png) left no-repeat #fff;	
	color:#000 !important;
}





.download3{
display:inline-block;
background:url(../images/get1.png) left no-repeat #000;



font-size:20px;
padding:7px 35px 7px 60px;
border:2px solid #000;
margin:12px 0px auto;
box-sizing: border-box;
text-decoration:none;
border-radius:10px;


font-weight:400;
color:#fff;
text-align:center;
transition: all 0.15s;
}
.download3 a{
color:#fff !important;
border-color:#000;


text-decoration:none;

}
.download3:hover{
background:url(../images/get.png) left no-repeat #fff;	
	color:#000 !important;
}




.download1{
display:inline-block;
background:url(../images/down1.png) left no-repeat #fff;
font-size:20px;
padding:7px 35px 7px 60px;
border:2px solid #000;
margin:30px 0px auto;
box-sizing: border-box;
text-decoration:none;
border-radius:10px;


font-weight:400;
color:#000;
text-align:center;
transition: all 0.15s;
}
.download1 a{
color:#000 !important;
border-color:#000;


text-decoration:none;

}
.download1:hover{
background:url(../images/down.png) left no-repeat #ccc;	
	color:#fff !important;
}

.sch{
float:left; width:70%;
}
.sch_but{
float:right; width:20%;	
	
}
.sch_heading{
	
font-size:28px; font-weight:400; padding:10px 0px;
color:#666666;	
}


.Consultation{
display:inline-block;
background:url(../images/sch.png) left no-repeat #45ccfc;



font-size:20px;
padding:7px 35px 7px 60px;
border:2px solid #21c3da;
margin:30px 0px auto;
box-sizing: border-box;
text-decoration:none;
border-radius:10px;


font-weight:400;
color:#fff;
text-align:center;
transition: all 0.15s;
}
.Consultation a{
color:#fff !important;
border-color:#000;


text-decoration:none;

}
.Consultation:hover{
background:url(../images/sch1.png) left no-repeat #000;	
	color:#fff !important;
	border:2px solid #000;
}













a.button2{
display:inline-block;

position:relative;
bottom:0%;
font-size:18px;
background:#000;
padding:8px 58px;
border:2px solid #000;
margin:80px 10px auto;
box-sizing: border-box;
text-decoration:none;


font-weight:400;
color:#fff;
text-align:center;
transition: all 0.15s;
}
a.button3:hover{
color:#000 !important;
border-color:#000;
background:#fff!important;
}
a.button3:active{
color:#000 !important;
background:#fff!important;
}
.conatiner1_bg{
float:left; width:49.5%; background:#e7e7e7;

}


.conatiner2_bg{
float:right; width:49.5%; background:#e7e7e7;

}
.conatiner3_bg{
float:right; width:49.5%; margin-top:10px; background:#e7e7e7;

}
.conatiner1{
	
float:left; width:49.5%;	
}

.conatiner2{
float:right; width:49.5%;

}

footer{
	background: #2b2b2b;
	/* [disabled]color: white; */
	padding: 60px 0;
	bottom: 0;
	width: 100%;
	z-index: -1;
}

.footer-content{
  margin: 70px auto ;
  width:88%;
  
  
}
.Footer-email a {
	color: #ebebeb;
	font-size: 21px;
}
.copyright a
{
	text-decoration:none;
	color:#fff;
	
	
}

.column1{ 

 float:left;
	width:40%;	
	
	
}
.column1_container{ 

 float:right;
	width:56%;	
	
	
}


.column2{
	
	float:left;
	width:50%;
	
	padding:0px 25px;
	
	 list-style:none!important;	}




.Footer-contacts {
	font-weight: 900;
	color: #ebebeb;
	font-size: 50px;
	letter-spacing: -0.03430556em;
	line-height: 1.33333333;
	margin-bottom: 0.34722222em;
	transition: 470ms color linear 184ms;
}

.footer_logo{
	

	float: none;
	width: 32%;
	
}



.footer_text{
	
float:none; margin:auto; width:100%;	
}

.border_footer{
border-right:solid 1px #36363c; color:#fff;	
	
}

.img:hover{
	opacity:0.8;
		transition: all 0.15s;
	
}



.footer_menu {
  font-size:16px;
  color: #fff;
  display: table;
  margin-bottom:15px;
  font-weight:600;
  letter-spacing:0.5px;
  cursor:pointer;
  text-decoration: none;
  position: relative;
  list-style:none!important;
}
 .footer_menu:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0px;
  width: 0;
   list-style:none!important;
  border-bottom: 1px solid #ccc;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.footer_menu:hover:after {
	  color:#ccc!important;
  width: 100%;
   list-style:none!important;
  text-decoration:none;
  
}
.footer_menu:hover {
	  color:#ccc!important;
  width: 100%;
   list-style:none;
  text-decoration:none;
  
}
a:hover {
	color:inherit !important;
	text-decoration:none !important;
	
	}
	.footer_menu li {
		list-style:none;
		margin:0;
		padding:0;
		
		
		
	}
	.fotter_text{
	font-size: 12px;
    line-height: 20px;
    color: #ccc;
    font-weight: 400;
	padding-left:25px;
	letter-spacing:0.5px;
	padding-top:10px;	
		
	}
	
	.logo{
		
	float:left; width:10%;	
	}
	
		

	
	
	
.nav{
float:right;}
.doc a {
	color: #77828b;
	text-align: center;
	font-size: 13px;
	clear: both;
	padding-top: 40px;
	text-decoration:none;
	line-height: 22px;
}

.doc {
	color: #77828b;
	text-align: center;
	font-size: 13px;
	clear: both;
	text-decoration:none;
	padding-top: 40px;
	line-height: 22px;
}


.brochure{
float:left; width:65%;
	border:solid 1px #000;
	border-right:none;
}
.brochure2{

float:left; width:35%;
border:solid 1px #000;
	border-right:none;
	border-left:none;
border-bottom:none;

}
.text1_right {
	font-size: 25px;
	letter-spacing: 0px;
	font-weight: 300;
	text-align: right;
	line-height: 58px;
	position: absolute;
	top:23%;
	color: #666666;
	text-align: left !important;
	letter-spacing: 0.5px;
	left: 8%;
	transform: translate(-50%, -50%);
}
.navigation_for_industries{
background:#f2f2f2; padding:5px 0px;	
	
}
.navigation_for_industries ul {
	margin:0;
	padding:0;
	
}
.navigation_for_industries ul li {
	margin:0px 10px;
	padding:8px 12px;
	font-size:18px;
	color:#666666;
	border-radius:25px;
	font-weight:300;
	border: solid 1px #f1f1f1;
	 font-family: 'Poppins', sans-serif;
	 display: inline-block;
	 
}
.navigation_for_industries ul li a {
	
	font-size:18px;
	color:#666666;
	padding:8px 12px;
	border-radius:25px;
		border: solid 1px #666666;
	text-decoration:none;
	 font-family: 'Poppins', sans-serif;
	 display: inline-block;
	 
}
.navigation_for_industries ul li a:hover
{
	color:#45ccfc !important;
	border: solid 1px #45ccfc;
	border-radius:25px;
	
	
	
}

.text1{
	
	
 font-size:50px;letter-spacing:0px; font-weight:700; text-align:left;  line-height:70px; 
 position:absolute; top:40%;
 
 
  left: 4%;
  transform: translate(-50%, -50%);	
}

.text8{


		 font-size:20px;letter-spacing:0px; color:#000; font-weight:400; text-align:center;  line-height:50px; padding-top:20px;	
}

.text9{
font-size:40px !important; letter-spacing:5px; font-weight:500;	
	
}


.text3{
 font-size:20px;letter-spacing:0px; font-weight:400; text-align:center;  line-height:50px; padding-top:20px;	
}

.text4{
font-size:40px !important; letter-spacing:5px; font-weight:500;	
	
}

.text6{
	
	margin:auto;
	
 font-size:20px;letter-spacing:0px; font-weight:400; text-align:center;  line-height:50px; padding-top:20px;	
}


.text7{
font-size:40px !important; letter-spacing:3px; color:#000;  font-weight:500;
text-align:center;	
	
}


.text2{
font-size: 64px !important;
    letter-spacing: 3px;
    font-weight: 300;
	
}

.text3_sub{
font-size:25px; color:#666666; font-weight:300;	
	
}

.text3_landing {
	font-size: 30px !important;
	letter-spacing: 0.6px;
	font-weight: 500;
	text-align: center;
}


.features_tag {
	width: auto;
	height: auto;
	
	border: solid 1px #666666;
	border-radius: 20px;
	font-size: 16px !important;
	color:#fff;
	line-height:22px;
	padding:2px 5px;
	margin:6px 3px;
	text-align:center;
	
	box-sizing: border-box;
	float:left;
		background-color: #666666;
}
.features_tag a {
	text-decoration:none;
	color:#fff;
	
}



.pro2-btn {
	width: 170px;
	height: 43px;
	line-height: 28px;
	border: solid 1px #0862bb;
	border-radius: 20px;
	font-size: 16px;
	color: #fff;
	margin: 0px 10px;
	text-align: center;
	box-sizing: border-box;
	display: inline-block;
	background-color: #0862bb;
}
.pro2-btn a {
	text-decoration:none;
	color:#fff;
	
}
.pro2-btn:hover{
	color:#000 !important;
	border: solid 1px #9f9f9f;
	background-color: #9f9f9f;
}


.pro2-btn11 {
	width: 170px;
	height: 43px;
	line-height: 28px;
	border: solid 1px #0862bb;
	border-radius: 20px;
	font-size: 16px;
	color: #fff;
	margin: 0px 10px;
	text-align: center;
	box-sizing: border-box;
	display: inline-block;
	background-color: #0862bb;
}
.pro2-btn11 a {
	text-decoration:none;
	color:#fff;
	
}
.pro2-btn11:hover{
	border: solid 1px #9f9f9f;
	background-color: #9f9f9f;
}




.pro2-btn1 {
	width: 200px;
	height: 42px;
	line-height: 26px;
	border: solid 1px #0862bb;
	border-radius: 20px;
	font-size: 16px;
	color: #fff;
	margin: 10px 0px;
	box-sizing: border-box;
	display: inline-block;
	background-color: #0862bb;
}
.pro2-btn1 a {
	text-decoration:none;
	color:#fff;
	
}
.pro2-btn1:hover{
	border: solid 1px #0862bb;
	background-color: #0862bb;
}

.pro2-down {
	line-height: 28px;
	border: solid 1px #0862bb;
	border-radius: 20px;
	font-size: 16px;
	color: #fff;
	margin: 0px 10px;
	box-sizing: border-box;
	display: inline-block;
	color: #666666;
	background: url(../images/web8.png) no-repeat 25px center;
	padding-left: 64px;
	text-align: left;
	width: 170px;
	height: 42px;
	display: inline-block;
}
.pro2-down a {
	text-decoration:none;
	color:#000 !important;
	
}


.text_class1{
	
	
 display:inline-block; width:32.1%; text-align:center;
 border-right: solid 1px #ccc;
 vertical-align:top;
 height:auto;
 padding:0px 7px 0px 7px;

}


.text_class144{
	
	
 display:inline-block; width:32.1%; text-align:center;
 border: solid 1px #f2f2f2;
 vertical-align:top;
 height:auto;
 margin:0px 10px;
 padding:0px 7px 0px 7px;

}

.text_class12{
	float:left;
	
	
  width:32.1%; text-align:center;
 border: solid 1px #e3e3e3;
 vertical-align:top;
 height:auto;
 margin:0px 10px;
 padding:0px 7px 0px 7px;
 background:#f9f9f9;
 border-radius:10px;

}




.text_class{
 display:inline-block; width:19.%; text-align:center;
 border-right: solid 1px #ccc;
 vertical-align:top;
 height:170px;
 padding:0px 5px 0px 5px;

}

.text_class22{
 display:inline-block; width:18%; text-align:center;
 
 
 vertical-align:top;
 height:170px;
 padding:0px 5px 0px 5px;
 margin:2px 10px;

}

.image2222{
	
	
width:80%; margin:auto;

}
.image22{
	
	
width:70%; margin:auto;

}
.image{
	
	
width:60%; margin:auto;

}
.achor a{
	text-decoration:none;
	color:#000;
	
	
}
.achor a:hover{
	color:#ccc;
	
}

.achor1 a{
	text-decoration:none;
	color:#666 !important;
	
	
}
.achor1 a:hover{
	color:#ccc;
	
}
.text_class_text44{
font-size:22px; padding-top:10px; color:#fff; font-weight:500; text-align:left;


}


.text_class_text3{
font-size:22px; padding-top:10px; color:#000; font-weight:500; text-align:left;


}

.text_class_text333{
font-size:22px; padding-top:10px; color:#000; font-weight:500; text-align:center;


}

.text_class_text2{
font-size:23px; padding-top:20px; color:#000; font-weight:500; text-align:center;


}


.text_class_text22{
font-size:18px; padding-top:20px; font-weight:400; color:#595959; text-align:center;
 font-family: 'Poppins', sans-serif;

}

.background_container3{
width:80%;   margin:20px 0px; color:#fff; background:url(../images/video.jpg) center center no-repeat; text-align:center;
height:470px;
margin:auto;


}


.video-link{
    /*cursor:pointer;
    display:block;
    position: relative;
    width:90%;
    max-width:400px;
    background-color:#336699;
    margin: 0 auto 10px auto;
    text-align:center;
    color:#fff;
    padding:20px 0 20px 0;
    transition: all 0.5s;*/
}

.video-link:hover{
   
}

.overlay{
  position: fixed;
  top:0px;
  left: 0px;
  height:100%;
  width:100%;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.9);
  opacity:0.9;
  display:none; 
}


.close{
    position: fixed;
    top:30px;
    right:30px;
    width:16px;
    height:16px;
  z-index:9999;
  display:none;
  cursor: pointer;
  }

.main-vid-box{
  position: fixed;
   width: 100%;
  height:100vh;
  display:none;
  top:0px;
  left:0px;
  z-index: 999;
}


.videoWrapper {
  position: relative;
  z-index:999;
  background-color:#000;
  width:100%;
  height: 100%;
  margin:0 auto;
}
.videoWrapper video {
	position: relative;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100% !important;
	height: 100% !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-width: 40px;
	border-style: solid;
	border-color: transparent;
}


.text_class_text{
font-size:18px; padding-top:20px; color:#000; text-align:center;


}
.text_class_text_img2{
width:50%; text-align:center; margin:auto;

}
.text_class_text_img3{
width:60%; text-align:center; margin:auto;

}



.text_class_text_img22{
width:50%; text-align:center; margin:auto;
border-radius:50%;
border: solid 2px #0862bb;
padding:18px;

}
.text_class_text_img{
width:40%; text-align:center; margin:auto;
padding:10px;



}


.conatiner1_premier{
float:none; width:90%;
margin:auto; 

}





	
.booking_field{
	

	
float:left; width:31.3%; margin:0.8% 1%; position:relative; 
	
	
}




.form_filedbooking2 {
	width:97%;
	height:55px;
	background:none;
	border: solid 1px #595959;
	
	font-size:14px;
	
	
	margin:0px 0px;
	/*box-shadow:1px 1px 2px #000;*/
	
font-family: 'Poppins', sans-serif;
	padding-left:5px;
	color:#000;
	opacity:1;
}

.form_filedbooking2:focus {

	border-bottom: solid 2px #000;
	transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -webkit-transition: -webkit-transform 0.25s, color 0.25s;
        transition: transform 0.25s, color 0.35s;
        -webkit-transform: translate3d(0%, 15%, 0);
        transform: translate3d(0%, 15%, 0);
	
}

 .form_filedbooking2::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #000;
font-weight:400;
font-size:15px;
font-family: 'Poppins', sans-serif;
}
.form_filedbooking2:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #000;
font-weight:400;
opacity: 1;
font-size:15px;
font-family: 'Poppins', sans-serif;
}
 .form_filedbooking2::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #000;
font-weight:400;
opacity: 1;
font-size:15px;
font-family: 'Poppins', sans-serif;
}
.form_filedbooking2:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #000;
font-weight:400;
font-size:15px;
font-family: 'Poppins', sans-serif;
}


.textarea_field2 {
    width:100%;
	float:left;
    border:0px solid #0F0;
    
    font-size:14px;
     margin:0.8% 1%; position:relative;
}




.brochure_form {
    width:96.6%;
    height:10%;
    margin:0px 0px 9px 0px;
	border-top:none;
	border-left:none;
	border-right:none;
   border: solid 1px #595959;
    font-size:12px;
    color:#000;
	
    min-height:10%;
	background:none;
font-family: 'Poppins', sans-serif;
   
    max-width:100%;
	
   
    min-height:90px;
    padding:5px 0px 0px 5px;
}


.brochure_form:focus {
	
	border-bottom: solid 2px #000;
	
	transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -webkit-transition: -webkit-transform 0.25s, color 0.25s;
        transition: transform 0.25s, color 0.35s;
        -webkit-transform: translate3d(0%, 15%, 0);
        transform: translate3d(0%, 15%, 0);
}




 .brochure_form::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #000;
font-weight:400;
font-size:15px;
font-family: 'Poppins', sans-serif;
}
.brochure_form:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #000;
opacity: 1;
font-weight:400;
font-size:15px;
font-family: 'Poppins', sans-serif;
}
 .brochure_form::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #000;
opacity: 1;
font-weight:400;
font-size:15px;
font-family: 'Poppins', sans-serif;
}
.brochure_form:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #000;
font-weight:400;
font-size:15px;
font-family: 'Poppins', sans-serif;
}


.booking_field3{
	

	
float:left; width:47.8%; margin:0.8% 1%; position:relative; 
	
	
}


.booking_field4 {
	float: left;
	width: 30.3%;
	margin: 12px 22px 10px 14px ;
	position: relative;
	padding:5px 0px;
	border: solid 1px #595959;
}


.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.btn1 {
	border: 2px solid red;
	color: black;
	background-color: white;
	padding: 8px 20px;
	
	font-size: 20px;
	font-weight: bold;
}
.btn1:focus {
	border: 2px solid #d7d7d7;
	color: black;
	background-color: white;
	padding: 8px 20px;
	
	font-size: 20px;
	font-weight: bold;
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.plea {
	font-family: 'Poppins', sans-serif;
	color: #000;
	text-align:center;
	font-weight: 300;
	line-height:35px;
	margin-bottom: 25px;
	margin-top: 20px;
	font-size:20px;

	
	
}


.plea2 {
	font-family: 'Poppins', sans-serif;
	color: #000;
	text-align:center;
	font-weight: 400;
	line-height:35px;
	margin-bottom: 25px;
	margin-top: 20px;
	font-size:23px;

	
	
}
.checkbox_container{
display: flex;
flex-wrap: wrap;


}
.button1 {
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  outline: 0;
  -webkit-appearance: none;
  margin:auto;
  
}

/* Custom */
.button1 a {
  display: inline-block;
  position: relative;
  padding:15px 50px;
  top: 0;
  font-size:14px;
  text-transform:uppercase;
  font-weight:200;
  text-decoration:none;
  font-family: "Open Sans", Helvetica;
 
  border: 1px solid rgba( 255, 255, 255, 0.3 );
 
   background:#000;
  color:#fff;
  box-shadow: 0px 0px 0px rgba( 85, 85, 85 0.1 );
  
  -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
          transform: translateZ(0);
  
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
      -ms-transition: all 0.32s ease;
          transition: all 0.3s ease;
}

.button1 button1 {
  display: inline-block;
  position: relative;
  padding: 10px 20px;
  top: 0;
  font-size:14px;
  text-transform:uppercase;
  font-weight:200;
  text-decoration:none;
  font-family: "Open Sans", Helvetica;
 
  border: 1px solid rgba( 255, 255, 255, 0.3 );
 
   background:#53a700;
  color:#fff;
  box-shadow: 0px 0px 0px rgba( 85, 85, 85 0.1 );
  
  -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
          transform: translateZ(0);
  
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
      -ms-transition: all 0.32s ease;
          transition: all 0.3s ease;
}


.button1 a:hover {
  top: -10px;
  box-shadow: 0px 10px 10px rgba( 0,0, 0, 0.6 );
  background:#fff;
  color:#000;
 
  
  -webkit-transform: rotateX(20deg);
     -moz-transform: rotateX(20deg);
      -ms-transform: rotateX(20deg);
          transform: rotateX(20deg);
}

.button1 a:active {
  top: 0px;
  box-shadow: 0px 0px 0px rgba( 234, 0, 0, 0.0 );
  background: rgba( 234, 0, 0, 1 );
}



.form_contact {
	width: 48%;
	border: 0px solid #0F0;
	margin-top: 3%;
	background: none;
	float: left;
	margin-right: 2%
}

.contaus_blog_1 {
	width: 65%;
	margin-right: 2%;
	float: left;
	border: solid 0px #000;
}
.contaus_blog_2 {
	width: 33%;
	float: left;
	border: solid 0px #000;
}
.form_contact1 {
	width: 100%;
	border: 0px solid #0F0;
	margin-top: 30px;
	background: none;
	float: left;
}

.contact_text {
	text-align: center;
	line-height: 25px;
	padding-top: 15px;
	font-size: 16px;
	color: #222;
	text-transform: capitalize;
	  font-family: 'Poppins', sans-serif;
}
.address_text_page {
	color: #222;
	font-size: 17PX;
	text-align: end;
	line-height: 26px;
	text-decoration: none;
}
.contact_page a{
	text-decoration:none;
	color:#000;
	line-height:40px;
	
}

.contact_page i {
	float: left;
	color: #000;
	font-size: 20px;
	text-align: center;
	padding: 7px;
	border: solid 1px #000;
	background: none;
	width: 36px;
	height: 36px;
	margin: 2% 10px 0 0;
}


.contact_page i {
	float: left;
	color: #000;
	font-size: 20px;
	text-align: center;
	padding: 7px;
	border: solid 1px #000;
	background: none;
	width: 36px;
	height: 36px;
	margin: 2% 10px 0 0;
}
.contact_page:hover i {
	float: left;
	color: #fff;
	font-size: 20px;
	text-align: center;
	border: solid 1px #ccc;
	width: 36px;
	background: #000;
}


.plea_right {
	
	color: #222;
	font-weight: 600;
	margin-bottom: 15px;
	margin-top: 25px;
	text-align: center;
}

.plea_right2 {
	
	color: #222;
	font-weight: 600;
	margin-bottom: 25px;
	margin-top: 50px;
	text-align: center;
	font-size:20px;
}










 

/* Make the element pulse (grow large and small slowly) */
/* Usage
    .myElement {
        animation: pulsate 1s ease-out;
        animation-iteration-count: infinite;
        opacity: 1; 
    }
*/
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}

/* Make the element's opacity pulse*/
/* Usage
    .myElement {
        animation: opacityPulse 1s ease-out;
        animation-iteration-count: infinite;
        opacity: 0; 
    }
*/
@-webkit-keyframes opacityPulse {
    0% {opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {opacity: 0.0;}
}

/* Make the element's background pulse. I call this alertPulse because it is red. You can call it something more generic. */
/* Usage
    .myElement {
        animation: alertPulse 1s ease-out;
        animation-iteration-count: infinite;
        opacity: 1; 
    }
*/
@-webkit-keyframes alertPulse {
    0% {background-color: #fc0510; opacity: 1;}
    50% {opacity: red; opacity: 0.75; }
    100% {opacity: #fc0510; opacity: 1;}
}

.pulsate-css {
	border: 3px solid #0df1fd;
	border-radius:10px;
	height: 100px;
	width: 100px;
	top: 361px;
	position: relative;
	display: inline-block;
	animation: pulsate 1s ease-out;
	animation-iteration-count: infinite;
	opacity: 0.0;
	margin-top: 0px;
	/* text-align: center; */
	right: 190px;
	float: right;
}
        .opacityPulse-css {
            animation: opacityPulse 2s ease-out;
            animation-iteration-count: infinite; 
            opacity: 1;
            text-align: center;
        }

        .alertPulse-css {
            animation: alertPulse 1s ease-out;
            animation-iteration-count: infinite;
            opacity: 1;
            padding: 5px;
            text-align: center;
            border-radius: 50px;
            background: #9A2727;
        }
		
		
		
		
.pulsate-css2 {
	border: 3px solid #08efff;
	border-radius: 100%;
	height:60px;
	width:60px;
	top: 30px;
	position: relative;
	display: inline-block;
	animation: pulsate 3s ease-out;
	animation-iteration-count: infinite;
	opacity: 0.0;
	margin-top: 0px;
	/* text-align: center; */
	right:215px;
	float: right;
}
        .opacityPulse-css2 {
            animation: opacityPulse 1s ease-out;
            animation-iteration-count: infinite; 
            opacity: 1;
            text-align: center;
        }

        .alertPulse-css2 {
            animation: alertPulse 1s ease-out;
            animation-iteration-count: infinite;
            opacity: 1;
            padding: 5px;
            text-align: center;
            border-radius: 50px;
            background: #9A2727;
        }
		
				
.pulsate-css3 {
	border: 3px solid #19e1f8;
	border-radius: 100%;
	height:60px;
	width:60px;
	top: 420px;
	position: relative;
	display: inline-block;
	animation: pulsate 3s ease-out;
	animation-iteration-count: infinite;
	opacity: 0.0;
	margin-top: 0px;
	/* text-align: center; */
	right:310px;
	float: right;
}
        .opacityPulse-css3 {
            animation: opacityPulse 1s ease-out;
            animation-iteration-count: infinite; 
            opacity: 1;
            text-align: center;
        }

        .alertPulse-css3 {
            animation: alertPulse 1s ease-out;
            animation-iteration-count: infinite;
            opacity: 1;
            padding: 5px;
            text-align: center;
            border-radius: 50px;
            background: #9A2727;
        }
		
.permier{
	
	float: left; width:40%;
	
}

.permier2{
float: right; width:60%;

}
.permier3{
float: left; width:50%;

}
.permier4{
float:right; width:40%;

}

.permier9{
	float: left; width:40%;	
	
}


.permier10{
	float: right; width:50%;	
	
}

.permier5{
	
	float: left; width:53%;
	
}
.permier6{
	
	float: right; width:40%;
	
}

.permier7{
	
	 width:68%;
	 margin:30px auto;
	
}

.text_p{
text-align:center; width:75%; margin:auto;	
	
}

.text_p11{
text-align:center; width:75%; margin:auto;
color:#595959;
	
}

.text_p11_color{
text-align:center; margin:auto;
color:#595959;
	
}



/* Mobile Menu Styling */
a.mobilemenu-reveal {
	display: none;
}
.mobile-container .mobile-bar {
    float: right;
    right: 0;
 
    position: fixed;
    padding: 4px 0;
    min-height: 42px;
    z-index: 100000000000;
}
.mobile-container a.mobilemenu-reveal {
	width: 32px;
	height: 32px;
	
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: #000;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height:36px;
	font-size: 1px;
	text-transform:capitalize;
	display: block;
		font-weight: 700;
		margin:24px 30px 10px 0px;
		 z-index: 100000000000;
}
.mobile-container a.mobilemenu-reveal span {
	display: block;
	background: #000;
	height: 3px;
	margin-top: 5px;
}
.mobile-container .mobile-nav {
    float: right;
    width: 270px;
	cursor:pointer;
    
    margin-top:82px;
    position: relative;
}
.mobile-container .mobile-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
	
}
.mobile-container .mobile-nav ul li {
	position: relative;
	float: left;
	width: 100%;
}
.mobile-container .mobile-nav ul li a {
	display: block;
	float: left;
	width: 90%;
	padding: 1em 5%;
	margin: 0;
	text-align: left;
	color: #fff;
	font-size:18px;
	/*border-top: 1px solid #383838;
	border-top: 1px solid rgba(255,255,255,0.5);*/
	text-decoration: none;
	text-transform: capitalize;
	font-weight:500;
}
.mobile-container .mobile-nav ul li li a {
	width: 80%;
	padding:5px 5px 5px 50px;
	/*border-top: 1px solid #f1f1f1;
	border-top: 1px solid rgba(255,255,255,0.25);
	opacity: 0.75;
	filter: alpha(opacity=75);*/
	color:#fff;
	text-shadow: none !important;
	visibility: visible;
}
.mobile-container .mobile-nav ul li.mobile-last a {
	border-bottom: none;
	margin-bottom: 0;
}
.mobile-container .mobile-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}
.mobile-container .mobile-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}
.mobile-container .mobile-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}
.mobile-container .mobile-nav ul li a:hover {
	/*background: #252525;*/
	color:#ccc!important;
	/*background: rgba(255,255,255,0.1);*/
}
.mobile-container .mobile-nav ul li a.mobile-expand {
	margin-top: 1px;
	width: 26px;
	height: 32px;
	padding: 12px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	/*background: rgba(255,255,255,0.1);
	border: none !important;
	border-left: 1px solid rgba(255,255,255,0.4) !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;*/
}
.mobile-container .mobile-nav ul li a.mobile-expand:hover {
	/*background: rgba(0,0,0,0.9);*/
}
.mobile-container .mobile-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}
.mobile-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}
.mobile-container .mobile-bar, .mobile-container .mobile-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.mobile-remove {
	display: none !important;
}
.bg_nav{
	height:550px; background:#000;  
	overflow:hidden;border-right:20px #000 solid;
	
}
.bg_nav:hover{
	height:550px; background:#000; overflow-y:scroll; border-radius:0px;
	
	border-right:0px #000 solid;
}

header {
 		position: fixed;
		z-index:1000000;
 		width: 92%;
 		text-align: center;
 	
 		
 		height: 101px;
 		
 		color: #fff;
 		font-family: 'Spartan', sans-serif;
 		// set animation
 		-webkit-transition: all 0.4s ease;
 		transition: all 0.4s ease;
 }
 
 header.sticky {
 		
 		line-height:60px;
		width:50%;
 		
 		
 		text-align: left;
 		
 }
 
 .slick-dots li {
  cursor: pointer;
  display: inline-block;
  margin: 0 6px;
  position: relative;
  width: 10px;
  height: 10px;
}
.slick-dots li:last-child {
  margin-right: 0;
}
.slick-dots li.slick-active button {
  background: #ffc107;
  border-color: #ffc107;
}
.slick-dots li button {
  display: block;
  font-size: 0;
  width: 10px;
  height: 10px;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.6);
  border-color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  -webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.slick-dots li button:hover {
  background: #ffc107;
  border-color: #ffc107;
}

.link {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 20px;
  z-index: 9999;
}
.link a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #fff;
}
.link .fa {
  font-size: 28px;
  margin-right: 8px;
  color: #fff;
}

.slick-prev svg, .slick-next svg {
  height: auto;
  width: 18px;
  padding-bottom: 2px;
}
.slick-prev .btn, .slick-next .btn {
  border-radius: 0;
     font-family: 'Spartan', sans-serif !important;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
}

.slick-prev, .slick-next {
  position: absolute;
  top: 0;
  z-index: 9999;
  border-radius: 0;
     font-family: 'Spartan', sans-serif !important;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
}

.slick-prev {
  left: 0;
}

.slick-next {
  right: 30px;
}

.btn-warning {
	color: #fff;
	background-color: #51c458 !important;
	border-color: #51c458;
}
.btn-warning:hover {
	color: #212529;
	background-color: #51c458;
	border-color: #51c458;
}

.text-muted {
	color: #333 !important;
}	

:root {
  --text-color: hsla(210, 50%, 85%, 1);
  --shadow-color: hsla(210, 40%, 52%, .4);
  --btn-color: hsl(210, 80%, 42%);
  --bg-color: #141218;
}


button {
  position:relative;
 
  border: none;
  background: none;
  cursor: pointer;
  font-size:17px;
  padding:6px 0px;
  
  
 
 
  color: var(--text-color);
  
  
 
  
  z-index: 0;  
  overflow: hidden;   
}

button:focus {
  outline-color: transparent;
  box-shadow: var(--btn-color) 2px 2px 22px;
}

.right::after, button::after {
  content: var(--content);
  display: block;
  position: absolute;
  white-space: nowrap;
  
  pointer-events:none;
  
}

button::after{
  font-weight: 200;
  top: -30px;
  left: -20px;
} 

.right, .left {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.right {
  left: 66%;
}
.left {
  right: 66%;
}
.right::after {
  top: -30px;
  left: calc(-66% - 20px);
  
  background-color:#2794b5;
  color:transparent;
  transition: transform .4s ease-out;
  transform: translate(0, -90%) rotate(0deg)
}

button:hover .right::after {
  transform: translate(0, -47%) rotate(0deg)
}

button .right:hover::after {
  transform: translate(0, -50%) rotate(-7deg)
}

button .left:hover ~ .right::after {
  transform: translate(0, -50%) rotate(7deg)
}

/* bubbles */
button::before {
	
  content: '';
  pointer-events: none;
  opacity: .6;
  background:
    radial-gradient(circle at 20% 35%,  transparent 0,  transparent 2px, var(--text-color) 3px, var(--text-color) 4px, transparent 4px),
    radial-gradient(circle at 75% 44%, transparent 0,  transparent 2px, var(--text-color) 3px, var(--text-color) 4px, transparent 4px),
    radial-gradient(circle at 46% 52%, transparent 0, transparent 4px, var(--text-color) 5px, var(--text-color) 6px, transparent 6px);

  width: 100%;
  height: 300%;
  top: 0;
  left: 0;
  position: absolute;
  animation: bubbles 5s linear infinite both;
}

@keyframes bubbles {
  from {
    transform: translate();
  }
  to {
    transform: translate(0, -66.666%);
  }
}


.button99 {
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  outline: 0;
  -webkit-appearance: none;
  margin:auto;
  
}

/* Custom */
.button99 a {
  display: inline-block;
  position: relative;
  padding: 15px 50px;
  top: 0;
  font-size:18px;
  text-transform:uppercase;
  font-weight:200;
  text-decoration:none;
 
 
  border: 1px solid rgba( 255, 255, 255, 0.3 );
 
   background:#53a700;
  color:#fff;
  box-shadow: 0px 0px 0px rgba( 85, 85, 85 0.1 );
  
  -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
          transform: translateZ(0);
  
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
      -ms-transition: all 0.32s ease;
          transition: all 0.3s ease;
}

.button99  {
  display: inline-block;
  position: relative;
  padding: 10px 50px;
  top: 0;
  font-size:20px;
  text-transform:uppercase;
  font-weight:200;
  text-decoration:none;

 
  border: 1px solid rgba( 255, 255, 255, 0.3 );
 
   background:#000;
  color:#fff;
  box-shadow: 0px 0px 0px rgba( 85, 85, 85 0.1 );
  
  -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
          transform: translateZ(0);
  
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
      -ms-transition: all 0.32s ease;
          transition: all 0.3s ease;
}


.button99 a:hover {
  top: -10px;
  box-shadow: 0px 10px 10px rgba( 0,0, 0, 0.6 );
  background:#00aacd;
  color:#fff;
 
  
  -webkit-transform: rotateX(20deg);
     -moz-transform: rotateX(20deg);
      -ms-transform: rotateX(20deg);
          transform: rotateX(20deg);
}

.button99 a:active {
  top: 0px;
  box-shadow: 0px 0px 0px rgba( 234, 0, 0, 0.0 );
  background: rgba( 234, 0, 0, 1 );
}



.let_tak {
  font-size:20px;
  color: #000;
  font-family: 'Poppins', sans-serif;
  text-shadow: 1px 1px 1px #fff;
 
  font-weight: 500;
  cursor:pointer;
  text-decoration: none;
  
}

.let_tak a{
	 font-family: 'Poppins', sans-serif;
	 color: #000;
}

.let_tak:hover{
	color:#ccc !important;
	text-decoration:underline;
	
	
}

.read-more {
  font-size:27px;
  color: #fff;
  display: table;
  margin-top:25px;
  font-weight: 600;
  cursor:pointer;
  text-decoration: none;
  position: relative;
}
 .read-more:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0px;
  width: 0;
    color: #ccc!important;
  border-bottom: 2px solid #fff;
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.read-more:hover:after {
	  color: #ccc!important;
	  width:100%;
  
}

.read-more:hover{
	color: #ccc!important;
}

.cokkies{
font-family: font-family: 'Poppins', sans-serif;font-weight:200;font-size:.9em;background-color:#191919;padding:.6em;text-align:center;border-radius:.2em;display:none;position:fixed;bottom:0;width:100%;
color:#fff;	
	
}
.cookies-button{
color:#000;background-color:#c3db6a;padding:.4em;margin-left:20px;cursor:pointer;border-radius:.2em;
font-weight:400;

}
.cokkies_but_findout{
font-size:15px; font-weight:400; color:#fff; text-decoration:none;

}

.cokkies_but_findout a{
	text-decoration:none;
	color:#fff;
	
}


#return-to-top {
	position: fixed;
	bottom: 102px;
	right: 11px;
	/* background: rgb(0, 0, 0); */
	background: rgba(0, 0, 0, 0.7);
	width: 40px;
	height: 40px;
	/* display: block; */
	text-decoration: none;
	
	display: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left:7px;
    top: 5px;
    font-size: 29px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}



.dots1 {
	margin: 25px 1%;
	padding: 6px 6px 6px 30px !important;
	 background:url(../images/1111.png) left no-repeat;
	color: #000;
	font-size: 15px;
	font-weight:400;
	float:left;
	width:23%;
}
.fixed{

	position: fixed;
	padding-top:300px;
	right: 0;
	float: right;
	z-index: 10000000;
	border:none;
	
}	





.sidebar-contact{
  position: fixed;
  top:50%;
  left:-350px;
  transform:translateY(-50%);
  width:350px;
  height:auto;
  padding:40px;
  background:#fff;
  box-shadow: 0 20px 50px rgba(0,0,0,.5);
  box-sizing:border-box;
  transition:0.5s;
  z-index:1000000000000 !important;

}
.sidebar-contact.active{
  left:0;
     z-index:1000000000000 !important;
}
.sidebar-contact input,
.sidebar-contact textarea{
  width:100%;
  height:36px;
  font-family: 'Poppins', sans-serif;
  padding:5px;
  margin-bottom:10px;
  box-sizing:border-box;
  border:1px solid rgba(0,0,0,.5);
  outline:none;
  font-weight:400;
  color:#000;
  font-size:15px;
   z-index:1000000000000 !important;
}
.sidebar-contact h2{
  margin:0 0 20px;
  padding:0;
}
.sidebar-contact textarea{
  height:60px;
  resize:none;
}
.sidebar-contact input[type="submit"]{
  background:#000;
  color:#fff;
  cursor:pointer;
  border:none;
  font-size:18px;
  text-transform:uppercase;
}
.toggle{
  position:absolute;
  height:48px;
  width:48px;
  text-align:center;
  cursor:pointer;
  background:#000;
  top:210px;
  right:-48px;
  line-height:48px;
  z-index:1000000000000 !important;
}
.toggle:before{
  content:'\f003';
  font-family:fontAwesome;
  font-size:18px;
  color:#fff;
   z-index:1000000000000 !important;
}
.toggle.active:before{
  content:'\f00d';
}
@media(max-width:768px)
{
  .sidebar-contact{
    width:100%;
    height:100%;
    left:-100%;
  }
  .sidebar-contact .toggle{
    top:50%;
    transform:translateY(-50%);
    transition:0.5s;
  }
  .sidebar-contact.active .toggle
  {
    top:0;
    right:0;
    transform:translateY(0);
  }
  .scroll{
    width:100%;
    height:100%;
    overflow-y:auto;
  }
  .content{
    padding:50px 50px;
  }
}


.blackOut {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 0;
	top: 0;
	bottom: 0;
	display: none;
	left: 0;
	right: 0;
}

.blackOut .popupAlignCenter {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.blackOut .popupAlignCenter .popUpWrapper {
  width: 78%;

  height:auto;
  background-color: #fff;
   z-index:10000000 !important;
   margin-top:50px;
}

.blackOut .popupAlignCenter .popUpWrapper button.videoClose {
  color: #999999;
  font-weight: 600;
  font-size: 22px;
  padding: 4px 10px;
  float: right;
  background: none;
  cursor:pointer;
    border: 0;
  cursor: pointer;
  z-index:10000000 !important;
}
.image_center{
width:70%; margin:auto;	
	
}

.container_banner {
  position: relative;
  text-align: center;
  color: white;
}
.centered {
  position: absolute;
  top: 50%;
  left: 30%;
  transform: translate(-50%, -50%);
}


#return-to-top {
	position: fixed;
	bottom: 57px;
	right: 11px;
	/* background: rgb(0, 0, 0); */
	background: rgba(0, 0, 0, 0.7);
	width: 40px;
	height: 40px;
	/* display: block; */
	text-decoration: none;
	
	display: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left:7px;
    top: 5px;
    font-size: 29px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}