/*------------CONTENT------------*/

pre,code{

	font-family:"Times New Roman", Times, serif;

	white-space:pre;

	padding:20px;

	letter-spacing: 0.1em;

}

pre{

	padding:5px;

}

code{

	border-radius: 3px 3px 3px 3px;

	background:#fff;

	font-size: 0.85em;

	color: #666666;

	padding: 3px;

	padding-left: 10px;

	background-color: #f5f5f5;

}

.clear:after {

    clear: both;

    content: "";

    display: block;

}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,  del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	margin:0px; 

	padding:0px; 

	border:0px; 

	border-collapse:separate; 

	border-spacing:0px;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	text-decoration:none;

}

html, body {

	height: 100%;

	width: 100%;

}

*::-moz-selection{ color: #f5f5f5; background: #444; }

*::selection { color: #f5f5f5; background: #444; }

* {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;   

	box-sizing: border-box;       

}

body {

	font-family: 'Open Sans',Helvetica,Arial,sans-serif;

	font-size: 13px;

	line-height: 20px;

	font-weight: normal;

	color: #676767;

	background: #fff;

}

body {

	overflow-x: hidden;

}

h1,h2,h3,h4,h5,h6,h7,h8,h9 {

	font-weight: normal;

	font-weight: 500;

	margin-bottom: 14px;

}

h1{

	font-size:42px;

	line-height: 44px;

}

h2{

	font-size: 22px;

	line-height: 34px;

}

h3{

	font-size:24px;

	line-height: 29px;

}

h4{

	font-size:20px;

	line-height: 25px;

	color: #0097dc;

	font-weight: bold;

}

h5{

	font-size:16px;

	line-height: 18px;

}

h6{

	font-size:14px;

	line-height: 17px;

}

h7{

	font-size:20px;

	line-height: 17px;

}

h8{

	font-size:16px;

	color: #ff6600;

	line-height: 20px;

	font-weight: bold;

}

h9{

	font-size:14px;

	line-height: 20px;

}

h10{

	font-size:16px;

	line-height: 20px;

	font-weight: bold;

	border-bottom: 2px solid #CCCCCC;

}

h11{

	font-size:18px;

	color: #e67439;

	line-height: 20px;

	font-weight: bold;

}

h12{

	font-size:18px;

	color: #0097dc;

	line-height: 20px;

	font-weight: bold;

}

h13{

	font-size:20px;

	line-height: 15px;

	color: #676767;

	font-weight: normal;

}

h14{

	font-size:20px;

	line-height: 15px;

	color: #ffffff;

	font-weight: normal;

}

h15{

	font-size:20px;

	line-height: 15px;

	color: #ec6834;

	font-weight: bold;

}



h16{

	font-size:14px;

	line-height: 22px;

	color: #ffffff;

	font-weight: 500px;

}

h17{

	font-size:20px;

	line-height: 15px;

	color: #FFFF00;

	font-weight: bold;

}

h18{

	font-size:20px;

	line-height: 15px;

	color: #6d322e;

	font-weight: bold;

}

h19{

	font-size:18px;

	line-height: 15px;

	color: #6d322e;

	font-weight: bold;

}

h20{

	font-size:14px;

	line-height: 15px;

	color: #676767;

	font-weight: bold;

}

h21{

	font-size:14px;

	color: #e67439;

	line-height: 20px;

	font-weight: bold;

}

h22{

	font-size:14px;

	color: #fff;

	line-height: 20px;

	font-weight: bold;

}

h24{

	font-size:20px;

	line-height: 25px;

	color: #fff;

	font-weight: bold;

}

h25{

	font-size:20px;

	line-height: 25px;

	color: #676767;

	font-weight: bold;

}

h26{

	font-size:14px;

	color: #676767;

	line-height: 20px;

	font-weight: bold;

}

h27{

	font-size:36px;

	color: #ed041f;

	line-height: 20px;

	font-weight: bold;
}

h28{

	font-size:36px;

	color: #000;

	line-height: 20px;

	font-weight: bold;
}

h29{

	font-size:20px;

	color: #fff;

	line-height: 20px;

	font-weight: bold;
}

h30{

	font-size:16px;

	color: #fff;

	line-height: 20px;

	font-weight: bold;
}


h31{

	font-size:14px;

	color: #000;

	line-height: 20px;
	
	font-weight: bold;
	
	}

















h1.title, h2.title, h3.title, h4.title, h5.title, h6.title {

	font-size:26px;

	line-height: 30px;

	font-weight: 300;

	letter-spacing: -0.5px;

}

ul, ol	{

	display: block;

	padding: 0px;

	margin: 0 0 14px 17px;

}

blockquote {

	float: left;

	width: 60%;

	margin: 10px 20px 10px 0;

}

blockquote:before {

	content: '; float: left; font-size: 45px; font-weight: bold; line-height: 40px;

	

}

blockquote.dark {

    background: #444;

	color: #f5f5f5;

}

blockquote.light {

    background: #f5f5f5;

	color: #aaa;

}

blockquote.color {

	color: #fff;

}

blockquote.dark, blockquote.light, blockquote.color {

	padding: 20px;

}

blockquote p {

	font: 16px/21px Georgia, "Times New Roman", Times, serif;

	font-weight: normal;

	font-style: italic;

	padding-left: 25px;

	text-align: left;

}

blockquote small {

	font-weight: bold;

    padding-top: 10px;

    text-transform: uppercase;

}

p {

	margin-bottom: 14px;

}

p:last-child {

	margin-bottom: 0;

}

em, dfn, cite {

	font-style: italic;

}

strong, b {

	font-weight: bold;

}

small { 

	font-size:11px;

}

input, textarea, select {

	outline: medium none;

	font-family:  Helvetica, Arial, sans-serif;

	font-size:12px;

	color: #bbb;

	border: 1px solid #ddd;

	border-radius: 3px 3px 3px 3px;

	-webkit-transition: all 0.2s ease-out 0s;   

	-moz-transition: all 0.2s ease-out 0s;

	-o-transition: all 0.2s ease-out 0s; 

	background-color: #fff;

	padding: 6px;

}

input:focus, textarea:focus, select:focus {

	border: 1px solid #8DC5C5;

	color: #676767;

	box-shadow:0 0 4px rgba(82,168,236,.5);

}

input.submit, input.submit:focus, input.submit:active {

	cursor:pointer;

    color: #fff;

	text-decoration:none !important;	

	border: none;

	box-shadow:0 0 0;

}

input.submit:hover {}



a { 

	-moz-transition:all 0.14s ease 0s; 

	-webkit-transition:all 0.14s ease 0s;   

	-o-transition:all 0.14s ease 0s; 

	outline:none;

	color: #676767;

}

a:hover {

	color: #7d2907;

}

.title, .title a { 

	text-decoration: none;

}

.title a:hover {

}

img {

	max-width:100%;

}

.responsive-image{

        height:auto;

        max-width:100%;

    }

.radius-200 {

    border-radius: 200px 200px 200px 200px;

}

.border {

	border: 2px solid #444;

	border-radius: 20px 20px 20px 20px;

	padding: 5px;

}

.alignleft {

	float:left;

	margin: 0 20px 0 0;

}

.alignright {

	float:right;

	margin: 0 0 0 20px;

}

.aligncenter {

	display: block;

	margin: 10px auto;

	float:none;

}

.text-align-right {

	text-align: right;

}

.text-align-left {

	text-align: left;

}

.text-align-center {

	text-align: center;

}

.uppercase {

	text-transform: uppercase;

}

.divider {

	float: left;

	width: 100%;

	height: 70px;

}

.divider-border {

	border-top: 2px solid #eee;

	float: left;

	width: 100%;

	margin: 20px 0;

}

.divider-border2 {

	border-top: 1px solid #969696;

	float: left;

	width: 100%;

	margin: 20px 0;

}

#footer .divider-border {

	border-top-color: #4c6a7e;

	margin:10px 0 20px;

}





/*------------PAGE CONTENT------------------*/



#testimonials > li {

    min-height: 200px;

}



#wrapper {

	position: relative;

	z-index: 2;

	padding-bottom: 30px;

	background-color: #FFF;

	box-shadow: 

	0 1px 1px rgba(0, 0, 0, 0.15), /* The top layer shadow */

    0 3px 0 -1px rgba(255, 255, 255, 1), /* The second layer */

    0 3px 1px 0 rgba(0, 0, 0, 0.15), /* The second layer shadow */

    0 6px 0 -2px rgba(255, 255, 255, 1), /* The third layer */

    0 6px 2px -1px rgba(0, 0, 0, 0.15); /* The third layer shadow */

}

#header-wrapper {

	width: 100%;

	margin: 0 auto;

	padding: 0;

	z-index:9999;

	background-color: #0097dc;

	padding: 20px 0;

	transition-duration: 0.35s; 

}

#header-wrapper2 {

	width: 100%;
	
	margin: 0 auto;

	padding: 0;

	z-index:9999;

	background-color: #ffff00;

	padding: 10px 0;

	transition-duration: 0.35s;

	border-top: 3px solid #000; 
	
	border-bottom: 1px solid #000;

}

#header-wrapper.sticky {

	position: fixed;

	left:0;

	right:0;

	top: 0;

    padding: 20px 0;

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

}	

#header-wrapper.alternate {

	width: 100%;

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

}

#header-wrapper.sticky.alternate {

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

}

.header {

	padding: 0;

	margin: 0 auto;

	width: 1130px;

}

#logo, #logo a {

	float: left;

	line-height: 0px;

	

}

.content {

	margin: 0 auto;

	padding: 0;

}



.section {

	width: 1130px;

	margin: 0 auto;

	padding: 20px 0;

	overflow: hidden;

}



.section2 {

	width: 1130px;

	margin: 0 auto;

	padding: 20px 0;

	overflow: hidden;

	background: #0097dc;

}

.section .holder {

	width: 1130px;

	margin: 0 auto;

	z-index: 999;

	position: relative;

}

.section.alternate {

    background: #0097dc;

	padding: 20px 20px;

}

.section.two {

	background: #2b2a29;

	padding: 20px 20px;

}

.section.three {

	background: #147837;

	padding: 20px 20px;

}



.section.four {

	background: #f2dcc7;

	padding: 20px 20px;

}

.section.five {

	background: #1A1617;

	padding: 20px 20px;

}


.section.alternate.dark {

    background: #444;

	color: #ccc;

	box-shadow: 0 0 3px rgba(0,0,0,0.6) inset;

}

.section.alternate.color {

	color: #FFF;

}

.section:last-child {

	padding-bottom: 0;

}

.section.alternate:last-child, .section.alternate.dark:last-child, .section.alternate.color:last-child, .section.parallax-background:last-child {

	margin-bottom: -80px;

}

.parallax-background {

	position: relative;

}

.parallax-background {

	width: 100%;

	background-position: 50% 0;

	background-repeat: no-repeat;

	background-attachment: fixed;

	background-size: cover;

	box-shadow: 0 0 3px rgba(0,0,0,0.09) inset;

}

.parallax-background .holder {

	padding: 0;

}

.parallax-background.color .item-mask {

	opacity:0.7;

	filter:alpha(opacity=70);

}

.parallax-background.dark .item-mask {	

	background: rgba(92, 92, 92, 0.70);

	box-shadow: 0 0 3px rgba(0,0,0,0.3) inset;

}

.parallax-background.light .item-mask {

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

	box-shadow: 0 0 3px rgba(0,0,0,0.07) inset;

}

.parallax-background .item-mask {

	z-index: 1;

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	height: 100%;

}

.parallax-background.color .item-mask {

    background: none repeat scroll 0 0 #196AF0;

}

#index {

	background-image: url(../images/parallax-backgrounds/04.jpg);

	color: #fff;

	padding: 100px 0;

}	

#about {

	background-image: url(../images/parallax-backgrounds/02.jpg);

	color: #fff;

	padding: 100px 0;

}

#about2 {

	background-image: url(../images/parallax-backgrounds/03.jpg);

	padding: 200px 0;

	color: #fff;

}	

#blog {

	background-image: url(../images/parallax-backgrounds/04.jpg);

	color: #fff;

	padding: 250px 0;

}

#portfolio {

	background-image: url(../images/parallax-backgrounds/05.jpg);

	color: #fff;

	padding: 250px 0;

}	

#portfolio2 {

	background-image: url(../images/parallax-backgrounds/04.jpg);

	color: #fff;

	padding: 250px 0;

}		

#clients-testimonials {

	background-image: url(../images/006.jpg);

	color: #fff;

	padding: 70px 0;

}

#clients-testimonials2 {

	background-image: url(../images/above_footer.jpg);

	color: #fff;

	padding: 0px 0;

}			

#contact{

	background-image: url(../images/parallax-backgrounds/04.jpg);

	color: #000;

	padding: 200px 0;

}	

/*-------------MAIN NAVIGATION----------------*/

#primary-menu {

	float: right;

	margin: 35px 0 0;

	padding: 0;

}

#primary-menu select {

	display:none;

}

#primary-menu select {

	background: none repeat scroll 0 0 #FFFFFF;

	border: 1px solid #eee;

    cursor: pointer;

    width: 100%;

	padding: 5px;

	margin: 0 0 0 0;

	box-shadow: 0 0 0 rgba();

	color: #f5f5f5;

}

#primary-menu a:hover {

	color: #cceeff;

}

.menu {

	margin: 0;

	padding: 0;

	list-style-type: none;

	float: right;

}

.menu li:hover { 

	visibility: inherit; 

}

.menu li {

	position: relative;

	display: inline;

	float: left;

}

.menu li:after {

	content: "\2022";

	color: #fff;

}

.menu li:last-child:after {

    content: "";

}

.menu li a {

	text-decoration: none;

	text-transform: uppercase;

	font-size:13px;

	line-height: 20px;

	font-weight: 600;

	color: #ffffff;

	margin: 0 0 10px 0;

    padding: 0 7px;

	display: block;

	float: left;

}

.menu li:last-child a {

	padding-right: 0;

}

.menu li a:hover, .menu li.sfHover a {

}

.menu li a.current {

	color: #f5f5f5;

}

.menu li ul {

	position: absolute;

	top: -9999em;

	width: 350px;

    background: none repeat scroll 0 0 rgba(0, 151, 220, 0.90);

    border-radius: 7px;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

	z-index: 9999;

}

.menu li li { 

	width: 100%; 

}

.menu li li:after {

	content: "";

}

.menu li:hover ul {

	left: 15px;

	top: 100%;

}

.menu li:hover li ul { 

	top: -9999em; 

}

.menu li li:hover ul {

	left: 201px;

	top: 0;

	visibility: visible; 

	z-index: 9999;

}

.menu li ul {

	margin: 0;

}

.menu li ul li {

	margin: 0;

	background: none;

	padding: 0 25px;

}

.menu li ul li:last-child {

	border-bottom: none;

}

.menu li ul li a, .menu il ul li:last-child a, .menu il ul li:first-child a, .menu li ul li:first-child ul li a {

	font-size: 12px;

	padding: 12px 0;

	word-spacing: 2px;

	border-bottom: 1px solid #f5f5f5;

}

.menu li ul li:first-child a, .menu li ul li:last-child ul li:first-child a, .menu li ul li:first-child ul li:first-child a {

	padding: 22px 0 12px 0;

}

.menu li ul li:last-child a, .menu li ul li:last-child ul li:last-child a, .menu li ul li:first-child ul li:last-child a {

	padding: 12px 0 22px 0;

	border-bottom: none;

}

.menu li ul li:last-child ul li a {

	border-bottom: 1px solid #f2f2f2;

	padding: 12px 0;

}

.menu li:hover ul li a, .menu li li:hover ul li a { 

    color: #f5f5f5;    

	border-top: none;

	margin: 0;

	width: 100%;

}

.menu li:hover ul li a:hover, .menu li li:hover ul li a:hover, .menu li ul li.sfHover a {

	color: #cceeff; 

}

/*---------------MOBILE NAVIGATION------------------*/

#three-lines-menu {

	display: none;

	float: right;

	margin-top:25px;

}

#three-lines-menu a {

	background: #333;

	color: #fff;

	font-size:20px;

	line-height: 35px;

	text-transform: uppercase;

	border-radius: 2px 2px 2px 2px;

	padding: 3px 7px !important;

}

#three-lines-menu a:hover {

	color: #fff;

}

#mobile-menu {

	display: none;

	background: #f5f5f5;

	width: 100%;

	padding: 0 0 10px 0;

	margin: 0;

/*	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.06);*/

}

#mobile-menu ul {

	list-style-type: none;

	margin: 0 auto;

	padding: 0;

}

#mobile-menu ul li {

	border-top: 1px dotted #ccc;

}

#mobile-menu ul li:first-child {

	border-top: none;

}

#mobile-menu ul li a {

	color: #888;

	font-size: 11px;

	text-transform: uppercase;

	display: block;

	position: relative;

	padding: 15px 0 !important;

}

#mobile-menu ul li a.active {

}

#mobile-menu ul li a:hover {

}

#mobile-menu ul li ul {

	padding: 0 0 0 30px;	

	border-top: 1px dotted #ccc;     

}

#mobile-menu ul li ul li:first-child {

	border-top: none;

}

#mobile-menu ul li li a {

}



@media only screen and (min-width : 1px) and (max-width : 959px) {

#three-lines-menu {

	display: block!important; 

}	

li a .sf-sub-indicator { 

	right: 0 !important;

	position: absolute;

	left: auto!important;

    top: 0 !important; 

	height: 50px;

	width: 50px;

	text-align: right;

}

li a .sf-sub-indicator:after, li.open li a .sf-sub-indicator:after, li.open li.open li a .sf-sub-indicator:after { 

	content: "+";

	font-size: 16px;

	line-height: 45px;

	margin: 0 5px 0 0;

}	

li.open a .sf-sub-indicator:after, li.open li.open a .sf-sub-indicator:after, li.open li.open li.open a .sf-sub-indicator:after { 

	content: "-";

	font-size: 23px;

	margin: 0 7px 0 0;

	line-height: 40px;

}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {

	height: 0px;

	position: absolute;

	visibility: hidden!important;

	overflow: hidden;

}

.sf-menu li ul.mobile-open {

   	height: auto!important;

   	display: block!important;

   	position: relative;

   	visibility: visible!important;

}

}

/*----------------PAGE HEADER--------------------*/

.page-header {

	overflow: hidden;

	margin: 0 auto; 

	padding: 10px 0;

	border-top: 2px solid #eee;

	border-bottom: 2px solid #eee;

	width: 1130px;

}

.page-header .title, .page-header .title a  {

	margin-bottom: 0;

}

.page-header .subtitle {

	font: 400 13px/23px Open Sans',Helvetica,Arial,sans-serif; 

               margin-bottom: 0';

	

}

.page-header.fullwidth {

    background: #f5f5f5;

	width: 100%;

	border-bottom: none;

	border-top: none;

	box-shadow: 0 0 3px rgba(0,0,0,0.1) inset;

}

.page-header .holder {

	width: 1130px;

	margin: 0 auto;

	z-index: 999;

	position: relative;

}

.page-header.fullwidth .filterable {

	padding-top: 7px;

	padding-bottom: 0;

}

/*----------------FOOTER---------------------*/

#footer {

	width: 100%;

	z-index: 1;

    background: #004f75;

	color: #aaa;

	float: left;

}

#footer .section {

	padding-top: 100px;

}

#footer.fixed {

	position: fixed;

	bottom: 0;

	left: 0;

}

#footer .section:last-child {

	padding-bottom: 50px; 

}

#footer .section.alternate {

	background-color: #eee;

	box-shadow: 0 0 3px rgba(0,0,0,0) inset;

	color: #676767;

}

#footer h3 {

	text-transform: uppercase;

	font-size:16px;

	line-height: 24px;

	font-weight: 500;

    color: #F5F5F5;

	display: block;

	margin-bottom:15px;

}



#footer h7 {

	text-transform: uppercase;

	font-size:12px;

	line-height: 14px;

	font-weight: 500;

    color: #F5F5F5;

	display: block;

	margin-bottom:15px;

}

#footer ul li {

	margin-bottom:15px;

}

#footer ol li {

    margin-bottom: 15px;

}

#footer ol li span.date, #footer ol li span.author {

	text-transform: uppercase;

	font-size:10px;

	display: inline;

}

#footer ul li span.date {

	text-transform: uppercase;

	font-size:10px;

	display: block;

}

#footer .outline:hover{

	background-color:#444;

}

#footer .newsletter-form {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

    border: medium none;

}

#footer a {

	color: #efac63;

}

#footer a:hover {

}

#footer .button a {

    font: 11px/17px Helvetica, Arial, sans-serif;

	color: #fff;

}

#footer ul {

	list-style-type: none;

	padding: 0;

	margin: 0;

}

#footer ol {

	list-style-type: none;

	padding: 0;

	margin: 0;

}

#footer ul li {

}

#footer .social-bookmarks, #footer .social-bookmarks li {

	float: none;

}

#footer .social-bookmarks li a {

	float: none;

	display: inline-block;

	margin: 0 0 0 15px;

}

#footer .social-bookmarks li:first-child a {

	margin: 0;

}

#footer p.copyright {

	margin-bottom:10px;

}



/*----------------FOOTER BOTTOM---------------------*/

.footerBottom{ 

	background-color:#000000; 

	padding:10px 0 10px 0; 

	font-size:0.875em; 

	text-align:center; }

	

.duoLogo{ 

padding-left:10px; vertical-align:middle; }



.duoLogo:hover{ 

opacity:0.5; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; }



.book-online:hover{ 

opacity:0.75; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)'; }



/*-------------------COLUMNS-----------------------*/

.one, .one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .one-sixth { float:left; position:relative; margin-right:4%; }

.one { width: 100%; margin-right: 0; }

.one-half {	width: 48%; }

.one-third  { width: 30.66%; }

.two-third { width: 65.33%; }

.one-fourth { width: 22%; }

.three-fourth { width: 74%; }

.one-fifth { width: 16.8%; }

.one-sixth { width: 16.6%; }

.last { margin-right: 0 !important; }

.one.aligncenter, .one-half.aligncenter, .one-third.aligncenter, .two-third.aligncenter, .one-fourth.aligncenter, .three-fourth.aligncenter, .one-fifth.aligncenter { float:none; }



/*#park-info .one {

    margin-bottom: 20px;

}*/



#park-info a {

    color: #36374A;

	font: 300 26px/30px 'Open Sans',Helvetica,Arial,sans-serif;

    text-transform: uppercase;

}

#park-info a:hover {

    color: #99BC3A;

}

/*----------------GRID VIEW-----------------------*/

.grid {

    width: 100%;

}

.grid div {

	float: left;

	margin-bottom: 0.5%;

	margin-right: 0.5%; 

}

.grid.row3 div {

    width: 33%;

}

.grid.row3 div:nth-child(3n+3) {

	margin-right: 0;

}

.grid.row4 div {

    width: 24.61%;

}

.grid.row4 div:nth-child(4n+4) {

	margin-right: 0;

}

.grid.row5 div {

    width: 19.60%;

}

.grid.row5 div:nth-child(5n+5) {

	margin-right: 0;

}

.grid.row6 div {

    width: 16.25%;

}

.grid.row6 div:nth-child(6n+6) {

	margin-right: 0;

}

.grid img {

	display: block;

	margin: 0 auto;

}



.clients div {

	background-color: #f5f5f5;	 

}

.clients div:hover {

	background-color: #F9F9F9;

}

.alternate .clients div {

	background-color: #eee;

}

.alternate.dark .clients div {

	background-color: #555;

}

.clients img {

	-moz-transition:all 0.14s ease 0s; 

	-webkit-transition:all 0.14s ease 0s;   

	-o-transition:all 0.14s ease 0s; 

	opacity:0.65;

	filter:alpha(opacity=65);

}

.clients div:hover img {

	opacity:1;

	filter:alpha(opacity=100);

}

/*-----------------BUTTONS------------------------*/

.button {

	cursor:pointer;

	text-align:center;

	display:inline-block;

	margin-bottom: 5px;

	border-radius: 4px 4px 4px 4px;

	font-weight: 700;

	letter-spacing: 0.5px;

}

.button, .button:hover, #footer .button, #footer .button:hover {

	color: #FFFFFF;

	text-transform:uppercase;

}

.button:hover {

	background-color: #6B6B6B;

}

.button + .button {

    margin-left: 30px;

}

.outline, #footer .outline {

	box-shadow: 0 0 0 2px #444 inset;

	color: #fff;

	background-color: transparent;

}

#footer .outline{

	margin-top:8px;

}

.outline:hover {

	color: #fff;

}	

.outline.black {

	box-shadow: 0 0 0 1px #2995ab inset;

	color: #2995ab;

}

.outline.grey {

	box-shadow: 0 0 0 1px #aaa inset;

	color: #aaa;

}

.outline.black:hover {

	color: #fff;

	background-color: #fff;

}

.outline.white {

	box-shadow: 0 0 0 2px #FFFFFF inset;

	color: #444;

}

.outline.white:hover {

	color: #444;

	background-color: #fff;

}

.small {

	padding: 0 12px 0 12px !important;

	font-size: 10px;

}

.medium {

	font-size:11px;

	padding: 9px 18px !important;

}

.large {

	padding: 12px 29px !important;

	font-size: 12px;

}

.rounded {

	border-radius: 30px 30px 30px 30px;

}

.grey { background-color:#444; }

.grey:hover { color: #FFFFFF; }

.yellow { background-color:#FEEB43; color: #707070; }

.white { background-color:#fff; color: #444; }

.orange { background-color:#FF7A00; }

.teal { background-color:#2995AB; }

.white.outline { box-shadow: 0 0 0 2px #FFFFFF inset; color: #fff; background-color:transparent; }

.green { background-color:#78d18b; }

.tealgreen { background-color:#3ea9a1; }

.blue { background-color: #7CC0CB; }

.navyblue { background-color: #657383; }

.purple { background-color:#9a86a2; }

.magenta {background-color:#C25283; }

.pink { background-color:#F9A7B0; }

.red { background-color:#dc4f49; }

.cream { background-color:#C9C299; }

.rust { background-color: #944d30; }

.button-group {

    margin: 0 auto;

    overflow: hidden;

    position: relative;

}

.button-group .button {

	font-size: 18px;

	overflow: hidden;

	padding: 25px 0;

	text-align: center;

	text-transform: uppercase;

	width: 50%;

	margin: 0;

	float: left;

	letter-spacing: -1px;

}

.button-group .or {

	background-color: #fff;

	display: block;

	font-size: 12px;

	text-transform: uppercase;

	line-height: 42px;

	text-align: center;

	margin-left: -23px;

	margin-top: -20px;

	position: absolute;

	top: 50%;

	left: 50%;

	width: 40px;

	height: 40px;

	z-index: 99;

	font-weight: bold;

}

.button-group .title {

    display: block;

}

.button-group .subtitle {

	font-size: 11px;

	font-weight: 400;

	line-height: 15px;

	letter-spacing: 0;

}	

.button-group .button:first-child {

	border-bottom-left-radius: 3px;

	border-top-left-radius: 3px;

    border-bottom-right-radius: 0;

    border-top-right-radius: 0;

	border-right: 1px solid #fff;

}

.button-group .button:last-child {

    border-bottom-right-radius: 3px;

    border-top-right-radius: 3px;

    border-bottom-left-radius: 0;

    border-top-left-radius: 0;

}

/*---------------TOGGLE--------------------*/

.toggle-wrap {

	float: left;

	width: 100%;

	margin-bottom: 6px;

}

.trigger {

}

.trigger a {

	display: block;

	padding: 15px;

	text-decoration: none;

	font-weight: bold;

	color: #676767;

	-webkit-transition-duration: 0s; 

	-moz-transition-duration: 0s; 

	-o-transition-duration: 0s;	

	background: #f5f5f5;

}

.trigger.active a { 

}

.toggle-container {

	overflow: hidden;

	float: left;

	padding: 25px;

}

.trigger a:before {

	content: "+";

	float: right;

	font-weight: bold;

	font-size: 16px;

	line-height: 20px;

}

.trigger.active a:before { 

	content: "-";

	font-size: 22px;

	line-height: 12px;

}

/*----------------FAQS ACCORDIAN------------------*/

.trigger-button {

	font-weight: bold;

	float: left;

	width: 100%;

	padding: 15px 0;

	margin-bottom: 6px;

	text-decoration: none;

	background: #effbfc;

	cursor:pointer;

}

.trigger-button:before {

	content: ">";

	float: right;

	font-weight: bold;

	font-size: 16px;

	line-height: 20px;

	margin-right: 15px;

}

.trigger-button.active:before {  

	content: "<";

	font-size: 16px;

	line-height: 12px;

}

.trigger-button:first-child{

	margin-top: 0;

}

.trigger-button span {

	padding-left: 15px;

	display:block;

}

.accordion {

	float: left;

	padding: 20px 10px;

	margin-bottom: 6px;

}

.accordion.faq-accordion > p {

    margin-left: 15px;

}

/*--------------------TABS----------------------*/

ul.tabs {

	padding: 0;

	list-style: none;

	width: 100%;

	margin: 0;

	float: left;

}

ul.tabs li {

	overflow: hidden;

	position: relative;

	float: left;

}

ul.tabs li a {

    background: #f5f5f5;

	border: 1px solid #ddd;

    color: #999;

	font-weight: bold;

    display: block;

    padding: 5px 20px;

    margin-right: -1px;

}

.tabs li:last-child a {

    border-right: 2px solid #ddd;

}

.tabs li a:hover, .tabs li.active a {

    color: #676767;

}

.tabs li.active a {

    background: #FFFFFF;

    border-bottom:1px solid #FFFFFF;

}

.tab_container{

	float: left;

	width: 100%;

}

.tab_container {

	margin: 0px;

	padding: 0px;

	float: left;

}

.tab_content {

	padding: 20px;   

	border: 1px solid #ddd;

    margin: -1px 0 0 0;

}



ul.tabs.vertical {

	width: 30%;

	float: left;

}

ul.tabs.vertical li {

	width: 100%;

	margin-right: 0;

	margin-bottom: 0;

}

ul.tabs.vertical li a {

	width: 100%;

    padding: 10px 15px;

    margin-bottom: -1px;

}

.tabs.vertical li:last-child a {

    border-bottom: 2px solid #ddd;

    border-right: 1px solid #ddd;

}

.tabs.vertical li.active a {

    background: #FFFFFF;

    border-right:1px solid #FFFFFF;

}

.tab_container.vertical{

	float: right;

	width: 70%;

}

.tab_container.vertical .tab_content {

    margin: 0 0 0 -1px;

}

/*-----------------PORTFOLIO---------------------*/

.portfolio-grid ul li a.hide {

	display: none;

}

.portfolio-grid {

	width: 101%;

	margin: 0 0 0 -1%;

	padding: 0;

	float: left;

}

.portfolio-grid ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

}

.portfolio-grid ul li {

    background: #f8f8f8;

	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);

	float: left;

	margin: 0 0 1% 1%;

	padding: 0;

}

.isotope-item {

    z-index: 1;

}

.isotope-hidden {

    z-index: 0;

}

.col2 li {

	width: 48.98%;

}

.col3 li {

	width: 32.25%;

}

.col4 li {

	width: 23.92%;

}

.portfolio-grid ul li img {

	float: left;

	width: 100%;

}	

.item-info {

	padding: 20px;

	color: #444;

	float: left;

}

.item-info h3.title, .item-info-overlay h3.title {

	font-size:17px;

	line-height: 21px;

	margin-bottom: 0;  

}

.item-info h3.title, .item-info h3.title a {

	color: #676767;

}

.item-info h4, .item-info-overlay h4 {

	font-size:10px;

	line-height: 17px;

	letter-spacing: 0;

	text-transform: uppercase;

	margin-bottom: 0;

	color: #fff;

}

.item-info-overlay a.overlay-link {

	height: 100%;

	position: absolute;

	width: 100%;

	z-index: -1;

	left: 0;

	top: 0;

}

/*------------INFO OVERLAY---------------*/

.item-info-overlay {

}

.item-info-overlay {

	position:absolute;

	left: 0;

	top: 0;

	width:100%;

	height:100%;

	display: none;

    z-index: 120;

	background: rgba(33, 33, 33, 0.99); 

	text-align: center;

}

.item-info-overlay div {

	margin: 0 9%;

}

.item-info-overlay h3.title {

	margin: 9% 9% 0 9%;

}	

.item-info-overlay h3.title, .item-info-overlay h3.title a {

	color:#99bc3a;

}

.item-info-overlay h3.title a:hover {

	color: #fff;

}

.item-info-overlay p {

	color: #999;

	font-size:12px;

}

.item-info-overlay p:before {

	content: "_";

	width: 100%;

	text-align: center;

	float: left;

	margin-bottom: 18px;

}	

.item-info-overlay .outline {

	box-shadow: 0 0 0 1px #999 inset;

	color: #999;

	line-height: 16px;

}

.item-info-overlay .outline:hover {

	color: #fff;

}

.item-info-overlay .button + .button {

    margin-left: 5px;

}

/*-----------------SHAPED STYLE ITEM--------------------*/

.portfolio-grid ul.shaped li {

	background-color: transparent;

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

}

.shaped li {

	margin: 0 0 10px 10px;

}

.shaped .item-container {

	display: block;

	position: relative;

}

.shaped .item-mask {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 99;

}

.shaped .item-container img {

    z-index:9;

}

.shaped .item-info-overlay {

	text-align: center;

}

/*-------------HEXAGON STYLE------------------*/

.hexagon.col3 {

	margin: 0 0 0 60px;

}

.hexagon.col3 li {

	width: 300px;

	margin: 0 0 33px 33px;

}

.hexagon.col3 .item-container img {

}

.hexagon.col3 .item-mask {

    background: url("../images/mask-hexagon-col3.png") no-repeat 0 0 transparent;

}

.hexagon.col3 .item-info-overlay {

    background: url("../images/mask-hexagon-col3.png") no-repeat 0 0 rgba(33, 33, 33, 0.99);

}

.hexagon.col3 li, .hexagon.col3 .item-container img, .hexagon.col3 .item-mask {

	height: 338px;

}

.hexagon.col4 .item-mask {

    background: url("../images/mask-hexagon-col4.png") no-repeat 0 0 transparent;

}

.hexagon.col4 .item-info-overlay {

    background: url("../images/mask-hexagon-col4.png") no-repeat 0 0 rgba(33, 33, 33, 0.99);

}

.hexagon.col4 li, .hexagon.col4 .item-container img, .hexagon.col4 .item-mask {

	width: 273px;

	height: 307px;

}

.hexagon .item-mask {

	width: 100%;

	height: 100%;

}

.hexagon.col3 .item-info-overlay div {

	margin: 25% 8% 0 8%;

}

.hexagon.col4 .item-info-overlay div {

	margin: 25% 5% 0 5%;

}

/*---------------CIRCLE STYLE------------------*/

.circle.col3 li {

	width: 338px;

	height: 338px;

	margin: 0 0 30px 35px;

}

.circle.col3 .item-container img {

	height: 338px;

}

.circle.col4 li {

	width: 273px;

	height: 273px;

}

.circle.col4 .item-container img {	

	height: 273px;

}

.circle .item-info-overlay, .circle li .item-container img {

    border-radius: 300px 300px 300px 300px;

}

.circle .item-info-overlay {

	width: 100%;

	height: 100%;

}

.circle .item-container img {

	height: 100%;

}

.circle .item-info-overlay {

	background:  rgba(33, 33, 33, 0.99);

}

.circle .item-info-overlay div {

	margin: 14% 9% 0 9%;

}

/*---------------FILTERABLE NAVIGATION----------------*/

.filterable {

	width: 100%;

	padding-bottom: 25px;

}

.filterable  ul {

	display: inline-block;

	margin: 0;

	padding: 0;

}

.filterable li {

	background: none;

	display: inline;

	float: left;

}

.filterable li:last-child a {

	margin: 0 0 0 7px;

}

.filterable li:after {

	content: "\2022";

	color: #999;

}	

.filterable li:last-child:after {

    content: "";

}

.filterable li a {

	font-size: 11px;

	color: #aaa;

	text-transform: uppercase;

	text-decoration: none;

	float: left;

	margin:0 5px;

	padding:0 5px;

}

.filterable li a:hover {

	color: #222;

}

.filterable li.current a {

}

/*-----------------GALLERY--------------------*/

.gallery {

	margin: 0 auto;

	list-style: none;

	text-align: center;

}

.gallery li {

	text-align: left;

	position: relative;

}

.gallery div {

	margin: 0;

	position: relative;

}

.gallery div img {

	position: relative;

	width: 100%;

}

.gallery div img:hover {

	position: relative;

}

.gallery .caption {

	position: absolute;

	top: 0;

	left: 0;

	padding: 20px;

	background-color: #292929;

	color: #fff;

}

.gallery .caption h3.title {

	padding: 9% 9% 5px 9%;

	font-size: 19px;

	line-height: 23px;

	margin: 0;

	padding: 0;

}

.gallery .caption h3.title a:hover {

	color: #fff;

}

.gallery .caption h4 {

	font-size:10px;

	letter-spacing: 0;

	line-height: 17px;

	text-transform: uppercase;

	margin-bottom: 0;

	display: inline;

}

.gallery.overlay {

    background-color: rgba(254, 235, 67, 0.85);

}



/* Style 3 */

.style-3 div {

	overflow: hidden;

}

.style-3 div img {

	-webkit-transition: -webkit-transform 0.3s;

	-moz-transition: -moz-transform 0.3s;

	transition: transform 0.3s;

}

.no-touch .style-3 div:hover img,

.style-3 div.cs-hover img {

	-webkit-transform: translateY(-50px);

	-moz-transform: translateY(-50px);

	-ms-transform: translateY(-50px);

	transform: translateY(-50px);

}

.style-3 .caption {

	width: 100%;

	top: auto;

	bottom: 0;

	opacity: 0;

	-webkit-transform: translateY(100%);

	-moz-transform: translateY(100%);

	-ms-transform: translateY(100%);

	transform: translateY(100%);

	-webkit-transition: -webkit-transform 0.3s, opacity 0.1s 0.3s;

	-moz-transition: -moz-transform 0.3s, opacity 0.1s 0.3s;

	transition: transform 0.3s, opacity 0.1s 0.3s;

}

.no-touch .style-3 div:hover .caption,

.style-3 div.cs-hover .caption {

	opacity: 1;

	-webkit-transform: translateY(0px);

	-moz-transform: translateY(0px);

	-ms-transform: translateY(0px);

	transform: translateY(0px);

	-webkit-transition: -webkit-transform 0.3s, opacity 0.1s;

	-moz-transition: -moz-transform 0.3s, opacity 0.1s;

	transition: transform 0.3s, opacity 0.1s;

}

.style-3 .caption a {

	bottom: 20px;

	right: 20px;

}

/*-----------------PORTFOLIO ITEM NAVIGATION-------------------*/

ul.item-nav {

	list-style-type: none;

	margin: 0;

	padding: 0;

}

ul.item-nav li {

    display: inline-block;

	-webkit-transition:all 0.14s ease 0s; 

	-moz-transition:all 0.14s ease 0s; 

	-o-transition:all 0.14s ease 0s; 

	background: #444;

	border-radius: 2px 2px 2px 2px;

}

ul.item-nav li a {

	background: url("sprite.png") no-repeat scroll 0 0 transparent;

	display: block;

	height: 35px;

	width: 35px;

	text-indent: -9999px;

	-webkit-transition-duration: 0s; 

	-moz-transition-duration: 0s; 

	-o-transition-duration: 0s; 

}

ul.item-nav li:hover {

}

ul.item-nav li.prev a {

	background-position: 12px 12px;

}

ul.item-nav li.next a {

    background-position: 12px -48px;

}

ul.item-nav li.all a {

    background-position: 12px -18px;

}

/*----------------CONTACT FORM-----------------*/

.google-map {

	height: 250px;

}

.google-map-2 {

	height: 350px;

}

.google-map-3 {

	height: 450px;

}

.google-map-4 {

	height: 425px;

}



   .small, label {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	font-weight: normal;

	line-height: 16px;

	color: #192D48;

	list-style-type: square;

}



#quote_form {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	font-weight: normal;

	line-height: 16px;

	color: #192D48;

    padding-bottom: 15px;

}



#quote label {

    width: 75%;

    float: left;

    clear: left;



}



.quote_input {

    width: 75%;

    float: left;

}



.quote_textarea {

    width: 98%;

    height: 150px;

    float: left;

}



.quote_input2 {

    width: 75%;

    float: left;

}



.quote_checkbox {

    width: 15px;

    height: 15px;

    float: left;

}





.field_error { color: #ff6666;}



.info {

    clear: both;

    padding: 3px; margin: 3px;

    width: 92%;

    text-align: center;

}



.info a:link {

    color: inherit;

}

/*----------------Bookings Footer--------------------*/



.button.small.outline {

    padding: 7px;

}



.cat_textbox_small {

	height: 30px;

    width: 180px;

}



.button.small.outline {

	color: #8F8F8E;

    font-size: 14px;

    font-weight: normal;

    padding: 6px 3px !important;

    text-transform: lowercase;

}



.footer-section {

	/*display: inline-block;

    min-height: 100px;

    overflow: hidden;

    padding: 16px;

    width: 278px;*/

}





.footer-section > span {

    font-family: icon;

    font-size: 22px;

    font-weight: normal;

}

.columns7 {

    text-align: left;

}



.columns7 a {

    color: #818181;

    font: 36px/0.5em Arial,Helvetica,sans-serif;

    text-decoration: underline;

}

.columns7 a:hover {

	color:#000000;

	text-decoration:none;

}