*{
	padding:0;
	margin:0;
	box-sizing:border-box;

}
@media only screen and (max-width: 768px){
    html,
    body{
    width:100%;
    overflow-x:hidden;
    }
}
	
nav{
	width:100%;
	height:100px;
	padding:20px 70px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	/*border:2px solid yellow;*/
}

#logo{

	
	/*border:2px solid white;
	background-image:url("https://clipart-library.com/img1/819185.png");
	
	
	
	background-size:contain;
	background-repeat:no-repeat;
	margin:20px;*/
	
}
.modal-body
{
	
	height:70vh;
}
.checkbtn
{
	font-sie:35px;
	float:right;
	line-height:0px;
	margin-right:20px;
	
	cursor:pointer;
	display:none;
}
#check
{
	display:none;
}

background:gray;
padding:20px;
}
.modal-body input[type=text]{
  width: 100%;
  padding: 12px 10px;
 margin: 8px 0;
 display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.modal-body input[type=password] 
{
	 width: 100%;
  padding: 12px 10px;
 margin: 8px 0;
 display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius:5px;
}
	
button {
	  background-color:#D10000;
  color: white;
  font-size:20px;
  padding: 12px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
  
}
#button
{
	/*border:2px solid yellow;*/
	margin-top:10px;
	padding:10px;
}
	
.modelbody button:hover {
  opacity: 0.8;
  
}
.cancelbtn
{
width:auto;
padding:10px;
background-color:black;
color:white;
}
.container{
padding:16px;
}
span.pws{
float:right;
padding-top:16px;
}
.pws a{
	color:aqua;
}

#menu a{
	text-decoration:none;
	color:black;
	padding:10px;
	font-size:18px;
	
	font-weight:800px;
	
	
	
}
#menu a:hover{
	color:#D10000;
	border-bottom:3px solid #D10000;
}
.navmenu{
	list-style:none;
	display:flex;
}
#navmenu li
{
	  margin-right: 20px;
	  
}
/***********************mobile******************************/
@media (max-width: 768px) {
	nav
	{
		padding:0px;
	}
   #logo h2
	{
		font-size:15px;
		padding:0px 10px;

    
}
.navmenu
{
	display:none;
}
.checkbtn
{
	display:block;
}
#menu ul
{
	position:fixed;
	width:100%;
	height:100vh;
	top:80px;
	left:0px;
	text-align:center;
	
}
}

#headertext
{
	position:absolute;
	top:60%;
	left:3%;
	right:5%
	max-width:600px;
	line-height:50px;
	color:white;
	/*border:2px solid yellow;*/
	
}
#headertext h1
{
	font-size:2em;
	color:#ffff00;
}

#headertext h2
{
	font-size:4em;
}
	
#headertext span
{
	color:#D10000;
}
/* Mobile styles using media query */
@media (max-width: 768px) {
    header {
        height:100vh; /* Adjust header height for mobile */
		
    background-size:contain;
	
		display:block;
		
    }

    #headertext {
        top: 30%; /* Adjust the vertical positioning for mobile */
        text-align: center; /* Center align text for mobile */
		

		
    }

    #headertext h1 {
        font-size: 1.5em; /* Adjusted font size for mobile */
    }

    #headertext h2 {
        font-size: 2em; /* Adjusted font size for mobile */
    }
}
.icons
{
	padding:4px;
	padding-top:5px;
	padding-bottom:6px;
	margin-left:5px;
	margin-left:5px;
	border:1px solid #FFDEAD;
	position:relative;
	left:2.5%;
	    align-content: center;
	border-radius:5px 0px 0px 5px;
}

#mainform select
{

		border-radius:0px 5px 5px 0px;
	margin-left:4px;

	border:1px solid #FFDEAD;
}
#mainform input
{

		border-radius:0px 5px 5px 0px;
	margin-left:4px;

		border:1px solid #FFDEAD;
}
.grp
{
	padding:5px;;
}

#mainform i
{
	color:#ff7979;
}
#mainform button {
    margin: 0 auto;
    background: #ffff00;
    width: 50vh;
    border-radius: 20px;
    color: #D10000;
    font-size: 20px;
    font-weight: 500;
	width:50%;

	padding:10px;
	border:none;
	
  }
  


@media (max-width: 768px)
{
	#mainform{
  top:37%;
  width:350px;
  position:relative;
 left:3%;
  height:104vh;
  font-size: 15px;
    font-weight: 400;
	  box-shadow: 10px 10px  5px #aaaaaa;
  
}
#mainform button
{
	padding:5px;
	

}
}

  /***************search***********************/
  #searchform
{ 
height:auto;
width:100%;
/*border:2px solid red;*/
display:flex;
justify-content:center;


padding:25px;

background-color:#F2F2F2;


}
.form1
{
	padding:5px 20px;
	height:auto;
width:auto;
}

.form1 label
{
	font-size:18px;
	color:#D10000;
}
.form1 button
{
	
	padding:10px;
	
	margin-top:30px;
	margin-left:1px;
	border-radius:10px;
	background:#D10000;
	color:white;
	
}
.form1 button:hover{
	
	background:#ffff00;
	color:black;
	
}
#age1
	 {
		 display:flex;
	 }

@media (max-width: 768px)
{
	
	 #searchform {
		 height:70vh;
	     display:block;
		/* position:absolute;*/
		margin-top:100%;
		margin-bottom:0;
		 
	 }
	 #age1
	 {
		 display:flex;
	 }
	 #age1 select{
		 width:100%;
	 }
	
}
  /* ------------------- item-featured-kv ------------------ */
item-featured-kv a p{color:#eee;}
item-featured-kv h3{margin:0; padding:0}
.item-featured-kv{
	margin:0px 2.5px; margin-top:15px; margin-bottom:15px; max-height:120px; overflow:hidden; padding:5px; 	 
	border-radius:7px; -webkit-border-radius:7px; -o-border-radius:7px;
	min-height:100px; background-color:#D10000;
	border:4px solid #ffff00;
	background-image: -webkit-linear-gradient(top, FF9800);
	background-image: -moz-linear-gradient(top, #13B7F4, #099AD1);
	background-image: -ms-linear-gradient(top, #13B7F4, #099AD1);
	background-image: -o-linear-gradient(top, #13B7F4, #099AD1);
	background-image: linear-gradient(top, #13B7F4, #099AD1); 

}

.item-featured-kv a{
	
	text-decoration:none;
}
	.item-featured-kv .txt h3{color:#fff;
	
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;  -o-transition: all 0.2s linear;	  transition: all 0.3s ease-in-out;
	}
	.item-featured-kv:hover h3{color:black!important; }
	.item-featured-kv i{
	  height:80px;  width:80px;  margin: 3px;  border-radius: 100%; color:#E74C3C;
	  line-height:80px;  text-align:center;  background:#ffff00 ;
	  border: 3px solid #B7F5FF;  box-shadow: inset 0 0 0 1px #1CC1DD;  -webkit-box-shadow: inset 0 0 0 1px #1CC1DD;  -webkit-transition: 500ms;  -moz-transition: 500ms;
	  -o-transition: 500ms;  transition: 500ms;  float: left;  margin-right: 25px;
	  font-size:20px;
}

	.item-featured-kv:hover i {
	  background:black;  color: #fff;  
	  box-shadow: inset 0 0 0 3px #ddd;
	  -webkit-box-shadow: inset 0 0 0 3px #ddd;  border: 3px solid #10A0AB;
}

	
#bodyone{
	
	padding:20px 10px;
}
#body2
{
	height:100vh;
	width:100%;
	/*border:2px solid black;*/
	
}
@media (max-width: 768px)
{
	#bodyone{
		position:relative;
		
	}
}

/*SLIDER*/

.wrappercards
{
  display:flex;
  
}
.card
{
  margin:0.5em;
  width:calc(100%/3);
}
@media (max-width:567px)
{
  .card:not(:first-child){
    display:none;
      
  }
  .card
  {
    width:calc(100%/1);
  }
  .imagewrapper img
{
  max-height:50vh;
}
}

.imagewrapper
{
  height:28vw;
}
.imagewrapper img
{
max-height:100%;
  max-width:100%;


}
#next{
	margin:20px 0;
	padding:20px 10px;
	padding-bottom:40px;
	height:28vh;
	width:100%;
		display:grid;
	background:#D10000;
}
#next button
{
	margin:10px auto;
	background:	#ffff00;
	width:50vh;
	border-radius:20px;
	color:#D10000;
	font-size:20px;
	font-weight:600px;
	
}

#next button:hover
{
	
	background:black;
	color:white;
}
@media (max-width: 768px)
{
	#next{
		
		position:relative;
		
	}
}

/*.site-footer
{
  background-color:#FFFF66;
 
  padding:45px 0 20px;
  font-size:15px;
  line-height:24px;
  color:#737373;
}*/
.site-footer
{
	background:url("https://images.unsplash.com/photo-1494955870715-979ca4f13bf0?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=800");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

.site-footer hr
{
  border-top-color:#bbb;
  opacity:0.5
}
.site-footer hr.small
{
  margin:20px 0
}
.site-footer h6
{
  color:#D10000;
  font-size:16px;
  text-transform:uppercase;
  margin-top:5px;
  letter-spacing:2px
}
.site-footer a
{
  color:#737373;
}
.site-footer a:hover
{
  color:#3366cc;
  text-decoration:none;
}
.footer-links
{
  padding-left:0;
  list-style:none
}
.footer-links li
{
  display:block
 
}
.footer-links a
{
  color:#737373;
  text-decoration:none;
}

.footer-links a:active,.footer-links a:focus,.footer-links a:hover
{
  color:#3366cc;
  text-decoration:none;
}
.footer-links.inline li
{
  display:inline-block
  
}
.site-footer .social-icons
{
  text-align:right

}
.site-footer .social-icons a
{
  width:40px;
  height:40px;
  line-height:40px;
  margin-left:6px;
  margin-right:0;
  
  border-radius:100%;
  background-color:33353d;
}
.site-footer .social-icons i{
	margin-top:8px;
	
}
.copyright-text
{
  margin:0
  
}
@media (max-width:991px)
{
  .site-footer [class^=col-]
  {
    margin-bottom:30px
  }
}
@media (max-width:767px)
{
  .site-footer
  {
    padding-bottom:0
  }
  .site-footer .copyright-text,.site-footer .social-icons
  {
    text-align:center
  }
}
.social-icons
{
  padding-left:0;
  margin-bottom:10px;
  list-style:none
}
.social-icons li
{
  display:inline-block;
  margin-bottom:5px;
  
}
.social-icons li.title
{
  margin-right:15px;
  text-transform:uppercase;
  color:#96a2b2;
  font-weight:700;
  font-size:13px
}
.social-icons a{
  background-color:#eceeef;
  color:#818a91;
  font-size:16px;
  display:inline-block;
  line-height:44px;
  width:44px;
  height:44px;
  text-align:center;
  margin-right:8px;
  border-radius:100%;
  -webkit-transition:all .2s linear;
  -o-transition:all .2s linear;
  transition:all .2s linear
}
.social-icons a:active,.social-icons a:focus,.social-icons a:hover
{
  color:#fff;
  background-color:#29aafe
}
.social-icons.size-sm a
{
  line-height:34px;
  height:34px;
  width:34px;
  font-size:14px
}
.social-icons a.facebook:hover
{
  background-color:#3b5998
}
.social-icons a.twitter:hover
{
  background-color:#00aced
}
.social-icons a.linkedin:hover
{
  background-color:#007bb6
}
.social-icons a.dribbble:hover
{
  background-color:#ea4c89
}
@media (max-width:767px)
{
  .social-icons li.title
  {
    display:block;
    margin-right:0;
    font-weight:600;
  }
  .site-footer{
	  position:relative;
	 /* top:800px;*/
  }
}
#links
{
	/*display:flex;
	justify-content:center;
border:2px solid red;*/
	height:auto;
	width:auto;
	padding:20px;
	background-color:#808080;
	
	
	
	
}
.col-xs-6col-md-3
{
	margin-left:50px;
}.col-xs-6col-md-3 h6
{
	margin-left:50px;
}
.col-xs-6col-md-3 a

{
	padding:50px;
	padding-left:70px;
	text-decoration:none;
}
  .form-container {
            width: 40%;
            margin: 0 auto;
            padding: 20px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }

        .form-group {
           display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin-bottom: 20px;
        }

        .form-group label,
        .form-group input {
            flex: 1;
        }

   

        .submit-button {
            background-color:#D10000;
            color: #fff;
            border: none;
            padding: 10px 20px;
            border-radius: 5px;
            cursor: pointer;
			
        }
		#footer2{
			background-color:#808080;
			display:flex;
		}
		#footermenu
		{
			display:flex;
		}
		@media (max-width: 768px)
		{
			#footer2
			{
				position:relative;
				/*top:800px;*/
				display:block;
				
			}
			.col-xs-6col-md-3 a
			{
				padding:2px;
			}
			#footermenu
			{
				display:flex;
			}
			.col-xs-6col-md-3 h6
{
	margin-left:10px;
}
	
             .form-container {
				 width:80%;
				  margin-top:5%;
				 margin:10%;
				
				 
			 }
			 #copycontainer
			 {
				 position:relative;
				/* top:800px;*/
				 left:12%;
			 }

	}