#da-thumbs {
list-style:none;
margin:20px auto;
padding:0;
line-height:0px;
}

#da-thumbs li {
display:inline-block;
box-shadow:0 1px 3px rgba(0,0,0,0.1);
background:none!important;
//margin:5px;
//padding:8px;
}

#da-thumbs li a,#da-thumbs li a img {
display:block;
position:relative;
}

#da-thumbs li a {
overflow:hidden;
}

#da-thumbs li a div {
position:absolute;
background:rgba(5,5,5,0.8);
width:100%;
height:100%;
}

#da-thumbs li a div span {
display:block;
text-transform:uppercase;
font-weight:700;
color:rgba(255,255,255,1);
text-shadow:1px 1px 1px rgba(0,0,0,0.2);
//border-bottom:1px solid rgba(255,255,255,0.5);
font-family: "Lato";
//box-shadow:0 1px 0 rgba(0,0,0,0.1),0 -10px 0 rgba(255,255,255,0.3);
margin:78% 40px 20px;
vertical-align:bottom;
text-align:left;
position:relative;
padding:10px 0;
}

@media only screen and ( min-width: 0px ) and ( max-width: 767px ) {
#da-thumbs li a div span {
margin:72% 5px 0px;
}
}

.waving-container {
width:100%;
position:relative;
min-height:750px;
}

.waving-container>header {
position:relative;
display:block;
text-shadow:1px 1px 1px rgba(0,0,0,0.2);
text-align:center;
margin:10px;
padding:20px 10px 10px;
}

.waving-container>header>span {
font-family:'Alegreya SC',Georgia,serif;
font-size:20px;
line-height:20px;
display:block;
font-weight:400;
font-style:italic;
color:#719dab;
text-shadow:1px 1px 1px rgba(0,0,0,0.1);
}

.waving-container>header h1 {
font-size:40px;
line-height:40px;
position:relative;
font-weight:300;
color:#498ea5;
text-shadow:1px 1px 1px rgba(255,255,255,0.7);
margin:0;
padding:5px 0;
}

.waving-container>header h1 span {
font-weight:700;
}

.waving-container>header h2 {
font-size:14px;
font-weight:300;
letter-spacing:2px;
text-transform:uppercase;
color:#6190ca;
text-shadow:1px 1px 1px rgba(255,255,255,0.7);
margin:0;
padding:15px 0 5px;
}

.waving-container>header p {
font-style:italic;
color:#aaa;
text-shadow:1px 1px 1px rgba(255,255,255,0.7);
}

.codrops-top {
line-height:24px;
font-size:11px;
background:rgba(255,255,255,0.6);
text-transform:uppercase;
z-index:9999;
position:relative;
font-family:Cambria,Georgia,serif;
box-shadow:1px 0 2px rgba(0,0,0,0.2);
}

.codrops-top a {
letter-spacing:1px;
color:#333;
display:inline-block;
padding:0 10px;
}

.codrops-top a:hover {
background:rgba(255,255,255,0.9);
}

.codrops-top span.right {
float:right;
}

.codrops-top span.right a {
float:left;
display:block;
}

.codrops-demos {
text-align:center;
display:block;
line-height:30px;
padding:5px 0;
}

.codrops-demos a {
display:inline-block;
color:#aaa;
line-height:20px;
font-size:13px;
text-shadow:1px 1px 1px #fff;
border:1px solid #ddd;
background:linear-gradient(top,#fff0,#f6f6f647%,#ededed100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed',GradientType=0);
box-shadow:0 1px 1px rgba(255,255,255,0.5);
margin:0 4px;
padding:0 6px;
}

.codrops-demos a:hover {
color:#333;
box-shadow:0 1px 1px rgba(255,255,255,0.5);
}

.codrops-demos a:active {
background:#fff;
}

.codrops-demos a.current-demo,.codrops-demos a.current-demo:hover {
background:#f6f6f6;
}

#waving-dim {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:999998;
background-color:rgba(0,0,0,0.7);
display:none;
text-align:left;
}

img.waving-close {
  position: relative;
  right:-60px;
  float:right;
  cursor:pointer;
}

/*===  1.2.2 Fixes ====*/

.waving-content h3
{
  color:white;
}

.waving-content h2
{
  color:white;
}

.waving-content h1
{
  color:white;
}

.waving-content h4
{
  color:white;
}

.waving-content h5
{
  color:white;
}

.waving-content img.multiple-borders
{
    margin: 2px 5px;
    //border: solid #FFF;
}

/* Handle mobile resolution */
@media (max-width: 400px) {
  div.waving-content h3
  {
    font-size:25px !important;
  }
  
  div.modal-waving-content
  {
    font-size:12px !important;
  }
  
  div.modal-waving-content h1
  {
    font-size:20px !important;
  }
  
  div.modal-waving-content h2
  {
    font-size:18px !important;
  }
  
  div.modal-waving-content h3
  {
    font-size:16px !important;
  }
  
  div.modal-waving-content h4
  {
    font-size:14px !important;
  }
  
}

@media (max-width: 700px) {
  span.waving-button {
    width:50% !important;
  }
}

/* New button style */

div.waving-wrap{
  text-align: right;
}


div.waving-wrap span{
    display: inline;
    list-style: none;
    margin-right: 15px;
}

span.waving-button {
	-webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	-moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	-ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	-o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	display: block;
  cursor: pointer;
//	margin: 3px auto;
//	max-width: 180px;
    background-color: rgba(255,255,255,0);
  font-size:12px; 
	text-decoration: none;
  text-transform:uppercase;
  font-weight:600;

	padding: 5px 0px;
  font-family:Lato;
  	color: black;
}

span.waving-button2 {
	color: black;
//	box-shadow: rgba(30, 22, 54, 0.4) 0 0px 0px 2px inset;
}

span.waving-button2:hover {
	color: black;
//	box-shadow: rgba(30, 22, 54, 0.7) 0 0px 0px 40px inset;
}

span.waving-button {
	color: black;
//	box-shadow: rgba(30, 22, 54, 0.4) 0 0px 0px 2px inset;
}

span.waving-button:hover {
	color: black;
//	box-shadow: rgba(30, 22, 54, 0.7) 0 80px 0px 2px inset;
 border-bottom: solid  black;
}
li.waving-item-class
{
  transition:all;
}