.body{
	margin: 0px;
	padding: 0px;
}
.adminuili{
	color: black;
	}
.adminuili:hover{
	color: black;
}
/* Full-width input fields */
input[type=text], input[type=password] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.bok{
	text-decoration: none;
	color: #1d1d1d;
}
.bok:hover{
	text-decoration: none;
	color: white;
}
/* Set a style for all buttons */
.button1{
  background-color: #2d2d2d;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
}

.button1:hover {
  opacity: 0.8;
}

	 .button2{
  

  cursor: pointer;
 
 margin-left: 150px;
	
}
	  .button2:hover {

		  color:#bea87f; 
		 
}

/* Extra styles for the cancel button */
.cancelbtn {
  width: auto;
  padding: 10px 20px;
  background-color:red;
}

/* Center the image and position the close button */
.imgcontainer {
  text-align: center;
  margin: 24px 0 12px 0;
  position: relative;
}

img.avatar {
  width: 20%;
  border-radius: 50%;
}

.container {
  padding: 16px;
}

span.psw {
  float: right;
  padding-top: 16px;
	 cursor: pointer;
	
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  padding-top: 60px;
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button (x) */
.close {
  position: absolute;
  right: 25px;
  top: 0;
  color: #000;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: red;
  cursor: pointer;
}

/* Add Zoom Animation */
.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)} 
  to {-webkit-transform: scale(1)}
}
  
@keyframes animatezoom {
  from {transform: scale(0)} 
  to {transform: scale(1)}
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
  span.psw {
     display: block;
     float: none;
  }
  .cancelbtn {
     width: 100%;
  }
}
.slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }

    .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    }
::selection{
	color:white;
	background-color: #2d2d2d;
}
::-moz-selection{
	color:white;
	background-color: #2d2d2d;
}

body{overflow-x: hidden;}


.heading-phantom{
	font-size: 4.2vw;
	font-family: 'Roboto', sans-serif;
}
.nav{
	font-weight: bold;
	background-color: #FFFFFF;
}
.navin{
	float: left;
	margin-left: 15%;
	}
.naving{
color:#5c5c5c;
	}
.naving:hover{
color:#bea87f;
}

.navcolor{
	color:#bea87f;
}
#myvideo{

	width: 100%;
	height: auto;
	top: 0px;
	z-index: -1;
}
.heading-ph{
	position: absolute;
	margin-top: 5vw;
	color: white;
	background-color:rgba(0,0,0,0.5);
	text-align: center;
    left: 20vw;
	top:40vw;
	z-index: 25;
	
}


.btn1:hover{color:white;background-color:transparent;border: 1px solid white;}
.img1{margin-left:50px;margin-top:20px;}
.about{
background-color:#bea87f;
margin-top:20px;
color:white;
font-size:20px;
float:left;
padding-left:20px;
padding-right:20px;
padding-top: 10px;
padding-bottom:px;
}

.abouticon{
color:#bea87f;
margin-top: 10px;
font-size:40px;
float:left;
	margin-right: 15px;
}

.button:hover{
background-color:#bea87f;
color: white;
}
.button{
background-color: transparent;
color: #bea87f;
font-size: 14px;
font-weight: 700;
padding: 12px 17px;
cursor: pointer;
border-radius: 12px; 
border: 2px solid #bea87f;
}


.aboutwelcome{
	margin-top: 100px;font-weight: 1000;font-size: 29px;color: #2d2d2d;font-family: 'Montserrat', sans-serif;
}
.aboutcolgrey{
	color: #676767;
}

.sh{
	margin-left: 170px;margin-top: 40px;
	font-weight: 1000;font-size: 29px;color: #2d2d2d;font-family: 'Montserrat', sans-serif;
}
.btbo{
	float:left;margin-top: 10px;width: 100%;
	border-bottom: 7px solid #2d2d2d;width: 70px;padding-top: 15px;
}
.btbo:hover{
	border-bottom: 7px solid #bea87f;width: 150px;
padding-top: 15px; transition: 0.5s;
}
.par1{
	color: #676767;margin-left: 40px;margin-top: 50px;
}




.sh1{
 margin-top: 40px;width: 100%;
	font-weight: 1000;font-size: 40px;color: #2d2d2d;font-family: 'Montserrat', sans-serif;line-height: 130%;
}
.btbo{
	float:left;margin-top: 10px;width: 100%;
	border-bottom: 7px solid #2d2d2d;width: 70px;padding-top: 15px;
}
.btbo:hover{
	border-bottom: 7px solid #bea87f;width: 150px;
padding-top: 15px; transition: 0.5s;
}
.par2{
	color: #676767;margin-top: 50px;
}


.our-price-list{
	font-weight: 700;margin-top: 110px;
}
.our-price-list-p{
	color: #676767;float:left;margin-top: 10px;
}

/* speciclpricebox*/

.sbox{
width:260px;
height:440px; 
border-width: 8px;
border-style:solid;
border-color:rgba(190,  168, 127, 0.4);
float:left;

margin-left:0px;
	text-align: center;
}

.sbox:hover{border-color:rgba(190,  168, 127, 1); transition: 0.7s}
 
.s1box{
	border-color:rgba(190,  168, 127, 1);
}





/*count div*/

.cbi{
	background-image: url(../images/bgslide.jpg);
	margin-top: 10px;

}
.cbibox{
	width:210px;
height:300px; 
border-width: 8px;
border-style:solid;
border-color:rgba( 45, 45, 45,0.5); 
margin-top:25px;
margin-left: 150px;

	
}
 
.cbitext{
float:left;
color:white;
font-size:40px;
	margin-left: -90px;
	margin-top: 50px;  
}

.cbitext1{
color:white;margin-top:50px; 
	margin-left: 25%;
}
.cbic{
	color: white;margin-top: 20px;
}

/*
footerstarts*/
.fbgc{
	background-color: #1d1d1d;
	margin-top: 20px;
	
}
.flogo{
	margin-top: 50px;
}
.fotpad{
	padding-top: 10px;
}

.fpar{
	font-size: 12px;font-weight: 500;color: #fff;margin-top: 10px;
}
.fcolor{
	color: white;
	margin-top: 50px;
}

.iconh{
	margin-top: 10px;text-align: left;font-size: 30px;
}
.grtcli{
	font-weight: 700;margin-top: 90px;
}
.mtn{
	margin-top: 10px;
}
.mtwn{
	margin-top: 20px;
}
.mtety{
	margin-top: 80px;
}
.mthund{
	margin-top: 100px;
}
.mlef{
	margin-left: 23px;
}
.mlef1{
	margin-left: 12px;
}
li a{
	text-decoration: none;
	color: white;
	
}


li a:hover{
	text-decoration: none;
	color: #bea87f;
}


#myBtn {

  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px; 
  background-color: #bea87f;
  color: white;
  cursor: pointer;
 outline: none;
   text-align: center;
   text-decoration: none;
   display: inline-block;

	border: none;
	
}

#myBtn:hover {
  background-color:#1d1d1d;
}


@media only screen and (max-width: 600px) {
	
	
	.cbibox{
		
	width:120px;
height:200px; 
border-width: 8px;
border-style:solid;
border-color:rgba( 45, 45, 45,0.5); 
font-size: 10px;

}
.cbitext{
color:white;
font-size:30px;   
}	
.cbitext1{
color:white;margin-top:0px; 

}	
.img1{margin-left:0px;margin-top:20px;}
  .heading-ph{
	position: absolute;
	
	color: white;
	text-align: center;
    left: 20vw;
	top:33vw;
	  padding-top:10px;
	
	background-color:rgba(0,0,0,0.5);
}
	.heading-ph1{
	position: absolute;
	
	text-align: center;
    left: 30vw;
	top:40vw;
	
	
}
	.btn1{color:black;background-color:white;transform:scale(0.5);
	}
	.sh{
	margin-top: 20px;margin-left:-8px;
	font-weight: 1000;font-size: 29px;color: #2d2d2d;font-family: 'Montserrat', sans-serif;
}
	.par1{
	color: #676767;margin-left: 25px;margin-top: 50px;
}


.cbicount{
	margin-left: 100px;
}

	.cbibox{
	width:210px;
height:300px; 
border-width: 8px;
border-style:solid;
border-color:rgba( 45, 45, 45,0.5); 
margin-top:25px;
margin-left: 160px;

	
}

.sbox{
width:245px;
height:430px; 
border-width: 8px;
border-style:solid;
border-color:rgba(190,  168, 127, 0.4);
float:left;
	margin-bottom: 10%;

margin-left:30px;
	text-align: center;
}

.sbox:hover{border-color:rgba(190,  168, 127, 1); transition: 0.7s}
 
.s1box{
	border-color:rgba(190,  168, 127, 1);
}

}

@media only screen and (max-width: 768px) {
	
	
	.sbox{
width:160px;
height:430px; 
border-width: 8px;
border-style:solid;
border-color:rgba(190,  168, 127, 0.4);
float:left;
	margin-bottom: 10%;
text-align: center;
margin-left:10px;
		font-size: 10px;
}

.sbox:hover{border-color:rgba(190,  168, 127, 1); transition: 0.7s}
 
.s1box{
	border-color:rgba(190,  168, 127, 1);
}
		.cbibox{
	width:210px;
height:300px; 
border-width: 8px;
border-style:solid;
border-color:rgba( 45, 45, 45,0.5); 
margin-top:25px;
			margin-left: 100px;}

	.sh{
	margin-top: 20px;margin-left:-8px;
		color: #2d2d2d;}
	.par1{
	display: none;
}
.par2{
	display: none; }

	.btbo{display: none;}
.sh1{
	margin-top: 20px;
width: 100%;
	color: #2d2d2d;
}
.img1{margin-left:-15px;margin-top:20px;}	
	.imgwidth{
		width: 100%;
		height: 750px;
	}	
	.media-hide{
		display: none;
	}
	
	.iconh{
		margin-top: 10px;text-align: center;font-size: 20px;
	}
}

@media only screen and (max-width:800px) {
	
	
	.sbox{
width:160px;
height:430px; 
border-width: 8px;
border-style:solid;
border-color:rgba(190,  168, 127, 0.4);
float:left;
	margin-bottom: 10%;
text-align: center;
margin-left:10px;
		font-size: 10px;
}

.sbox:hover{border-color:rgba(190,  168, 127, 1); transition: 0.7s}
 
.s1box{
	border-color:rgba(190,  168, 127, 1);
}
		.cbibox{
	width:210px;
height:300px; 
border-width: 8px;
border-style:solid;
border-color:rgba( 45, 45, 45,0.5); 
margin-top:25px;
margin-left: 100px;

	
}
	.sh{
	margin-top: 20px;margin-left:-8px;
		color: #2d2d2d;}
	.par1{
	display: none;;
}
.par2{
	display: none;}

	.btbo{display: none;}
.sh1{
	margin-top: 20px;
width: 100%;
	color: #2d2d2d;
}
.img1{margin-left:-15px;margin-top:20px;}	
.imgwidth{
		width: 100%;
		height: 750px;
	}
	.media-hide{
		display: none;
	}
	.iconh{
		margin-top: 10px;text-align: center;font-size: 20px;
	}
	.mlef1{
	margin-left: 1px;
}
}
@media only screen and (max-width:375px) {
	.sbox{
width:245px;
height:430px; 
border-width: 8px;
border-style:solid;
border-color:rgba(190,  168, 127, 0.4);
float:left;
	margin-bottom: 10%;
text-align: center;
margin-left:30px;
}

.sbox:hover{border-color:rgba(190,  168, 127, 1); transition: 0.7s}
 
.s1box{
	border-color:rgba(190,  168, 127, 1);
}
}