@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700);

/* ==========================================================================
   GENERAL
   ========================================================================== */
#content {
	padding-bottom: 40px;
}   
   
.bgtint { 
	background: #f9f8ef;
	background-image: url(../img/bg-tile.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-bottom: 40px;	
}

.img-responsive {
  width:100%\9;/* IE 8 */
}
.button {
	padding: 10px 20px;
	border-radius: 4px;
	margin-top: 5px;
	display: inline-block
}

.twist {
	transform: rotate(3deg) ;
	-webkit-transform: rotate(3deg) ;
	-moz-transform: rotate(3deg) ;
	-o-transform: rotate(3deg) ;
	-ms-transform: rotate(3deg) ;
	border-radius: 4px;
}
section {
	margin-top: 30px;
	margin-bottom: 30px;

}
blockquote {
	font-weight: 700;
	position: relative;
	padding-left: 40px;
	border-left: none;
	margin-top: 30px;
	margin-bottom: 30px;
}
blockquote:before {
	font-family: FontAwesome;
	content: "\f10d";
	font-size: 24px; 
	color: #FF6600;
	position: absolute;
	top: 30;
	left: 0
}

p, ul, ol{
	color: #666666;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 20px
}
p:last-of-type {
	margin-bottom: 0px
}

a {
	color: #CC3344;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #FF6600;
	}


h1.tilted,
h2.tilted,
h3.tilted,
h4.tilted {
	padding: 10px 15px;
	margin-top: -15px;
	margin-bottom:20px;
	margin-left:5px;
	display: inline-block; 
	transform: rotate(358deg) ;
	-webkit-transform: rotate(358deg) ;
	-moz-transform: rotate(358deg) ;
	-o-transform: rotate(358deg) ;
	-ms-transform: rotate(358deg) ;
	border-radius: 4px;
}

.side-widget h3.tilted {
	margin-top:10px;
	margin-left: -10px;
}


h2 {
	margin-top: 0;
	font-size: 26px;
	line-height: 32px;
	margin-bottom:25px
}

h3 {
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 20px;
	margin-top: 0;
}

h4 {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 5px;
	margin-top: 10px;
}

p+h2 {margin-top: 20px}


hr {
	border: 1px #FF6600 dotted;
	border-bottom: none;
	}

#top-section h2 {margin-bottom: 25px}

body.yellowtheme {background: #FFFFFF}
.yellowtheme .themebg  {background: #FFCC00}
.yellowtheme  {background: #FFCC00}
.yellowtheme h1, .yellowtheme .tilted, .yellowtheme .button {background: #FF7700; color: #FFFFFF}
.yellowtheme h2,
.yellowtheme h3,
.yellowtheme h4,
.yellowtheme h5,
.yellowtheme .themebg p {color: #FF7700}
.yellowtheme .owl-theme .owl-dots .owl-dot span  {background: #FF7700}
.yellowtheme .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #FFFFFF; border: solid 1px #FF7700}
.yellowtheme #footer.themebg  {background: #FF7700}



body.orangetheme {background: #FFFFFF}
.orangetheme .themebg  {background: #FF6600}
.orangetheme  {background: #FF6600}
.orangetheme h1, .orangetheme .tilted, .orangetheme .button {background: #FFFFFF; color: #FF6600}
.orangetheme h2,
.orangetheme h3,
.orangetheme h4,
.orangetheme h5,
.orangetheme p {color: #FFFFFF}

body.redtheme {background: #FFFFFF}
.redtheme .themebg  {background: #CC3344}
.redtheme  {background: #CC3344}
.redtheme h1, .redtheme .tilted, .redtheme .button {background: #FFFFFF; color: #CC3344}
.redtheme h2,
.redtheme h3,
.redtheme h4,
.redtheme h5,
.redtheme p {color: #FFFFFF}

body.pinktheme {background: #FFFFFF}
.pinktheme .themebg  {background: #CC3399}
.pinktheme  {background: #CC3399}
.pinktheme h1, .pinktheme .tilted, .pinktheme .button {background: #FFFFFF; color: #CC3399}
.pinktheme h2,
.pinktheme h3,
.pinktheme h4,
.pinktheme h5,
.pinktheme p {color: #FFFFFF}

body.bluetheme {background: #FFFFFF}
.bluetheme .themebg  {background: #33CCCC}
.bluetheme  {background: #33CCCC}
.bluetheme h1, .bluetheme .tilted, .bluetheme .button {background: #FFFFFF; color: #33CCCC}
.bluetheme h2,
.bluetheme h3,
.bluetheme h4,
.bluetheme h5,
.bluetheme p {color: #FFFFFF}

body.greentheme {background: #FFFFFF}
.greentheme .themebg  {background: #33AA66}
.greentheme  {background: #33AA66}
.greentheme h1, .greentheme .tilted, .greentheme .button {background: #FFFFFF; color: #33AA66}
.greentheme h2,
.greentheme h3,
.greentheme h4,
.greentheme h5,
.greentheme p {color: #FFFFFF}

body.purpletheme {background: #FFFFFF}
.purpletheme .themebg  {background: #663399}
.purpletheme  {background: #663399}
.purpletheme h1, .purpletheme .tilted, .purpletheme .button {background: #FFFFFF; color: #663399}
.purpletheme h2,
.purpletheme h3,
.purpletheme h4,
.purpletheme h5,
.purpletheme p {color: #FFFFFF}



/* ==========================================================================
   HEADER
   ========================================================================== */

#header {
	text-align: center;
	padding-top: 10px;
}
#header-logo, #header-contact, #header-social {padding: 10px 0}
#header-logo { 
	margin-bottom: 0px;
}
#header i {
	color: #FF7700;
	margin-right: 2px;
}

ul.social {
	list-style-type: none;
	padding: 0;
	margin: 0
}
ul.social li {
	display: inline
}
ul.social li a{
	display: inline-block;
	color: #FF7700;
	font-size: 32px; 
	padding: 0 3px
}
ul.social a:hover i{
	color: #FFCC00 !important
}

/* ==========================================================================
   BREADCRUMBS
   ========================================================================== */

ul.breadcrumbs {
	font-size: 16px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: center
}

ul.breadcrumbs li {
	display: inline-block;
	color: #999999;
}
ul.breadcrumbs li a {
	color: #999999;
}
ul.breadcrumbs li a:hover {
	color: #FF9900;
}
ul.breadcrumbs li.active {
	color: #FF6600;
}

ul.breadcrumbs li:after { 
   content: '\f1b0';
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin: 0px 0px 0px 10px;
   padding: 0px 10px 0px 0px;
   text-decoration:none;
   color: #FF6600;
}


/* ==========================================================================
   SIDE WIDGETS
   ========================================================================== */
.side-widget {
	margin-bottom:30px;
	margin-top: 0px;
}

h3.sidenav.tilted  {
	margin-bottom: 10px; background-color: #CC3344
}
h3.sidenav a {
	color: #FFFFFF;
}

ul.subnav_lv2 {
	list-style-type:  none;
	margin: 0;
	padding: 0
}
ul.subnav_lv2 li a {
	display: block;
	border-bottom: solid 1px #FF6600;
	color: #999999;
	padding: 10px 5px;
}
ul.subnav_lv2 li.selected a {
	color: #FF6600;
}
ul.subnav_lv2 li.selected a:hover {
	color: #FF9900;
}

ul.subnav_lv2 li a:hover {
	color: #FF6600;
}



/* ==========================================================================
   FOOTER
   ========================================================================== */

#footer {
	text-align: center;
}
#footer section {margin-bottom: 20px}
#footer, #footer a, #footer p, #footer i, #footer h4 {
	color: #FFFFFF;
}
#footer a:hover {
	color:#FFCC00
}
#footer .logo {
	margin-top: -60px
}
.testimonialbg {
	text-align: center;
	padding: 20px 0 30px;
	background: #FFCC00;
}

/* ==========================================================================
   BLOCKS
   ========================================================================== */
.panelbox {
	padding: 0px 30px 25px;
	border-radius: 4px;
}

.box-slider h2 {
	margin-top:5px;
	margin-bottom: 5px;
}

.box-slider .item {
	padding: 20px;
	text-align: center;
	height: 400px;
	border-radius: 4px
}
.box-slider .item img {
	max-height: 130px;
	width: auto;
	display: inline-block;
	margin-bottom: 5px
}

.testimonialbg h2 {
	margin-bottom: 30px
}
.testimonialbg p {
	font-size: 20px;
	line-height: 28px;
}

.imagelinks h2 {
	font-size: 18px;
	margin-top: -20px;
	margin-left: 5px
}

a.imagelinks:hover img{
-moz-transform: scale(1.1) rotate(4deg);
-webkit-transform: scale(1.1) rotate(4deg);
-o-transform: scale(1.1) rotate(4deg);
-ms-transform: scale(1.1) rotate(4deg);
transform: scale(1.1) rotate(4deg);
}
a.imagelinks img{
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

/* ==========================================================================
   MENU
   ========================================================================== */
#navarea { 
	background-color: #FF6600;
	 padding-top: 40px;
}

#desktop-menu {display: none;}

nav ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
nav a:hover {
		text-decoration: none
}

#desktop-menu:after{
  content: "";
  display: block;
  clear: both;
}
#desktop-menu ul#nav {
    float: left;
}
#desktop-menu #nav > li {
  float: left;
  margin-left: 10px;
  position: relative;
}
#desktop-menu #nav li a {
  color: #fff;
  display: block;
  font-size: 16px;
  padding: 10px 15px;
}
#desktop-menu #nav li:hover a, #desktop-menu #nav li.active a{
  background: rgba(255, 255, 255, 1.00) none repeat scroll 0 0;
  border-radius: 3px 3px 0 0;
	color: #FF6600
}

#desktop-menu .sub-menu {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 130%;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  z-index: 9999;

}
#desktop-menu .sub-menu li{
  width: 200px;
}
#desktop-menu #nav li:hover .sub-menu {
  opacity: 1;
  top: 100%;
  visibility: visible;
  z-index: 9999;
  transition: all 0.3s ease 0s;
}
#desktop-menu #nav li .sub-menu li a {
  border-radius: 0;
  font-size: 13px;
  text-transform: capitalize;
}
#desktop-menu #nav li .sub-menu li:hover a{
  background-color: #FF6600;
	color: #FFFFFF
}



/* ==========================================================================
   OWL
   ========================================================================== */




/* ==========================================================================
   FORMS
   ========================================================================== */
   
.enquiry textarea,.enquiry input,.enquiry select{width:90%;}
.error{color:#D00;}
.trip{display:none;}
input[type=submit] {width: auto !important}
label {font-weight:300}
.enquiry {margin-bottom: 30px}


/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */

/* Print */
@media print {
  a[href]:after {
    content: none !important;
  }
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
.center-xs {text-align: inherit}
 }

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
#desktop-menu {display: block;}
#header-logo { 
	margin-bottom: -50px;
}


.center-sm {text-align: inherit}
.text-right {text-align: right}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { ... }