@charset "utf-8";

/* CSS Document */

html, body {
	min-height:101%;
  /*overflow-x: hidden;
  overflow-y: hidden;*/
}


body{
	/*padding-top: 56px!important;*/	
	padding-top: 0px!important;
	font-family: 'DM Sans', sans-serif;
    -webkit-font-smoothing: antialiased;

	background-color: #f3f3ec;
}

.navbar {
	background-color: #f3f3ec;
}

p {
	
	line-height: 1.3; 
	
}

.continue {
	width: 3000px;	
}

.imagesholder {
	margin-top: 10px;
	margin-left: 180px;		
	width: 2000px;
	overflow-x: scroll;	

}

.scrolling-wrapper {
  	padding-left: -50px;
	padding-right: -50px;
} 

.imagescontainer {
	
	width: 100%;
    height: 250px;
    white-space: nowrap;
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
	
}

.imagescontainer div {
    width: 100%;
    background-color: #eee;
    float: none;
    height: 90%;
    margin: 0 0.25%;
    display: inline-block;
    zoom: 1;
}

.imagescontainernew {
	
	width: 100%;
    height: 200px;
    white-space: nowrap;
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
	
}

.imagescontainernew div {
    width: 24.5%;
    background-color: #eee;
    float: none;
    height: 90%;
    margin: 0 0.25%;
    display: inline-block;
    zoom: 1;
}

.headingimage{
	height: 90px;
	float: left;

}

.headingimageright{
	height: 80px;
	float: right;

}

.headingrubric {
	float: left;
	text-align: left;
	margin-left: 10px;
	margin-top: 5px;

}

.clivecontainer {
		
		
		
}

.carouselcontainer {
	
	text-align: center;
	
}

.imageholder1 {
	
	display: inline-block;
	
}


.headingcontainer {
		margin-top: 0px;
		padding-top: 15px;
    	text-align: center;
    	z-index: 50;
   		
 
}

.cliveholder {
	position: absolute;
	margin-top: -6px;
	margin-left: 10px;
}

.minus {
	text-align: left;
	font-size:16px!important;
}

#divElement{
    margin-top: 250px;
	padding-top: 15px;
	
	text-align: center;
	border-radius: 10px;
	z-index: 50;
	width: 100%;
	margin-left: -10px;
	
	/*padding-bottom: 15px;
	background-color:rgba(0, 0, 0, 0.2);
	color: white;*/
	
    
}

#divElementfloating{
    position: absolute;
    top: 40%;
    left: 50%;
    margin-top: -150px; 
    margin-left: -500px;
	width: 1000px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	border-radius: 10px;
	z-index: 50;
	background-color:white;
	/*background-color:rgba(0, 0, 0, 0.2);
	color: white;*/
	
    
}

.extrainfo {
	
	margin-left: 20px;
	padding-left: 15px;
	display: none;	
	text-align: justify;
}

.title {
	
	display: none;	
}

#divElement a {
	
	color: black; 
	
}

#divElement a:hover {
	
	color: #A8A891;
	
} 

.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 50px;
    height: 50px;
	background-color: #cdcdc7;
	border-radius: 5px;
	background-size: 80% 80%;

}

.instaimage {
	opacity: 0;
  	filter: alpha(opacity=50); /* For IE8 and earlier */
	width: 175px;
	margin: 5px;
	float: left;
	display:inline-block;
	/*border-radius: 5px;*/
	background-color: black;
	
}

.name {
	font-size: 50px;
	font-weight:400;
	color: red;	
}



.imageholder {
		background-color: black;	
		
}


/*////////////////2222222222222222222222222222222////////////////*/


#divElement2{
    position: absolute;
    top: 60%;
    left: 50%;
    margin-top: -150px; 
    margin-left: -400px;
	width: 800px;
	padding-top: 5px;
	padding-bottom: 15px;
	text-align: center;
	border-radius: 10px;
	z-index: 50;
	background-color:rgba(0, 0, 0, 0.3);
	color: white;
    
}

#divElement2 a {
	
	color: #f29d1e;
	
}

#divElement2 a:hover {
	
	color: #36668e;
	
}

.imageholder2 {
		background-color: #36668e;	
}

.name2 {
	font-size: 50px;
	font-weight:400;
	color: #f29d1e;	
}


.instaimage2 {
	opacity: 0;
  	filter: alpha(opacity=50); /* For IE8 and earlier */
	height: 200px;
	float: left;
	display:block; 	
	border-radius: 5px;
	background-color: black;
	
}

/*////////////////33333333333333333333333333333////////////////*/


#divElement3{
    position: absolute;
    top: 40%;
    left: 50%;
    margin-top: -150px; 
    margin-left: -400px;
	width: 800px;
	padding-top: 5px;
	padding-bottom: 15px;
	text-align: center;
	border-radius: 10px;
	z-index: 50;
	background-color:rgba(0, 0, 0, 0.5);
	color: #D8C3A5;
	
    
}

#divElement3 a {
	
	color: #E85A4F;
	
}

#divElement3 a:hover {
	
	color: #737375;
	
}


.name3 {
	font-size: 50px;
	font-weight:400;
	color: #E85A4F;	
}


.imageholder3 {
		background-color: #EAE7DC;	
}

.instaimage3 {
	opacity: 0;
  	filter: alpha(opacity=50); /* For IE8 and earlier */
	height: 200px;
	float: left;
	display:block; 	
	border-radius: 5px;
	background-color: black;
	
}

/*////////////////44444444444444444444444444444444444////////////////*/






.biggy {
	width: 100%;
	
}


.list {
	list-style-type: none;
	text-align: right;

}


.iconcont {
	
	margin: 10px;
    
	
}

.w200 {
	width: 200px;	
}





.divElement1{
    
	background-color:rgba(0, 0, 0, 0.3);
	color: white;	
    
}



.icon {
	    text-decoration: none!important;	
		font-size: 90px;
		text-align: center;
		
}


.navbar-brand {
		    font-size: 1rem;
}

#buttons li{
	float:left;
	position:relative;
	list-style-type: none;
	display: block;
}/* ie needs position:relative here*/

#buttons a{
    text-decoration:none;
    margin:10px;
    float:left;
    padding:2px 5px;
    text-align:center;
    white-space:nowrap;
}

#content{
	width: 130%;
	
	
}/* hide horizontal scrollbar*/


@media(max-width:1400px) {

	.clivecontainer {
		
		width: 960px!important;
		
	}
	
	.instaimage {
	
		width: 142px;
		background-color: black;
	
	}

}


@media(max-width:1200px) {

	.clivecontainer {
		
		width: 800px!important;
		
	}
	
	.instaimage {
	
		width: 115px;
		background-color: black;
	
	}

}


@media(max-width:992px) {

	.clivecontainer {
		
		width: 600px!important;
		position: relative;
		
	}
	
	.instaimage {
	
		width: 142px;
		background-color: black;
	
	}

}

@media(max-width:820px) {
	
	
body{
	/*padding-top: 56px!important;*/ 
	padding-top: 0px!important;
	
}
	
	
p {
	
	line-height: 1.5; 
	
}

.instaimage {
	
	width: 1vw;
	background-color: black;
	
}

.imagesholder{

		margin-left: 10px;

		
}

.navbar-toggler {
		border: 0px;	
	}
	
	#divElement{
		
		margin-top: 100px;
		width: 100%;
		text-align: center;
		margin-left: 0px;
		
	}
	
	.headingrubric {
		
		display: none;
		
	}
	
	.navbar-toggler{
		width: 100%;	
		height: 100px;
		background-color: #f3f3ec;
	}



	#divElementold{
		
		position: absolute;
		top: 20%;
		left: 50%;
		margin-top: -50px; 
		margin-left: -300px;
		width: 600px;
		text-align: center;
		
	}
	
	.icon {
	    
		font-size: 85px;
		
	}
	
	li {
		
		margin: 10px; 
		padding: 10px;
	}
	
	.iconcont {
		
		margin: 10px;
		
		
	}

}


@media(max-width:620px) {
	
	#divElementold{
		
		position: absolute;
		top: 20%;
		left: 50%;
		margin-top: -70px; 
		margin-left: -210px;
		width: 420px;
		text-align: center; 
		
	}
	
	.headingrubric {
		
		display: none;
		
	}
	
	.icon {
	    
		font-size: 70px;
		
	}
	
	li {
		
		margin: 0px;
		padding: 0px;
	}
	
	.iconcont {
		
		margin: 10px;
		
		
	}
	
	.instaimage {
	
		width: 122px;
		background-color: black;
	
	}

}

@media(max-width:576px) {
	
	.clivecontainer {
		
		width: 100%!important;
		
		
	}
	
	.extrainfo {
		
		margin-right: 30px;
		
	}
	
	.navbar-toggler {
		border: 0px;	
	}
	
	#divElement{
		
		margin-top: 100px;
		width: 100%;
		text-align: center;
		margin-left: 0px;
		
	}
	
	.headingrubric {
		
		display: none;
		
	}
	
	.navbar-toggler{
		width: 100%;	
		height: 100px;
		background-color: #f3f3ec;
	}
	
	.icon {
	    
		font-size: 50px;
		
	}
	
	li {
		
		margin: 5px;
		padding: 5px;
	}
	
	.iconcont {
		
		margin: 10px;
		
		
	}
	
	.instaimage {
	
		width: 142px;
		background-color: black;
	
	}

}

@media(max-width:334px) {
	
	.instaimage {
	
	width: 120px;
	background-color: black;
	
}

}

@media(max-width:293px) {
	
	.instaimage {
	
	width: 100%;
	background-color: black;
	
}

}