@import url(https://fonts.googleapis.com/css?family=Istok+Web);
@keyframes slidy {
0% { left: 0%; }
15% { left: 0%; }
20% { left: -100%; }
40% { left: -100%; }
45% { left: -200%; }
65% { left: -200%; }
70% { left: -300%; }
78% { left: -300%; }
87% { left: -400%; }
100% { left: -400%; }
}

* {
  box-sizing: border-box;
  height:700 px;
}
 figure { 
  margin: 0; background: #101010;
  
}
div#captioned-gallery { 
  width: 100%; overflow: hidden; 
	height:700px;
}
figure.slider_thumber { 
  position: relative; width: 500%;
  font-size: 0; animation: 30s slidy infinite; 
}
figure.slider_thumber figure { 
  width: 20%; height: auto;
  display: inline-block;  position: inherit; 
}
figure.slider_thumber img { width: 100%; height: auto; }
figure.slider_thumber figure figcaption { 
  position: absolute; bottom: 0;
  background: rgba(0,0,0,0.5);
  color: #fff; height: 100%;width:30%;
  font-family: Segoe ui;
  font-style:italic;
  font-size: 2rem; padding: .6rem; 
}

figure.slider_thumber figure figcaption2 { 
  position: absolute; bottom: 0;
  background: rgba(0,0,0,0.5);
  color: #fff; height: 100%;width:30%;
  font-family: Segoe ui;
  font-style:italic;
  font-size: 2rem; padding: .6rem; 
   right: 0;}
   
   figure.slider_thumber figure figcaption3{ 
  position: absolute; bottom:245px;
  background: rgba(0,0,0,0.5);
  color: #fff;width:24%;height:45%;
  font-family: Segoe ui;
  font-size: 2rem; padding: 2.6rem; 
  margin-left:210px;
  margin-top:51px;
  margin-bottom:-206px;
  margin-right:50px;
  border-radius:336px;
   }
   
    figure.slider_thumber figure figcaption4{ 
  position: absolute; bottom:10px;
  background: rgba(0,0,0,0.5);
  color: #fff;width:26%;height:45%;
  font-family: Segoe ui;
  font-size: 2rem; padding: 2.6rem; 
  margin-left:50px;
  margin-top:51px;
  margin-bottom:51px;
  margin-right:210px;
  border-radius:306px;
  right:0;
  
   }
   figure.slider_thumber figure figcaption5{ 
  position: absolute; bottom: 0;
  background: rgba(0,0,0,0.5);
  color: #fff; height:30%;width:30%;
  font-family:Segoe ui;
  font-size: 2rem; padding: .6rem; 
   margin-left:220px;
  margin-top:20px;
  margin-bottom:50px;
  margin-right:50px;
  text-align:justify;
  border-radius:60px;
}

figure.slider_thumber figure figcaption6 { 
  position: absolute; bottom: 0;
  background: rgba(0,0,0,0.5);
  color: #fff; height: 100%;width:100%;
  font-family:Segoe ui;
  font-size: 2rem; padding: 0.6rem; 
}
.testomo_section_meet{
position: absolute;
margin-left:auto;
margin-right:auto;
    top: 10%;
    left: 5%;
	bottom:10%;
	right:5%;
    
    padding-left: 20px;
    padding-right: 20px;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
}

 
    
	/* Three columns side by side */
.column_meet {
    float: left;
    width: 24.5%;
	border-radius:60px;
    margin: 16px 45px 16px 53px;
    padding: 0 11px;
}

/* Display the columns below each other instead of side by side on small screens */
@media screen and (max-width: 650px) {
    .column_meet {
        width: 100%;
        display: block;
    }
}

/* Add some shadows to create a card effect */
.card_meet {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
	height:450px;
	border-radius:40px;
	 background: rgba(0,0,0,0.3);
}

/* Some left and right padding inside the container */
.container_meet {
    padding: 0 16px;
}

/* Clear floats */
.container_meet::after, .row::after {
    content: "";
    clear: both;
    display: table;
}

.title_meet {
    color: white;
	font-size:15px;
	font-style:italic;
}
.cont{
margin:15px 10px 15px 10px;

}

.button {
    border: none;
    outline: 0;
    display: inline-block;
    padding: 8px;
    color: white;
    background-color: #000;
    text-align: center;
    cursor: pointer;
    width: 100%;
}

.button:hover {
    background-color: #555;
}

.design-contact{
padding-right:0px;
padding-left: 0px;
padding-top:1px;
}