/* 
 Theme Name:     Serdar & Daphne
 Author:         Divi theme examples
 Author URI:     http://www.divithemeexamples.com 
 Template:       Divi
 Version:        1.0 
*/ 

/* ----------- These styles are also included in the ePanel in Divi Theme options --------------------------- */ 
/* BOUNCING MORE ICON */

.flight-table > div 
{
/*	padding-bottom: 	5px; */
}

.flight-table > div >div
{
	padding: 	5px;
	border:		 		1px solid grey;

}

.flight-table > div  div:first-of-type
{
	font-weight: 		bold;
	border-bottom: 		1px solid grey;
	border-top: 		1px solid grey;
	border:		 		1px solid grey;
	background-color: 	#E1D5CC;
	border-radius: 1px;
}

@media screen and (max-width: 900px) { .notonmobile {display: none; height:0; padding:0; margin:0;} }  
	@-webkit-keyframes bounce {
0%, 100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
}
@keyframes bounce {
0%, 100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
}
span.scroll-down.et-pb-icon { 
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

/* TOGGLE ICON */
.et_pb_toggle_open .et_pb_toggle_title:before {
transform: rotate(180deg);
content:url("http://www.luxury-phuket.com/wp-content/uploads/2015/10/toggle-goupcross.png");
transition:all 0.5s ease-in-out 0s;
}
.et_pb_toggle_title:before {
content:url("http://www.luxury-phuket.com/wp-content/uploads/2015/10/toggle-godown.png");
transition:all 0.5s ease-in-out 0s;
}

/*PERSON MODULE*/
.person-round {text-align:center;}
 .person-round img {
 max-width: 200px;
 border: 5px solid #fff;
 border-radius: 175px;
transform: rotate(-5deg);
 -webkit-filter: grayscale(70%) ;
 filter: grayscale(90%) ;
 transition: 0.5s;
 -moz-transition: 0.5s;
 -webkit-transition: 0.5s;}
 
 .person-round img:hover {
transform: rotate(0deg);
 border: 5px solid #e5e2d3;
 -webkit-filter: grayscale(0%) ;
   filter: grayscale(0%);
}

/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */