/*

Theme Name: Online Tourism - Ultimate

Theme Uri: http://www.onlinetourism.com.au

Author: Online Tourism

Author Uri: http://www.onlinetourism.com.au

Description: Responsive Wordpress Theme

Version: 1.0

*/



html {position: relative;}

body {color: #777777; font-size: 14px; line-height: 1.5; font-weight: 400; background-color: #222222; font-family: 'Raleway', sans-serif;}

h1,h2,h3,h4,h5,h6 { margin-top: 0; margin-bottom: 20px; font-family: 'Indie Flower', cursive; color: #000;}

h1 {
	font-family: 'Cabin Sketch', cursive; color: #000;
}

h2 {
	font-family: 'Raleway', cursive; color: #000;
}

h3 {
	font-family: 'Raleway', cursive; color: #000;
}

h4 {
	font-family: 'Indie Flower', cursive; color: #000;
}

h5 {
	font-family: 'Indie Flower', cursive; color: #000;
}

h6 {
	font-family: 'Indie Flower', cursive; color: #000;
}


h3,h4,h5 { line-height: 1.5}

p, ol, ul { margin-bottom: 20px;}

h4 { color:#54001a}

h1 { color:#c2642b}

.hmsection { padding: 40px 0 20px; background: #e1e0e3;} 

#header {background: rgba(0,0,0,0.8); position: fixed; width: 100%; top: 0; padding: 18px 0; z-index: 1000}

#booking-section { background: #d7ad6e;  color: #fff}

	#booking-section input[type="submit"] { text-transform: uppercase; font-weight: 700}

.navbar { margin-bottom: 0;}
.navbar-default .navbar-nav>li>a { color: #fff}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #d7ad6e}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.open>a { background-color: transparent !important; color: #d7ad6e !important;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>li>a:hover { background-color: transparent !important; color: #d7ad6e !important;}
.dropdown-menu>li>a { color: #fff}

.navbar-default {background-color: transparent; border-color: transparent; margin-top: 0px}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { background-color:#2c7ebf;}

.navbar-nav>li>.dropdown-menu { background:rgba(0,0,0,0.6)}

.navbar-default .navbar-nav>.active>a:hover {background-color:#2c7ebf; color:#fff}

#main-section { background: #fff; }

.pageinner .col-md-4, .pageinner .col-md-12  { padding: 40px 0 40px 20px;  }

.pageinner .col-md-8 { padding: 40px 20px 40px 30px; border-right: 1px solid #E8E8E8}


#special-offer-section h3, #special-offer-section h4 { margin-bottom: 0;}

#special-offer-section .btn { margin-top: 20px;}

#fwsection {background-color: #222222; padding:80px 0 50px}

        #fwsection h1,h3 { color: #fff}

#page-top-img { position: relative}

	#page-top-img img { display: block; width: 100%; max-width: 1920px; margin: 0 auto}

	#fwsection ul li { padding: 0;}

#footer {background-color: #2a2a2a; padding: 40px 0 40px; color:#aaaaaa;}

	#footer h4 { color: #fff}

#copyright {background-color: #000; padding: 15px 0; font-size: 13px; color:#777; }

#footer a, #copyright a { color: #aaaaaa }
#testimonial h4 { display:none}
#follow-like { background: #2c7ebf}
#follow-like a {color: #fff;}
#follow-like a:hover, #email-subscribe a:hover { text-decoration: none}
#follow-like strong { font-weight: 800; text-transform: uppercase}
#email-subscribe {background: #539243; color: #fff }
#email-subscribe small, #email-subscribe  a { color: #fff;}
#fwform {background: #cccccc}

.fsocial {font-size: 22px; }

	.fsocial li a i:hover { color: #fff}
	
/* Bounce arrow */


@-moz-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}


#slider {
	position: relative
}
#slider .bounce {
	-webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}
#slider .arrow {
	 position: absolute;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);  
    bottom: 20px;
    left: 50%;
    margin-left: -20px;
    z-index: 2;
    width: 40px;
    height: 40px;
    background-size: contain;
    -webkit-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

.carousel-fade .carousel-inner .item {	

  font-family: 'Georgia';

  opacity: 0.5;

  -webkit-transition-property: opacity;

  -moz-transition-property: opacity;

  -o-transition-property: opacity;

  transition-property: opacity; }
  
.attractions-list li { background: #f1e8d9; margin-bottom: 18px}
.attractions-list  li .attleft { margin-left: -15px;}
.attractions-list  li .attright { margin-top:15px;}
.attractions-list  li .attright h4 { margin-bottom:0px;}
.attractions-list li .attright hr { border-color: #cfcfcf}

.aligncenter, div.aligncenter {
 display: block; 
 margin: 5px auto;
}
.alignleft, div.alignleft, .attachment-index-categories, .attachment-thumbnail {
 float: left;
 margin: 5px 15px 5px 0;
}

.alignright, div.alignright {
 float: right;
 margin: 5px 0 5px 15px;
}
.alignnone {
 margin: 5px 0;
}

.videowell { padding: 10px}

.attractions-list a:hover {
	text-decoration: none
}

.btn-warning {
	background-color: #ec971f;
    border-color: #d58512;
}
.btn-warning:hover {
	background-color: #f0ad4e;
    border-color: #eea236;
}


.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}

#main-title-heading {
	background: #d7ad6e;
	padding-top: 50px;
	height: 150px;
}
	#main-title-heading  h2 {
		margin-bottom: 50px;
	}
	
.atthome .img-container {
		position: relative;
overflow:hidden
	} 
	
		.atthome .img-caption {
			position: absolute; 
			top:0;
			left: 0;
			width: 100%;
			height: 100%;
			color: #fff;
			z-index: 0;
		}
		
			.atthome .img-caption h4 {
				text-align: center;
				margin-top: 24%;
				display: block;
				color: #fff;
			}
			
				
			
				@media (max-width:768px) {
					.atthome .img-caption h1 {
						margin-top: 15%;
					}
				}
				
				@media (max-width:481px) {
					.atthome .img-caption h1 {
						margin-top: 22%;
					}
				}
				
			
				
				.atthome li {
					background: #000;
					display: block;
				}

				.home .atthome li img, .atthome li img {
						opacity: 0.5;
						-moz-transition: all 0.5s;
						  -webkit-transition: all 0.5s;
						  transition: all 0.5s;
					}
				
				@media (max-width:481px) {
						.atthome li img {
							opacity: 0.5;
						}
					 }
			
				.atthome li:hover img {
					opacity: 0.5;
					/*
transition: opacity .5s ease-out;
				    -moz-transition: opacity .5s ease-out;
				    -webkit-transition: opacity .5s ease-out;
				    -o-transition: opacity .5s ease-out;
*/
				    
				    -moz-transform: scale(1.2);
					-webkit-transform: scale(1.2);
					transform: scale(1.2);
				}
				
				.atthome li:hover h4 {
					display: block
				}
				
				@media (max-width:481px) {
						.atthome .img-caption h4{
							display: block;
						}
					 }


.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=image], .gform_wrapper .gform_footer input[type=submit] {background-color:#2c7ebf;  color:#fff; border:0; padding:7px 20px; border-radius:5px}
.gform_wrapper .gfield_captcha_input_container { margin-top:7px;}

@media only screen and (min-width : 320px) and (max-width : 480px) {
.center-cropped {height:100px}}
.tp-caption a {
  color: #fff !important;
}
.Big-Scribble {
        font-weight: 900 !important;
  text-shadow: 2px 3px 1px rgba(0, 0, 0, 0.8888);
}
.img-thumbnail:hover { opacity:0.5666}
.navbar-nav { margin-top:25px}

@media (max-width:768px) {
 .sps-img {
 background:none !important;
height:auto !important;
}}
.navbar-default .navbar-nav>li.menu-item-1064>a { padding-top:7px}