/*!

 * Bokeh Template (http://themeforest.net/users/imangm)

 * Copyright 2014 ImanGM

 */

 

/*-------------------------------------------------

 =  Table of Css



 1. Base Elements

 2. Body

 3. Header

 4. Navigation

 5. Page Banner Profile Bar

 6. Breadcrumb

 7. Page Content

 8. Typography

 9. Blog Author Box

 10. Related Posts

 11. Blog Comments

 12. Tooltip & PopOver

 13. Footer

 14. Sidebar

 15. Search Widget

 16. Recent Posts

 17. Tag Cloud Widget

 18. Blog Grid

 19. Blog List

 20. Contact Page

 21. Iconned Lists

 22. Contact Form

 23. Portfolio Single

 24. Related Portfolio

 25. OWL Slider

 25.1 OWL - Image Slider

 26. Isotope

 27. Services

 28. Steps

 29. Image Boxes

 30. Team Members

 31. Testimonials

 32. Clients

 33. Off Canvas Menu

 34. 3d Menu

 35. Post Slider

 36. Full Width Image

 37. Back to Top

 38. Button

 39. Google Search

 40. Ad Banner 300 x 250

 41. Tabs

 42. Filter / Galleries Page

 43. Gallery Lightbox

 44. Profile Bar

 45. Holiday

 46. Lodges



-------------------------------------------------*/



/*-------------------------------------------------------*/

/* 1. Base Elements

/*-------------------------------------------------------*/



.container {

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;

}



h1, 

h2, 

h3, 

h4, 

h5, 

h6, 

.h1, 

.h2, 

.h3, 

.h4, 

.h5, 

.h6 {

	font-weight: bold;

}



div, 

p, 

a {

	color: #eeeeee;

}



.cursorPointer:hover {

    color:white !important;

}



a:hover {

	color: #ff9900 !important;

	text-decoration:none;

}



blockquote {

	border-left: 0;

	margin: 30px 50px 50px;

	font-style: italic;

}



blockquote:before {

	position: absolute;

	left: 48px;

	content: "\f10d";

	font-size: 24px;

	font-family: 'fontawesome';

	font-style: normal;

}



blockquote:after {

	position: absolute;

	right: 48px;

	content: "\f10e";

	font-size: 24px;

	font-family: 'fontawesome';

	font-style: normal;

}



.videoplay iframe {

	border: 0;

}



.rightcol {

	width:30% !important;

	float:left;

}



.leftcol {

	width:70% !important;

	float:left;

}



.left {

	float:left;

	width:100%;

}



.right {

	float:right;

}



/*-------------------------------------------------------*/

/* 2. Body

/*-------------------------------------------------------*/

 

body { 

	padding-top: 120px;

	font-family: "Open Sans", "Roboto Slab", "Noto Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;

	background: url('../images/bg-hd.jpg');

	background-repeat: no-repeat;

	background-attachment: fixed;

	background-size: cover;

}



body:after {

	position: fixed;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: -1;

	background-color: rgba(0,0,0,0.3);

	/* background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAEklEQVQIW2NkQIB6RnROPUwAABlDAYFEBeIlAAAAAElFTkSuQmCC') repeat; */

	background-attachment: fixed;

	content: "";

}



/* sticky footer */

body > .container {

	padding-bottom: 50px;

}



/************************************************************************************/



.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {

	margin-left: 0;

}



.navbar-brand img {

	padding-top: 5px;

	padding-bottom: 5px;

	width: 160px;

	margin-top: -5px;

}



/*-------------------------------------------------------*/

/* 3. Header

/*-------------------------------------------------------*/



header .navbar-inverse {

	margin-top: 0;

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;	

}



header.active .navbar-inverse {

	margin-top: 0;

	min-height: 70px;

	background-color: #000;

	background-color: #000;		

}



header.active .navbar-right li {

	padding-top: 10px;

	padding-bottom: 0;

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;		

}



header.active .navbar-brand {

	padding-top: 10px;

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;			

}



header.active .navbar-toggle, 

header.active .navbar-inverse .navbar-toggle:focus {

	margin-top: 10px;

	margin-bottom: 10px;

}



header.active nav#main-menu {

	margin-top: 10px;

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;

}



/*-------------------------------------------------------*/

/* 4. Navigation

/*-------------------------------------------------------*/



.navbar-toggle, 

.navbar-inverse .navbar-toggle:focus {

	width: 50px;

	height: 50px;

	margin: 20px 15px 0 0;

	padding: 0;

	text-align: center;

	border: 0;

	border-radius: 0;

	background-color: #000;

	background-color: rgba(0,0,0,0.5);

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;		

}



.navbar-inverse .navbar-toggle:hover {

	color: #fff;

	background-color:  #ff9900;

	background-color:  rgba(255,153,0,0.7);

}



.navbar-toggle  i {

	color: #f1f1f1;

	font-size: 24px;

}



.collapse.in, 

.collapsing {

	display: inline-block;

	/*position: absolute;*/

	top: 0;

	right: 70px;

}



.navbar-inverse .navbar-collapse, 

.navbar-inverse .navbar-form {

	border: 0;

	-webkit-box-shadow: none;

	box-shadow: none;

}



.navbar-inverse {

	background-color: transparent;

	border-color: transparent;

}



.navbar-brand {

	padding-top: 0;

	margin-right: 0px; /*50px*/

}



.navbar-right li {

	display: inline-block;

	padding-top: 0;

	padding-bottom: 10px;	

}



.navbar-right li a {

	display: inline-block;

	width: 50px;

	height: 50px;

	font-size: 24px;

	line-height: 50px;

	text-align: center;

	color: #f1f1f1;

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;	

}



.navbar-right li a:hover {

	color: #fff !important;

	background-color:  #ff9900;

	background-color:  rgba(255,153,0,1);

}





/*-------------------------------------------------------*/

/* 5. Page Banner Profile Bar

/*-------------------------------------------------------*/

#page-banner {

	height: 50px;

	background: #000000;

	background: rgba(0,0,0,0.2);

}



#page-banner h2 {

	display: inline-block;

	float: left;

	padding-left: 30px;

	padding-right: 30px;

	margin: 0;

	font-size: 16px;

	font-weight: normal;

	line-height: 50px;

	color: #f1f1f1;

}



.profilebar {

	min-height: 40px;

	background: #000000;

	background: rgba(0,0,0,0.2);

	padding:10px 20px;

	margin-bottom:10px;

	float:left;

	width:100%;

}



.profile-username {

	font-size:12px;

	font-weight:bold;

	color:#fff;

	float:left;

	margin-right:20px;

}



.profilelinks {

	font-size:12px;

	color:#fff;	

}



.livedrive {

	color:#ff9900 !important;

	font-size:12px;

	float:right;

}



	

/*-------------------------------------------------------*/

/* 6. BreadCrumb

/*-------------------------------------------------------*/



.breadcrumb {

	float: right;

	background: none;

	line-height: 50px;

	padding: 0 30px 0;

	margin: 0;

}



.breadcrumb a, 

.breadcrumb > .active {

	color: #f1f1f1;

	font-size: 13px;

}



/*-------------------------------------------------------*/

/* 7. Page Content Area

/*-------------------------------------------------------*/



body.onepage-home #ajax-loader h1 {

	margin-top: 80px;

}



#content-inner {

	padding: 30px;

	min-height: 300px;

	background: rgba(0,0,0,0.5);

}



#formcontainer {

	padding: 20px;

	min-height: 300px;

	background: rgba(191,156,118,0.8);

	border-radius: 5px;

}





/*-------------------------------------------------------*/

/* 8. Typography

/*-------------------------------------------------------*/



div.divider {

	border-bottom: 1px solid #666;

	margin: 30px auto 60px;

	max-width: 600px;

}



div.spacer {

	margin-bottom: 40px;

}



div.spacer.small {

	margin-bottom: 20px;

}



div.spacer.large {

	margin-bottom: 80px;

}



h4.underlined {

	clear: both;

	margin-top: 0;

	padding-bottom: 25px;

	margin-bottom: 30px;

	text-align: left;

	color: #ffffff;

	font-size: 24px;

	border-bottom: 2px solid #ff9900;

	display: inline-block;

}



h1.main-title {

	clear: both;

	width: 100%;

	margin-top: 50px;

	margin-bottom: 50px;

	text-align: center;

	font-size: 36px;

	text-transform: uppercase;

	letter-spacing: 5px;

	color: #ffffff;

}



h2.main-title {

	clear: both;

	width: 100%;

	margin-top: 50px;

	margin-bottom: 50px;

	text-align: center;

	font-size: 28px;

	text-transform: uppercase;

	letter-spacing: 4px;

	color: #ffffff;

}



h4.page-titles {

	clear: both;

	margin-top: 0;

	/*margin-bottom: 50px;*/

	text-align: center;

	color: #ffffff;

	font-size: 22px;

}



.main-title:after, 

.page-titles:after {

	content: "";

	width: 200px;

	border-bottom: 2px solid #ff9900;

	display: block;

	margin: auto;

	margin-top: 25px;

}



.excerpt {

	text-align: center;

	margin-bottom: 50px;

}



.featured-image {

	margin-left: -30px;

	margin-right: -30px;

}



.featured-image img {

	width: 100%;

	height: auto;

}



.blog-details {

	text-align: center;

}



.blog-details .blog-date {

	display: inline-block;

	margin-bottom: 30px;

	padding-right: 20px;

	padding-left: 20px;

	height: 50px;

	line-height: 50px;

	letter-spacing: 2px;

	background-color: #ff9900;

	background-color: rgba(255,153,0,0.7);

	color: #eeeeee;

}



.blog-details .blog-info {

	font-size: 12px;

	margin-bottom: 30px;

	color: #eeeeee;

}



.blog-details i.divider {

	font-style: normal;

	margin-left: 5px;

	margin-right: 5px;

}



.blog-content {

	margin-bottom: 40px;

}



.blog-content:after {

	content: "";

	width: 200px;

	border-bottom: 2px solid #ff9900;

	display: block;

	margin: auto;

	margin-top: 30px;

}



.blog-more {

	display: block;

	margin-bottom: 40px;

	width: 100%;

	text-align: center;

	clear: both;

}



.blog-more h5 {

	display: inline-block;

	margin-top: 0;

	margin-bottom: 10px;

	font-size: 13px;

	font-weight: bold;

	color: #eeeeee;

}



.blog-more .share-items {

	margin: 0 0 40px 0;

	padding: 0;

}



.blog-more .share-items li {

	display: inline-block;

	margin-left: 2px;

	margin-right: 2px;

	list-style: none;

	font-size: 24px;

}



.blog-more .share-items a {

	color: #cccccc;

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;	

}





.blog-more .share-items a:hover {

	color: #ffffff;

}



.blog-more .blog-tags {

	font-size: 13px;

	color: #eeeeee;

}



.blog-more .blog-tags a {

	color: #eeeeee;

}



.blog-more .blog-tags a:hover {

	color: #ffffff;

}



/*-------------------------------------------------------*/

/* 9. Blog Author Box

/*-------------------------------------------------------*/



.author-box {

	padding: 20px;

	margin-bottom: 80px;

	background-color: #ff9900;

	background-color: rgba(255,153,0,0.7); 

}

.author-box img {

	float: left;

}



.author-box .author-name {

	display: inline-block;

	margin-bottom: 10px;

	font-size: 16px;

	color: #eeeeee;

}



.author-box .author-name a {

	text-decoration: none;

	font-weight: bold;

	color: #ffffff;

}



.author-box .author-content {

	margin-left: 120px;

}



.author-box .author-content p {

	color: #cccccc;

}



.author-box .author-social {

	padding: 0;

	list-style: none;

	width: 100%;

	display: inline-block;

	margin-top: 15px;

	margin-bottom: 0;

}



.author-box .author-social a {

	color: #cccccc;

	text-decoration: none;

}



.author-box .author-social a:hover {

	color: #ffffff;

}



.author-box .author-social li {

	display: inline-block;

	margin-right: 20px;

	font-size: 12px;

	text-transform: uppercase;

}



.author-box .author-social i {

	margin-right: 5px;

}





/*-------------------------------------------------------*/

/* 10. Related Posts

/*-------------------------------------------------------*/



.blog-related-posts {

	margin-bottom: 80px;

}



.blog-related-posts img{

	width: 100%;

	height: auto;

}



.related-post-item {

	margin-left: -15px;

	margin-right: -15px;

}



.related-post-item .post-info-hover {

	opacity: 0;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	padding-left: 45px;

	padding-right: 45px;

	text-align: center;

}



.post-info-overlay {

	opacity: 0;

	position: absolute;

	height: 100%;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-color: #000000;

	background-color: rgba(0,0,0,0.7);	

}



.related-post-item .post-info-hover,

.post-info-overlay,

.related-post-item .post-info-hover h3,

.related-post-item .post-info-hover div,

.related-post-item .post-info-hover a.read-more {

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;	

}



.related-post-item .post-info-hover h3 {

	position: absolute;

	width: 100%;

	margin: 0;

	padding-left: 30px;

	padding-right: 30px;

	top: 0;

	left: 0;

	font-size: 18px;

	text-align: center;

	color: #eeeeee;

}



.related-post-item .post-info-hover a.read-more {

	position: absolute;

	left: 40%;

	top: 43%;

}



.related-post-item .post-info-hover a.read-more i {

	font-size: 30px;

}



.related-post-item .post-info-hover > div {

	position: absolute;

	width: 100%;

	padding-left: 30px;

	padding-right: 30px;

	left: 0;

	bottom: 0;

	font-size: 13px;

	text-align: center;

}



.related-post-item:hover .post-info-hover h3 {

	top: 25px;

}



.related-post-item:hover .post-info-hover a.read-more {

	left: 45%;

	left: calc(50% - 12px);

	color: #eeeeee;

}



.related-post-item .post-info-hover a.read-more:hover {

	color: #ffffff;

}



.related-post-item:hover .post-info-hover > div {

	bottom: 25px;

}



.related-post-item:hover .post-info-hover, 

.related-post-item:hover .post-info-overlay  {

	opacity: 1;

}



.related-post-date,

.related-post-author {

	color: #eeeeee;

}





/*-------------------------------------------------------*/

/* 11. Blog Comments

/*-------------------------------------------------------*/



.blog-comments-area {

}



ol.comments,

ol.comments ol.children,

ol.comments > li,

ol.comments ol.children > li {

	list-style: none;

	margin: 0;

	padding: 0;

}



ol.comments ol.children {

	margin-left: 70px;

}



ol.comments {

	margin-bottom: 50px;

}



.comment-box {

	margin-bottom: 1px;

	background: #000000;

	background: rgba(0,0,0,0.3);

	padding: 30px;

	position: relative;

}



.bypostauthor .comment-box {

	background-color: #ff9900;

	background-color: rgba(255,153,0,0.7);

}



.comment-box .comment-content > h4 {

	margin-top: 0;

	color: #eeeeee;

}



.comment-box  img {

	float: left;

	width: 70px;

	height: 70px;

}



.comment-box .comment-content {

	margin-left: 95px;

}



.comment-box .comment-content p {

	color: #cccccc;

}



.comment-box .comment-info {

	position: absolute;

	right: 30px;

	top: 30px;

	font-size: 12px;

	text-transform: uppercase;

	color: #cccccc;

}



.comment-box .comment-info .comment-reply {

	text-decoration: none;

	color: #cccccc;

}



.comment-box .comment-info .comment-reply:hover {

	color: #ffffff;

}



.comment-box i.divider {

	font-style: normal;

	margin-left: 5px;

	margin-right: 5px;

}





#respond input,

#respond textarea {

	background-color: #000000;

	background-color: rgba(255,255,255,0.2);

	color: #ffffff;

	border: 0;

}



#respond input {

	height: 50px;

}



#respond textarea {

	height: 190px;

}



#respond input, 

#respond textarea {

	width: 100%;

	padding: 20px;

	margin-bottom: 20px;

	outline-color: #ff9900;

}



#respond input[type="submit"] {

	background-color: #ff9900;

	background-color: rgba(255,153,0,0.7);

	width: auto;

	float: right;

	padding: 0 25px;

	line-height: 50px;

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;		

}



#respond input[type="submit"]:hover {

	background-color: #ff9900;

}



#respond h3#reply-title {

	clear: both;

	margin-top: 0;

	padding-bottom: 25px;

	margin-bottom: 30px;

	text-align: left;

	color: #ffffff;

	font-size: 22px;

	border-bottom: 2px solid #ff9900;

	display: inline-block;

}



/*-------------------------------------------------------*/

/* 12. ToolTip

/*-------------------------------------------------------*/



.tooltip.top .tooltip-arrow {

	border-top-color: #ff9900;

}



.tooltip.bottom .tooltip-arrow {

	border-bottom-color: #ff9900;

}



.tooltip-inner {

	background-color: #ff9900;

}



.tooltip {

	font-size: 13px;

}



.popover.fade.left {

	margin-top: -5px;

}



/*-------------------------------------------------------*/

/* 13. Footer

/*-------------------------------------------------------*/



/*-------------------------------------------------------*/

/* 13. Footer

/*-------------------------------------------------------*/



.footer {

	margin-top: 10px;

	min-height: 50px;

	height: auto;

	border-color: #080808;

	bottom: 0;

	width: 100%;	

	z-index: 10;

	background-color:#783f04;

    position:relative;

}



.footer .footer-logo {

	float: left;

	overflow: hidden;

	margin: 0;

	padding-right: 30px;

	font-size: 18px;

	line-height: 50px;

	font-weight: bold;

	text-transform: uppercase;

	color: #fff;

	padding-top:10px;

	padding-bottom:10px;

}



.footer .footer-copyright {

	float: left;

	padding-left: 30px;

	padding-right: 30px;

	line-height: 50px;

}



.footer .footer-copyright  p {

	color: #f1f1f1;

	margin: 0;

}



.footer .socialengine {

	float:right;

}



.sitemap {

	margin-top: 10px;

	min-height: 50px;

	height: auto;

	bottom: 0;

	width: 100%;	

	z-index: 10;

}



.sitemap .footer-social {

	float: right;

	list-style: none;

	margin: 0;

	padding: 0;

}



.sitemap .footer-social li {

	display: inline;

}



.sitemap .footer-social li a {

	display: inline-block;

	width: 50px;

	text-align: center;

	color: #f1f1f1;

	font-size: 18px;

	line-height: 50px;

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;

}







.sitemap .footer-social li a:hover {

	background-color: #ff9900;

	background-color: rgba(255,153,0,0.5);

	color:#fff !important;

}



.sitemap .footer-links {

	float: left;

	list-style: none;

	margin: 0;

	padding: 0;

}



.sitemap ..footer-links li {

	display: inline;

}



.sitemap .footer-links li a {

	display: inline-block;

	width: auto;

	text-align: center;

	color: #f1f1f1;

	font-size: 14px;

	line-height: 26px;

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;

	padding-left:10px;

	padding-right:10px;

}



.sitemap .footer-links li a:hover {

	background-color: #ff9900;

	background-color: rgba(255,153,0,0.5);

	text-decoration:none;

	color:#fff !important;

}



.sitemap .footer-copyright {

	float: left;

	padding-left: 30px;

	padding-right: 30px;

	line-height: 50px;

}



.sitemap .footer-copyright  p {

	color: #f1f1f1;

	margin: 0;

}



.appstore {

	float:right;

	height:50px;

}



.appstore img {

	padding-top:5px;

	padding-right:10px;

	float:right;

}



.subscribe {

	margin-left:0px;

}



.sitemap-item {

	padding-right: 0px !important;

	padding-left: 0px !important;

	margin-bottom:20px;

	width:33.3%;

	float:left;

}



/*-------------------------------------------------------*/

/* 14. Sidebar

/*-------------------------------------------------------*/



#sidebar-area {

/* 	background-color: #ff9900;

	background-color: rgba(255,153,0,0.3); */

	min-height: 500px;

	margin-right: -30px;

	margin-top: 0px;

	margin-bottom: -30px;

	padding: 1px 30px 10px;

}



#sidebar-area .widget {

	margin: 20px auto 30px;

}



#sidebar-area .widget > h4 {

	clear: both;

	margin-top: 0;

	padding-bottom: 15px;

	margin-bottom: 15px;

	text-align: left;

	color: #ffffff;

	font-size: 18px;

	border-bottom: 2px solid #ff9900;

	display: inline-block;

}



/*-------------------------------------------------------*/

/* 15. Search Widget

/*-------------------------------------------------------*/



.sidebar-searchbox {

	position: relative;

}



.sidebar-searchbox input {

	width: 100%;

	height: 50px;

	margin: 10px auto;

	padding-left: 20px;

	padding-right: 40px;



	background-color: #000000;

	background-color: rgba(255,255,255,0.2);

	color: #ffffff;

	border: 0;



	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;	

}



.sidebar-searchbox input:focus, 

.sidebar-searchbox input:hover {

	outline-color: #ff9900;

}



.sidebar-searchbox:after {

	position: absolute;

	top: 20px;

	right: 15px;

	margin-left: 5px;

	font-family: 'FontAwesome';

	font-size: 20px;

	color: #999;

	content: '\f002';

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;	

}



.sidebar-searchbox:hover:after {

	color: #ffffff;

}





/*-------------------------------------------------------*/

/* 16. Recent Posts Widget

/*-------------------------------------------------------*/



.widget .recent-posts h4.media-heading{

	font-size: 14px;

	line-height: 18px;

	

}



.widget .recent-posts {

	border-bottom:1px solid #2A1403;

	padding-bottom:15px;

}





.widget .recent-posts .media-object {

	box-shadow: #000 0em 0em 0em;

	nowhitespace: afterproperty;

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;

	

}



.widget .recent-posts .media-object:hover {

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

	transform: scale(1.1);

	-webkit-backface-visibility: hidden;

}



.widget .recent-posts aside {

	font-size: 12px;

}





/*-------------------------------------------------------*/

/* 17. Tag Cloud Widget

/*-------------------------------------------------------*/



.tagcloud {

	margin-top: 15px;

}



.tagcloud a {

	display: inline-block;

	padding: 6px 10px;

	margin-right: 6px;

	margin-bottom: 10px;

	color: #999;

	font-size: 13px;

	background-color: #000;

	background-color: rgba(0,0,0,0.5);

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;		

}



.tagcloud a:hover {

	text-decoration: none;

	color: #fff;

	background-color:  rgba(255,153,0,0.5);

}





/*-------------------------------------------------------*/

/* 18. Blog Grid

/*-------------------------------------------------------*/



.blog-grid img {

	width: 100%;

	height: auto;

}



.blog-grid-item {

	background: #783f04;

	background: rgba(120,65,4,0.3);

	overflow: hidden;

	margin-bottom: 30px;

}



.gridplayicon {

	margin: 0px;

	top: 20%;

	left: 45%;

	font-size: 36px;

	text-align: center;

	position: absolute;

	cursor:pointer;

	padding-left:0;

	padding-right:0;

	

}



.blog-grid-item .img-link img,

.blog-list-post .img-link img {

	box-shadow: #000 0em 0em 0em;

	nowhitespace: afterproperty;

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;

}



.blog-grid-item .img-link img:hover,

.blog-list-post .img-link img:hover {

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

	transform: scale(1.1);

	-webkit-backface-visibility: hidden;

}



.blog-grid-content {

	padding: 20px 0 20px 20px;

	min-height: 160px;

    overflow: hidden;

}



.blog-grid-item .blog-grid-content h3 {

	clear: both;

	margin-top: 0;

	padding-bottom: 15px;

	margin-bottom: 20px;

	text-align: left;

	font-size: 18px;

	border-bottom: 2px solid #ff9900;

	display: inline-block;

}



.blog-grid-content p {

	color: #eeeeee;

}



.blog-grid-item .blog-grid-content h3 a {

	text-decoration: none;

	color: #ffffff;

}



.blog-grid-controls {

    float: right; 

	width: 36px;

	margin-left: 30px;

	margin-top: 10px;

}

 

.blog-grid-controls a {

	display: block;

	width: 36px;

	height: 36px;

	margin-bottom: 10px;

	font-size: 24px;

	text-align: center;

	line-height: 36px;

	background: #783f04;

	color: #eeeeee;

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;	

}



.blog-grid-controls a:hover {

	background-color: #ff9900;

	background-color:  rgba(255,153,0,0.7);

	color: #ffffff;

}





/*-------------------------------------------------------*/

/* 19. Blog List

/*-------------------------------------------------------*/



.blog-list-post {

	background: #000000;

	background: rgba(0,0,0,0.3);

	padding: 0 0 10px;

	margin-bottom: 50px;

}



.blog-list-featured-image {

	overflow: hidden;

    position:relative;

}



.blog-list-featured-image img {

	width: 100%;

}



.blog-list-content {

	padding: 10px 20px;

}



.blog-list-content > h2 {

	clear: both;

	margin-top: 0;

	margin-bottom: 30px;

	text-align: center;

	color: #ffffff;

	font-size: 36px;

	letter-spacing: 3px;

}



.blog-list-content > h2:after {

	content: "";

	width: 200px;

	border-bottom: 2px solid #ff9900;

	display: block;

	margin: auto;

	margin-top: 25px;

}



.col-md-5 .blog-list-content {

	padding: 0 30px;

}



.col-md-5 .blog-list-content > h2 {

	font-size: 24px;

	letter-spacing: 1px;

}



.blog-list-title a {

	text-decoration: none;

	color: #eeeeee;

}



/*.blog-list-title a:hover {

	color: #ffffff;

}*/



.blog-list-excerpt {

	margin-bottom: 30px;

	color: #eeeeee;

}





/*-------------------------------------------------------*/

/* 20. Contact Page

/*-------------------------------------------------------*/



.contact-map {

	margin-left: -30px;

	margin-right: -30px;

	/*margin-bottom: 80px;*/

}



.contact-map #map_canvas{

	width: 100%;

	height: 380px;

}



#map-content h3 {

	font-size: 24px;

	color: #ff9900;

}



#map-content h3 {

	clear: both;

	margin-top: 10px;

	margin-bottom: 20px;

	text-align: center;

	color: #333333;

	font-size: 24px;

	letter-spacing: 2px;

}



#map-content h3:after {

	content: "";

	width: 200px;

	border-bottom: 2px solid #ff9900;

	display: block;

	margin: auto;

	margin-top: 15px;

}



#map-content p {

	color: #333333;

}



/*-------------------------------------------------------*/

/* 21. Iconned Lists

/*-------------------------------------------------------*/



ul.iconned-list {

	margin: 0;

	padding: 0;

}



ul.iconned-list li {

	list-style: none;

	margin-left: 35px;

	margin-bottom: 20px;

	color: #eeeeee;

}



ul.iconned-list li i {

	width: 22px;

	text-align: center;

	left: 15px;

	position: absolute;

	color: #ff9900;

	margin-right: 15px;

	font-size: 22px;

}



/*-------------------------------------------------------*/

/* 22. Contact Form

/*-------------------------------------------------------*/



.wpcf7 input,

.wpcf7 textarea {

	background-color: #000000;

	background-color: rgba(255,255,255,0.2);

	color: #ffffff;

	border: 0;

}



.wpcf7 input {

	height: 50px;

}



.wpcf7 textarea {

	height: 190px;

}



.wpcf7 input, .wpcf7 textarea {

	width: 100%;

	padding: 20px;

	margin-bottom: 20px;

	outline-color: #ff9900;

}



.wpcf7 input[type="submit"] {

	background-color: #ff9900;

	background-color: rgba(255,153,0,0.7);

	width: auto;

	float: right;

	padding: 0 25px;

	line-height: 50px;

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;		

}



.wpcf7 input[type="submit"]:hover {

	background-color: #ff9900;

}



/*-------------------------------------------------------*/

/* 23. Portfolio Single

/*-------------------------------------------------------*/



.portfolio-featured-image {

	margin-left: -30px;

	margin-right: -30px;

	margin-bottom: 80px;

}



.portfolio-featured-image img {

	/*width: 100%;

	height: auto; */

}





/*-------------------------------------------------------*/

/* 24. Related Portfolio

/*-------------------------------------------------------*/



.portfolio-related-posts {

	margin-bottom: 50px;

	margin-left: -30px;

	margin-right: -30px;	

}



.related-portfolio-item {

	overflow: hidden;

}



.portfolio-related-posts img{

	width: 100%;

	height: auto;

}



.portfolio-info-overlay {

	opacity: 0;

	position: absolute;

	height: 100%;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-color:  #ff9900;

	background-color:  rgba(255,153,0,0.7);

}



.related-portfolio-item:hover .portfolio-info-hover, 

.related-portfolio-item:hover .portfolio-info-overlay {

	opacity: 1;

}



.related-portfolio-item .portfolio-info-hover, 

.portfolio-info-overlay, 

.related-portfolio-item .portfolio-info-hover h3, 

.related-portfolio-item .portfolio-info-hover .related-portfolio-icon, 

.related-portfolio-item .portfolio-info-hover a.read-more,

.related-portfolio-item .portfolio-info-hover .related-portfolio-categories {

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;

}



.related-portfolio-item .portfolio-info-hover {

	opacity: 0;

	position: absolute;

	top: 50%;

	margin-top: -125px;

	left: 0;

	width: 100%;

	/* height: 100%; */

	padding-left: 30px;

	padding-right: 30px;

	text-align: center;

}



.related-portfolio-item .portfolio-info-hover h3 {

	width: 100%;

	margin: 0;

	font-size: 20px;

	line-height: 1.3;

	text-align: center;

	padding-top: 80px;

	color: #eeeeee;

}



.related-portfolio-item:hover .portfolio-info-hover h3 {

	padding-top: 110px;

}



.related-portfolio-item .related-portfolio-icon {

	position: absolute;

	width: 100%;

	margin: 0;

	padding-left: 30px;

	padding-right: 30px;

	top: 0;

	left: 0;

	font-size: 48px;

	text-align: center;

}



.related-portfolio-item:hover .portfolio-info-hover .related-portfolio-icon {

	top: 25px;

	color: #eeeeee;

}



.related-portfolio-item .portfolio-info-hover a.read-more i {

	font-size: 30px;

}



.related-portfolio-item .portfolio-info-hover a.read-more {

	position: absolute;

	width: 100%;

	margin: 0;

	padding-top: 100px;

	padding-left: 30px;

	padding-right: 30px;

	/* bottom: 0; */

	left: 0;

	font-size: 30px;

	text-align: center;

	color: #eeeeee;

}



.related-portfolio-item:hover .portfolio-info-hover a.read-more {

	/* bottom: 25px; */

	padding-top: 15px;

	color: #ffffff;

}



.related-portfolio-item .related-portfolio-categories {

	width: 100%;

	margin: 0;

	font-size: 14px;

	text-align: center;

	padding-top: 0;

}



.related-portfolio-item:hover .related-portfolio-categories {

	padding-top: 10px;

	color: #eeeeee;

}



.related-portfolio-item a img {

	box-shadow: #000 0em 0em 0em;

	nowhitespace: afterproperty;

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;

}



.related-portfolio-item:hover a img {

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

	transform: scale(1.1);

	-webkit-backface-visibility: hidden;	

}





/*-------------------------------------------------------*/

/* 25. OWL Slider

/*-------------------------------------------------------*/



.owl-theme .owl-controls {

	margin-top: 30px;

}



.owl-theme .owl-controls .owl-nav div {

	position: relative;

	display: inline-block;

	margin: 5px;

	width: 50px;

	height: 50px;

	color: rgba(255,255,255,0.7);

	background-color: #ff9900;

	background-color: rgba(255,153,0,0.3);

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	-o-border-radius: 0;

	border-radius: 0;

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;

}





.owl-theme .owl-controls .owl-nav div:hover {

	color: rgba(255,255,255,1);

	background-color: rgba(255,153,0,1);

}

	

.owl-theme .owl-controls .owl-nav div:before {

	height: 50px;

	line-height: 50px;

	top: 0;

	left: 50%;

	margin-left: -4px;

	position: absolute;

	font-size: 24px;

	font-family: 'fontawesome';

	font-style: normal;		

}



.owl-theme .owl-controls .owl-nav .owl-prev:before {

	content: "\f104";

}



.owl-theme .owl-controls .owl-nav .owl-next:before {

	content: "\f105";

}





.owl-theme .owl-dots {	

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;	

}



.owl-theme .owl-dot {	

	display: inline-block;

	width: 12px;

	height: 12px;

	background: rgba(255,255,255,0.3);

	margin-left: 5px;

	margin-right: 5px;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-o-border-radius: 50%;

	border-radius: 50%;

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;	

}



.owl-theme .owl-dot:hover,	

.owl-theme .owl-dot.active {	

	background: rgba(255,255,255,1);

}



/*-------------------------------------------------------*/

/* 25.1 OWL - Image Slider

/*-------------------------------------------------------*/



.slider-container {

	clear: both;

	margin-left: -30px;

	margin-right: -30px;

}



.slider-container .owl-theme .owl-controls {

	margin-top: 0;

}



.slider-container .owl-theme .owl-nav div {

	position: absolute;

	opacity: 0;

	width: auto;

	height: auto;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	-o-border-radius: 0;

	border-radius: 0;

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;

	color: rgba(255,255,255,0.3);

	background: transparent;

}



.slider-container .owl-theme .owl-nav .owl-prev {

	top: 50%;

	left: 0;

	margin-top: -15px;

	margin-left: 0;

}



.slider-container .owl-theme .owl-nav .owl-next {

	top: 50%;

	right: 0;

	margin-top: -20px;

	margin-right: 0;

}



.slider-container:hover .owl-theme .owl-nav div {

	opacity: 1;

}



.slider-container:hover .owl-theme .owl-nav .owl-prev {

	margin-left: 25px;

}



.slider-container:hover .owl-theme .owl-nav .owl-next {

	margin-right: 25px;

}



.slider-container .owl-theme .owl-nav div:hover {

	color: #ffffff;

}



.slider-container .owl-theme .owl-nav div:before {

	top: 0;

	left: 50%;

	margin-left: -11px;

	position: absolute;

	font-size: 30px;

	font-family: 'fontawesome';

	font-style: normal;		

}



.slider-container .owl-theme .owl-nav .owl-prev:before {

	content: "\f053";

}



.slider-container .owl-theme .owl-nav .owl-next:before {

	content: "\f054";

}



.slider-container .owl-theme .owl-dots {	

	position: absolute;

	bottom: 0;

	left: 50%;

	margin-left: -30px;

	opacity: 0;

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;	

}



.slider-container:hover .owl-theme .owl-dots {

	opacity: 1;

	bottom: 15px;

}



.slider-container .owl-theme .owl-dot {	

	display: inline-block;

	width: 12px;

	height: 12px;

	background: rgba(255,255,255,0.3);

	margin-left: 5px;

	margin-right: 5px;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-o-border-radius: 50%;

	border-radius: 50%;

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;	

}



.slider-container .owl-theme .owl-dot:hover,	

.slider-container .owl-theme .owl-dot.active {	

	background: rgba(255,255,255,1);

}



.portfolio-featured-gallery {

	margin-bottom: 80px;

}



/*-------------------------------------------------------*/

/* 26. Isotope

/*-------------------------------------------------------*/



.portfolio-filterable {

	/* margin-bottom: 50px; */

	margin-left: -30px;

	margin-right: -30px;

	clear: both;

}



.portfolio-filterable img{

	width: 100%;

	height: auto;

}



.isotope .isotope-item { 

	width: 25%; 

}



.isotope .isotope-item.w2 { 

	width: 50%; 

}



.isotope-item {

    z-index: 2;

}



.isotope-hidden.isotope-item {

    pointer-events: none;

    z-index: 1;

}



.isotope, .isotope .isotope-item {/* change duration value to whatever you like */

    -webkit-transition-duration: 1.0s;

    -moz-transition-duration: 1.0s;

    transition-duration: 1.0s;

}



.isotope {

	display: none;

    -webkit-transition-property: height, width;

    -moz-transition-property: height, width;

    transition-property: height, width;

}



.isotope .isotope-item {

    -webkit-transition-property: -webkit-transform, opacity;

    -moz-transition-property:-moz-transform, opacity;

    transition-property:transform, opacity;

}



ul.filter {

	display: inline-block;

	width: 100%;

	margin-bottom: 40px;

	padding: 0;

	text-align: center;

}



ul.filter li {

	display: inline-block;

}



ul.filter li a {

	display: inline-block;

	height: 50px;

	line-height: 50px;

	padding-right: 15px;

	padding-left: 15px;

	margin-left: 5px;

	margin-right: 5px;

	margin-bottom: 10px;

	text-decoration: none;

	color: #cccccc;

	background-color: #783f04;

	background-color: rgba(120,63,4,0.7);

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	transition: all 0.28s ease;	

}



ul.filter li a i {

	margin-right: 10px;

}



ul.filter li a:hover {

	color: #ffffff !important;

	background-color: #ff9900;

	background-color: rgba(255,153,0,1);	

}



ul.filter li a.active {

	color: #ffffff !important;

	background-color: #ff9900;

	background-color: rgba(255,153,0,1);	

}





/*-------------------------------------------------------*/

/* 27. Services

/*-------------------------------------------------------*/



.service-item {

	padding: 40px 30px;

	background: #000000;

	background: rgba(0,0,0,0.3);

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	transition: all 0.28s ease;		

}



.service-item a,

.service-item p,

.service-item i {

	color: #eeeeee;

}



.service-item a:hover {

	color: #ffffff;

}



.service-item.active {

	background-color: #ff9900;

	background-color: rgba(255,153,0,0.5);

	color:#fff !important;	

}



.service-item:hover {

	color:#fff !important;

	background-color: #ff9900;

	background-color: rgba(255,153,0,0.3);	

	/* background-color: rgba(0,0,0,0.7);	 */

}



.service-item i.fa {

	font-size: 48px;

	float: left;

}



.service-item:active i.fa,

.service-item:focus i.fa, 

.service-item:hover i.fa {

	-webkit-animation-name: pop;

	animation-name: pop;

	-webkit-animation-duration: .3s;

	animation-duration: .3s;

	-webkit-animation-timing-function: linear;

	animation-timing-function: linear;

	-webkit-animation-iteration-count: 1;

	animation-iteration-count: 1;

}

.service-item:hover i.fa {

	display: inline-block;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

	box-shadow: 0 0 1px rgba(0,0,0,0);

}





.service-item-content {

	margin-left: 90px;

}



.service-item-content h3 {

	margin-top: 0;

	margin-bottom: 20px;

	font-size: 21px;

}





/*-------------------------------------------------------*/

/* 28. Steps

/*-------------------------------------------------------*/



.steps {

	display: inline-block;

	clear: both;

	margin-left: -30px;

	margin-right: -30px;

	margin-bottom: 30px;

}



.steps.steps-4-cols .step-item {

	width: 25%;

}



.steps .step-item {

	position: relative;

	float: left;

	padding: 40px 30px;

	background-color: #000000;

	background-color: rgba(0,0,0,0.3);

	background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,0.7)), color-stop(100%,rgba(0,0,0,0.1))); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.1) 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(-45deg,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.1) 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(-45deg,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.1) 100%); /* IE10+ */

	background: linear-gradient(135deg,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.1) 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#1a000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	transition: all 0.28s ease;		

}



.steps .step-item h3,

.steps .step-item p {

	color: #eeeeee;

}



.steps .step-item:after {

	position: absolute;

	width: 50px;

	height: 50px;

	top: 0;

	right: 0;

	content: " ";

}



.steps .step-item.active {

	background-color: #ff9900;

	background-color: rgba(255,153,0,0.7);	

}



.steps .step-item:hover {

	background-color: #ff9900;

	background-color: rgba(255,153,0,0.3);	

}



.steps .step-item.active .step-icon i,

.steps .step-item:hover .step-icon i {

	color: #ffffff;

}



.steps .step-item h3 {

	font-size: 20px;

	text-align: center;

}



.steps .step-item p {

	text-align: center;

}



.steps .step-item .step-icon {

	width: 100%;

	font-size: 60px;

	display: inline-block;

	text-align: center;

	color: #ff9900;

}



.steps .step-item:active .step-icon, .steps .step-item:focus .step-icon, .steps .step-item:hover .step-icon {

	-webkit-transform: scale(1.3) rotate(360deg);

	transform: scale(1.3) rotate(360deg);

}

.steps .step-item .step-icon {

	-webkit-transition-duration: 0.8s;

	-moz-transition-duration: 0.8s;

	-o-transition-duration: 0.8s;

	transition-duration: 0.8s;



	-webkit-transition-property: -webkit-transform;

	-moz-transition-property: -moz-transform;

	-o-transition-property: -o-transform;

	transition-property: transform;



	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

}





/*-------------------------------------------------------*/

/* 29. Image Boxes

/*-------------------------------------------------------*/



.image-box {

	display: inline-block;

	width: 100%;

	margin-bottom: 30px;

	min-height: 200px;

	background-color: #000000;

	background-color: rgba(0,0,0,0.3);

	max-height: 300px;

	overflow: hidden;

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	transition: all 0.28s ease;			

}



.image-box .image {

	position: relative;

	float: left;

	width: 50%;

	max-height: 300px;

	overflow: hidden;

	background-repeat: no-repeat;

	background-size: cover;

}



.image-box .image .image-zoom {

	position: absolute;

	top: 50%;

	left: 50%;

	margin-left: -25px;

	margin-top: -25px;

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	transition: all 0.28s ease;	

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	-o-transform: scale(0);

	transform: scale(0);

	-webkit-backface-visibility: hidden;	

}



.image-box .image a {

	font-size: 24px;

	width: 50px;

	height: 50px;

	text-align: center;

	line-height: 50px;

	display: inline-block;

	background-color: #000000;

	background-color: rgba(0,0,0,0.7);

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	transition: all 0.28s ease;		

	color: #eeeeee;

}



.image-box .image a:hover {

	background-color: #ff9900;

	background-color: rgba(255,153,0,0.7);	

	color: #ffffff;

}



.image-box .image img {

/* 	width: 100%;

	height: auto; */

	max-height: 100%;

	width: auto;

}



.image-box .image-box-content {

	position: relative;

	float: left;

	width: 50%;

	padding: 30px;

}



.image-box .image-box-content p,

.image-box .image-box-content a {

	color: #eeeeee;

}



.image-box .image-box-content a:hover {

	color: #ffffff;

}



.image-box .image-box-content:before {

	position: absolute;

	content: "";

	top: 0;

	left: 0;

	border-right: 25px solid transparent;

	border-top: 20px solid transparent;

	border-bottom: 20px solid transparent;

	margin-left: 0;

	margin-top: 20px;

	-webkit-transition: 0.28s all 0.1s ease;

	-moz-transition: 0.28s all 0.1s ease;

	-ms-transition: 0.28s all 0.1s ease;

	-o-transition: 0.28s all 0.1s ease;

	transition: 0.28s all 0.1s ease;		

}



.image-box .image-box-content h3 {

	margin-top: 0;

	margin-bottom: 20px;

	font-size: 20px;

}



.image-box .image-box-content .image-box-link {

	display: inline-block;

	width: 100%;

	margin-top: 15px;

	font-size: 30px;

	text-align: right;

}



.image-box:hover {

	background-color: #ff9900;

}



.image-box:hover .image-box-content:before {

	border-right-color: #ff9900;

	margin-left: -23px;

}



.image-box:hover .image-zoom {

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

}





/*-------------------------------------------------------*/

/* 30. Team Members

/*-------------------------------------------------------*/



.team-members {

	display: inline-block;

	width: 100%;

}



.team-member {

	position: relative;

	margin-bottom: 30px;



	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;	

}



.team-member .team-info {

	position: relative;

	overflow: hidden;

}



.team-member .team-info img {

	width: 100%;

	height: auto;

	box-shadow: #000 0em 0em 0em;

	nowhitespace: afterproperty;

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;	

}



.team-member .team-info img:hover{

	cursor:pointer;

}



.members-overlay {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	padding: 40px 30px;

	text-align: center;

	background-color: #000000;

	background-color: rgba(0,0,0,0.7);

	opacity: 0;



	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;		

}



.members-overlay .team-social {

	position: absolute;

	width: 100%;

	bottom: 40px;

	left: 0;

	padding: 0;

	list-style: none;

	margin-bottom: -20px;



	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;	

}



.members-overlay > p {

	padding-top: 60px;



	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;		

}



.members-overlay p, 

.members-overlay a {

	color: #eeeeee;

}



.members-overlay .team-social li {

	display: inline-block;

	font-size: 30px;

	margin: auto 5px;

}



.team-title {

	background-color: #ff9900;

	background-color: rgba(255,153,0,0.3);

	padding: 10px;

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;	

	border-radius: 0;

}



.team-title h4 {

	margin-top: 0;

	margin-bottom: 10px;

	text-align: center;

	font-size: 18px;

}



.team-title a {

	color: #eeeeee;

}



.team-title a:hover {

	color: #fff !important;

}



.team-title p {

	font-style: italic;

	text-align: center;

	margin-top: 0;

	margin-bottom: 0;

	color: #eeeeee;

}



.team-member:hover .members-overlay {

	opacity: 1;

}



.team-member:hover .members-overlay .team-social {

	margin-bottom: 0;

}



.team-member:hover .members-overlay > p {

	padding-top: 0;

}



.team-member:hover .team-info img {

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

	transform: scale(1.1);

	-webkit-backface-visibility: hidden;

}



.team-member:hover .team-title {

	background-color: #ff9900;

	background-color: rgba(255,153,0,0.7);

}



.related-gallery-icon {

	position: absolute;

	width: 100%;

	margin: 0;

	padding-left: 0px;

	padding-right: 0px;

	bottom:0;

	font-size: 24px;

	text-align: right;

	padding-top:20px;

	right:10px;

}





/*-------------------------------------------------------*/

/* 31. Testimonials

/*-------------------------------------------------------*/



.testimonials {

	display: block;

	clear: both;

	margin-left: -30px;

	margin-right: -30px;

	margin-bottom: 30px;

	background-color: #ff9900;

	background-color: rgba(255,153,0,0.7);

	padding: 60px;

	text-align: center;

}



.testimonial .quoter-info {

	margin-top: 30px;

	text-align: center;

}



.testimonial .quoter-info strong {

	color: #ffffff;

}



.testimonial .quoter-info span {

	color: #eeeeee;

}



.testimonials > i.fa {

	font-size: 80px;

	color: #eeeeee;

}



.testimonial > p {

	font-size: 22px;

	font-style: italic;

	color: #dddddd;

}



.testimonials-slider {

	margin-top: 30px;

}





/*-------------------------------------------------------*/

/* 32. Clients

/*-------------------------------------------------------*/



.clients {

	margin-bottom: 30px;

	display: block;

	clear: both;

}



.client {

	text-align: center;

}



.client a {

	display: inline-block;

}



/*-------------------------------------------------------*/

/* 33. Off Canvas Menu

/*-------------------------------------------------------*/



.mp-back {

	display: none;

}



nav#main-menu {

	float: left;

	margin-top: 0;

}



nav#main-menu .menu-container .menu-container {

	box-shadow: 0px 5px 30px rgba(0,0,0,0.4);

}



nav#main-menu > .menu-container > ul > li{

	display: inline-block;

	position: relative;

}



/* First Level Menu Buttons */

nav#main-menu > .menu-container > ul > li > a {

	display: inline-block;

	height: 50px;

	padding-left: 8px;

	padding-right: 8px;

	font-size: 14px;

	line-height: 50px;

	text-align: center;

	color: #f1f1f1;

	font-weight: bold;

	text-decoration: none;

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;

	border-color: rgba(255,153,0,0.7);

	border-style: solid;

	border-width: 0;

	color: #eeeeee;

	font-size:14px;

}





nav#main-menu > .menu-container > ul > li:hover > a {

	color: #ffffff;

	background-color:  #2A1403;

	background-color:  rgba(42,20,3,0.97);

}



nav#main-menu > .menu-container .menu-container ul > li > a {

	display: inline-block;

	width: 100%;

	padding: 10px 15px;

	text-decoration: none;

}



nav#main-menu > .menu-container .menu-container ul > li > a:hover {

	background-color: #000000;

	background-color: rgba(0,0,0,0.7);

}



nav#main-menu .menu-container ul,

nav#main-menu .menu-container li {

	padding: 0;

	margin: 0;

	list-style: none;

}



nav#main-menu > .menu-container .menu-container {

	position: absolute;

	top: 100%;

	opacity: 0;

	z-index: 3;

	margin: 0;

	min-width: 200px;

  	background-color: #ff9900;

	background-color: rgba(255,153,0,0.97);

	-webkit-transform-origin: 50% 0%;

	-o-transform-origin: 50% 0%;

	transform-origin: 50% 0%;

	-webkit-transform: perspective(350px) rotateX(-90deg);

	-o-transform: perspective(350px) rotateX(-90deg);

	transform: perspective(350px) rotateX(-90deg);

	-webkit-transition:0.2s linear 0s;

	-o-transition:0.2s linear 0s;

	transition:0.2s linear 0s;

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	-o-backface-visibility: hidden;

	-ms-backface-visibility: hidden;

	backface-visibility: hidden;	

}



nav#main-menu > .menu-container .menu-container li {

	position: relative;

}



nav#main-menu > .menu-container .menu-container .menu-container {

	z-index: 2;

	top: 0;

	left: 200px;

	-webkit-transform-origin: 0% 0%;

	-o-transform-origin: 0% 0%;

	transform-origin: 0% 0%;

	-webkit-transform: perspective(350px) rotateY(-90deg);

	-o-transform: perspective(350px) rotateY(-90deg);

	transform: perspective(350px) rotateY(-90deg);

}



nav#main-menu > .menu-container > ul > li:hover > .menu-container {

	visibility: visible;

	opacity: 1;

	-webkit-transform: perspective(350px) rotateX(0deg);

	-o-transform: perspective(350px) rotateX(0deg);

	transform: perspective(350px) rotateX(0deg);

	-webkit-transition:0.28s linear 0s;

	-o-transition:0.28s linear 0s;

	transition:0.28s linear 0s;	

}



nav#main-menu > .menu-container .menu-container li:hover > .menu-container {

	visibility: visible;

	opacity: 1;

	-webkit-transform: perspective(350px) rotateY(0deg);

	-o-transform: perspective(350px) rotateY(0deg);

	transform: perspective(350px) rotateY(0deg);

	-webkit-transition:0.28s linear 0.1s;

	-o-transition:0.28s linear 0.1s;

	transition:0.28s linear 0.1s;	

}



.menu-item a {

	color: #eeeeee;

}



.menu-item a:hover {

	color: #ffffff;

}



.mp-menu ul li > a {

	font-size: 18px;

}



/*-------------------------------------------------------*/

/* 34. 3D Menu

/*-------------------------------------------------------*/



.flip-menu {

	position: relative;

	margin-left: -30px;

	margin-right: -29px;

	clear: both;

}



.flip-item {

	opacity: 0;

	position: relative;

	z-index: 1;

	margin-left: -15px;

	margin-right: -15px;

	-webkit-perspective: 600px;

	-moz-perspective: 600px;

	-ms-perspective: 600px;

	-o-perspective: 600px;

	perspective: 600px;	

	-webkit-transform-style: preserve-3d;

	transform-style: preserve-3d;

}



.flip-inner {

	top: 50%;

	position: absolute;

	width: 100%;

	margin-top: -50px;

}



/* Loading Items with fade in effect */

.flip-item.images-loaded {

	opacity: 1;

	-webkit-transition: opacity 0.28s linear;

	-o-transition: opacity 0.28s linear;

	transition: opacity 0.28s linear;		

}



.flip-item .flip-content img,

.flip-item .flip-hover-content img {

	width: 100%;

	height: auto;

}



/*  UPDATED! flip the pane when hovered */

.flip-item:hover .flip-hover-content {

	-webkit-transform: rotateY(0deg);

	transform: rotateY(0deg);

	opacity: 1;

}



.flip-item:hover .flip-content {

	-webkit-transform: rotateY(180deg);

	transform: rotateY(180deg);

	opacity: 0;

}



/* flip speed goes here */

.flip-wrapper {

	position: absolute;	

	top: 0;

	right: 0;

	bottom: 0;

	left:0;

	-webkit-transition:0.28s;

	-o-transition:0.28s;

	transition:0.28s;

}



/* hide back of pane during swap */

.flip-content, .flip-hover-content {

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	-webkit-transition:0.5s ease 0.2s;

	-o-transition:0.5s ease 0.2s;

	transition:0.5s ease 0.2s;

	-webkit-transform-style: preserve-3d;

	transform-style: preserve-3d;



	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

}



/*  UPDATED! front pane, placed above back */

.flip-content {

	background: rgba(255,153,0,1);

	opacity: 1;

	z-index: 2;

	-webkit-transform: rotateY(0deg);

	transform: rotateY(0deg);

	overflow: hidden;

}



/* back, initially hidden pane */

.flip-hover-content {

	opacity: 0;

	-webkit-transform: rotateY(-180deg);

	transform: rotateY(-180deg);

	overflow: hidden;

	background: rgba(0,0,0,0.3);

}



.flip-item.active .flip-wrapper {

	-webkit-transform: rotateY(90deg);

	transform: rotateY(90deg);

}



.flip-item .flip-content.iconned,

.flip-item .flip-hover-content.iconned {

	padding-top: 80px;

	text-align: center;

	border-right: 1px solid rgba(0, 0, 0, 0.1);

	border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}



.flip-item .flip-content.iconned i.fa,

.flip-item .flip-hover-content.iconned i.fa {

	font-size: 60px;

}



.flip-item .flip-content.iconned h3,

.flip-item .flip-hover-content.iconned h3 {

	font-size: 18px;

	font-weight: normal;

}



.flip-item .flip-content.iconned i.fa,

.flip-item .flip-content.iconned h3 {

	color: #eeeeee;

}



.flip-item .flip-hover-content .overlay {

	position: absolute;

	top:0;

	right: 0;

	bottom: 0;

	left: 0;

	background:rgba(0,0,0,0.7);

}



.flip-item .flip-hover-content .overlay {

	padding: 30px;

	text-align: center;

}



.flip-item .flip-hover-content .overlay h3 {

	margin-bottom: 30px;

	font-size: 18px;

	font-weight: bold;

}



.flip-item .flip-hover-content .overlay i.fa {

	position: absolute;

	right: 30px;

	bottom: 30px;

	font-size: 24px;

}



#ajax-container {

	position: relative;

	height: auto;

}



#ajax-loader {

	min-height: 580px;

	position: absolute;

	top: 0;

	left:0;

	right:0;

	padding: 0 30px;

	background: #000;

	background: rgba(0, 0, 0, 0.7);	

}



body.onepage-home {

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	-ms-transition: all 0.5s ease;

	transition: all 0.5s ease;	

}



body.onepage-home #page-content {

	display: none;

}



body.onepage-home nav#main-menu {

	display: none;

}



/* Next Prev Index Data Collections */

.data-collection {

	display: none;

}



.navbar-right {

	position: relative;

}



.navbar-right li {

	position: absolute;

	right: 0;

	display: none;

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	-ms-transition: all 0.5s ease;

	transition: all 0.5s ease;	

}



.navbar-right li#search {

	display: inline-block;

}



#trigger {

	display: none;

	float: left;

	width: 50px;

	height: 50px;

	margin-top: 0;

	margin-right: 15px;

	font-size: 24px;

	box-shadow: none;

	background-color: #ff9900;

	background-color: rgba(255,153,0,0.97);

	border: 0;

	outline: 0;

	color: #eeeeee;

	line-height: 50px;

	text-align: center;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	-ms-transition: all 0.5s ease;

	transition: all 0.5s ease;	

}



#trigger:hover {

	color: #ffffff;

}



header.active #trigger {

	margin-top: 10px;

}



.popover {

	border-radius: 0;

	background-color: #ff9900;

}



.popover-title {

	border-radius: 0;

	border-bottom: 0;

}



.popover-content {

	padding: 0;

}



.popover-content .sidebar-searchbox input {

	margin: 0;

	min-width: 210px;

	background: transparent;

}



.popover-content .sidebar-searchbox:after {

	top: 10px;

}



.popover.left > .arrow:after {

	border-left-color:#ff9900;

}



.popover.bottom > .arrow:after {

	border-bottom-color: #ff9900;

}







.loading-content {

	position: fixed;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background: #000000;

	z-index: 20000;

}



.loading-content.inner {

	position: absolute;

	min-height: 570px;

}



/* WebKit and Opera browsers */

@-webkit-keyframes spinner {

	from { -webkit-transform: rotateY(0deg);    }

	to   { -webkit-transform: rotateY(-360deg); }

}



/* all other browsers */

@keyframes spinner {

	from {

		-moz-transform: rotateY(0deg);

		-ms-transform: rotateY(0deg);

		transform: rotateY(0deg);

	}

	to {

		-moz-transform: rotateY(-360deg);s

		-ms-transform: rotateY(-360deg);

		transform: rotateY(-360deg);

	}

}

  

  

#stage {

	position: absolute;

	width: 100px;

	height: 100px;

	top: 50%;

	left: 50%;

	

	margin: 1em auto;

	-webkit-perspective: 1920px;

	-moz-perspective: 1920px;

	-ms-perspective: 1920px;

	perspective: 1920px;

}

  

#spinner img {

	width: 100%;

}



#spinner {

	margin-top: -80px;

	margin-left: -50px;

	width: 100px;

	height: 100px;

	text-align: center; 

	color: #fff;

	padding:0 0;

	

	-webkit-animation-name: spinner;

	-webkit-animation-timing-function: linear;

	-webkit-animation-iteration-count: infinite;

	-webkit-animation-duration: 2s;



	animation-name: spinner;

	animation-timing-function: linear;

	animation-iteration-count: infinite;

	animation-duration: 2s;



	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	-ms-transform-style: preserve-3d;

	transform-style: preserve-3d;

}



#spinner:hover {

	-webkit-animation-play-state: paused;

	animation-play-state: paused;

}



body {

	overflow-y: scroll;

}





/*-------------------------------------------------------*/

/* 35. Post Slider

/*-------------------------------------------------------*/



.post-slider {

	display: block;

	margin-left: -30px;

	margin-right: -30px;

	margin-top: -30px;

	margin-bottom: 40px;

	border-bottom: 1px solid rgba(255,255,255,0.1);

	opacity: 0;

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	-ms-transition: all 0.5s ease;

	transition: all 0.5s ease;

}



.post-slider > div {

	padding: 0;

}



.post-slider .owl-controls {

	display: none;

}



.post-slider .slides {

/*	border-right: 1px solid rgba(255,255,255,0.1);*/

}



.post-slider .slides img {

	display: none;

}



.post-slider .slides .overlay {

	position: absolute;

	width: 100%;

	bottom: -100px;

	padding: 30px;

	background: rgba(120,63,4,0.4);

	text-align: left;

	z-index: 1;

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	-ms-transition: all 0.5s ease;

	transition: all 0.5s ease;

	opacity: 0;

}



.post-slider .slides .active .overlay {

	bottom: 0;

	opacity: 1;

}



.post-slider .slides .overlay a {

	text-decoration: none;

}



.post-slider .slides .overlay h3 {

	position: relative;

	width: 100%;

	margin: 0;

	text-transform: uppercase;

	letter-spacing: 4px;

	font-size: 26px;

	opacity: 1;

	color: #eeeeee;

}



.post-slider .slides .overlay p {

	margin-top: 15px;

	margin-bottom: 0;

	color: #dddddd;

}



.post-slider .thumbs {

}



.post-slider .thumbs .item {

	position: relative;

	/*height: 118px;*/

	border-bottom: 1px solid rgba(255,255,255,0.1);

	/*background: rgba(0,0,0,0.3);*/

	padding: 20px;

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;	

	cursor: pointer;

}	



.post-slider .thumbs .item:last-child {

	border-bottom:0;

}



.post-slider .thumbs .item:hover,

.post-slider .thumbs .item.active {

	background: rgba(255,153,0,1);

	color: #ffffff;

}



.post-slider .thumbs .item.active:after {

	content: "";

	position: absolute;

	left: -15px;

	top: 20px;

	width: 0;

	height: 0;

	border-top: 12px solid transparent;

	border-right: 15px solid rgba(255,153,0,1);

	border-bottom: 12px solid transparent;

	z-index: 1;

}



.post-slider .thumbs .item > img {

	float: left;

	width: 80px;

}



.post-slider .thumbs .item > span {

	display: block;

	margin-left: 100px;

}





/*-------------------------------------------------------*/

/* 36. Full Width Image

/*-------------------------------------------------------*/



.fullwidth-image {

	margin-left: -30px;

	margin-right: -30px;

}



.fullwidth-image img {

	width: 100%;

}



/*-------------------------------------------------------*/

/* 37. Back to Top

/*-------------------------------------------------------*/



#back-to-top {

	position: fixed;

	bottom: 30px;

	right: 30px;

	width: 50px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	font-size: 24px;

	color: #ffffff;

	background-color: #000000;

	background-color: rgba(0,0,0,0.3);

	opacity: 0;

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;	

}



#back-to-top.active {

	opacity: 1;

	z-index: 10;

}



#back-to-top:hover {

	background-color: #ff9900;

	background-color: rgba(255,153,0,0.7);

}



/*-------------------------------------------------------*/

/* 38. Button

/*-------------------------------------------------------*/



.btn {

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	-o-border-radius: 0;

	border-radius: 0;

	border: 0;

	-webkit-transition: all 0.28s ease;

	-moz-transition: all 0.28s ease;

	-o-transition: all 0.28s ease;

	-ms-transition: all 0.28s ease;

	transition: all 0.28s ease;	

}



.btn-primary {

	background-color: #ff9900;

	background-color: rgba(255,153,0,0.7);

}



.btn-primary:hover,

.btn-primary:focus,

.btn-primary:active {

	background-color: #ff9900;

	background-color: rgba(255,153,0,1);

}



/*-------------------------------------------------------*/

/* 39. Google Search

/*-------------------------------------------------------*/

a.gs-title,

.gsc-url-top,

table.gsc-table-result,

.gsc-cursor-page,

.gsc-result-info,

.gsc-orderby {

	font-family: "open sans";

}



.gsc-selected-option-container {

	min-width: 85px !important;

}



.cse .gsc-control-cse, 

.gsc-control-cse {

	background: transparent !important;

	border: 0 !important;

}



.gsc-webResult.gsc-result, 

.gsc-results .gsc-imageResult {

	border: 0 !important;

	background: transparent !important;

}



.gsc-results .gsc-cursor-box .gsc-cursor-current-page {

	background: transparent !important;

}



.gs-webResult .gs-snippet, 

.gs-imageResult .gs-snippet, 

.gs-fileFormatType {

	color: #eee !important;

}



.gsc-selected-option {

	color: #666666;

}



/*-------------------------------------------------------*/

/* 40. Ad Banner 300 x 250

/*-------------------------------------------------------*/



.ad300 {

	padding:0;

	width:300px;

	height:250px;

	margin-left:8px;

}



/*-------------------------------------------------------*/

/* 41. Tabs

/*-------------------------------------------------------*/

.nav-pills>li{

	float:left;

	width:50%;

	text-align:center;

	background-color:#ff9900;

}



.nav-pills>li>a{

	border-radius:0px !important;

	color:#fff !important;

}



.nav-pills>li>a:hover{

	color:#fff !important;

}



.nav > li > a:hover, .nav > li > a:focus {

    text-decoration: none;

    background-color: #ff9900;

	color:#2a1403;

	font-weight:600;

}



.nav-pills>li+li{

	margin-left:0px;

}



.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{

	color:#fff;

	background-color:#2a1403;

	font-weight:600;

}



/*-------------------------------------------------------*/

/* 42. Filter

/*-------------------------------------------------------*/



.box {

	margin-bottom: 1px;

	background: #000000;

	background: rgba(0,0,0,0.3);

	padding: 20px;

	position: relative;

}



.filterlinks {

	font-size:14px; 

	padding:0 10px 0 5px; 

	float:left; 

	margin-top:20px;

	color:#fff !important;

}



/*-------------------------------------------------------*/

/* 43. Gallery Lightbox

/*-------------------------------------------------------*/



#over_lay{

 position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #000;

    filter:alpha(opacity=50);

    -moz-opacity:0.5;

    -khtml-opacity: 0.5;

    opacity: 0.5;

    z-index:4;

}



.popup_ex{

  	width:90%;

  	height:600px;

 	background: #000;

	position:fixed;

  	margin:auto;

  	border-radius:0px;

  	top: 0; left: 0; bottom: 0; right: 0;

  	z-index:10;

  	box-shadow: 0 3px 5px #000; 

}



#close_button{

  width:25px;

  height:25px;

  z-index:4;

  text-align:center;

  position:absolute;

  right:0px;

  top:-20px;

  color:#ff9900;

  font-size:36px;

}



.lightboxcontainer{	

	width:100%; 

	padding:20px 10px;

}



/*-------------------------------------------------------*/

/* 44. Holiday

/*-------------------------------------------------------*/



.holiday-list-content {

	padding:10px 20px;

	height:150px;

}



.holidaybottom {

	position:absolute;

	bottom:20px;

	right:20px;

	

}





/*-------------------------------------------------------*/

/* LOGIN PAGE

/*-------------------------------------------------------*/



.panel-signin {

    width: 400px;

}



div .firstname {

    margin-top: -11px;

    margin-bottom: 10px;

    display:none;

}



div .lastname {

    margin-top: -11px;

    margin-bottom: 10px;

    display:none;

}



div .email {

    margin-top: -11px;

    margin-bottom: 10px;

    display:none;

}



div .password {

    margin-top: -11px;

    margin-bottom: 10px;

    display:none;

}



div .cellnumber {

    margin-top: -11px;

    margin-bottom: 10px;

    display:none;

}



div .telephonenumber {

    margin-top: -11px;

    margin-bottom: 10px;

    display:none;

}



div .address {

    margin-top: -11px;

    margin-bottom: 10px;

    display:none;

}



div .bank {

    margin-top: -11px;

    margin-bottom: 10px;

    display:none;

}



div .othercontant {

    margin-top: -11px;

    margin-bottom: 10px;

    display:none;

}



div .comments {

    margin-top: -11px;

    margin-bottom: 10px;

    display:none;

}



div .tags {

    margin-top: -11px;

    margin-bottom: 10px;

    display:none;

}



div .area {

    margin-top: -11px;

    margin-bottom: 10px;

    display:none;

}



div .activity {

    margin-top: -11px;

    margin-bottom: 10px;

    display:none;

}



div .animal {

    margin-top: -11px;

    margin-bottom: 10px;

    display:none;

}



div .title {

    margin-top: -11px;

    margin-bottom: 10px;

    display:none;

}



div .videoTitle {

    margin-top: -11px;

    margin-bottom: 10px;

    display:none;

}



div .alias {

    margin-top: -11px;

    margin-bottom: 10px;

    display:none;

}



div .keywords {

    margin-top: -11px;

    margin-bottom: 10px;

    display:none;

}



div .notes {

    margin-top: -11px;

    margin-bottom: 10px;

    display:none;

}





.registerSpinner, .panelWithWhiteBackgroundBorder, .newslettersubscribing, .successfullySubscribeToNewsletter, .profileUpdated, .profileUpdatedError, .videoDetailsSaved, .videoDetailsSavedError, .imageDetailsSaved, .imageDetailsError {

    display: none;

}



.pull-left .ckbox-primary {

    margin-left: 9px;

}



.mt10 {

    margin-top: 10px !important;

}



.transparentBackgroundWithBorder {

    background-color: transparent !important;

}



.transparentBackground {

    background-color: transparent !important;

    border-color: transparent !important;

}



.panelWithWhiteBackgroundBorder {

    background-color: transparent !important;

    border-color: white;

    margin-top:18px;

}



.successfullyRegistered, .invalidCredentials, .successfullyLoggedIn , .successfullySentMail, .successfullyNotSentMail, .ConfirmPassword, .passwordsDoNotMatch, .confirmPassword, .succesfullyUpdateEmail, .errorWithEmailUpdate {

    display: none;

    margin-top: 10px;

}



.panel-signin .panel-footer,

.panel-signup .panel-footer {

    padding-left: 5px;

    padding-right: 15px;

}



.panel-footer .btn {

    font-weight:normal !important;

}



.panel-footer .btn-primary {

    background-color: #ff9900;

}







.mb30 {

    margin-bottom: 30px;

}



.panel-signup {

    width: 600px;

}



.dotnetuploader {

    background-color: #286090 !important;

}



.havingTroubleUploading {

    color: #FF9900;

    font-size: 14px;

    margin-top:39px;

}



.launchNativeEmailClient, .launchDotNetUploader {

    font-weight: bold;

    color: white;

    text-decoration:underline;

}



.dontnetuploaderpanel {

    display: none;

}



.marginLeftTen {

    margin-left: 10px;

}



.registerSpinner, .profileUpdated, .profileUpdatedError, .videoDetailsSaved, .videoDetailsSavedError, .imageDetailsSaved, .imageDetailsError {

    display: none;

}



.seperation {

    margin-top: 10px !important;

}



.tncRow {

    margin-bottom:15px;

}



.tncText {

    margin-bottom: 25px;

}



.checkbox {

    margin-top: 0px !important;

}



.viewterms {

    margin-top:10px;

}



.viewterms p {

    cursor:pointer;

}



.emailFile {

    color: #FF9900;

    font-size: 14px;

}



.ajaxUploaderClass {

    color: black;

}



.noVideos {

    margin-top: 10px;

    font-size: 15px;

}



.dataTables_length , .dataTables_filter , .dataTables_info {

    color: white !important;

}



.table.dataTable tbody th, table.dataTable tbody td {

    color:black;

}



input , select {

    color:black !important;

}



.filedetailstab {

    margin-top: 21px;

    margin-left: 21px;

    margin-bottom: 21px;

}



.sm-title {

    font-size: 11px;

    text-transform: uppercase;

    font-weight: normal;

}



.md-title {

    font-size: 12px;

    text-transform: uppercase;

    font-weight: normal;

}



.lg-title {

    font-weight: 500;

    color: #333;

    margin: 0;

    margin-bottom: 5px;

    text-transform: uppercase;

    font-size: 18px;

}



.xlg-title {

    margin: 0;

    font-weight: 400;

    color: #333;

}



.mb20 {

    font-size: 15px;

}



.updatingVideoStatusMessaging , .emailSentForAcceptedVideo, .messageForDeclindedVideo , .updateVideoStatusError {

    display: none;

}



.downloadVideoSection {

    margin-top: 10px;

    margin-left: 20px;

}



.filedetailstab {

    margin-top: 21px;

    margin-left: 21px;

    margin-bottom: 21px;

}



.nav-wizard > li.active a:after {

    border-left-color: #4e5154;

}



.nav-wizard > li.done a {

    background-color: #428bca;

    color: #fff;

}



.nav-wizard > li.done a:after {

    border-left-color: #428bca;

}



.panel-wizard {

    margin-bottom: 20px;

}



.panel-wizard .tab-content {

    border: 1px solid #ddd;

    -moz-border-radius: 3px 3px 0 0;

    -webkit-border-radius: 3px 3px 0 0;

    border-radius: 3px 3px 0 0;

    border-bottom: 0;

}



.panel-wizard .wizard {

    margin: 0;

    background-color: #fcfcfc;

    padding: 15px;

    border: 1px solid #ddd;

    -moz-border-radius: 0 0 3px 3px;

    -webkit-border-radius: 0 0 3px 3px;

    border-radius: 0 0 3px 3px;

}



.panel-wizard .wizard:after {

    clear: both;

    display: block;

    content: '';

}



.panel-wizard .progress {

    margin-bottom: 5px;

}



.nav-wizard-success > li.done > a {

    background-color: #5cb85c;

}



.nav-wizard-success > li.done > a:after {

    border-left-color: #5cb85c;

}



.nav-wizard-warning > li.done > a {

    background-color: #f0ad4e;

}



.nav-wizard-warning > li.done > a:after {

    border-left-color: #f0ad4e;

}



.nav-wizard-danger > li.done > a {

    background-color: #d9534f;

}



.nav-wizard-danger > li.done > a:after {

    border-left-color: #d9534f;

}



.nav-wizard-info > li.done > a {

    background-color: #5bc0de;

}



.nav-wizard-info > li.done > a:after {

    border-left-color: #5bc0de;

}



.contentpanel {

    position: relative;

    padding: 20px;

}



.addnewreason {

    margin-bottom: 10px;

    cursor:pointer;

}



.declineVideoTab , .saveNewReason, .addnewreasonTextbox , .cancelAddnewText{

    display: none;

}



.marginLeftTwenty {

    margin-left: 20px;

}



.col-md-9 .alert-danger {

    margin-top: 18px;

    margin-bottom: 25px;

}



.col-md-12 .alert-danger {

    margin-top: 18px;

    margin-bottom: 25px;

}



.form-control {
    color: black !important;
    border: 1px solid #bf9c76;
    background-color: rgba(255, 255, 255, 0.35);
}

.uploadImagePanel{
    display:none;
}



.declineSuggestions {

    width: 100%;

}



.viewFinancials, .uploadVideo, .myAccount, .uploadGalleryImage, .Logout{

    display: none;

}



.nav-tabs.nav-justified>li>a:hover {

   /* background-color:transparent;*/

}



.nav-tabs > li > a:hover {

    background-color:transparent;

}



.gallerySearchResults, .VideoGallerySearchResults {

    display: none;

}



.gallerySearchResults1, .gallerySearchResults2, .gallerySearchResults3, .gallerySearchResults4, .gallerySearchResults5, .gallerySearchResults6, .gallerySearchResults7, .gallerySearchResults8, .gallerySearchResults9, .gallerySearchResults10,

.gallerySearchResults11, .gallerySearchResults12, .gallerySearchResults13, .gallerySearchResults14, .gallerySearchResults15, .gallerySearchResults16, .gallerySearchResults17, .gallerySearchResults18, .gallerySearchResults19, .gallerySearchResults20,

.gallerySearchResults21, .gallerySearchResults22, .gallerySearchResults23, .gallerySearchResults24, #over_lay, .popup_ex {

    display:none;

}





.VideoGallerySearchResults1, .VideoGallerySearchResults2, .VideoGallerySearchResults3, .VideoGallerySearchResults4, .VideoGallerySearchResults5, .VideoGallerySearchResults6, .VideoGallerySearchResults7, .VideoGallerySearchResults8, .VideoGallerySearchResults9, .VideoGallerySearchResults10,

.VideoGallerySearchResults11, .VideoGallerySearchResults12, .VideoGallerySearchResults13, .VideoGallerySearchResults14, .VideoGallerySearchResults15, .VideoGallerySearchResults16, .VideoGallerySearchResults17, .VideoGallerySearchResults18, .VideoGallerySearchResults19, .VideoGallerySearchResults20,

.VideoGallerySearchResults21, .VideoGallerySearchResults22, .VideoGallerySearchResults23, .VideoGallerySearchResults24 {

    display:none;

}



.imageDialog {

    display: block;

    margin-left: auto;

    margin-right: auto;

    width: 100%;

    margin-bottom:20px;

}





.modal-header {

    color: black !important;

}



.media-selection {

    background-color: #f90 !important;

    margin-bottom:14px;

}



#videoSearch {

    display: none;

}



.sixtyBySixty {

    width: 60px;

    height: 60px;

}



.EightFiftyFiveBy474 {

    width: 855px;

    height:474px;

}



.displayNone {

    display: none;

}



.spotLightImage {

    width: 777px;

    /*height: 437px;*/

}



.latestGalleriesJustPics, .latestGalleriesJustVideos, .emailfooter {

    display: none;

}



.emailfooter {

    margin-bottom: -10px;

}



.clearLeft {

    clear:left;

}



.newsletterForm {

    padding-left:20px;

    padding-right:20px;

    padding-top:10px;

}



.newsletterFormSingup {

    padding-left: 20px;

    padding-right: 20px;

}



.backgroundColorWhite {

    background-color: white !important;

}



.newslettersubscribing, .successfullySubscribeToNewsletter {

    margin-top:5px;

}



.imageTitle {

    color: #ff9900;

}



.AboutNadavOssendryver {

    display: none;

}



.cursorPointer {

    cursor:text;

}



.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {   

min-width: 100% !important;   

width: 100% !important; 

}



.galleryImage {

    width: 100%;

}



.registerSpinner > img {

    width:28px;

    height:28px;

    margin-top:9px;

}



.orange { color:#ff9900;}



.adbox { 	

background-color:#895218; 	

width:100%; 	

margin-bottom:20px; 

float:left; 	

padding:0 10px 10px 10px; 

}  



.adbox h1 { 	

font-size:16px; 	

text-align:center; 	

font-weight:bold; 	

line-height:1.5;	 

}  



.adbox .left { 	

width:50%; 	

float:left; 	

padding-left:10px; 	

padding-right:10px ;

}  



.adbox .right { 	

width:50%; 	

float:left; 	

padding-left:10px; 	

padding-right:10px;

 }  



.adbox .adimage img { 	

float:left; 	

width:100%; 

}  



.adbox .appimage img { 	

width:100%; 	

margin-bottom:10px; 	

margin-left:auto !important; 	

margin-right:auto !important; 	

display:block; 	

max-width:160px; 

}  



.playicon { 	

    font-size:48px; 	

    cursor:pointer; 	

    margin-left:auto; 	

    margin-right:auto; 	

    width:48px; 	

    position:absolute; 	

    left:50%; 	

    top:43%; 	

    float:left; 	

    display:inline; 

}



.googleplayimage {

        width:40%;

}



/*-------------------------------------------------------*/

/* 45. Lodges

/*-------------------------------------------------------*/



.lodge-container {

    padding-bottom: 20px;

    position: absolute;

    overflow: hidden;

	top:0 !important;

	width:100%;

}



#lodgeTitle {

    cursor:default;

}



#desc {

    margin-top: 15px;

}



.NoBottomMargin {

    margin-bottom: 0 !important;

}





/*-------------------------------------------------------*/

/* 47. Latest Sightings Owl Slider Widget

/*-------------------------------------------------------*/

.ls-member {

    height: 114px;

   	position: relative;

    margin-bottom: 0px;

    transition: all 0.28s ease 0s;

    overflow: hidden;

    border-left; solid 1px #2A1403;

}



.ls-member .ls-info {

    float: left;

    position: relative;

    overflow: hidden;

    width: 40%;

    height: 114px;

    background-color: rgba(255, 153, 0, 0.3);

}



.ls-title {

	width: 60%;

    float: left;

    background-color: rgba(255, 153, 0, 0.3);

    padding: 10px;

    transition: all 0.28s ease 0s;

    border-radius: 0px;

    height: 114px;

}



.ls-title h4 {

    margin-top: 0px;

    margin-bottom: 5px;

    text-align: left;

    font-size: 18px;

}



.ls-title p {

    font-style: normal;

    text-align: left;

    margin-top: 0px;

    margin-bottom: 0px;

    color: #EEE;

}



.tingarrowimage img {

    width:120px;

    height:48px;

}



.arrowrow{

    margin:0 auto;

    width:84%;

}



.videoDetailsFormContainer, .updateVideoDetails{

    display:none;

}



.floatLeft{

    float:left;

}



.tnc{

    color:#5bc0de;

}



a.tnc:hover{

    color:#5bc0de;

}



.rfuploader{

    display:none;
    margin-top:-91px;
}

.rfuploaderPadding{
    padding-left:10px;
    padding-right:10px;
    display:none;
}

.captureVideoDetailsContainer{
    display:none;
}

.saveProfileButton{
    margin-top:-31px;
}

.marginTopEight{
    margin-top:8px;
}

.tncheading{
    display:inline;
}

.imageUploadRadioLabel, .videoUploadRadioLabel{
    color:#FB7C2D;
    font-weight:bold;
}

@media (max-width: 768px) { 

.adbox .left { 	width:70%; }  

.adbox .right { 	width:30%; 	padding-top:20px; } 

.adbox .appimage img { 	margin-bottom:20px; }   }  



@media (max-width: 581px) { 

 .adbox .left { 	width:60%; }  

.adbox .right { 	width:40%; 	padding-top:20px; }  

.adbox .appimage img { 	margin-bottom:20px; }  }  



@media (max-width: 480px) {  

.adbox .left { 	width:60%; }  

.adbox .right { 	width:40%; }  }  



@media (max-width: 360px) { 

.adbox .left { 	width:60%; } 

.adbox .right { 	width:40%; }  }



/* Overwrite Bootstrap */

.panel {

	-webkit-box-shadow:none;

	box-shadow:none;

}

.panel-footer {

    background-color: transparent;

    border-top: none;

}

.btn-primary {

	background-color:#ff9900;

	border-color:#ff9900;

}

.btn-primary:hover,

.btn-primary:focus,

.btn-primary:active,

.btn-primary.active,

.open>.dropdown-toggle.btn-primary {

	background-color:#f27420;

	border-color:#f27420;

}

.panel-footer .btn-primary:hover {

	background-color:#f27420;

	border-color:#f27420;

}

.btn-success {

	background-color:#39b54a;

	border-color:#00bff3;

}

.btn-success:hover,

.btn-success:focus,

.btn-success:active,

.btn-success.active,

.open>.dropdown-toggle.btn-success {

	background-color:#f27420;

	border-color:#f27420;

	color:#fff !important;

}

.btn-info {

	background-color:#00bff3;

	border-color:#00bff3;

}

.btn-info:hover,

.btn-info:focus,

.btn-info:active,

.btn-info.active,

.open>.dropdown-toggle.btn-info {

	background-color:#f27420;

	border-color:#f27420;

	color:#fff !important;

}



.alert-success {

    color: #361f10;

	background-color: rgba(223, 240, 216, 0.5);

	border-color: #96c03d;
    font-weight:bold;
}



.alert-danger {

	color:#c51714;

	border-color:#c51714;

	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;

	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;

}



.text-danger {color:#c51714;}



.has-error .form-control:focus {

	border-color:#c51714;

	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;

	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;

}

.has-error .input-group-addon{

	color:#c51714;

	background-color:#f2dede;

	border-color:#c51714;

}

.has-error .form-control-feedback{

	color:#c51714;

}



.showBackground {
    background-color: rgba(255,255,255,0.3) !important;
    border-radius: 0px 0px 5px 5px;
}



.nav-tabs {

    border-bottom: none;

}



.nav-tabs > li {

    margin-bottom: -2px;

}



.nav-tabs>li>a:hover {

	color: #29180E !important;

	border: none;

	background-color: #ff9900;

}



.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #FB7C2D;
    cursor: default;
    background-color: rgba(255,255,255,0.3);
    border: none;
}



.list-group-item {

	border: 1px solid #271409;

}



.list-group {

	border-radius: 4px;

	background-color: rgba(35, 19, 8, 0.6);

}



.progress {

    background-color: #261409;

}

#videolist{
    padding:16px;
}

.updateVideoDetails, updateImageDetails{
    margin-top:-16px;
}

.updateImageSaveButtonDiv{
    margin-top:-16px;
}

.saveImageDetailsSpinner{
    margin-top:-20px;
}




/*

    

@media screen and (max-width: 1024px) {

    .contentpanel-wizard .row .col-md-6 {

        float: none;

        width: auto;

    }

}    

    

    */

.divline {		
    border-bottom: 1px solid #613013;		
    float: left;		
    height:10px;		
    margin:0px auto;		
    width: 100%;		
}		
ul li, ol li {		
    line-height: 2;		
}