#da-thumbs {

list-style:none;

margin:20px auto;

padding:0;

}



#da-thumbs li {

display:inline-block;
box-shadow:0 1px 2px rgba(0,0,0,0.3);
background:none!important;
margin:5px;
padding:5px;
color:#FFF;

}

#da-thumbs li a,#da-thumbs li a img {

display:block;

position:relative;

}



#da-thumbs li a {

overflow:hidden;

}



#da-thumbs li a div.team-desc {
position:absolute;
background:rgba(7,44,112,0.95);
width:100%;
height:100%;
-webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
	
}





#da-thumbs li a div span {

display:block;
text-transform:uppercase;
font-weight:400;
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.9);
/*margin:40px 20px 20px; */
padding:15px 0;

}
.waving-item .desc, .waving-item .team { color:#FFF !important;  height:100%; background:none;}
#da-thumbs li a div h4 { color:#f4ed39  !important; line-height:40px; border-bottom:1px solid rgba(255,255,255,0.1); }
#da-thumbs li a div span { color:#FFF !important; padding:10px !important; display:none; }
#da-thumbs li a div p { color:#FFF !important; }

#da-thumbs li a div p.icon-block i { color:#f4ed39!important;  }

.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: 5px;

    border: solid #DCDCDC;

}



/* 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:18px !important;

  }

  

  div.modal-waving-content h4

  {

    font-size:16px !important;
	color:#f4ed39;
	

  }

  

}



@media (max-width: 700px) {

  button.waving-button {

    width:50% !important;

  }

}



/* New button style */



div.waving-wrap{

  text-align: center;

}



div.waving-wrap button{

    display: inline-block;

    list-style: none;

    margin-right: 0px;

}



button.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;

	margin: 5px auto;

	max-width: 185px;

    background-color: rgba(255,255,255,0);

    border: 1px solid #072c70;

	text-decoration: none;

	border-radius: 0px;

	padding: 10px 16px;

}



button.waving-button2 {

	color:#072c70;
	font-size:14px;

}



button.waving-button2:hover {

	color: #FFF !important;
background:#072c70 !important;	

}



button.waving-button {

	color:#072c70;
	font-size:14px;

}
button.waving-button:hover {

	color: #FFF !important;
background:#072c70 !important;	

}

li.waving-item-class

{
  transition:all;
}