@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
dl, dt, dd, ol, ul, li {
	margin: 0;
	padding: 0
}
.clear {
	clear: both;
	display: block;
	
	
	line-height: 0;
	width: 100%;
	overflow: hidden
}
::selection {
	background: #EEE;
	color: #FFF;
	text-shadow: none
}

::-moz-selection {
 background: #EEE; /* Firefox */
 color: #FFF;
 text-shadow: none
}

::-webkit-selection {
 background: #EEE; /* Safari */
 color: #FFF;
 text-shadow: none
}
:active, :focus {
	outline: none !important
}
/* ----------------------------------------------------------------
    Typography
-----------------------------------------------------------------*/
@font-face {
	font-family: 'Saint Andrews Queen';
	src: url('../css/specialty-fonts/Saint-Andrews-Queen.ttf');
}
body {
	line-height: 1.5;
	color: #121212;
	background: #fff;
	font-family: 'Raleway', sans-serif;
	/*text-transform:uppercase;*/
}
.wrapper{
	width:100%;
	float:left;
	position:relative;
	clear:both;
}
.handwriting {
	font-family: 'Saint Andrews Queen', cursive !important;
	text-transform: none !important
}
.skinny {
	font-family: 'Raleway', sans-serif !important;
	font-weight: 300 !important;
	text-transform: none !important
}
.normal {
	font-weight: normal !important
}
.bold {
	font-weight: bold !important
}
.italic {
	font-style: italic !important
}
.serif {
	font-family: 'PT Serif', serif !important
}
.sans-serif {
	font-family: 'PT Sans', sans-serif !important
}
.letter-spacing {
	letter-spacing: 15px !important
}
.auto-line-height {
	line-height: auto !important
}
.tiny-font {
	font-size: 13px !important
}
.small-font {
	font-size: 16px !important
}
.medium-font {
	font-size: 18px !important
}
.large-font {
	font-size: 36px !important
}
/*.xlarge-font { font-size: 52px !important }*/
.xlarge-font {
	font-size: 40px !important
}
.xxlarge-font {
	font-size: 66px !important
}
.xxxlarge-font {
	font-size: 80px !important
}
.xxxxlarge-font {
	font-size: 100px !important
}
.massive-font {
	font-size: 130px !important
}
a {
	text-decoration: none !important;
	color: #2098D1
}
a:hover {
	color: #2098D1;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out
}
a img {
	border: none
}
img {
	max-width: 100%;
	width: auto;
	height: auto;
	object-fit: cover;
}
iframe {
	border: none !important;
}
.nobullets {
	list-style: none
}
.nobullets li {
	padding: 8px 4px
}
.very-dark-overlay {
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.7)
}
.dark-overlay {
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.5)
}
.mild-dark-overlay {
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.3)
}
.light-overlay {
	box-shadow: inset 0 0 0 1000px rgba(255,255,255,0.4)
}
.fade-overlay {
	position: absolute;
	z-index: 20;
	height: 650px;
	width: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
	background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=0 ); /* IE6-9 */
}
.profile-image {
	border-radius: 50%
}
/*.container { width:100% !important }*/

.img-frame {
	padding: 10px;
	border: 1px solid rgba(155,155,155,0.4);
	outline: 5px solid rgba(155,155,155,0) !important;
	background: #FFF;
}
.dark .img-frame {
	border: 1px solid rgba(155,155,155,0.2);
	outline: 5px solid rgba(155,155,155,0) !important;
	background: #111;
}
/* ----------------------------------------------------------------
    Basic Layout Styles
-----------------------------------------------------------------*/


h1, h2, h3, h4, h5, h6 {
	color: #111;
	font-weight: normal;
	font-family: 'PT Sans', sans-serif;
	line-height: 1.5;
	margin: 0 0 5px 0
}
h1 {
	font-size: 46px
}
h2 {
	font-size: 38px
}
h3 {
	font-size: 30px
}
h4 {
	font-size: 24px
}
h5 {
	font-size: 18px;
	margin-bottom: 8px
}
h6 {
	font-size: 16px;
	margin-bottom: 20px;
	letter-spacing: 4px
}
h1 > span, h2 > span, h3 > span, h4 > span, h5 > span, h6 > span {
	color: #2098D1
}
p {
	font-size: 16px;
	line-height: 2;
	color: #666;
}
.dark, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {
	color: #FFF;
}
.dark p, .dark .entry-content {
	color: #CCC;
}
.dark p.bold {
	color: #FFF
}
pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form {
	margin-bottom: 15px
}
small {
	font-size: 12px
}
.large {
	font-size: 18px
}
.uppercase {
	text-transform: uppercase
}
.tright {
	text-align: right !important
}
.tleft {
	text-align: left !important
}
.fright {
	float: right !important
}
.fleft {
	float: left !important
}
.fnone {
	float: none !important
}
.ohidden {
	position: relative;
	overflow: hidden !important
}
#wrapper {
	position: relative;
	float: none;
	width: 1220px;
	margin: 0 auto;
	background: #FFF;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1)
}
.line, .double-line {
	clear: both;
	position: relative;
	width: 100%;
	margin: 60px 0;
	border-top: 3px double #E5E5E5
}
.line.line-sm {
	margin: 30px 0
}
span.middot {
	display: inline-block;
	margin: 0 5px
}
.emptydiv {
	display: block !important;
	position: relative !important
}
.allmargin-sm {
	margin: 30px !important;
}
.leftmargin-xsm {
	margin-left: 10px !important;
}
.rightmargin-xsm {
	margin-right: 10px !important;
}
.leftmargin-sm {
	margin-left: 30px !important;
}
.rightmargin-sm {
	margin-right: 30px !important;
}
.allmargin {
	margin: 50px !important;
}
.leftmargin {
	margin-left: 50px !important;
}
.rightmargin {
	margin-right: 50px !important;
}
.allmargin-lg {
	margin: 80px !important;
}
.leftmargin-lg {
	margin-left: 80px !important;
}
.rightmargin-lg {
	margin-right: 80px !important;
}
.topmargin {
	margin-top: 50px !important;
}
.topmargin-xsm {
	margin-top: 15px !important;
}
.topmargin-sm {
	margin-top: 20px !important;
}
.topmargin-md {
	margin-top: 30px !important;
}
.topmargin-lg {
	margin-top: 80px !important;
}
.topmargin-xlg {
	margin-top: 120px !important;
}
.bottommargin {
	margin-bottom: 50px !important;
}
.bottommargin-xsm {
	margin-bottom: 15px !important;
}
.bottommargin-sm {
	margin-bottom: 30px !important;
}
.bottommargin-md {
	margin-bottom: 30px !important;
}
.bottommargin-lg {
	margin-bottom: 80px !important;
}
.bottommargin-xlg {
	margin-bottom: 120px !important;
}
.toppadding-tiny {
	padding-top: 10px !important;
}
.toppadding-sm {
	padding-top: 20px !important;
}
.toppadding-md {
	padding-top: 30px !important;
}
.toppadding-lg {
	padding-top: 80px !important;
}
.toppadding-xlg {
	padding-top: 120px !important;
}
.bottompadding-sm {
	padding-bottom: 30px !important;
}
.bottompadding-md {
	padding-bottom: 30px !important;
}
.bottompadding-lg {
	padding-bottom: 80px !important;
}
.clear-bottommargin-sm {
	margin-bottom: -30px !important;
}
.clear-bottommargin {
	margin-bottom: -50px !important;
}
.clear-bottommargin-lg {
	margin-bottom: -80px !important;
}
.nomargin {
	margin: 0 !important;
}
.noleftmargin {
	margin-left: 0 !important;
}
.norightmargin {
	margin-right: 0px !important;
}
.notopmargin {
	margin-top: 0 !important;
}
.nobottommargin {
	margin-bottom: 0 !important;
}
.header-stick {
	margin-top: -50px !important;
}
.content-wrap .header-stick {
	margin-top: -80px !important;
}
.footer-stick {
	margin-bottom: -50px !important;
}
.content-wrap .footer-stick {
	margin-bottom: -80px !important;
}
.nooutline {
	outline: none !important;
}
.noborder {
	border: none !important;
}
.noleftborder {
	border-left: none !important;
}
.norightborder {
	border-right: none !important;
}
.notopborder {
	border-top: none !important;
}
.nobottomborder {
	border-bottom: none !important;
}
.noradius {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
	-o-border-radius: 0 !important;
	border-radius: 0 !important
}
.col-padding {
	padding: 60px
}
.nopadding {
	padding: 0 !important;
}
.noleftpadding {
	padding-left: 0 !important;
}
.norightpadding {
	padding-right: 0 !important;
}
.notoppadding {
	padding-top: 0 !important;
}
.nobottompadding {
	padding-bottom: 0 !important;
}
.padding-sm {
	padding: 10px !important
}
.padding-lg {
	padding: 30px !important
}
.noabsolute {
	position: relative !important;
}
.noshadow {
	box-shadow: none !important;
}
.hidden {
	display: none !important;
}
.nothidden {
	display: block !important;
}
.inline-block {
	float: none !important;
	display: inline-block !important
}
.center {
	text-align: center !important;
	margin: auto
}
.divcenter {
	position: relative !important;
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important
}
.bgcolor {
	background-color: #2098D1 !important;
}
.bgcolor-black {
	background-color: #111111 !important;
}
.bgcolor-white {
	background-color: #FFF !important;
}
.bgcolor-grey {
	background-color: #EEE !important;
}
.bgcolor-grey-light {
	background-color: #F9F9F9 !important;
}
.bgcolor-grey-dark {
	background-color: #252525 !important;
}
.bgcolor-grey-darker {
	background-color: #161616 !important;
}
.bgcolor-semi-trans-dark {
	background-color: rgba(0,0,0,0.5) !important;
}
.bgcolor-semi-trans-light {
	background-color: rgba(255,255,255,0.5) !important;
}
.color {
	color: #2098D1 !important
}
.white {
	color: #FFF !important
}
.black {
	color: #111 !important
}
.gold {
	background: -webkit-linear-gradient(#ffed7f, #572b08);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.silver {
	background: -webkit-linear-gradient(#EEE, #333);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.border-color {
	border-color: #2098D1 !important
}
.nobg {
	background: none !important
}
.nobgcolor {
	background-color: transparent !important
}
.bgicon {
	display: block;
	position: absolute;
	bottom: -60px;
	right: -50px;
	font-size: 210px;
	color: rgba(0,0,0,0.1)
}
/* MOVING BG -  TESTIMONIALS */
.bganimate {
	-webkit-animation: BgAnimated 30s infinite linear;
	-moz-animation: BgAnimated 30s infinite linear;
	-ms-animation: BgAnimated 30s infinite linear;
	-o-animation: BgAnimated 30s infinite linear;
	animation: BgAnimated 30s infinite linear;
}
 @-webkit-keyframes BgAnimated {
 from {
background-position:0 0;
}
 to {
background-position:0 400px;
}
}
 @-moz-keyframes BgAnimated {
 from {
background-position:0 0;
}
 to {
background-position:0 400px;
}
}
 @-ms-keyframes BgAnimated {
 from {
background-position:0 0;
}
 to {
background-position:0 400px;
}
}
 @-o-keyframes BgAnimated {
 from {
background-position:0 0;
}
 to {
background-position:0 400px;
}
}
 @keyframes BgAnimated {
 from {
background-position:0 0;
}
 to {
background-position:0 400px;
}
}
.input-block-level {
	display: block;
	width: 100% !important;
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.vertical-middle {
	height: auto !important
}
.magnific-max-width .mfp-content {
	max-width: 800px
}
.border-left {
	border-left: 1px solid rgba(255,255,255,0.15)
}
.border-right {
	border-left: 1px solid rgba(255,255,255,0.15)
}
.border-left-dark {
	border-left: 1px solid rgba(0,0,0,0.10)
}
.border-right-dark {
	border-left: 1px solid rgba(0,0,0,0.10)
}
.fullscreen-image {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
/* ----------------------------------------------------------------
    Ribbons
-----------------------------------------------------------------*/

.ribbon-25:before {
	content: url(../images/icons/ribbon-25.png);
	position: absolute;
	left: auto;
	right: 0px;
	top: 0px;
	z-index: 100;
}
.ribbon-rewards:after {
	content: url(../images/icons/ribbon-rewards.png);
	position: absolute;
	right: 130px;
	top: 0px;
	z-index: 10;
}
.ribbon-card:after {
	content: url(../images/icons/card.png);
	position: absolute;
	left: 225px;
	bottom: 150px;
	z-index: 10;
}
.ribbon-round-right:before {
	content: url(../images/icons/round-ribbon.png);
	position: absolute;
	left: auto;
	right: 200px;
	top: 0px;
	z-index: 10;
}
.ribbon-round-left:before {
	content: url(../images/icons/round-ribbon.png);
	position: absolute;
	right: auto;
	left: 200px;
	top: 0px;
	z-index: 10;
}
.ribbon-round-50-right:before {
	content: url(../images/icons/round-ribbon-50.png);
	position: absolute;
	left: auto;
	right: 200px;
	top: 0px;
	z-index: 10;
}
.ribbon-round-50-left:before {
	content: url(../images/icons/round-ribbon-50.png);
	position: absolute;
	right: auto;
	left: 200px;
	top: 0px;
	z-index: 10;
}
.ribbon-horiz:before {
	content: url(../images/icons/ribbon-horiz.png);
	position: absolute;
	left: -12px;
	right: auto;
	top: -30px;
	z-index: 100;
}
.ribbon-diag-right:before {
	content: url(../images/icons/ribbon-diag-right.png);
	position: absolute;
	left: auto;
	right: 0px;
	top: -9px;
	z-index: 100;
}
/* ----------------------------------------------------------------
    Underlines
-----------------------------------------------------------------*/

.underline:before {
	content: "";
	position: absolute;
	width: 10%;
	height: 1px;
	bottom: 0px;
	left: 45%;
	right: 45%;
	background-color: #FFF;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.underline:hover:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.underline-black.underline:before {
	background-color: #111 !important
}
.button.underline:before {
	width: 100%;
	left: 0%;
	right: 0%;
}
/* ----------------------------------------------------------------
    Modal
-----------------------------------------------------------------*/

.panel-default > .panel-heading {
	background: transparent !important
}
.modal-lg {
	width: 1100px
}
.portfolio-ajax-modal {
	width: 1000px !important;
}
.modal-padding {
	padding: 0px;
}
.modal-body {
	padding: 60px !important
}
.modal-title {
	margin-left: 30px !important
}
.dark.modal-body .mini-links h6 {
	color: #FFF !important
}
.dark.modal-body .mini-links ul li a {
	color: #CCC !important
}
.ajax-modal-title {
	background-color: #F9F9F9;
	border-bottom: 1px solid #EEE;
	padding: 25px 40px;
}
.ajax-modal-title h2 {
	font-size: 26px;
	margin-bottom: 0;
}
/* ----------------------------------------------------------------
    Sections
-----------------------------------------------------------------*/


.section {
	position: relative;
	/*margin: 30px 0;*/
	padding: 30px 0 30px 0;
	background-color: #FFF;
	overflow: hidden
}
.parallax {
	background-color: transparent;
	background-attachment: fixed;
	background-position: 50% 0;
	background-repeat: no-repeat;
	overflow: hidden
}
.section .container {
	z-index: 2
}
.section .container + .video-wrap {
	z-index: 1
}
.revealer-image {
	position: relative;
	bottom: -100px;
	transition: bottom .3s ease-in-out;
	-webkit-transition: bottom .3s ease-in-out;
	-o-transition: bottom .3s ease-in-out
}
.section:hover .revealer-image {
	bottom: -50px
}
/* ----------------------------------------------------------------
    Columns & Grids
-----------------------------------------------------------------*/


.postcontent {
	width: 100%
}
.postcontent.bothsidebar {
	width: 72%
}

.full{
	width:100%;
	float:left;
}
.half{
	width:49.90%;
	float:left;
}
.col_full {
	width: 100%
}
.col_half {
	width: 48%
}
/*.col_one_third {
	width: 30.63%
}*/
.col_one_third {
	width: 33%
}
.col_two_third {
	width: 65.33%
}
.col_one_fourth {
	width: 22%
}
.col_three_fourth {
	width: 74%
}
.col_one_fifth {
	width: 19.87%
}
.col_two_fifth {
	width: 37.6%
}
.col_three_fifth {
	width: 58.4%
}
.col_four_fifth {
	width: 79.2%
}
.col_one_sixth {
	width: 13.33%
}
.col_five_sixth {
	width: 82.67%
}
body.stretched .container-fullwidth {
	position: relative;
	padding: 0 60px;
	width: 100%
}
.postcontent, .col_full, .col_half, .col_one_third, .col_two_third, .col_three_fourth, .col_one_fourth, .col_one_fifth, .col_two_fifth, .col_three_fifth, .col_four_fifth, .col_one_sixth, .col_five_sixth {
	display: block;
	position: relative;
	margin-right: 1px;
	/*margin-bottom: 20px;*/
	float: left;
	/*border-bottom:1px solid #ccc;*/
	/*border-left:1px solid #ccc;*/
	/*border-right:1px solid #ccc;*/
}
.col_one_fourth.center {
	margin-right: auto !important;
	margin-left: auto !important;
	width: 25% !important;
}
.postcontent {
	margin-right: 40px
}
.col_full {
	clear: both;
	float: none;
	margin-right: 0
}
.postcontent.col_last {
	float: right
}
.col_last {
	margin-right: 0 !important;
	clear: right
}
.col_border {
	border: #EEE solid 2px;
	padding: 15px;
	background-color: #F1F1F1
}
/* ----------------------------------------------------------------
    Logo
-----------------------------------------------------------------*/


#logo {
	position: relative;
	float: left;
	margin-right: 40px
}
.tag-line{
    color:#54ac91; 
	font-weight:600; 
	text-shadow:1px 0px 1px #000;
	-moz-text-shadow:1px 0px 1px #000;
	-webkit-text-shadow:1px 0px 1px #000;
	-ms-text-shadow:1px 1px 0px #000;
	font-size:16px;
	letter-spacing:1px;
	font-family:Raleway;
        


}
.sticky-header .tag-line{color:#64ab45 !important;
	text-shadow:1px 0px 1px #484742;
	-moz-text-shadow:1px 0px 1px #484742;
	-webkit-text-shadow:1px 0px 1px #484742;
	-ms-text-shadow:1px 0px 1px #484742; }
/* ----------------------------------------------------------------
    Main Nav Header
-----------------------------------------------------------------*/


#header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
}
#header .container {
	position: relative
}
#header.transparent-header {
	background: transparent;
	z-index: 200;/*border-bottom:1px solid rgba(255,255,255,0.25);*/
	/*border-top:1px solid rgba(255,255,255,0.25) */
}
#header.semi-transparent {
	background-color: rgba(0,0,0,0.5);
	border: 0px
}
#header.solid {
	background-color: #000;
	border: 0px
}
#header.transparent-header + #slider, #header.transparent-header + #page-title.page-title-parallax, #header.transparent-header + #page-title, #slider + #header.transparent-header {
	/*top: -142px;
    margin-bottom: -142px !important */
	top: 0px;
	margin-bottom: 0px;
}
#header.transparent-header + #page-title.page-title-parallax .container {
	z-index: 5;
	padding-top: 142px
}
body.stretched #header.full-header .container {
	width: 100%;
	padding: 0 30px
}
/* ----------------------------------------------------------------
    Top Nav
-----------------------------------------------------------------*/


.top-nav {
	width: 100%;
	height: auto;
	background: #12271a;
	padding: 7px 0px 7px 0px !important;
	z-index: 210;
	position: relative;
}
.top-nav.transparent {
	background: transparent;
}
/*.top-nav.semi-transparent {
	background-color: rgba(0,0,0,0.25); 
}*/

.top-nav ul {
	float: none;
	/*text-align: right;*/
	margin-bottom: 0px !important;/*margin-right:-8px;*/
}
.top-nav ul li {
	display: inline-block;
	color: #FFF;
	font-size: 12px;
	border-left: 1px solid #FFF;
	padding-left: 15px;
	padding-right: 15px;
}
.top-nav ul li:first-child {
	border-left: 1px;
}
/*.top-nav ul li:last-child { 
		border-left:1px;
		margin-right:0px;
		padding-right:0px;
	}*/				

/*.top-nav ul li:last-child a:before { background-color:transparent }*/

.top-nav ul li a {
	color: #FFF;
	text-decoration: none;
	position: relative;
}
.top-nav ul li a:hover {
	color: #FFF;
}
.top-nav ul li a:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: -2px;
	left: 0;
	background-color: #FFF;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.top-nav ul li a:hover:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
/* ----------------------------------------------------------------
    Primary Menu
-----------------------------------------------------------------*/


#primary-menu {
	float: right;
	height: 100px
}
#header.full-header #primary-menu > ul {
	float: left;
	padding-right: 15px;
	margin-right: 15px;
	border-right: none
}
#header.transparent-header.full-header #primary-menu > ul {
	border-right-color: none
}
#primary-menu-trigger, #page-submenu-trigger { /* ----- Mobile Menu Hamburger -----*/
	opacity: 0;
	pointer-events: none;
	cursor: pointer;
	font-size: 25px;
	line-height: 25px;
	color: #fff;
	padding: 10px;
	position: absolute;
	width: 45px;
	text-align: center;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease
}
#primary-menu ul {
	list-style: none;
	height: 100px;
	margin: 0
}
#primary-menu > ul {
	float: left
}
#primary-menu ul li {
	position: relative;
	float: left;
	margin-left: 20px
}
#primary-menu ul li.mega-menu {
	position: inherit
}
#primary-menu ul li:first-child {
	margin-left: 0
}
#primary-menu ul li a {
	display: block;
	height: 100px;
	line-height: 100px;
	padding: 0 0px;
	margin: 0 0px 0 30px;
	color: #FFF; /* ----- Main Menu Font Color (If using dark version see dark.css)-----*/
	font-size: 16px;
	letter-spacing: 0px;
	-webkit-transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;
	-o-transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;
	transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	text-decoration: none;
	position: relative;
	text-shadow: 1px 1px 1px #000;
	-moz-text-shadow: 1px 1px 1px #000;
	-webkit-text-shadow: 1px 1px 1px #000;
}
.sticky-header #primary-menu ul li a {
	text-shadow: 0px 0px 0px #000;
	-moz-text-shadow: 0px 0px 0px #000;
	-webkit-text-shadow: 0px 0px 0px #000;
}
#primary-menu ul li a:hover {
	color: #FFF !important
} /* ----- Main Menu Font Hover-----*/
#primary-menu ul li a:before { /* ----- Main Menu Underline settings-----*/
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 25px;
	left: 0;
	background-color: #FFF;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
#primary-menu ul li a:hover:before { /* ----- Main Menu Underline animation-----*/
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
#primary-menu ul li span {
	display: none;
}
#primary-menu ul li i {
	position: relative;
	font-size: 16px !important;
	top: 1px;
	line-height: 99px;
	width: 14px;
	text-align: center;
	margin-right: 6px;
	-webkit-transition: line-height .4s ease;
	-o-transition: line-height .4s ease;
	transition: line-height .4s ease;
}
#primary-menu > ul > li:hover a {
	color: #FFF; /* ----- Menu Hover Font Color -----*/
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
}
#primary-menu > ul > li.current a {
	color: #2098D1; /* ----- Menu Hover Font Color -----*/
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
}
#primary-menu > ul > li.sub-menu > a > div {
}
#primary-menu li:hover > ul {
	display: block;
}
/* ----- Mega Menu Drop Box Settings -----*/
#primary-menu ul ul, #primary-menu ul li .mega-menu-content {
	display: none;
	position: absolute;
	width: 220px;
	background-color: rgba(0,0,0,0.7); /* ----- Sub Menu Background Color -----*/
	box-shadow: 0px 18px 22px 5px rgba(0, 0, 0, 0.25);
	border: none;
	height: auto;
	z-index: 99;
	top: 100px;
	left: 0;
	margin: 0;
	padding: 10px 20px 20px 20px;
}
/* ----- Drop Menu Third Tier -----*/
#primary-menu ul ul ul {
	top: -10px !important;
	left: 200px;
}
#primary-menu ul li .mega-menu-content ul li ul li img {
	height: 27px;
	border: none !important;
	margin-right: 20px !important;
	border-radius: 5%;
}
#primary-menu ul ul.menu-pos-invert, #primary-menu ul li .mega-menu-content.menu-pos-invert {
	left: auto;
	right: 0;
}
#primary-menu ul ul ul.menu-pos-invert {
	right: 218px;
}
#primary-menu ul ul li {
	float: none;
	margin: 0;
}
#primary-menu ul ul li:first-child {
	border-top: 0;
}
/* ----- Sub Menu Settings -----*/
#primary-menu ul ul a {
	font-size: 16px;
	height: 46px !important;
	line-height: 46px !important;
	color: #FFF !important; /* ----- Sub Menu Font Color -----*/
}
#primary-menu ul ul a:before {
	top: 40px; /* ----- Underline sub menu position -----*/
	width: 80%;
}
#primary-menu ul ul li:hover > a {
	background-color: transparent; /* ----- Sub Menu Hover Background Color transparent-----*/
	color: #FFF !important; /* ----- Sub Menu Hover Font Color -----*/
}
#primary-menu ul ul i {
	line-height: inherit;
}
#primary-menu ul ul > li.sub-menu > a, #primary-menu ul ul > li.sub-menu:hover > a {
	background-image: url("../images/icons/submenu-dark.png");
	background-position: right center;
	background-repeat: no-repeat;
}
/* ----------------------------------------------------------------
    Sticky Header
-----------------------------------------------------------------*/

.top-nav {
	-webkit-transition: height .4s ease, opacity .3s ease;
	-o-transition: height .4s ease, opacity .3s ease;
	transition: height .4s ease, opacity .3s ease;
}
#header, #header-wrap, #logo img, #primary-menu:not(.style-2), #primary-menu:not(.style-2) > ul {
	height: 100px;
	-webkit-transition: height .4s ease, opacity .3s ease;
	-o-transition: height .4s ease, opacity .3s ease;
	transition: height .4s ease, opacity .3s ease;
	-webkit-transition: width .4s ease, opacity .3s ease;
	-o-transition: width .4s ease, opacity .3s ease;
	transition: width .4s ease, opacity .3s ease;
}
#primary-menu > ul > li > ul, #primary-menu > ul > li > .mega-menu-content, #primary-menu > ul > li.mega-menu > .mega-menu-content {
	-webkit-transition: top .4s ease;
	-o-transition: top .4s ease;
	transition: top .4s ease;
}
#header.sticky-header.semi-transparent {
	background-color: transparent;
}
#header-wrap {
	position: relative;
}
#header.sticky-header #header-wrap {
	z-index: 100;
	position: reletive;
	top: 0;
	left: 0;
	width: 100%;
	background-color: rgba(255,255,255,0.8);
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
	-webkit-backface-visibility: hidden;
}
#header.semi-transparent.sticky-header #header-wrap {
	background-color: rgba(0,0,0,0.5)
}
#header.sticky-header, #header.sticky-header #header-wrap, #header.sticky-header #primary-menu, #header.sticky-header #primary-menu > ul, #header.sticky-header #primary-menu > ul > li > a {
	height: 80px
}
#header.sticky-header #primary-menu > ul > li > a {
	line-height: 80px;
	color: #121214;
}
#header.sticky-header #primary-menu > ul > li > a:hover {
	line-height: 80px;
	color: #57ac82 !important;
}
#header.sticky-header #primary-menu > ul > li > a i {
	line-height: 59px;
}
#header.sticky-header #primary-menu > ul > li > ul, #header.sticky-header #primary-menu > ul > li > .mega-menu-content, #header.sticky-header #primary-menu > ul > li.mega-menu > .mega-menu-content {
	top: 60px;
}
#header.sticky-header #header-wrap #logo img {
	height: 76px;
	padding: 2px 0;
}
/* ----------------------------------------------------------------
    Page Menu
-----------------------------------------------------------------*/

#page-menu, #page-menu-wrap {
	position: relative;
	height: 44px;
	line-height: 44px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
#page-menu-wrap {
	background-color: #2098D1;
}
#page-menu.sticky-page-menu #page-menu-wrap {
	position: fixed;
	z-index: 99;
	top: 60px;
	left: 0;
	width: 100%;
	box-shadow: 0 0 15px rgba(0,0,0,0.3);
	-webkit-backface-visibility: hidden;
}
#page-submenu-trigger {
	top: 0;
	margin-top: 0;
	left: auto;
	right: 15px;
	width: 40px;
	height: 44px;
	line-height: 44px;
}
#page-menu .menu-title {
	float: left;
	color: #FFF;
	font-size: 20px;
	font-weight: 300;
}
#page-menu .menu-title span {
	font-weight: 600;
}
#page-menu nav {
	position: relative;
	float: right;
}
#page-menu nav ul {
	margin-bottom: 0;
	height: 44px;
}
#page-menu nav li {
	position: relative;
	float: left;
	list-style: none;
}
#page-menu nav li a {
	display: block;
	height: 44px;
	line-height: 44px;
	padding: 0 17px;
	color: #FFF;
	font-size: 14px;
}
body:not(.device-touch) #page-menu nav li a {
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
#page-menu nav li a:hover, #page-menu nav li.current a {
	background-color: rgba(0,0,0,0.15);
}
/* Page Menu - Dots Style
-----------------------------------------------------------------*/

#page-menu.dots-menu, #page-menu.dots-menu #page-menu-wrap {
	position: fixed;
	z-index: 100;
	top: 50%;
	left: auto;
	right: 20px;
	width: 24px;
	height: auto;
	line-height: 1.5;
	background-color: transparent;
	text-shadow: none;
}
#page-menu.dots-menu #page-menu-wrap {
	position: relative;
	box-shadow: none;
}
#page-menu.dots-menu .menu-title {
	display: none;
}
#page-menu.dots-menu nav {
	float: none;
	width: 24px;
}
#page-menu.dots-menu nav ul {
	height: auto;
}
#page-menu.dots-menu nav ul li {
	float: none;
	width: 14px;
	height: 14px;
	margin: 10px 6px;
}
#page-menu.dots-menu nav li a {
	position: relative;
	width: 10px;
	height: 10px;
	line-height: 1.5;
	padding: 0;
	margin: 0 2px;
	background-color: rgba(0,0,0,0.4);
	border-radius: 50%;
	color: #777;
}
#page-menu.dots-menu nav li a:hover {
	background-color: rgba(0,0,0,0.7)
}
#page-menu.dots-menu nav li.current a {
	background-color: #2098D1;
}
#page-menu.dots-menu nav li .dots-menu-caption {
	position: absolute;
	width: auto;
	top: -11px;
	right: 25px;
	background-color: #2098D1;
	color: #FFF;
	padding: 5px 14px;
	white-space: nowrap;
	pointer-events: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
	border-radius: 2px;
	opacity: 0;
}
body:not(.device-touch) #page-menu.dots-menu nav li .dots-menu-caption {
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
#page-menu.dots-menu nav li .dots-menu-caption:after {
	position: absolute;
	content: '';
	top: 50%;
	margin-top: -6px;
	left: auto;
	right: -5px;
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 6px solid #2098D1;
}
#page-menu.dots-menu nav li a:hover + .dots-menu-caption {
	opacity: 1;
	right: 30px;
}
/* ----------------------------------------------------------------
    One Page
-----------------------------------------------------------------*/

.one-page-arrow {
	position: absolute;
	z-index: 3;
	bottom: 20px;
	left: 50%;
	margin-left: -16px;
	width: 32px;
	height: 32px;
	font-size: 32px;
	text-align: center;
	color: #222;
}

/* ----------------------------------------------------------------
    Side Header
-----------------------------------------------------------------*/

@media only screen and (min-width: 992px) {
.side-header #header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	width: 260px;
	height: 100%;
	background-color: #111;
	border: none;
	border-right-color: #3F3F3F;
	overflow: hidden;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}
.side-header #header-wrap {
	width: 300px;
	height: 100%;
	overflow: auto;
	padding-right: 40px;
}
.side-header #header .container {
	width: 260px !important;
	padding: 0 30px !important;
	margin: 0 !important;
}
/* Side Header - Right Aligned
-----------------------------------------------------------------*/

.side-header.side-header-right #header {
	left: auto;
	right: 0;
	border: none;
	border-left-color: #3F3F3F;
}
.side-header.side-header-right:not(.open-header) #wrapper {
	margin: 0 260px 0 0 !important;
}
.side-header.side-header-right.open-header #header {
	left: auto;
	right: -260px;
}
.side-header.side-header-right.open-header.side-header-open #header {
	left: auto;
	right: 0;
}
.side-header.side-header-right.open-header.push-wrapper.side-header-open #wrapper {
	left: -260px;
}
.side-header.side-header-right.open-header #header-trigger {
	left: auto;
	right: 20px;
}
.side-header.side-header-right.open-header.side-header-open #header-trigger {
	left: auto;
	right: 280px;
}
.side-header.side-header-right.open-header #header, .side-header.side-header-right.open-header #header-trigger {
	-webkit-transition: right .4s ease;
	-o-transition: right .4s ease;
	transition: right .4s ease;
}
.side-header #logo {
	float: none;
	margin: 60px 0 40px;
}
.side-header #logo img {
	height: auto !important;
}
.side-header #logo:not(.nobottomborder):after, .side-header #primary-menu:not(.nobottomborder):after {
	display: block;
	content: '';
	width: 20%;
	border-bottom: 1px solid #2098D1;
}
.side-header .center #logo:after {
	margin: 0 auto;
}
.side-header #primary-menu {
	margin-bottom: 30px;
}
.side-header #primary-menu:not(.nobottomborder):after {
	margin-top: 40px;
}
.side-header #primary-menu, .side-header #primary-menu ul {
	float: none;
	height: auto;
}
.side-header #primary-menu ul li {
	float: none;
	margin: 15px 0 0;
}
.side-header #primary-menu ul li:first-child {
	margin-top: 0;
}
.side-header #primary-menu ul li a {
	height: 25px;
	line-height: 25px;
	padding: 0;
}
.side-header #primary-menu ul li i {
	line-height: 24px;
}
.side-header #primary-menu ul ul {
	position: relative;
	width: 100%;
	background-color: transparent;
	box-shadow: none;
	border: none;
	height: auto;
	z-index: 1;
	top: 0;
	left: 0;
	margin: 5px 0;
	padding-left: 12px;
}
.side-header #primary-menu ul ul ul {
	top: 0 !important;
	left: 0;
}
.side-header #primary-menu ul ul.menu-pos-invert {
	left: 0;
	right: auto;
}
.side-header #primary-menu ul ul ul.menu-pos-invert {
	right: auto;
}
.side-header #primary-menu ul ul li {
	margin: 0;
	border: 0;
}
.side-header #primary-menu ul ul li:first-child {
	border-top: 0;
}
.side-header #primary-menu ul ul a {
	font-size: 12px;
	height: auto !important;
	line-height: 24px !important;
	padding: 2px 0 !important;
}
.side-header #primary-menu ul ul li:hover > a {
	background-color: transparent !important;
}
.side-header #primary-menu ul > li.sub-menu > a, .side-header #primary-menu ul > li.sub-menu:hover > a {
	background-image: none !important;
}
.side-header #primary-menu ul > li.sub-menu > a:after {
	position: absolute;
	content: '\e7a5';
	top: 1px;
	right: 0;
	-webkit-transition: transform .2s linear;
	-o-transition: transform .2s linear;
	transition: transform .2s linear;
}
.side-header #primary-menu ul > li.sub-menu:hover > a:after {
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.side-header:not(.open-header) #wrapper {
	margin: 0 0 0 260px !important;
	width: auto !important;
}
.side-header:not(.open-header) #wrapper .container {
	width: auto;
	margin: 0px;
}
/* Side Header - Push Header
-----------------------------------------------------------------*/

.side-header.open-header.push-wrapper {
	overflow-x: hidden;
}
.side-header.open-header #header {
	left: -260px;
}
.side-header.open-header.side-header-open #header {
	left: 0;
}
.side-header.open-header #wrapper {
	left: 0;
}
.side-header.open-header.push-wrapper.side-header-open #wrapper {
	left: 260px;
}
#header-trigger {
	display: none;
}
.side-header.open-header #header-trigger {
	display: block;
	position: fixed;
	cursor: pointer;
	top: 20px;
	left: 20px;
	z-index: 11;
	font-size: 16px;
	width: 32px;
	height: 32px;
	line-height: 32px;
	background-color: #FFF;
	text-align: center;
	border-radius: 2px;
}
.side-header.open-header.side-header-open #header-trigger {
	left: 280px;
}
.side-header.open-header #header-trigger i:nth-child(1), .side-header.open-header.side-header-open #header-trigger i:nth-child(2) {
	display: block;
}
.side-header.open-header.side-header-open #header-trigger i:nth-child(1), .side-header.open-header #header-trigger i:nth-child(2) {
	display: none;
}
.side-header.open-header #header, .side-header.open-header #header-trigger, .side-header.open-header.push-wrapper #wrapper {
	-webkit-transition: left .4s ease;
	-o-transition: left .4s ease;
	transition: left .4s ease;
}
}
/* ----------------------------------------------------------------
    Encore Caption
-----------------------------------------------------------------*/
.encore-caption {
	position: absolute;
	z-index: 1;
	width: 100%;
	top: 28%;
	text-align: center
}
.encore-caption h1 {
	font-family: 'Saint Andrews Queen', cursive !important;
	text-transform: none !important;
	font-size: 130px;
}
.encore-caption h2 {
	font-family: 'Saint Andrews Queen', cursive !important;
	text-transform: none !important;
	font-size: 100px;
	margin-bottom: 25px;
}
.encore-caption.static {
	top: 43%
}
.encore-caption .subtext {
	margin-top: -50px
}
.encore-caption .underline:before {
	width: 10%
}
/* ----------------------------------------------------------------
    Sliders
-----------------------------------------------------------------*/


/* Loader
-----------------------------------------------------------------*/
.loading {
	display: block;
	min-height: 100px;
	background: url('../images/preloader/loader_large_dark.gif') no-repeat center center
}
#slider {
	position: relative;
	width: 100%;
	overflow: hidden;
}
/* Revolution Slider - Thumbs
-----------------------------------------------------------------*/

.revo-slider-emphasis-text {
	font-size: 70px;
	font-weight: 700;
	letter-spacing: 0px;
	padding: 15px 20px;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}
.revo-slider-desc-text {
	font-size: 26px;
	width: 650px;
	text-align: center;
	line-height: 1.5;
	font-weight: 700;
}
.revo-slider-caps-text {
	font-size: 30px;
	font-weight: 400;
	text-transform: uppercase;
}
.tparrows.preview2 .tp-arr-titleholder {
	text-transform: uppercase;
	font-weight: bold;
}
.boxedcontainer {
	max-width: 100%;
	margin: auto;
}
.tp-banner-container {
	width: 100%;
	position: relative;
	padding: 0;
}
.tp-banner {
	width: 100%;
	position: relative;
}
.tp-banner-fullscreen-container {
	width: 100%;
	position: relative;
	padding: 0;
}
.tparrows.preview4 .tp-arr-titleholder {
	background: rgba(0,0,0,0.5) !important;
	text-transform: none !important;
	font-family: serif !important;
	font-size: 18px !important;
	font-style: italic !important;
}
.tp-loader.spinner5 {
	display: none !important;
	visibility: hidden !important;
}
.tp-bannertimer {
	display: none !important;
}
/* Swiper Slider
-----------------------------------------------------------------*/


.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	/* Fix of Webkit flickering */
	z-index: 1
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	-webkit-transition-property: -webkit-transform, left, top;
	-webkit-transition-duration: 0s;
	-webkit-transform: translate3d(0px, 0, 0);
	-webkit-transition-timing-function: ease;
	-o-transition-property: -o-transform, left, top;
	-o-transition-duration: 0s;
	-o-transform: translate3d(0px, 0, 0);
	-o-transition-timing-function: ease;
	-o-transform: translate(0px, 0px);
	transition-property: transform, left, top;
	transition-duration: 0s;
	transform: translate3d(0px, 0, 0);
	transition-timing-function: ease;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}
.swiper-slide {
	float: left
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x
}
/* Sliders
-----------------------------------------------------------------*/
/************************* Banner Design ***************/
#banner {
	width: 100%;
	float: left;
	height: auto;
}
#banner .item {
	height: 700px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
/*#banner .item::before{
	width:100%;
	float:left;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	content:'';
	background:rgba(0,0,0,0.5);
}*/
#banner h1 {
	color: #fff;
	margin: 0 0 25px;
	font-size: 60px;
}
#banner p {
	color: #fff;
	margin: 0 0 35px;
	font-size: 20px;
}
.carousel-fade .carousel-inner .item {
	-webkit-transition-property: opacity;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	opacity: 0;
}
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
	z-index: 2;
}
.caption-info {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
}
.caption-info-inner h1 {
	animation-delay: 0.5s;
	text-shadow:1px 1px 1px #000;
}
.caption-info-inner p {
	animation-delay: 1.1s;
	text-shadow:1px 1px 1px #000;
}
.caption-info-inner a {
	animation-delay: 1.6s;
}
.control {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#banner:hover .control {
	visibility: visible;
	opacity: 1;
}
.control, .control:focus {
	border: 1px solid #fff;
	border-radius: 50%;
	color: #fff;
	line-height: 34px;
	position: absolute;
	right: 15px;
	text-align: center;
	top: 50%;
	width: 36px;
	margin: -15px 0 0;
}
.control:hover {
	background: #fff;
	color: #42c0d9;
}
.left.control {
	left: 10px;
}
.right.control {
	right: 10px;
}
/* ----------------------------------------------------------------
    Page Title
-----------------------------------------------------------------*/



#page-title {
	position: relative;
	padding: 150px 0 30px 0;
	background-color: #F9F9F9;
}

#no-title {
	position: relative;
	padding: 220px 0 30px 0;
	background-color: transparent;
}

#page-title .container {
	position: relative;
}
#page-title h1, #no-title h1 {
	padding: 0;
	margin: 0;
	line-height: 1;
	font-weight: 600;
	color: #333;
	font-size: 34px !important;
}
@media screen and (max-width:767px){
    #page-title h1, #no-title h1{
        font-size:22px !important;
    }
    
}
}
#page-title span {
	display: inline-block;
	margin-top: 0px;
	font-weight: normal;
	color: #777;
	font-size: 18px !important;
}
.breadcrumb {
	position: absolute !important;
	width: auto !important;
	top: 50% !important;
	left: auto !important;
	right: 15px !important;
	margin: -10px 0 0 0 !important;
	background-color: transparent !important;
	padding: 0 !important;
	font-size: 12px;
}
body.stretched .container-fullwidth .breadcrumb {
	right: 60px !important;
}
#header.transparent-header + #page-title.page-title-parallax .breadcrumb {
	margin-top: 35px !important;
}
.breadcrumb a {
	color: #555;
}
.breadcrumb a:hover {
	color: #2098D1;
}
.breadcrumb i {
	width: auto !important;
}
/* Page Title - Dark
-----------------------------------------------------------------*/

#page-title.page-title-dark {
	background-color: #333;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.15) !important;
	border-bottom: none
}
#page-title.page-title-dark h1 {
	color: rgba(255,255,255,0.9) !important
}
#page-title.page-title-dark span {
	color: rgba(255,255,255,0.7)
}
#page-title.page-title-dark .breadcrumb > li + li:before {
	color: rgba(255,255,255,0.8)
}
#page-title.page-title-dark .breadcrumb > .active {
	color: rgba(255,255,255,0.6)
}
#page-title.page-title-dark .breadcrumb a {
	color: rgba(255,255,255,0.8)
}
#page-title.page-title-dark .breadcrumb a:hover {
	color: #2098D1
}
/* Page Title - Right Aligned
-----------------------------------------------------------------*/

#page-title.page-title-right {
	text-align: right
}
#page-title.page-title-right .breadcrumb {
	left: 15px !important;
	right: auto !important
}
/* Page Title - Center Aligned
-----------------------------------------------------------------*/

#page-title.page-title-center {
	text-align: center
}
#page-title.page-title-center span {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto
}
#page-title.page-title-center .breadcrumb {
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	margin: 20px 0 0 !important
}
/* Page Title - Parallax Background
-----------------------------------------------------------------*/

#page-title.page-title-parallax {
	padding: 100px 0;
	text-shadow: none;
	border-bottom: none
}
#page-title.page-title-parallax h1 {
	font-size: 40px;
	font-weight: 600
}
#page-title.page-title-parallax span {
	font-size: 22px
}
#page-title.page-title-parallax .breadcrumb {
	font-size: 13px
}
#page-title.page-title-parallax {
	background-color: transparent;
	background-image: url('images/parallax/parallax-bg.jpg');
	background-attachment: fixed;
	background-position: 50% 0;
	background-repeat: no-repeat
}
/* Page Title - Mini
-----------------------------------------------------------------*/

#page-title.page-title-mini {
	padding: 20px 0
}
#page-title.page-title-mini h1 {
	font-weight: 600;
	font-size: 18px;
	color: #444
}
#page-title.page-title-mini span {
	display: none
}
/* Page Title - No Background
-----------------------------------------------------------------*/

#page-title.page-title-nobg {
	background: transparent !important;
	border-bottom: 1px solid #F5F5F5
}
/* Page Title - Video
-----------------------------------------------------------------*/

#page-title.page-title-video {
	background: none;
	position: relative;
	overflow: hidden
}
#page-title.page-title-video .container {
	z-index: 3
}
#page-title.page-title-video .video-wrap {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0
}
#page-title.page-title-video .video-wrap video {
	width: 100%
}
/* ----------------------------------------------------------------
    Page Pagination
-----------------------------------------------------------------*/

.pagination > li > a i, .pagination > li > span i {
	color: #CCC !important;
	font-size: 11px !important;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
	cursor: default !important
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	color: #FFF !important;
	background-color: #2098D1 !important;
	border-color: #2098D1 !important;
}
.dark .pagination > li > a, .dark .pagination > li > span, .dark .pager li > a, .dark .pager li > span {
	color: #BBB;
	background-color: rgba(255,255,255,0.1);
	border-color: #666;
}
.dark .pagination > li > a:hover, .dark .pagination > li > span:hover, .dark .pagination > li > a:focus, .dark .pagination > li > span:focus, .dark .pager li > a:hover, .dark .pager li > a:focus {
	color: #EEE;
	background-color: rgba(0,0,0,0.1);
}
.dark .pagination > .disabled > span, .dark .pagination > .disabled > span:hover, .dark .pagination > .disabled > span:focus, .dark .pagination > .disabled > a, .dark .pagination > .disabled > a:hover, .dark .pagination > .disabled > a:focus, .dark .pager .disabled > a, .dark .pager .disabled > a:hover, .dark .pager .disabled > a:focus, .dark .pager .disabled > span {
	color: #999;
	background-color: rgba(255,255,255,0.2);
	border-color: #777;
}
/* ----------------------------------------------------------------
    Content
-----------------------------------------------------------------*/


#content {
	position: relative;
	overflow: hidden;
	background: url(../images/pattern-1.png) repeat;
}
#content p {
	line-height: 1.5;
}
.content-wrap {
	position: relative;
	padding: 80px 0;
}
#content .container {
	position: relative;
}
/* ----------------------------------------------------------------
    Portfolio
-----------------------------------------------------------------*/


/* Portfolio - Filter
-----------------------------------------------------------------*/
.page-title-btn {
	position: relative;
	z-index: 65;
	top: 30px;
}
#page-title-btn {
	position: relative;
	list-style: none;
	text-align: center;
	background: rgba(0,0,0,0);
}
#page-title-btn li {
	position: relative;
	display: inline-block;
}
#page-title-btn li a {
	display: block;
	position: relative;
	padding: 12px 18px;
	font-size: 18px;
	line-height: 18px;
	color: #FFF;
	border: 1px solid rgba(255,255,255,0);
}
#page-title-btn li a:hover, #page-title-btn li.activeFilter a {
	border: 1px solid rgba(255,255,255,0.8);
}
/* Portfolio - Items
-----------------------------------------------------------------*/

#portfolio {
	position: relative;
	margin: 0 -12px -12px 0;
}
body:not(.device-touch) #portfolio {
	-webkit-transition: height .4s linear;
	-o-transition: height .4s linear;
	transition: height .4s linear;
}
.portfolio-item {
	position: relative;
	float: left;
	width: 276px;
	margin: 0 12px 12px 0;
}
.portfolio-notitle .portfolio-item, .portfolio-notitle .iportfolio {
	overflow: hidden;
}
.portfolio-item .portfolio-image {
	position: relative;
	overflow: hidden;
}
.portfolio-item .portfolio-image, .portfolio-item .portfolio-image a, .portfolio-item .portfolio-image img {
	display: block;
	width: 276px;
	height: 207px;
}
body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .portfolio-image img {
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
/* Portfolio - Item Title
-----------------------------------------------------------------*/

.portfolio-desc {
	z-index: 3;
	padding: 15px 5px 10px;
}
.portfolio-desc h3 {
	margin: 0;
	padding: 0;
	font-size: 19px;
}
.portfolio-desc h3 a {
	color: #222;
}
.portfolio-desc h3 a:hover {
	color: #2098D1;
}
.portfolio-desc.heading-block h3 {
	font-size: 19px
}
.portfolio-desc.heading-block h4 {
	font-size: 16px
}
.portfolio-desc.heading-block h3 + span, .portfolio-desc.heading-block h4 + span {
	font-size: 18px
}
.portfolio-desc span {
	display: block;
	margin-top: 3px;
	color: #FFF;
}
.portfolio-desc span a {
	color: #888;
}
.portfolio-desc span a:hover {
	color: #000;
}
.portfolio-notitle .portfolio-desc {
	position: absolute;
	display: block !important;
	width: 100%;
	height: 78px;
	padding: 15px 5px;
	top: auto;
	bottom: -78px;
	left: 0;
	background-color: #FFF;
	border-bottom: 0px solid #EEE;
}
body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .portfolio-desc {
	-webkit-transition: bottom .2s ease-in-out;
	-o-transition: bottom .2s ease-in-out;
	transition: bottom .2s ease-in-out;
}
.portfolio-full.portfolio-notitle .portfolio-desc, .portfolio-nomargin.portfolio-notitle .portfolio-desc {
	bottom: -78px;
	border-bottom: 0;
}
.portfolio-notitle .portfolio-item:hover .portfolio-desc, .portfolio-notitle .iportfolio:hover .portfolio-desc {
	bottom: 0 !important;
}
.bothsidebar .portfolio-notitle .portfolio-item:hover .portfolio-image img {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .portfolio-item:hover .portfolio-image img, body:not(.device-touch):not(.device-xs):not(.device-xxs) .bothsidebar .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-image img, body:not(.device-touch):not(.device-xs):not(.device-xxs) .bothsidebar .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-image img, body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .iportfolio:hover .portfolio-image img {
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	-o-transform: translateY(-20px);
	transform: translateY(-20px);
}
body.device-touch.device-xs .portfolio-notitle .portfolio-desc, body.device-touch.device-xxs .portfolio-notitle .portfolio-desc {
	display: none !important;
}
/* Portfolio - No Margin
-----------------------------------------------------------------*/

#portfolio.portfolio-nomargin, #portfolio.portfolio-full {
	margin: 0 !important;
}
.portfolio-nomargin .portfolio-item {
	width: 284px;
	margin: 0 !important;
}
.portfolio-nomargin .portfolio-item .portfolio-image, .portfolio-nomargin .portfolio-item .portfolio-image a, .portfolio-nomargin .portfolio-item .portfolio-image img {
	width: 284px;
	height: auto;
}
.portfolio-nomargin .portfolio-desc {
	padding: 15px 10px 15px;
}
/* Portfolio - 100% Full Width
-----------------------------------------------------------------*/

#portfolio.portfolio-full {
	margin: 0 !important;
	width: 100%;
}
.portfolio-full .portfolio-item {
	width: 25%;
	margin: 0 !important;
	overflow: hidden !important;
}
.portfolio-full .portfolio-item-sizer {
	width: 25%;
}
.portfolio-full .portfolio-item .portfolio-image, .portfolio-full .portfolio-item .portfolio-image > a, .portfolio-full .portfolio-item .portfolio-image .slide a, .portfolio-full .portfolio-item .portfolio-image img {
	width: 100% !important;
	height: auto !important;
}
.portfolio-full .portfolio-desc {
	padding: 15px;
}
/* Portfolio - Masonry
-----------------------------------------------------------------*/

.portfolio-masonry .portfolio-item .portfolio-image, .portfolio-masonry .portfolio-item .portfolio-image > a, .portfolio-masonry .portfolio-item .portfolio-image .slide a, .portfolio-masonry .portfolio-item .portfolio-image img {
	height: auto !important;
}
.portfolio-masonry.mixed-masonry {
}
.portfolio-masonry.mixed-masonry .portfolio-item, .portfolio-masonry.mixed-masonry .portfolio-item .portfolio-image, .portfolio-masonry.mixed-masonry .portfolio-item .portfolio-image > a, .portfolio-masonry.mixed-masonry .portfolio-item .portfolio-image .slide a, .portfolio-masonry.mixed-masonry .portfolio-item .portfolio-image img {
}
/* Portfolio - Items - 3 Columns
-----------------------------------------------------------------*/

#portfolio.portfolio-3 {
}
.portfolio-3 .portfolio-item {
	width: 370px;
}
.portfolio-3 .portfolio-item .portfolio-image, .portfolio-3 .portfolio-item .portfolio-image a, .portfolio-3 .portfolio-item .portfolio-image img {
	width: 370px;
	height: 278px;
}
/* Portfolio - Items - 3 Columns - No Margin
-----------------------------------------------------------------*/

.portfolio-3.portfolio-nomargin .portfolio-item {
	width: 300px;
}
.portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image, .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image a, .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image img {
	width: 300px;
	height: 278px;
}
/* Portfolio - Items - 2 Columns
-----------------------------------------------------------------*/

#portfolio.portfolio-2 {
	margin: 0 -20px -20px 0;
}
.portfolio-2 .portfolio-item {
	width: 560px;
	margin: 0 20px 20px 0;
}
.portfolio-2 .portfolio-item .portfolio-image, .portfolio-2 .portfolio-item .portfolio-image a, .portfolio-2 .portfolio-item .portfolio-image img {
	width: 560px;
	height: 420px;
}
.portfolio-2 .portfolio-desc {
	padding: 20px 5px 10px;
}
.portfolio-2 .portfolio-desc h3 {
	font-size: 21px;
}
.portfolio-2 .portfolio-desc span {
	margin-top: 4px;
	font-size: 14px;
}
/* Portfolio - Items - 2 Columns - No Margin
-----------------------------------------------------------------*/

.portfolio-2.portfolio-nomargin .portfolio-item {
	width: 569px;
}
.portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image, .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image a, .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image img {
	width: 569px;
	height: 427px;
}
.portfolio-2.portfolio-nomargin .portfolio-desc {
	padding: 20px 15px 20px;
}
/* Portfolio - Items - 2 Columns - No Title
-----------------------------------------------------------------*/

.portfolio-2.portfolio-notitle .portfolio-desc {
	height: 90px;
	bottom: -90px;
}
.portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc, .portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc {
	bottom: -90px;
}
/* Portfolio - Sidebar - Items - 2 Columns
-----------------------------------------------------------------*/

.postcontent #portfolio.portfolio-2 {
	margin: 0 -20px -20px 0;
}
.postcontent .portfolio-2 .portfolio-item {
	width: 420px;
	margin: 0 20px 20px 0;
}
.postcontent .portfolio-2 .portfolio-item .portfolio-image, .postcontent .portfolio-2 .portfolio-item .portfolio-image a, .postcontent .portfolio-2 .portfolio-item .portfolio-image img {
	width: 420px;
	height: 315px;
}
.postcontent .portfolio-2 .portfolio-desc h3 {
	font-size: 21px;
}
.postcontent .portfolio-2 .portfolio-desc span {
	font-size: 14px;
}
/* Portfolio - Sidebar - Items - 2 Columns - No Margin
-----------------------------------------------------------------*/

.postcontent .portfolio-2.portfolio-nomargin .portfolio-item {
	width: 429px;
}
.postcontent .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image, .postcontent .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image a, .postcontent .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image img {
	width: 429px;
	height: 322px;
}
.postcontent .portfolio-2.portfolio-nomargin .portfolio-desc {
	padding-bottom: 20px;
}
/* Portfolio - Sidebar - Items - 2 Columns - No Title
-----------------------------------------------------------------*/

.postcontent .portfolio-2.portfolio-notitle .portfolio-desc {
	height: 90px;
	bottom: -91px;
}
.postcontent .portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc, .postcontent .portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc {
	bottom: -90px;
}
.postcontent .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {
	margin-top: -40px !important;
}
/* Portfolio - Items - 1 Column
-----------------------------------------------------------------*/

#portfolio.portfolio-1 {
	margin: 0 0px -40px 0;
}
.portfolio-1 .portfolio-item {
	float: none;
	width: 100%;
	margin: 0 0 40px 0;
	padding-bottom: 40px;
	padding-top: 35px;
	border-bottom: 0px solid #EEE;
}
.portfolio-1 .portfolio-item .portfolio-image {
	float: left;
	margin-right: 40px;
}
.portfolio-1 .portfolio-item.alt .portfolio-image {
	float: right;
	margin: 0 0 0 40px;
}
.portfolio-1 .portfolio-item .portfolio-image, .portfolio-1 .portfolio-item .portfolio-image a, .portfolio-1 .portfolio-item .portfolio-image img {
	display: block;
	width: 600px;
	height: auto;
}
.portfolio-1 .portfolio-desc {
	float: left;
	width: 300px;
	padding: 10px 0;
}
.portfolio-1 .alt .portfolio-desc {
	float: left;
}
.portfolio-1 .portfolio-desc h3 {
	font-size: 26px;
}
.portfolio-1 .portfolio-desc span {
	margin-top: 6px;
	font-size: 17px;
}
.portfolio-1 .portfolio-desc p {
	margin: 20px 0 25px;
	font-size: 14px;
}
.portfolio-1 .portfolio-desc li {
	margin: 3px 0;
}
/* Portfolio - Items - 1 Column - Full Width
-----------------------------------------------------------------*/

#portfolio.portfolio-1.portfolio-fullwidth {
	margin: 0 0 -60px 0;
}
.portfolio-1.portfolio-fullwidth .portfolio-item {
	margin-bottom: 60px;
	padding-bottom: 0;
	border-bottom: 0;
	overflow: hidden;
}
.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image {
	float: none;
	margin: 0 !important;
}
.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image, .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image a, .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {
	width: 1140px;
	height: 500px;
}
body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img {
	-webkit-transform: translateX(-60px);
	-moz-transform: translateX(-60px);
	-ms-transform: translateX(-60px);
	-o-transform: translateX(-60px);
	transform: translateX(-60px);
}
.portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img {
	-webkit-transform: translateX(60px);
	-moz-transform: translateX(60px);
	-ms-transform: translateX(60px);
	-o-transform: translateX(60px);
	transform: translateX(60px);
}
.portfolio-1.portfolio-fullwidth .portfolio-desc {
	position: absolute;
	float: none;
	width: 380px;
	height: 100%;
	padding: 30px;
	background-color: #F9F9F9;
	top: 0;
	left: auto;
	right: -380px;
}
body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-1.portfolio-fullwidth .portfolio-desc {
	-webkit-transition: right .3s ease-in-out;
	-o-transition: right .3s ease-in-out;
	transition: right .3s ease-in-out;
}
.portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-desc {
	right: 0;
}
.portfolio-1.portfolio-fullwidth .alt .portfolio-desc {
	left: -380px;
	right: auto;
}
body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-1.portfolio-fullwidth .alt .portfolio-desc {
	-webkit-transition: left .3s ease-in-out;
	-o-transition: left .3s ease-in-out;
	transition: left .3s ease-in-out;
}
.portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-desc {
	left: 0;
}
.portfolio-1.portfolio-fullwidth .portfolio-overlay a {
	left: 33%;
}
.portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a {
	left: auto;
	right: 33%;
}
/* Portfolio - Items - 1 Column - Full Width - Sidebar
-----------------------------------------------------------------*/

.postcontent #portfolio.portfolio-1.portfolio-fullwidth {
	margin: 0 0 -40px 0;
}
.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item {
	margin-bottom: 40px;
}
.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image, .postcontent .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image a, .postcontent .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {
	width: 860px;
	height: 377px;
}
.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img {
	-webkit-transform: translateX(-40px);
	-moz-transform: translateX(-40px);
	-ms-transform: translateX(-40px);
	-o-transform: translateX(-40px);
	transform: translateX(-40px);
}
.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img {
	-webkit-transform: translateX(40px);
	-moz-transform: translateX(40px);
	-ms-transform: translateX(40px);
	-o-transform: translateX(40px);
	transform: translateX(40px);
}
.postcontent .portfolio-1.portfolio-fullwidth .portfolio-desc {
	width: 320px;
	padding: 25px;
	right: -320px;
}
.postcontent .portfolio-1.portfolio-fullwidth .alt .portfolio-desc {
	left: -320px;
	right: auto;
}
.postcontent .portfolio-1.portfolio-fullwidth .portfolio-overlay a {
	left: 32%;
}
.postcontent .portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a {
	left: auto;
	right: 32%;
}
/* Portfolio - Parallax
-----------------------------------------------------------------*/

#portfolio.portfolio-parallax {
	margin: 0 !important;
}
#portfolio.portfolio-parallax .portfolio-item {
	float: none;
	width: 100% !important;
	height: 500px !important;
	margin: 0 !important;
}
#portfolio.portfolio-parallax .portfolio-item .portfolio-image {
	width: 100% !important;
	height: 500px !important;
}
#portfolio.portfolio-parallax .portfolio-desc {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -57px;
	width: 100%;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
	padding: 0;
	opacity: 0;
}
body:not(.device-touch):not(.device-xs):not(.device-xxs) #portfolio.portfolio-parallax .portfolio-desc {
	-webkit-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}
#portfolio.portfolio-parallax .portfolio-item:hover .portfolio-desc {
	opacity: 1;
}
#portfolio.portfolio-parallax .portfolio-desc h3 {
	font-size: 44px;
	font-weight: 300;
	letter-spacing: -1px;
}
#portfolio.portfolio-parallax .portfolio-desc h3 a {
	color: #FFF;
}
#portfolio.portfolio-parallax .portfolio-desc h3 a:hover {
	color: #DDD;
}
#portfolio.portfolio-parallax .portfolio-desc span {
	margin-top: 12px;
	font-size: 16px;
	color: #CCC;
}
#portfolio.portfolio-parallax .portfolio-desc span a {
	color: #DDD;
}
#portfolio.portfolio-parallax .portfolio-desc span a:hover {
	color: #BBB;
}
#portfolio.portfolio-parallax .portfolio-desc .portfolio-divider {
	width: 100%;
	text-align: center;
	margin: 15px 0 0;
}
#portfolio.portfolio-parallax .portfolio-desc .portfolio-divider div {
	display: inline-block;
	width: 50px;
	height: 0;
	border-bottom: 0px solid #FFF;
}
body:not(.device-touch):not(.device-xs):not(.device-xxs) #portfolio.portfolio-parallax .portfolio-desc .portfolio-divider div {
	-webkit-transition: width .5s ease-in-out;
	-o-transition: width .5s ease-in-out;
	transition: width .5s ease-in-out;
}
#portfolio.portfolio-parallax .portfolio-item:hover .portfolio-desc .portfolio-divider div {
	width: 120px;
}
#portfolio.portfolio-parallax .portfolio-overlay {
	background-color: rgba(0,0,0,0.4);
}
/* Portfolio - Overlay
-----------------------------------------------------------------*/

.portfolio-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 2;
	text-align: center;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	background-color: #111;
}
.portfolio-overlay.show {
	opacity: 1;
}
.portfolio-overlay.show.black {
	background-color: #111;
}
.portfolio-overlay.show.semi {
	background-color: rgba(0,0,0,0.7);
}
body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay {
	-webkit-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}
.portfolio-item:hover .portfolio-overlay, .iportfolio:hover .portfolio-overlay {
	opacity: 1;
}
.portfolio-overlay a {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px !important;
	height: 50px !important;
	margin: -28px 0 0 -44px;
	font-size: 18px;
	line-height: 47px;
	text-align: center;
	outline: 1px solid #DDD !important;
	padding: 20px;
	color: #FFF !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	background: transparent !important;
	-webkit-backface-visibility: hidden;
}
.portfolio-overlay a.left-icon {
}
.portfolio-overlay a.right-icon {
	left: auto;
	right: 50%;
	margin-left: 0;
	margin-right: -44px;
}
.portfolio-overlay a.center-icon {
	display: block;
	margin: -20px 0 0 -20px;
	opacity: 0;
}
.portfolio-item:hover a.center-icon, .iportfolio:hover a.center-icon {
	opacity: 1;
}
.portfolio-item:hover .portfolio-overlay a.left-icon, .portfolio-item:hover .portfolio-overlay a.right-icon, .iportfolio:hover .portfolio-overlay a.left-icon, .iportfolio:hover .portfolio-overlay a.right-icon {
	margin-top: -18px;
}
.portfolio-overlay a i.icon-line-play {
	position: relative;
	left: 2px;
}
.portfolio-overlay .portfolio-desc {
	position: relative;
	padding: 0 !important;
	margin: 0;
	text-align: center;
}
.portfolio-overlay .portfolio-desc a {
	display: inline;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	font-size: inherit;
	width: auto !important;
	height: auto !important;
	line-height: 1;
	background-color: transparent !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
	border: none;
}
.portfolio-overlay .portfolio-desc h3 {
	color: #FFF;
	font-size: 24px;
	line-height: 1.5;
}
.portfolio-overlay .portfolio-desc h3 a {
	color: #FFF !important;
	font-size: 20px;
}
.portfolio-overlay .portfolio-desc span {
	margin-top: 7px;
	font-size: 18px;
}
.portfolio-overlay .portfolio-desc span a {
	font-size: 16px;
}
.portfolio-overlay .portfolio-desc ~ a {
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
	margin: 20px 0 0 !important;
}
body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay .portfolio-desc ~ a {
	-webkit-transition: color .2s linear, background-color .2s linear, opacity .2s linear;
	-o-transition: color .2s linear, background-color .2s linear, opacity .2s linear;
	transition: color .2s linear, background-color .2s linear, opacity .2s linear;
}
.portfolio-overlay .portfolio-desc ~ a.right-icon {
	left: 0;
	right: 0;
	margin-left: 5px !important;
	margin-right: 0 !important;
}
.portfolio-overlay .portfolio-desc a:hover {
	background: transparent;
}
body.device-touch.device-xs .portfolio-notitle .portfolio-overlay, body.device-touch.device-xxs .portfolio-notitle .portfolio-overlay {
	display: none !important;
}
/* Portfolio Single
-----------------------------------------------------------------*/

.portfolio-single {
}
/* Portfolio Single - Image
-----------------------------------------------------------------*/

.portfolio-single-image > a, .portfolio-single-image .slide a, .portfolio-single-image img, .portfolio-single-image iframe, .portfolio-single-image video {
	display: block;
	width: 100%;
}
.portfolio-single-image-full {
	position: relative;
	height: 600px;
	overflow: hidden;
	margin: -80px 0 80px !important;
}
.portfolio-single-video {
	height: auto !important;
}
/* Portfolio Single - Gallery Thumbs
-----------------------------------------------------------------*/

.portfolio-single-image-full .swiper-container {
	width: 100%;
	height: 600px;
	background-color: #333;
}
.portfolio-single-image-full .swiper-nested-1, .portfolio-single-image-full .swiper-nested-2 {
	width: 100%;
}
.portfolio-single-image-full .swiper-slide {
	overflow: hidden;
}
.portfolio-single-image-full .swiper-slide img {
	width: 100%;
	height: auto;
}
/* Portfolio Single - Content
-----------------------------------------------------------------*/

.portfolio-single-content {
	font-size: 14px;
}
.portfolio-single-content h2 {
	margin: 0 0 20px;
	padding: 0;
	font-size: 20px;
	font-weight: 600 !important;
}
#portfolio-ajax-wrap {
	position: relative;
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height .4s ease;
	-o-transition: max-height .4s ease;
	transition: max-height .4s ease;
}
#portfolio-ajax-wrap.portfolio-ajax-opened {
	max-height: 1200px;
}
#portfolio-ajax-container {
	display: none;
	padding-bottom: 60px;
}
#portfolio-ajax-single h2 {
	font-size: 26px;
}
/* Portfolio Single - Meta
-----------------------------------------------------------------*/

.portfolio-meta, .portfolio-share {
	list-style: none;
	font-size: 14px;
}
.portfolio-meta li {
	margin: 10px 0;
	color: #666;
}
.portfolio-meta li:first-child {
	margin-top: 0;
}
.portfolio-meta li span {
	display: inline-block;
	width: 150px;
	font-weight: bold;
	color: #333;
}
.portfolio-meta li span i {
	position: relative;
	top: 1px;
	width: 14px;
	text-align: center;
	margin-right: 7px;
}
.well .line {
	margin: 20px 0;
	border-color: #E5E5E5;
}
/* Portfolio Single Navigation
-----------------------------------------------------------------*/

#portfolio-navigation {
	position: absolute;
	top: 50%;
	left: auto;
	right: 10px;
	max-width: 96px;
	height: 24px;
	margin-top: -12px;
}
.page-title-right #portfolio-navigation {
	left: 10px;
	right: auto;
}
.page-title-center #portfolio-navigation {
	position: relative;
	top: 0;
	left: 0;
	margin: 20px auto 0;
}
#portfolio-navigation a {
	display: block;
	float: left;
	margin-left: 12px;
	width: 24px;
	height: 24px;
	text-align: center;
	color: #444;
	transition: color .3s linear;
	-webkit-transition: color .3s linear;
	-o-transition: color .3s linear;
}
.page-title-dark #portfolio-navigation a {
	color: #EEE;
}
.page-title-parallax #portfolio-navigation a {
	color: #FFF;
}
#portfolio-navigation a i {
	position: relative;
	top: -1px;
	font-size: 24px;
	line-height: 1;
}
#portfolio-navigation a i.icon-angle-left, #portfolio-navigation a i.icon-angle-right {
	font-size: 32px;
	top: -6px;
}
#portfolio-navigation a i.icon-angle-right {
	left: -1px;
}
#portfolio-navigation a:first-child {
	margin-left: 0;
}
#portfolio-navigation a:hover {
	color: #2098D1;
}
#portfolio-ajax-show #portfolio-navigation {
	top: 0;
	margin-top: 0;
}
/* Individual Portfolio Item
-----------------------------------------------------------------*/

.iportfolio {
	position: relative;
	float: none;
	width: 100%;
	margin: 0;
}
.iportfolio .portfolio-image {
	position: relative;
	overflow: hidden;
}
.iportfolio .portfolio-image, .iportfolio .portfolio-image a, .iportfolio .portfolio-image img {
	display: block;
	width: 100%;
	height: auto;
}
/* ----------------------------------------------------------------
    Blog
-----------------------------------------------------------------*/


#posts {
	position: relative
}
.entry {
	position: relative;
	margin: 0 0 35px;
	padding: 20px
}
.entry-sm {
	border-bottom: 10px solid rgba(0,0,0,0) !important;
	background: rgba(255,255,255,0) !important
}
.last {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 0px solid #F5F5F5 !important
}
.entry-image {
	margin-bottom: 30px;
}
.entry-image, .entry-image > a, .entry-image .slide a, .entry-image img {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	outline: 1px solid transparent; /* --------- Fix image jagged in Chrome --------*/
}
.entry-image iframe {
	display: block;
}
.entry-image img {
	border-radius: 0px;
}
.entry-title h2 {
	margin: 0;
	font-size: 24px;
}
.entry-title h2 a {
	color: #333;
}
.entry-title h2 a:hover {
	color: #2098D1
}
.entry-meta {
	margin: 10px -10px -15px 0;
	list-style: none
}
.entry-meta:after {
	content: '';
	display: block;
	margin-top: 40px;
	margin-bottom: 40px;
	width: 40px;
	border-top: 1px solid rgba(125,125,125,0.5)
}
.related-posts .entry-meta:after {
	margin-bottom: -10px
}
#post-list-footer .entry-meta:after {
	margin-top: 0px;
	margin-bottom: 0px;
	border-top: 0px solid #2098D1
}
.tab-content .entry-meta:after {
	margin: 0px;
	border-top: 0px solid #2098D1
}
.single-post .entry-meta {
	margin-bottom: 20px
}
.entry-meta li {
	float: left;
	font-size: 16px;
	line-height: 18px;
	margin: 0 10px 15px 0;
	color: #444;
	font-style: italic
}
.entry-meta li:before {
	content: '/';
	display: inline-block;
	margin-right: 10px;
	opacity: 0.5
}
.entry-meta li i {
	position: relative;
	top: 1px;
	font-size: 14px;
	margin-right: 3px
}
.entry-meta li a {
	color: #2098D1;
}
.entry-meta li a:hover {
	color: #444;
}
.entry-meta li:first-child:before {
	display: none;
}
.entry-meta li ins {
	font-weight: 600;
	text-decoration: none
}
.entry-c {
	position: relative;
	overflow: hidden
}
#posts .entry-content {
	margin-top: 30px;
}
.single-post .entry-content .entry-image {
	max-width: 350px;
}
.entry-content {
	position: relative;
}
.entry-c .entry-content {
	padding-top: 10px;
}
.entry-link {
	display: block;
	background-color: #000;
	padding: 30px 0;
	text-align: center;
	color: #FFF;
	letter-spacing: 1px;
	font-size: 36px;
	font-weight: 600;
	border-radius: 3px
}
body:not(.device-touch) .entry-link {
	-webkit-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out
}
.entry-link:hover {
	color: #FFF;
	background-color: #2098D1;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2)
}
.entry-link span {
	display: block;
	margin-top: 5px;
	font-style: italic;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0;
	font-size: 14px;
	color: #EEE
}
.entry-link:hover span {
	color: #EEE;
}
.entry blockquote p {
	font-weight: 400;
	font-style: italic
}
/* Blog - Grid
-----------------------------------------------------------------*/

.post-grid .entry {
	float: left;
	width: 25%;
}
.post-grid .entry-image, .post-grid .entry-image img {
	height: 148px;
}
.post-grid .entry-image img {
	border-radius: 0;
}
.post-grid .entry-title h2 {
	font-size: 17px;
	font-weight: 600;
}
.post-grid .entry-link {
	font-size: 24px;
}
.post-grid .entry-link span {
	font-size: 13px;
}
/* Blog - Grid - 3 Columns
-----------------------------------------------------------------*/

.post-grid.grid-3 .entry {
	width: 33.325%;
}
.post-grid.grid-3 .entry-image, .post-grid.grid-3 .entry-image img {
	height: 202px;
}
.post-grid.grid-3 .entry-title h2 {
	font-size: 18px;
}
/* Blog - Grid - 2 Columns
-----------------------------------------------------------------*/

.post-grid.grid-2 {
	margin-right: -40px;
}
.post-grid.grid-2 .entry {
	width: 50%;
	margin-right: 40px;
}
.post-grid.grid-2 .entry-image, .post-grid.grid-2 .entry-image img {
	height: auto;
}
.post-grid.grid-2 .entry-title h2 {
	font-size: 20px;
}
/* Blog - Masonry
-----------------------------------------------------------------*/

.post-masonry .entry-image, .post-masonry .entry-image img {
	height: auto !important;
}
/* Individual Post
-----------------------------------------------------------------*/

.ipost .entry-image img {
	border-radius: 0;
}
.ipost .entry-title h3, .ipost .entry-title h4 {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
}
.ipost .entry-title h4 {
	font-size: 15px;
}
.ipost .entry-title h3 a, .ipost .entry-title h4 a {
	color: #333;
}
.ipost .entry-title h3 a:hover, .ipost .entry-title h4 a:hover {
	color: #2098D1;
}
.ipost .entry-meta {
	margin-right: -10px;
}
.ipost .entry-meta li {
	font-size: 13px;
	margin-right: 10px;
}
.ipost .entry-content {
	margin-top: 20px;
}
.ipost .entry-content p {
	margin-bottom: 0;
}
.more-link {
	display: inline-block;
	border-bottom: 1px solid #2098D1;
	padding: 0 2px;
	color: #999;
}
.more-link:hover {
	border-bottom-color: #555;
}
/* Related Posts
-----------------------------------------------------------------*/

.overlay-icon {
	position: absolute;
	left: auto;
	right: 0;
	top: auto;
	bottom: 0;
	width: 48px;
	height: 48px;
	background-color: rgba(0,0,0,0.2);
	text-align: center;
}
.overlay-icon i {
	line-height: 48px;
	font-size: 28px;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
/* Small Post
-----------------------------------------------------------------*/

.spost, .mpost {
	margin-top: 20px;
	padding-top: 20px;
}
.mpost {
	margin-top: 25px;
	padding-top: 25px;
}
.spost:first-child, .mpost:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}
.spost .entry-image, .mpost .entry-image {
	float: left;
	margin: 0 15px 0 0;
	text-align: center;
}
.spost .entry-image, .spost .entry-image a, .spost .entry-image img, .spost .entry-image i {
	width: 48px;
	height: 48px;
}
.spost .entry-image a i, .mpost .entry-image a i {
	font-size: 28px;
	line-height: 48px;
	color: #666;
	background-color: #EEE;
}
.spost .entry-title h4, .mpost .entry-title h4 {
	margin: 0;
	font-size: 14px;
	font-weight: 500;
}
.spost .entry-title h4 a, .mpost .entry-title h4 a {
	color: #333
}
.spost .entry-title h4 a:hover, .mpost .entry-title h4 a:hover {
	color: #2098D1;
}
.spost .entry-meta {
	margin: 8px -10px 0 0;
}
.spost .entry-meta li, .mpost .entry-meta li {
	font-size: 13px;
	margin: 0 10px 0 0;
	line-height: 20px;
}
/* Medium Post
-----------------------------------------------------------------*/

.mpost .entry-image {
	margin-right: 20px;
}
.mpost .entry-image, .mpost .entry-image a, .mpost .entry-image img, .mpost .entry-image i {
	width: 170px;
	height: 128px;
}
.mpost .entry-image a, .mpost .entry-image img {
	border-radius: 2px;
}
.mpost .entry-image a i {
	font-size: 42px;
	line-height: 128px;
}
.mpost .entry-title h4 {
	margin: 0;
	font-size: 17px;
	font-weight: 600;
}
.mpost .entry-meta {
	margin-top: 5px;
}
.mpost .entry-meta li i {
	margin-right: 2px;
}
.mpost .entry-content {
	margin-top: 15px;
}
.post-navigation + .line {
	margin: 40px 0 50px;
}
/* ----------------------------------------------------------------
    Blog - Author
-----------------------------------------------------------------*/

.author-image {
	float: left;
	width: 84px;
	height: 84px;
	margin-right: 15px
}
.author-image img {
	width: 84px;
	height: 84px
}
.panel-body {
	line-height: 1.6
}
/* ----------------------------------------------------------------
    Comments List
-----------------------------------------------------------------*/


#comments {
	position: relative;
	margin-top: 50px;
	padding-top: 50px;
	border-top: 1px solid #EEE;
}
.commentlist {
	list-style: none;
	padding-bottom: 50px;
	margin: 0 0 50px;
	border-bottom: 1px solid #EEE;
}
#reviews .commentlist {
	padding-bottom: 30px;
	margin: 0 0 20px;
}
.commentlist ul {
	list-style: none;
}
.commentlist li, .commentlist li ul, .commentlist li ul li {
	margin: 30px 0 0 0;
}
.commentlist ul:first-child {
	margin-top: 0;
}
.commentlist li {
	position: relative;
	margin: 30px 0 0 30px;
}
#reviews .commentlist li {
	margin-top: 20px;
}
.comment-wrap {
	position: relative;
	border: 1px solid #E5E5E5;
	border-radius: 0px;
	padding: 20px 20px 20px 35px;
	background-color: #FFF;
}
.commentlist ul .comment-wrap {
	margin-left: 25px;
	padding-left: 20px;
}
#reviews .comment-wrap {
	border: 0;
	padding: 10px 0 0 35px;
}
.commentlist > li:first-child, #reviews .commentlist > li:first-child {
	padding-top: 0;
	margin-top: 0;
}
.commentlist li .children {
	margin-top: 0;
}
.commentlist li li .children {
	margin-left: 30px;
}
.commentlist li .comment-content, .pingback {
	position: relative;
	overflow: hidden;
}
.commentlist li .comment-content p, .pingback p {
	margin: 20px 0 0 0;
}
.commentlist li .comment-content {
	padding: 0 0 0 15px;
}
.commentlist li .comment-meta {
	float: left;
	margin-right: 0;
	line-height: 1;
}
.comment-avatar {
	position: absolute;
	top: 15px;
	left: -35px;
	padding: 0px;
	background: #F9F9F9;
	border: 1px solid #E5E5E5;
}
.comment-avatar img {
	display: block;
}
.commentlist li .children .comment-avatar {
	left: -25px;
}
.comment-content .comment-author {
	margin-bottom: -10px;
	font-size: 16px;
	font-weight: bold;
	color: #555;
}
.comment-content .comment-author a {
	border: none;
	color: #333;
}
.comment-content .comment-author a:hover {
	color: #2098D1;
}
.comment-content .comment-author span {
	display: block;
}
.comment-content .comment-author span, .comment-content .comment-author span a {
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	color: #AAA;
}
.comment-content .comment-author span a:hover {
	color: #888;
}
.comment-reply-link, .review-comment-ratings {
	display: block;
	position: absolute;
	top: 4px;
	left: auto;
	text-align: center;
	right: 0px;
	width: 14px;
	height: 14px;
	color: #DDD;
	font-size: 14px;
	line-height: 1;
}
.review-comment-ratings {
	width: auto;
	color: #333;
}
.comment-reply-link:hover {
	color: #888;
}
/* ----------------------------------------------------------------
    Comment Form
-----------------------------------------------------------------*/


#respond, #respond form {
	margin-bottom: 0;
}
.commentlist li #respond {
	margin: 30px 0 0;
}
.commentlist li li #respond {
	margin-left: 30px;
}
#respond p {
	margin: 10px 0 0 0;
}
#respond p:first-child {
	margin-top: 0;
}
#respond label small {
	color: #999;
	font-weight: normal;
}
#respond input[type="text"], #respond textarea {
	margin-bottom: 0;
}
#respond .col_one_third, #respond .col_full {
	margin-bottom: 20px;
}
.fb-comments, .fb_iframe_widget, .fb-comments > span, .fb_iframe_widget > span, .fb-comments > span > iframe, .fb_iframe_widget > span > iframe {
	display: block !important;
	width: 100% !important;
	margin: 0;
}
/* Post Elements
-----------------------------------------------------------------*/

img.alignleft, div.alignleft {
	float: left;
	margin: 5px 20px 13px 0;
	max-width: 100%;
}
div.alignleft > img, div.alignnone > img, div.aligncenter > img, div.alignright > img {
	display: block;
	float: none;
}
img.alignnone, img.aligncenter, div.alignnone, div.aligncenter {
	display: block;
	margin: 10px 0;
	float: none;
}
img.aligncenter, div.aligncenter, div.aligncenter img {
	margin-left: auto;
	margin-right: auto;
	clear: both;
}
img.alignright, div.alignright {
	float: right;
	margin: 5px 0 13px 20px;
}
.wp-caption {
	text-align: center;
	margin: 10px 20px 13px 20px;
	font-style: italic
}
.wp-caption img, .wp-caption img a {
	display: block;
	margin: 0
}
p.wp-caption-text {
	display: inline-block;
	margin: 10px 0 0 0;
	padding: 5px 10px;
	background-color: #EEE;
	border-radius: 50px
}
.wp-smiley {
	max-height: 13px;
	margin: 0 !important
}
/* Infinity Scroll - Message Style
-----------------------------------------------------------------*/

#infscr-loading, #portfolio-ajax-loader {
	position: fixed;
	z-index: 20;
	top: 50%;
	left: 50%;
	width: 48px;
	height: 48px;
	margin: -24px 0 0 -24px;
	background-color: rgba(0,0,0,0.7);
	border-radius: 3px;
	line-height: 48px;
	font-size: 24px;
	color: #FFF;
	text-align: center
}
#infscr-loading img, #portfolio-ajax-loader img {
	display: none;
	width: 24px;
	height: 24px;
	margin: 12px
}
#portfolio-ajax-loader {
	display: none
}
#portfolio-ajax-loader img {
	display: block
}
/* ----------------------------------------------------------------
    Events
-----------------------------------------------------------------*/


.events .entry, .ievent {
	padding: 20px;
	background-color: #FFF;
	border-bottom: 1px solid #EEE
}
.events .entry-image .entry-date, .ievent .entry-image .entry-date {
	position: absolute;
	top: 10px;
	left: 10px;
	color: #333;
	width: 90px;
	height: 90px;
	text-align: center;
	padding-top: 7px;
	font-size: 50px;
	font-weight: 600;
	line-height: 1;
	border: solid 1px rgba(0,0,0,0.6);
}
.events .entry-image .entry-date.double, .ievent .entry-image .entry-date.double {
	width: 120px !important
}
.events .entry-image .entry-date span, .ievent .entry-image .entry-date span {
	display: block;
	font-size: 15px;
	margin-top: 5px;
	text-transform: uppercase
}
.events .entry-c, .ievent .entry-c {
	padding: 5px 0;
}
.single-event .entry-image img {
	border-radius: 0;
}
.single-event .events-meta {
	font-size: 14px;
}
.single-event .events-meta .iconlist li, .parallax .iconlist li, .iconlist li {
	margin: 8px 0;
	font-size: 16px
}
.iconlist li i {
	color: #2098D1
}
.dark .iconlist li {
	color: #CCC
}
.dark .parallax .iconlist li {
	color: #FFF
}
.single-event .entry-overlay, .parallax .entry-overlay-meta {
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 80px;
	background-color: rgba(255,255,255,0.9);
	text-align: center;
	line-height: 80px;
	font-size: 26px;
	font-weight: normal;
	color: #333;
	z-index: 5
}
.single-event .countdown {
	display: inline-block;
	position: relative;
	top: 7px
}
.single-event .countdown-section {
	padding: 0 15px;
	border-left-color: rgba(255,255,255,0.3);
	background-color: rgba(255,255,255,0.3)
}
.single-event .countdown-amount {
	color: #F9F9F9
}
.parallax .entry-overlay, .parallax .entry-overlay-meta {
	background: transparent;
	width: auto;
	text-align: right;
	bottom: 90px;
	left: auto;
	right: 30px
}
.parallax .entry-overlay-meta {
	padding: 20px;
	font-size: 17px;
	text-align: left;
	right: 0px;
	bottom: 200px;
	width: 500px;
	height: auto;
	line-height: inherit;
	background-color: #F9F9F9;
	border: 0px solid rgba(0,0,0,0.2)
}
.parallax.overlay-left .entry-overlay, .parallax.overlay-left .entry-overlay-meta {
	right: auto;
	left: 30px
}
.parallax.overlay-left .entry-overlay-meta {
	left: 38px
}
.parallax.overlay-center .entry-overlay, .parallax.overlay-center .entry-overlay-meta {
	bottom: 100px;
	right: auto;
	left: 50%;
	margin-left: -192px
}
.parallax.overlay-center .entry-overlay-meta {
	top: 100px;
	bottom: auto;
	margin-left: -184px
}
.parallax .entry-overlay-meta h2 {
	font-size: 20px;
	text-transform: uppercase;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	padding-bottom: 17px
}
.parallax .entry-overlay-meta h2 a {
	color: #111
}
.parallax .entry-overlay-meta h2 a:hover {
	color: #2098D1
}
.parallax .countdown {
	top: 0
}
.parallax .countdown-amount {
	font-size: 28px;
	margin-bottom: 6px
}
.event .button.button-full {
	padding: 10px 0 !important
}
.dark .events .entry, .dark .ievent {
	background-color: rgba(0,0,0,0.2);
	border-bottom-color: rgba(0,0,0,0.1);
}
.dark .countdown-section, .dark .countdown-amount {
	color: #F9F9F9 !important
}
.dark.parallax .countdown-section {
	border: 0px solid rgba(255,255,255,0.4);
	background-color: rgba(0,0,0,0.3)
}
.dark.parallax .entry-overlay-meta h1 a, .dark.parallax .entry-overlay-meta h2 a, .dark.parallax .entry-overlay-meta h3 a {
	color: #FFF
}
.dark .single-event .entry-overlay, .dark.parallax .entry-overlay-meta {
	color: #FFF;
	background-color: #111
}
.dark .single-event .entry-overlay i, .dark.parallax .entry-overlay-meta i {
	color: #2098D1
}
.dark.parallax .entry-overlay-meta h2 {
	border-bottom: 1px solid rgba(255,255,255,0.2)
}
.dark.parallax .entry-overlay-meta {
	border: 0px solid rgba(255,255,255,0.2)
}
/* Individual Events
-----------------------------------------------------------------*/

.ievent {
	position: relative;
	margin-top: 20px
}
.ievent:first-child {
	margin-top: 0
}
.ievent .entry-image {
	width: 30%;
	margin-right: 20px
}
.ievent .entry-content {
	margin-top: 20px
}
.ievent .entry-title h2 {
	font-size: 18px
}
.ievent .entry-meta {
	margin-right: -10px
}
.ievent .entry-meta li {
	font-size: 13px;
	margin-right: 10px;
	padding-left: 10px
}
.ievent .entry-meta li:first-child {
	padding-left: 0
}
/* ----------------------------------------------------------------
    Countdown
-----------------------------------------------------------------*/

.countdown {
	display: block;
}
.countdown-row {
	display: block;
	position: relative;
	text-align: center
}
.countdown-section {
	display: inline-block;
	font-size: 11px;
	line-height: 1;
	text-align: center;
	width: 25%;
	color: #333 !important;
	text-transform: capitalize
}
.countdown-amount {
	display: block;
	font-size: 20px;
	color: #333 !important;
	margin-bottom: 5px
}
.countdown-descr {
	display: block;
	width: 100%
}
.parallax .countdown-section {
	width: 80px;
	height: 80px;
	margin: 0 8px;
	font-size: 13px;
	padding-top: 14px;
	border: 0px solid rgba(0,0,0,0.4)
}
/* Countdown - Medium
-----------------------------------------------------------------*/

.countdown-medium .countdown-section {
	font-size: 14px
}
.countdown-medium .countdown-amount {
	font-size: 30px;
	margin-bottom: 7px
}
/* Countdown - Large
-----------------------------------------------------------------*/

.countdown-large .countdown-section {
	font-size: 18px
}
.countdown-large .countdown-amount {
	font-size: 44px;
	font-weight: 600;
	margin-bottom: 8px
}
/* Countdown - Inline
-----------------------------------------------------------------*/

.countdown.countdown-inline {
	display: inline-block
}
.countdown.countdown-inline .countdown-row {
	display: inline-block;
	text-align: center
}
.countdown.countdown-inline .countdown-section {
	display: inline-block;
	font-size: inherit;
	line-height: inherit;
	width: auto;
	border: none;
	color: inherit;
	margin-left: 7px;
	text-transform: lowercase
}
.countdown.countdown-inline .countdown-section:first-child {
	margin-left: 0
}
.countdown.countdown-inline .countdown-amount {
	display: inline-block;
	font-size: inherit;
	color: inherit;
	font-weight: bold;
	margin: 0 3px 0 0
}
.countdown.countdown-inline .countdown-descr {
	display: inline-block;
	width: auto
}
/* Countdown - Coming Soon
-----------------------------------------------------------------*/

body:not(.device-xs):not(.device-xxs) .countdown.countdown-large.coming-soon .countdown-section {
	border: none;
	padding: 15px
}
body:not(.device-xs):not(.device-xxs) .countdown.countdown-large.coming-soon .countdown-amount {
	height: 140px;
	line-height: 140px;
	border-radius: 50%;
	background-color: rgba(0,0,0,0.2);
	margin-bottom: 15px !important
}
/* ----------------------------------------------------------------
    Buttons
-----------------------------------------------------------------*/

body:not(.device-touch) .button {
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.button {
	display: inline-block;
	position: relative;
	cursor: pointer;
	outline: none;
	white-space: nowrap;
	margin: 0px;
	padding: 0 22px;
	font-size: 14px;
	height: auto;
	line-height: 36px;
	background-color: #49adc3;
	color: #FFF;
	font-weight: 400;
	font-family: 'PT Serif', serif;
	text-transform: none;
	letter-spacing: 1px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2)
}
.button:hover {
	color: #FFF !important;
	background-color: #49adc3;
}
.button-dark {
	color: #FFF !important
}
.button-gradient-black {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
	background: #45484d; /* Old browsers */
	background: -moz-linear-gradient(top, #222222 0%, #000000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #222222 0%, #000000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #222222 0%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000000', GradientType=0 ); /* IE6-9 */
}
.button-gradient {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f4c6b+0,3f4c6b+100;Blue+Grey+Flat */
	background: rgb(63,76,107); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(63,76,107,1) 0%, rgba(63,76,107,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(63,76,107,1) 0%, rgba(63,76,107,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(63,76,107,1) 0%, rgba(63,76,107,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#3f4c6b', GradientType=0 ); /* IE6-9 */
}
.button-gradient-blue {
	border: #2098D1 1px solid !important;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b7ea+0,009ec3+100;Blue+3D+%2315 */
	background: rgb(0,183,234); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(0,183,234,1) 0%, rgba(0,158,195,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,183,234,1) 0%, rgba(0,158,195,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,183,234,1) 0%, rgba(0,158,195,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3', GradientType=0 ); /* IE6-9 */
}
.button-white {
	color: #111 !important;
	text-shadow: none !important;
	border: 1px solid rgba(155,155,155,0.4);
	outline: 5px solid rgba(155,155,155,0);
	background: #FFF
}
.button-white:hover {
	color: #FFF !important;
	background-color: #2098D1 !important
}
.button-black-alpha {
	background: rgba(0,0,0,0.75) !important
}
.button-black {
	border: 1px solid rgba(155,155,155,0.2);
	outline: 5px solid rgba(155,155,155,0);
	background: #111
}
.button-feedback {
	position: fixed;
	z-index: 55;
	left: -58px;
	top: 50%
}
.button-feedback.right {
	right: -58px!important;
	left: auto!important
}
.button-feedback.top {
	top: 25%
}
.button-feedback.bottom {
	top: 70%
}
.button-feedback .button {
	letter-spacing: 3px;
	color: #FFF;
	text-shadow: none;
	border: 1px solid rgba(255,255,255,0.5);
	background-color: #111
}
.button-feedback.right .button-rounded {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px
}
.button-feedback .button-rounded {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px
}
.button.button-vertical {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg)
}
.button.button-frame {
	border: 1px rgba(255,255,255,0.5) solid;
	outline: #2098D1 8px solid
}
.button.button-outline {
	outline: rgba(255,255,255,0.1) 5px solid
}
.button.button-mini {
	padding: 0 20px !important;
	font-size: 11px;
	height: auto;
	line-height: 28px
}
.button.button-small {
	padding: 0 23px !important;
	font-size: 13px;
	height: auto;
	line-height: 36px
}
.button.button-medium {
	padding: 0 28px !important;
	font-size: 16px;
	height: auto;
	line-height: 40px
}
.button.button-large {
	padding: 0 32px !important;
	font-size: 20px;
	height: 46px;
	line-height: 46px
}
.button.button-xlarge {
	padding: 0 38px !important;
	font-size: 20px;
	letter-spacing: 2px;
	height: 52px;
	line-height: 52px
}
.button.button-massive {
	padding: 0px 88px !important;
	font-size: 40px;
	letter-spacing: 2px;
	height: auto;
	line-height: 120px;
	white-space: normal
}
.button.button-massive .subtext {
	font-size: 20px;
	text-align: center;
	display: block;
	font-weight: normal;
	margin-top: -55px;
}
.button-check {
	line-height: 40px !important;
	margin-top: 40px !important
}
.button i {
	position: relative;
	top: 1px;
	line-height: 1;
	margin-right: 5px;
}
.button.tright i {
	margin: 0 0 0 15px;
}
.button-mini i {
	margin-right: 3px;
}
.button-mini.tright i {
	margin: 0 0 0 3px;
}
.button-small i {
	margin-right: 8px;
}
.button-small.tright i {
	margin: 0 0 0 10px;
}
.button-xlarge i {
	top: 2px;
	margin-right: 8px
}
.button-xlarge.tright i {
	margin: 0 0 0 8px;
}
/* Buttons - Border
-----------------------------------------------------------------*/

.button.button-border {
	border: #888 1px solid;
	background-color: transparent !important;
	color: #333;
	text-shadow: none
}
.button.button-small.button-border {
	border: #888 1px solid
}
.button.button-mini.button-border {
	border: #888 1px solid
}
.button.button-border:hover {
	color: #FFF !important;
	text-shadow: none;
	border: 1px solid rgba(255,255,255,0) !important;
	background: rgba(0,0,0,0.5) !important
}
.button.button-border.button-dark {
	border-color: rgba(255,255,255,0.5);
	color: #FFF !important
}
.button.button-border.button-dark:hover {
	text-shadow: none;
	border-color: rgba(255,255,255,1)
}
.button.button-border.button-color {
	border-color: #2098D1;
	color: #2098D1 !important;
	font-weight: 600;
	text-shadow: none
}
.button.button-border.button-color:hover {
	color: #FFF !important;
	border-color: #FFF
}
/* Buttons - Icon Reveal
-----------------------------------------------------------------*/

.button.button-reveal {
	padding: 0 28px;
	overflow: hidden
}
.button.button-reveal i {
	display: block;
	position: absolute;
	top: 2px;
	left: -32px;
	width: 32px;
	height: auto;
	margin: 0;
	text-align: center
}
.button.button-reveal.button-border i {
	top: 1px
}
.button.button-reveal.tright i {
	left: auto;
	right: -32px
}
.button.button-reveal span {
	display: inline-block;
	position: relative;
	left: 0
}
body:not(.device-touch) .button.button-reveal i, body:not(.device-touch) .button.button-reveal span {
	-webkit-transition: left 0.3s ease, right 0.3s ease;
	-o-transition: left 0.3s ease, right 0.3s ease;
	transition: left 0.3s ease, right 0.3s ease
}
.button.button-reveal.button-mini {
	padding: 0 17px
}
.button.button-reveal.button-mini i {
	left: -22px;
	width: 22px;
	height: 28px;
	line-height: 28px
}
.button.button-reveal.button-mini.tright i {
	left: auto;
	right: -22px
}
.button.button-reveal.button-small {
	padding: 0 22px
}
.button.button-reveal.button-small i {
	left: -26px;
	width: 26px;
	height: auto;
	line-height: 35px
}
.booking .button.button-reveal.button-small i {
	line-height: 38px
}
.button.button-reveal.button-small.tright i {
	left: auto;
	right: -26px
}
.button.button-reveal.button-medium {
	padding: 0 28px
}
.button.button-reveal.button-medium i {
	left: -38px;
	width: 38px;
	height: auto;
	line-height: 39px
}
.button.button-reveal.button-medium.tright i {
	left: auto;
	right: -38px
}
.button.button-reveal.button-large {
	padding: 0 32px
}
.button.button-reveal.button-large i {
	left: -38px;
	width: 38px;
	height: 46px;
	line-height: 46px
}
.button.button-reveal.button-large i {
	line-height: 50px
}
.button.button-reveal.button-large.tright i {
	left: auto;
	right: -38px
}
.button.button-reveal.button-xlarge {
	padding: 0 40px;
}
.button.button-reveal.button-xlarge i {
	left: -44px;
	width: 44px;
	height: 52px;
	line-height: 52px
}
.button.button-reveal.button-xlarge i {
	line-height: 56px
}
.button.button-reveal.button-xlarge.tright i {
	left: auto;
	right: -44px
}
.button.button-reveal:hover i {
	left: 0
}
.button.button-reveal.tright:hover i {
	left: auto;
	right: 0
}
.button.button-reveal:hover span {
	left: 16px;
}
.button.button-reveal.button-mini:hover span {
	left: 11px;
}
.button.button-reveal.button-small:hover span {
	left: 13px;
}
.button.button-reveal.button-large:hover span {
	left: 19px;
}
.button.button-reveal.button-xlarge:hover span {
	left: 22px;
}
.button.button-reveal.tright:hover span {
	left: -16px;
}
.button.button-reveal.button-mini.tright:hover span {
	left: -11px;
}
.button.button-reveal.button-small.tright:hover span {
	left: -13px;
}
.button.button-reveal.button-large.tright:hover span {
	left: -19px;
}
.button.button-reveal.button-xlarge.tright:hover span {
	left: -22px;
}
/* Buttons - Promo 100% Width
-----------------------------------------------------------------*/

.button.button-full {
	display: block !important;
	width: 100% !important;
	text-align: center !important
}
.button.button-full.button-light {
	border-bottom: 1px solid rgba(0,0,0,0.15)
}
.button.button-full strong {
	font-weight: 600
}
body:not(.device-touch) .button.button-full strong {
	-webkit-transition: border .2s ease-in-out;
	-o-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out
}
.button.button-full.button-light strong {
	border-bottom-color: #333
}
.button.button-full.button-light:hover strong {
	border-bottom-color: #EEE
}
/* Buttons - No Hover
-----------------------------------------------------------------*/

.button.button-nohover:hover {
	opacity: inherit !important;
	background-color: inherit !important;
	color: inherit !important;
	border-color: inherit !important;
}
/* ----------------------------------------------------------------
    Promo Boxes
-----------------------------------------------------------------*/


.promo {
	position: relative;
	padding: 25px 200px 15px 0;
}
.promo h3 {
	font-weight: bold;
	margin-bottom: 0;
	margin-top: -10px;
	font-size: 24px;
}
.promo > span, .promo > .container > span {
	display: block;
	color: #444;
	font-weight: 300;
	font-size: 16px;
	margin-top: 0px;
}
.promo .heading-block {
	margin-bottom: 10px;
}
.promo a.button {
	position: absolute;
	top: 50%;
	margin: 0;
	margin-top: -18px;
	left: auto;
	right: 0;
}
.promo a.button.button-mini {
	margin-top: -12px;
}
.promo a.button.button-small {
	margin-top: -15px;
}
.promo a.button.button-large {
	margin-top: -22px;
}
.promo a.button.button-xlarge {
	margin-top: -25px;
}
.promo a.button.button-desc {
	margin-top: -40px;
}
/* Promo Uppercase
-----------------------------------------------------------------*/

.promo-uppercase {
	text-transform: uppercase;
}
.promo-uppercase h3 {
	font-size: 22px;
}
.promo-uppercase > span, .promo-uppercase > .container > span {
	font-size: 15px;
}
/* Promo - with Border
-----------------------------------------------------------------*/

.promo.promo-border {
	border: 1px solid #E5E5E5;
	border-radius: 3px;
	padding-left: 30px;
}
.promo.promo-border a.button {
	right: 30px;
}
/* Promo - Light
-----------------------------------------------------------------*/

.promo.promo-light {
	background-color: #EEE;
	border-radius: 3px;
	padding-left: 30px;
	border: 1px solid #DDD;
}
.promo.promo-light a.button {
	right: 30px;
}
/* Promo - Color
-----------------------------------------------------------------*/

.promo.promo-color {
	background-color: #2098D1;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	border-radius: 3px;
	padding-left: 30px;
}
.promo.promo-color h3 {
	color: #FFF;
}
.promo.promo-color > h3 span, .promo.promo-color > .container > h3 span {
	padding: 2px 8px;
	border-radius: 3px;
	color: #FFF;
}
.promo.promo-color > span, .promo.promo-color > .container > span {
	color: #FFF;
	margin-top: 8px;
}
.promo.promo-color a.button {
	right: 30px;
}
/* Promo - 100% Full Width
-----------------------------------------------------------------*/

.promo-full {
	border-radius: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	padding: 40px 0 !important;
}
.promo-full a.button {
	right: 15px !important;
}
.promo-full.promo-right a.button {
	right: auto !important;
	left: 15px !important;
}
/* Promo - Parallax
-----------------------------------------------------------------*/

.promo.parallax {
	padding: 80px 0 !important;
}
/* Promo - Right Align
-----------------------------------------------------------------*/

.promo.promo-right {
	text-align: right;
	padding: 30px 0 30px 200px;
}
.promo.promo-right a.button {
	left: 0;
	right: auto;
}
/* Promo - with Border & Right Align
-----------------------------------------------------------------*/

.promo.promo-right.promo-border:not(.promo-mini), .promo.promo-dark.promo-right:not(.promo-mini) {
	padding-right: 30px;
}
.promo.promo-right.promo-border a.button, .promo.promo-dark.promo-right a.button {
	left: 30px;
}
/* Promo - Center Align
-----------------------------------------------------------------*/

.promo.promo-center {
	text-align: center;
	padding: 30px 20px;
}
.promo.promo-center a.button {
	position: relative;
	top: 0;
	margin: 20px 0 0;
	left: 0 !important;
	right: 0;
}
/* Promo - Mini
-----------------------------------------------------------------*/

.promo.promo-mini {
	text-align: left;
	padding: 20px 25px;
}
.promo.promo-mini h3 {
	font-size: 20px;
	line-height: 1.5;
}
.promo.promo-mini.promo-uppercase h3 {
	font-size: 18px;
}
.promo.promo-mini.promo-dark h3 {
	line-height: 1.7;
}
.promo.promo-mini a.button {
	position: relative;
	top: 0;
	margin: 20px 0 0;
	left: 0 !important;
	right: 0;
}
/* Promo - Mini - Center Align
-----------------------------------------------------------------*/

.promo.promo-mini.promo-center {
	text-align: center;
}
/* Promo - Mini - Right Align
-----------------------------------------------------------------*/

.promo.promo-mini.promo-right {
	text-align: right;
}
/* ----------------------------------------------------------------
    Featured Boxes
-----------------------------------------------------------------*/


.feature-box {
	position: relative;
	/*margin-top: 20px;*/
	padding: 0 0 0 80px;
	border: 1px solid rgba(155,155,155,0.4);
	outline: 5px solid rgba(155,155,155,0);
	background: #FFF;
	margin-bottom:30px;
}
.feature-box figure img {
	width: 100%;
}
.dark .feature-box {
	border: 1px solid rgba(155,155,155,0.2);
	outline: 5px solid rgba(155,155,155,0);
	background: #111;
}
.feature-box.fbox-center {
	padding: 10px 10px 10px 10px !important;
	text-align: center;
	paddin-right: 30px !important;
}
.feature-box.fbox-center .fbox-icon {
	position: relative;
	width: 96px;
	height: 96px;
	margin: 0 auto 30px;
}
.feature-box.fbox-center .fbox-icon i {
	font-size: 42px;
	line-height: 96px;
}
.feature-box.fbox-center p {
	font-size: 14px;
	
	/*margin-top: 0px;*/
	/*padding: 0px 15px 0px 15px;*/
}
.feature-box h2 {
	font-size: 28px
}
.feature-box h3 {
	font-size: 20px
}
.feature-box p {
	margin: 8px 0 0 0;
	color: #333;
}
.feature-box h3 + .fbox-icon {
	margin-top: 20px !important;
}
.feature-box h3 span.subtitle {
	display: block;
	margin-top: 5px;
	color: #444;
	font-weight: 300;
	text-transform: none;
	font-size: 16px;
}
.feature-box.fbox-center:not(.fbox-bg) h3:after {
	content: '';
	display: block;
	margin: 0px auto 10px;
	width: 30px;
	border-top: 1px solid #555;
	-webkit-transition: width .3s ease;
	-o-transition: width .3s ease;
	transition: width .3s ease;
}
.feature-box.fbox-center:not(.fbox-bg):hover h3:after {
	width: 50px;
}
.feature-box.fbox-center.noborder:not(.fbox-bg) h3:after, .feature-box.fbox-center.nobottomborder:not(.fbox-bg) h3:after {
	display: none;
}
/* ----------------------------------------------------------------
    Styled Icons
-----------------------------------------------------------------*/

.i-rounded, .i-plain, .i-circled, .i-bordered, .icon, .social-icon {
	display: block;
	margin: 25px;
	text-align: center !important;
	font-size: 28px;
	color: #fff;
	cursor: pointer;
	font-style: normal;
	border-radius: 50%;
}
.i-color {
	color: #2098D1 !important
}
.i-dark {
	color: #FFF
}
.i-light {
	box-shadow: 0 0 0 5px #F4F4F4 !important
}
.i-rounded, .i-circled, .i-bordered, .icon {
	background-color: #42b9da;
	border: 2px solid #000;
	box-shadow: 0 0 0 5px #FFF;
}
.dark .i-rounded, .dark .i-circled, .dark .i-bordered, .dark .icon {
	color: #FFF;
	background-color: transparent;
	border: 2px solid #555;
	box-shadow: 0 0 0 5px #333 !important;
}
.i-bordered {
	border: 2px solid rgba(255,255,255,0.5);
	line-height: 50px !important;
	text-shadow: none;
}
.i-rounded {
	border-radius: 10px
}
.i-plain {
	width: 36px !important;
	height: 36px !important;
	font-size: 28px;
	line-height: 36px !important;
	text-shadow: none;
}
.i-circled {
	border-radius: 50%;
}
/*.i-alt {
    background-image: url('../images/icons/iconalt.svg');
    background-position: center center;
    background-size: 100% 100%;
}*/

body:not(.device-touch) .i-rounded, body:not(.device-touch) .i-plain, body:not(.device-touch) .i-circled, body:not(.device-touch) .i-bordered, body:not(.device-touch) .social-icon {
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
/* Icon Size - Small
-----------------------------------------------------------------*/

.i-small.i-rounded, .i-small.i-plain, .i-small.i-circled, .i-small.i-bordered {
	font-size: 18px;
}
.i-small.i-rounded, .i-small.i-circled, .i-small.i-bordered {
	width: 40px !important;
	height: 40px !important;
	line-height: 40px !important;
}
.i-small.i-bordered {
	line-height: 36px !important;
}
.i-small.i-plain {
	width: 18px !important;
	height: 18px !important;
	font-size: 18px;
	line-height: 18px !important;
}
/* Icon Size - Small
-----------------------------------------------------------------*/

.i-medium.i-rounded, .i-medium.i-plain, .i-medium.i-circled, .i-medium.i-bordered {
	font-size: 26px;
}
.i-medium.i-rounded, .i-medium.i-circled, .i-medium.i-bordered {
	width: 55px !important;
	height: 55px !important;
	line-height: 55px !important;
}
.i-medium.i-bordered {
	line-height: 55px !important;
}
.i-medium.i-plain {
	width: 26px !important;
	height: 26px !important;
	font-size: 26px;
	line-height: 26px !important;
}
/* Icon Size - Large
-----------------------------------------------------------------*/

.i-large.i-rounded, .i-large.i-plain, .i-large.i-circled, .i-large.i-bordered {;
	font-size: 36px;
}
.i-large.i-rounded, .i-large.i-circled, .i-large.i-bordered {
	width: 64px !important;
	height: 64px !important;
	line-height: 64px !important;
}
.i-large.i-bordered {
	line-height: 59px !important;
}
.i-large.i-plain {
	width: 36px !important;
	height: 36px !important;
	font-size: 36px;
	line-height: 36px !important;
}
/* Icon Size - Extra Large
-----------------------------------------------------------------*/

.i-xlarge.i-rounded, .i-xlarge.i-plain, .i-xlarge.i-circled, .i-xlarge.i-bordered {
	font-size: 20px;
}
.i-xlarge.i-rounded, .i-xlarge.i-circled, .i-xlarge.i-bordered {
	width: 50px !important;
	height: 50px !important;
	line-height: 50px !important;
	display: inline-block;
}
.i-xlarge.i-bordered {
	line-height: 82px !important;
}
.i-xlarge.i-plain {
	width: 46px !important;
	height: 46px !important;
	font-size: 46px;
	line-height: 46px !important;
}
/* ----------------------------------------------------------------
    Alerts
-----------------------------------------------------------------*/


.style-msg, .style-msg2 {
	display: block;
	color: #444;
	border-left: 4px solid rgba(0,0,0,0.1);
	margin-bottom: 20px;
}
.style-msg2 {
	border-left: 4px solid rgba(0,0,0,0.2);
}
.successmsg {
	background: #C5EBD4;
	color: #184B21;
}
.errormsg {
	background: #FFCCCC;
	color: #740D0A;
}
.infomsg {
	background: #B9DFF4;
	color: #124F70;
}
.alertmsg {
	background: #FCE0B6;
	color: #975E06;
}
.style-msg .sb-msg, .style-msg2 .msgtitle, .style-msg2 .sb-msg {
	display: block;
	padding: 15px;
	border-left: 1px solid rgba(255,255,255,0.5);
	font-size: 13px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.6);
}
.style-msg2 .msgtitle {
	background: rgba(0,0,0,0.15);
	border-top: none;
	border-bottom: none;
	font-size: 14px;
	font-weight: bold;
}
.style-msg-light .sb-msg, .style-msg-light .msgtitle {
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
.style-msg2 .sb-msg {
	font-weight: normal;
}
.style-msg2 ol, .style-msg2 ul {
	margin: 0 0 0 30px;
}
.style-msg2 ol {
	list-style-type: decimal;
}
.style-msg2 ul {
	list-style-type: disc;
}
.alert i, .sb-msg i, .msgtitle i {
	position: relative;
	top: 1px;
	font-size: 14px;
	width: 14px;
	text-align: center;
	margin-right: 5px;
}
/* ----------------------------------------------------------------
    Social Icons
-----------------------------------------------------------------*/

.social-widget {
	width: 100%
}
.social-widget ul {
	float: none;
}
.social-widget ul li {
	display: inline-block
}
.social-icon {
	margin: 0 5px 5px 0;
	width: 40px;
	height: 40px;
	font-size: 20px;
	line-height: 38px !important;
	color: #FFF;
	text-shadow: none;
	border-radius: 3px;
	overflow: hidden;
	background: #222;
}
.social-icon.si-small {
	width: 32px;
	height: 32px;
	font-size: 25px;
	line-height: 30px !important;
}
.social-icon i {
	display: block;
	padding-top: 5px;
	padding-bottom: 0px;
	position: relative;
}
body:not(.device-touch) .social-icon i {
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.social-icon i:last-child {
	color: #FFF !important;
}
.social-icon:hover i:first-child {
	margin-top: -38px;
}
.social-icon.si-large:hover i:first-child {
	margin-top: -54px;
}
.social-icon.si-small:hover i:first-child {
	margin-top: -30px;
}
.social-icon:hover {
	color: #FFF;
	background: #000;
}
/* Social Icons - Share
-----------------------------------------------------------------*/

.si-share {
	position: relative;
	padding-left: 5px;
	border-top: 1px solid #EEE;
	border-bottom: 0px solid #EEE;
}
.si-share span {
	line-height: 36px;
	font-weight: bold;
	font-size: 13px;
}
.si-share div {
	float: right;
}
.si-share .social-icon {
	margin: -1px 0;
	border-radius: 0;
	font-size: 15px;
}
/* ----------------------------------------------------------------
    Toggle
-----------------------------------------------------------------*/


.toggle {
	display: block;
	position: relative;
	margin: 0 0 10px 0;
}
.toggle .togglet, .toggle .toggleta {
	display: block;
	position: relative;
	line-height: 24px;
	padding: 0 0 0 24px;
	margin: 0;
	font-size: 16px;
	font-weight: 400;
	color: #444;
	cursor: pointer;
}
.toggle .togglet i {
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	text-align: center;
	font-size: 12px;
	line-height: 24px;
}
.toggle .toggleta {
	font-weight: 400;
}
.toggle .togglet i.toggle-open, .toggle .toggleta i.toggle-closed {
	display: none;
}
.toggle .toggleta i.toggle-open {
	display: block;
}
.toggle .togglec {
	display: block;
	position: relative;
	padding: 10px 0 0 24px;
}
/* Toggle - with Title Background
-----------------------------------------------------------------*/

.toggle.toggle-bg .togglet, .toggle.toggle-bg .toggleta {
	background-color: rgba(255,255,255,0.8);
	line-height: 44px;
	padding: 0 0 0 36px;
	border-radius: 2px;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #EEE;
}
.toggle.toggle-bg .togglet i {
	left: 14px;
	line-height: 44px;
}
.toggle.toggle-bg .togglec {
	padding: 15px;
	font-size: 16px;
}
/* Toggle - Bordered
-----------------------------------------------------------------*/

.toggle.toggle-border {
	border: 1px solid #CCC;
	border-radius: 4px;
}
.toggle.toggle-border .togglet, .toggle.toggle-border .toggleta {
	line-height: 44px;
	padding: 0 15px 0 36px;
}
.toggle.toggle-border .togglet i {
	left: 14px;
	line-height: 44px;
}
.toggle.toggle-border .togglec {
	padding: 0 15px 15px 36px;
}
/* Toggle - FAQs
-----------------------------------------------------------------*/

.faqs .toggle {
	border-bottom: 1px solid #EEE;
	padding-bottom: 12px;
	margin-bottom: 12px;
}
.faqs .toggle .togglet, .faqs .toggle .toggleta {
	font-size: 15px;
}
.faqs .toggle .togglet i {
	top: 1px;
	font-size: 14px;
}
.faqs .toggle .togglec {
	padding-bottom: 10px;
}
/* ----------------------------------------------------------------
    Accordions
-----------------------------------------------------------------*/

.accordion {
	margin-bottom: 20px;
}
.acctitle, .acctitlec {
	display: block;
	position: relative;
	line-height: 24px;
	margin: 0;
	font-size: 16px;
	font-weight: normal;
	color: #444;
	cursor: pointer;
	border-top: none;
	padding: 10px 0 10px 20px;
}
.acctitlec {
	cursor: auto;
}
.acctitle:first-child {
	border-top: none;
}
.acctitle i {
	position: absolute;
	top: 0;
	left: 0;
	width: 14px;
	text-align: center;
	font-size: 12px;
	line-height: 44px;
}
.acctitle i.acc-open, .acctitlec i.acc-closed {
	display: none;
}
.acctitlec i.acc-open {
	display: block;
}
.acc_content {
	position: relative;
	padding: 0 0 15px 20px;
}
/* Accordion - with Title Background
-----------------------------------------------------------------*/

.accordion.accordion-bg .acctitle, .accordion.accordion-bg .acctitlec {
	background-color: rgba(255,255,255,0.8);
	line-height: 44px;
	padding: 0 0 0 36px;
	margin-bottom: 5px;
	border-top: 0;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #EEE;
}
.accordion.accordion-bg .acctitle i {
	left: 14px;
	line-height: 44px;
}
.accordion.accordion-bg .acc_content {
	padding: 15px;
}
/* Accordion - Bordered
-----------------------------------------------------------------*/

.accordion.accordion-border {
	border: 1px solid #E1E1E1;
	border-radius: 4px;
}
.accordion.accordion-border .acctitle, .accordion.accordion-border .acctitlec {
	border-color: #DDD;
	line-height: 44px;
	padding: 0 15px 0 36px;
}
.accordion.accordion-border .acctitle i {
	left: 14px;
	line-height: 44px;
}
.accordion.accordion-border .acc_content {
	padding: 15px 15px 15px 36px;
	background-color: #F9F9F9
}
/* ----------------------------------------------------------------
    Tabs
-----------------------------------------------------------------*/


.tabs {
	position: relative;
	margin: 0px;
}
ul.tab-nav {
	margin: 0;
	list-style: none;
}
ul.tab-nav li {
	float: left;
	height: 40px;
}
ul.tab-nav li:first-child {
	margin-left: 0px;
}
ul.tab-nav li a {
	display: block;
	padding: 0 10px;
	color: #666;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	font-weight: 500;
	border: 1px solid rgba(255,255,255,0);
	border-bottom: 0px;
}
ul.tab-nav li.ui-tabs-active a {
	position: relative;
	border: 1px solid #CCC;
	border-bottom: 0px;
	color: #2098D1;
	background: #F9F9F9
}
.dark ul.tab-nav li.ui-tabs-active a {
	border: 1px solid #555;
	border-bottom: 0px;
	color: #2098D1;
	background: transparent
}
.dark ul.tab-nav li a {
	color: #CCC;
	border: 1px solid #222;
	border-bottom: 0px;
}
/* Tabs - Content Area
-----------------------------------------------------------------*/

.tab-container {
	position: relative;
	padding: 0px;
	/*border: 1px solid rgba(125,125,125,0.5);*/
	margin-top:30px;
	
}
.tab-content {
	padding: 20px
}
/* Tabs - Side Tabs
-----------------------------------------------------------------*/

.side-tabs ul.tab-nav {
	float: left;
	width: 200px;
	padding: 20px 0;
	border-bottom: 0;
	border-right: 1px solid #DDD;
}
.side-tabs ul.tab-nav li {
	float: none;
	border: 1px solid #DDD;
	border-right: 0;
	border-top: 0;
	height: auto;
}
.side-tabs ul.tab-nav li:first-child {
	margin-left: 0;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
}
.side-tabs ul.tab-nav li a {
	height: auto;
	line-height: 44px;
}
.side-tabs ul.tab-nav li.ui-tabs-active a {
	top: 0;
	right: -1px;
}
.side-tabs .tab-container {
	overflow: hidden;
	padding: 15px 0 0 20px;
}
/* ----------------------------------------------------------------
    Side Navigation
-----------------------------------------------------------------*/


.sidenav {
	width: 100%;
	padding: 0;
	background-color: #FFF;
	list-style-type: none !important;
	border-radius: 4px;
}
.sidenav > li > a {
	display: block;
	margin: 0 0 -1px;
	padding: 11px 14px;
	font-size: 14px;
	border: 1px solid #E5E5E5;
	border-right-width: 2px;
	color: #666;
}
.sidenav > li:first-child > a {
	border-radius: 4px 4px 0 0;
}
.sidenav > li:last-child > a {
	border-radius: 0 0 4px 4px;
	border-bottom-width: 2px;
}
.sidenav > .ui-tabs-active > a, .sidenav > .ui-tabs-active > a:hover {
	position: relative;
	z-index: 2;
	border-color: rgba(0,0,0,0.1) !important;
	color: #FFF !important;
	font-weight: 600;
	background-color: #2098D1 !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.sidenav li i {
	position: relative;
	top: 1px;
	margin-right: 6px;
	font-size: 14px;
	text-align: center;
	width: 16px;
}
/* Chevrons */
.sidenav .icon-chevron-right {
	float: right;
	margin-top: 2px;
	margin-right: -6px;
	opacity: .4;
	font-size: 12px !important;
}
.sidenav > li > a:hover {
	background-color: #F5F5F5;
	color: #222;
}
.sidenav a:hover .icon-chevron-right {
	opacity: .5;
}
.sidenav .ui-tabs-active .icon-chevron-right, .sidenav .ui-tabs-active a:hover .icon-chevron-right {
	opacity: 1;
}
/* ----------------------------------------------------------------
    FAQ List
-----------------------------------------------------------------*/


.faqlist li {
	margin-bottom: 5px;
	font-size: 18px;
}
.faqlist li a {
	color: #444;
}
.faqlist li a:hover {
	color: #2098D1 !important;
}
/* ----------------------------------------------------------------
    Clients
-----------------------------------------------------------------*/


.clients-grid, .testimonials-grid {
	list-style: none;
	overflow: hidden;
}
.clients-grid li, .testimonials-grid li {
	float: left;
	position: relative;
	width: 20%;
	padding: 20px 0;
}
.clients-grid.grid-2 li {
	width: 50%;
	padding: 25px 0;
}
.clients-grid.grid-3 li {
	width: 33.33%;
}
.clients-grid.grid-4 li {
	width: 25%;
}
.clients-grid.grid-6 li {
	width: 16.66%;
}
.clients-grid li a {
	opacity: 0.6;
}
body:not(.device-touch) .clients-grid li a {
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.clients-grid li a:hover {
	opacity: 1;
}
.clients-grid li a, .clients-grid li img {
	display: block;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}
.clients-grid li a img {
	width: 100%;
}
.clients-grid li:before, .clients-grid li:after, .testimonials-grid li:before, .testimonials-grid li:after {
	content: '';
	position: absolute;
}
.clients-grid li:before, .testimonials-grid li:before {
	height: 100%;
	top: 0;
	left: -1px;
	border-left: 1px dashed #DDD;
}
.clients-grid li:after, .testimonials-grid li:after {
	width: 100%;
	height: 0;
	top: auto;
	left: 0;
	bottom: -1px;
	border-bottom: 1px dashed #DDD;
}
/* ----------------------------------------------------------------
    Testimonials
-----------------------------------------------------------------*/

/* Testimonials - Grid
-----------------------------------------------------------------*/

.testimonials-grid li {
	width: 50%;
	padding: 25px;
}
.testimonials-grid.grid-3 li {
	width: 33.33%;
}
.testimonials-grid li .testimonial {
	padding: 0;
	background-color: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}
/* Testimonials - Item
-----------------------------------------------------------------*/

.testimonial {
	position: relative;
	padding: 20px;
	background: #F9F9F9;
	border-radius: 3px;
}
.testimonial-transparent-dark {
	position: relative;
	padding: 30px;
	background: rgba(0,0,0,0.5);
	border-radius: 3px;
}
.testimonial-transparent-light {
	position: relative;
	padding: 30px;
	background: rgba(255,255,255,0.5);
	border-radius: 3px;
}
.testimonial-border {
	position: relative;
	padding: 30px 5px 30px 5px;
	background: transparent;
	border-radius: 0px;
	border-top: 2px solid rgba(255, 255, 255, 0.25);
	border-bottom: 2px solid rgba(255, 255, 255, 0.25)
}
.testi-image {
	float: left;
	margin-right: 15px;
}
.testi-image, .testi-image a, .testi-image img, .testi-image i {
	display: block;
	width: 64px;
	height: 64px;
}
.testi-image i {
	text-align: center;
	border-radius: 10%;
	line-height: 64px;
	font-size: 28px;
	color: #5EA9DD
}
.testi-image img {
	border-radius: 0;
}
.testi-content {
	position: relative;
	overflow: hidden;
}
.testi-content p {
	margin-bottom: 0;
	font-style: normal;
	font-size: 15px;
	color: #333;
}
.testi-content p:before, .testi-content p:after {
	content: '"';
}
.testi-meta {
	margin-top: 10px;
	font-size: 16px;
	padding-left: 10px;
	color: #999 !important;
}
.testi-meta a {
	color: #777 !important;
}
.testi-meta span {
	display: block;
	font-weight: normal;
	color: #333;
	font-size: 15px;
	text-transform: none;
}
/* Twitter Icon
-----------------------------------------------------------------*/

.twitter-scroll .icon-twitter {
	color: #28A9E2 !important;
	float: left;
	margin-right: 20px;
	font-size: 30px !important
}
.twitter-scroll a {
	color: #28A9E2 !important
}
.twitter-scroll a:hover {
	text-decoration: underline !important
}
.twitter-scroll .testi-content p {
	font-size: 20px;
	font-family: 'PT Serif', serif !important;
	font-weight: normal !important
}
/* Twitter - Small Scroller
-----------------------------------------------------------------*/

.testimonial.twitter-scroll .testi-content p:before, .testimonial.twitter-scroll .testi-content p:after, .testimonial.twitter-scroll .testi-meta:before {
	content: '';
}
.testimonial.twitter-scroll .testi-meta span {
	padding-left: 0;
}
.testimonial.twitter-scroll .testi-meta span a {
	color: #999;
}
.testimonial.twitter-scroll .testi-meta span a:hover {
	color: #222;
}
/* Testimonials - Full Width
-----------------------------------------------------------------*/

.testimonial.testimonial-full {
	padding: 30px;
}
.testimonial.testimonial-full[data-animation="fade"] {
	padding: 30px;
}
.testimonial.testimonial-full[data-animation="fade"] .flexslider {
	overflow: visible !important;
}
.testimonial-full .testi-image {
	float: none;
	margin: 0 auto 20px;
}
.testimonial-full .testi-image, .testimonial-full .testi-image a, .testimonial-full .testi-image img, .testimonial-full .testi-image i {
	display: block;
	width: 72px;
	height: 72px;
}
.testimonial-full .testi-image i {
	line-height: 72px;
}
.testimonial-full .testi-content {
	text-align: center;
	font-size: 18px;
}
.testimonial-full .testi-meta {
	margin-top: 15px;
}
.testimonial-full .testi-meta span {
	padding-left: 0;
}
/* Testimonial - Section Scroller
-----------------------------------------------------------------*/

.section > .testimonial {
	padding: 0;
	background-color: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	max-width: 800px;
	margin: 0 auto;
}
.section > .testimonial[data-animation="fade"] {
	padding: 0;
}
.section > .testimonial .testi-content {
	font-size: 22px;
}
.section > .testimonial .testi-meta, .section > .testimonial .testi-meta span {
	font-size: 14px;
}
/* Testimonial - Pagination
-----------------------------------------------------------------*/

.testimonial .flex-control-nav {
	top: auto;
	bottom: 6px;
	right: 0;
}
.testimonial .flex-control-nav li {
	margin: 0 2px;
	width: 6px;
	height: 6px;
}
.testimonial .flex-control-nav li a {
	width: 6px !important;
	height: 6px !important;
	border: none;
	background-color: #2098D1;
	opacity: 0.5;
}
.testimonial .flex-control-nav li:hover a {
	opacity: 0.75;
}
.testimonial .flex-control-nav li a.flex-active {
	opacity: 1;
}
/* Testimonial - Full Scroller
-----------------------------------------------------------------*/

.testimonial.testimonial-full .flex-control-nav {
	position: relative;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	height: 6px;
	margin-top: 20px;
}
.testimonial.testimonial-full .flex-control-nav li {
	display: inline-block;
	float: none;
}
/* ----------------------------------------------------------------
    Team
-----------------------------------------------------------------*/

.oc-item {
	overflow: hidden
}
.team {
	background: #FFF;
	padding: 0px;
	border: #ddd solid 0px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.05)
}
.team, .team-image {
	position: relative;
}
.team-image > a, .team-image img {
	display: block;
	width: 100%;
}
.team-image .desc {
	position: absolute;
	top: 0;
	left: 0;
	width: 30%;
	height: 100%;
	padding: 0px 20px 0px 30px;
	font-size: 22px;
	outline: none;
	background: rgb(0, 0, 0); /* fallback color */
	background: rgba(0, 0, 0, 0.7);
}
.team-image .desc.solid {
	background: #111 !important
}
.team-image .desc.right {
	right: 0 !important;
	left: auto !important
}
.team-desc.team-desc-bg {
	background-color: #FFF;
	padding: 10px 0 30px;
}
.team .si-share {
	margin-top: 30px;
	text-align: left;
}
.team .si-share .social-icon {
	font-size: 14px;
	width: 34px;
}
.team-title {
	position: relative;
	padding-top: 20px
}
.team-title h3 span {
	color: #DDD
}
.team-content {
	margin-top: 15px;
	color: #777;
}
.team-content p:last-child {
	margin-bottom: 0;
}
.team ul li {
	font-size: 16px;
	list-style: none;
	margin-bottom: 8px;
	color: #CCC
}
.team ul li i {
	font-size: 13px;
	color: #FFF;
	margin-right: 10px;
}
.team ul {
	margin-bottom: 30px
}
.team ul li a {
	color: #FFF
}
.team ul li a:hover {
	text-decoration: underline !important
}
.team-overlay, .team-overlay:before {
	opacity: 0;
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
}
body:not(.device-touch) .team-overlay {
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}
.team-overlay:before {
	content: '';
	z-index: auto;
	background-color: #FFF;
	opacity: 0.75;
}
.team-overlay .social-icon {
	float: none;
	margin: 0 3px !important;
	display: inline-block;
}
.team:hover .team-overlay {
	opacity: 1;
}
/* Team Center
-----------------------------------------------------------------*/

.team.center .team-title:after {
	left: 50%;
	margin-left: -40px;
}
/* Team List
-----------------------------------------------------------------*/

.team.team-list .team-image {
	float: left;
	width: 100%;
	margin-right: 30px;
}
.team.team-list .team-desc {
	position: relative;
	text-align: left;
}
.team.team-list .team-title {
	padding-top: 0;
}
.team .team-desc > .social-icon {
	margin-top: 20px;
}
.team .team-content ~ .social-icon {
	margin-top: 30px;
}
.team:not(.team-list) .social-icon {
	display: inline-block;
	float: none;
	margin-left: 6px;
	margin-right: 6px;
}
/* ----------------------------------------------------------------
    Pricing Boxes
-----------------------------------------------------------------*/

.pricing {
	position: relative;
}
.pricing [class^=col-] {
	padding: 0;
	margin-top: 20px;
}
/* Pricing Boxes
-----------------------------------------------------------------*/

.pricing-box {
	position: relative;
	border: 1px solid rgba(0,0,0,0.075);
	border-radius: 3px;
	text-align: center;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	background-color: #F5F5F5;
}
/* Pricing Boxes - Title
-----------------------------------------------------------------*/

.pricing-title {
	padding: 15px 0;
	background-color: #F9F9F9;
	border-radius: 3px 3px 0 0;
	text-shadow: 1px 1px 1px #FFF;
	border-bottom: 1px solid rgba(0,0,0,0.05);
}
.pricing-title h3 {
	margin: 0;
	font-size: 20px;
	letter-spacing: 1px;
	font-weight: normal;
	text-transform: uppercase;
	color: #555;
}
.pricing-title span {
	display: block;
	color: #999;
	font-weight: 300;
	font-size: 14px;
	margin-top: 3px;
	text-transform: uppercase;
}
/* Pricing Boxes - Price
-----------------------------------------------------------------*/

.pricing-price {
	position: relative;
	padding: 25px 0;
	color: #333;
	font-weight: 300;
	font-size: 64px;
	line-height: 1;
}
.pricing-price:after {
	content: '';
	position: absolute;
	width: 100px;
	border-top: 1px solid rgba(0,0,0,0.1);
	top: auto;
	bottom: 0;
	left: 50%;
	margin-left: -50px;
}
.pricing-price span {
	display: inline-block;
	vertical-align: top;
	margin: 7px 3px 0 0;
	font-size: 28px;
	font-weight: normal;
}
.pricing-price span.price-tenure {
	vertical-align: baseline;
	font-size: 16px;
	font-weight: normal;
	color: #999;
	margin: 0 0 0 3px;
}
/* Pricing Boxes - Features
-----------------------------------------------------------------*/

.pricing-features {
	border-bottom: 1px solid rgba(0,0,0,0.075);
}
.pricing-features ul {
	margin: 0;
	padding: 15px 0;
	list-style: none;
}
.pricing-features li {
	padding: 6px 0;
	font-size: 14px;
}
/* Pricing Boxes - Action
-----------------------------------------------------------------*/

.pricing-action {
	padding: 15px 30px;
}
/* Pricing Boxes - Best Price
-----------------------------------------------------------------*/

.pricing-box.best-price {
	background-color: #FFF;
	z-index: 10;
}
.pricing-box.best-price {
	margin: -20px -1px 0 -1px;
}
.pricing-box.best-price .pricing-title {
	background-color: #FFF;
	padding: 20px 0;
}
.pricing-box.best-price .pricing-title h3 {
	font-size: 22px;
}
.pricing-box.best-price .pricing-price {
	color: #2098D1;
	font-size: 72px;
}
/* Pricing Boxes - Minimal
-----------------------------------------------------------------*/

.pricing-box.pricing-minimal .pricing-price {
	background-color: #FFF;
	border-bottom: 1px solid rgba(0,0,0,0.075);
}
.pricing-box.pricing-minimal .pricing-price:after {
	display: none;
}
/* Pricing Boxes - 5 Columns
-----------------------------------------------------------------*/

.pricing.pricing-5 .pricing-box {
	float: left;
	width: 20%;
	margin-top: 20px;
}
.pricing.pricing-5 .pricing-box.best-price {
	margin-top: 0;
}
.pricing.pricing-5 .pricing-box:nth-child(5) {
	margin-left: -1px;
}
.pricing.pricing-5 .pricing-title h3 {
	font-size: 18px;
}
.pricing.pricing-5 .best-price .pricing-title h3 {
	font-size: 20px;
}
/* Pricing Boxes - Extended
-----------------------------------------------------------------*/

.pricing-box.pricing-extended {
	background-color: #FFF;
	text-align: left;
}
.pricing-box.pricing-extended .pricing-desc {
	float: left;
	width: 75%;
	padding: 25px;
}
.pricing-box.pricing-extended .pricing-title {
	background-color: transparent;
	padding-top: 0;
	text-align: left;
}
.pricing-box.pricing-extended .pricing-features {
	border: 0;
}
.pricing-box.pricing-extended .pricing-features ul {
	padding: 15px 0 0 0;
}
.pricing-box.pricing-extended .pricing-features li {
	padding: 6px 0;
	font-size: 15px;
	width: 50%;
	float: left;
}
.pricing-box.pricing-extended .pricing-features ul li i {
	position: relative;
	top: 1px;
	width: 16px;
	margin-right: 2px;
}
.pricing-box.pricing-extended .pricing-action-area {
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	width: 25%;
	height: 100%;
	border-left: 1px solid rgba(0,0,0,0.05);
	background-color: #F9F9F9;
	padding: 30px;
	border-radius: 0 3px 3px 0;
	text-align: center;
}
.pricing-box.pricing-extended .pricing-action-area .pricing-price, .pricing-box.pricing-extended .pricing-action-area .pricing-action {
	padding: 0;
}
.pricing-box.pricing-extended .pricing-action-area .pricing-price {
	padding-bottom: 20px;
}
.pricing-box.pricing-extended .pricing-action-area .pricing-price:after {
	display: none;
}
.pricing-box.pricing-extended .pricing-action-area .pricing-price span.price-tenure {
	display: block;
	margin: 10px 0 0 0;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 14px;
}
.pricing-box.pricing-extended .pricing-meta {
	color: #999;
	font-weight: 300;
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding-bottom: 10px;
}
.table-comparison, .table-comparison th {
	text-align: center;
}
.table-comparison th:first-child, .table-comparison td:first-child {
	text-align: left;
	font-weight: bold;
}
/* ----------------------------------------------------------------
    Counter
-----------------------------------------------------------------*/

.counter {
	font-size: 42px;
	font-weight: 600;
}
.counter.counter-small {
	font-size: 28px;
}
.counter.counter-large {
	font-size: 56px;
}
.counter.counter-xlarge {
	font-size: 64px;
	font-weight: 400;
}
.counter.counter-inherit {
	font-size: inherit;
	font-weight: inherit;
}
.counter + h5 {
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 10px;
}
.counter.counter-lined + h5:before {
	display: block;
	position: relative;
	margin: 20px auto 25px auto;
	content: '';
	width: 15%;
	border-top: 2px solid #444;
	opacity: 0.9;
}
.counter.counter-small + h5 {
	font-size: 13px;
}
.counter.counter-large + h5, .counter.counter-xlarge + h5 {
	font-size: 15px;
	font-weight: 300;
}
.widget .counter + h5 {
	opacity: 0.7;
}
/* ----------------------------------------------------------------
    Animated Rounded Skills
-----------------------------------------------------------------*/


.rounded-skill {
	display: inline-block;
	margin: 0 15px 15px;
}
body:not(.device-touch) .rounded-skill {
	-webkit-transition: opacity .4s ease;
	-o-transition: opacity .4s ease;
	transition: opacity .4s ease;
}
.rounded-skill + h5 {
	margin-bottom: 0;
}
.easyPieChart {
	display: inline-block;
	position: relative;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #333;
}
.easyPieChart i {
	font-size: 42px;
}
.easyPieChart canvas {
	position: absolute;
	top: 0;
	left: 0;
}
/* ----------------------------------------------------------------
    Skills Bar
-----------------------------------------------------------------*/


.skills {
	margin: 0;
	list-style: none;
	padding-top: 25px;
}
.skills li {
	position: relative;
	margin-top: 38px;
	height: 20px;
	background-color: #F5F5F5;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	border-radius: 2px;
}
.skills li:first-child {
	margin-top: 0;
}
.skills li .progress {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: #2098D1;
	overflow: visible !important;
	border-radius: 2px;
	-webkit-transition: width 1.2s ease-in-out;
	-o-transition: width 1.2s ease-in-out;
	transition: width 1.2s ease-in-out;
}
.skills li .progress-percent {
	position: absolute;
	top: -28px;
	right: -18px;
	background-color: none;
	color: #111;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	height: 22px;
	line-height: 22px;
	padding: 0px 5px;
	font-size: 13px;
	border-radius: 2px;
}
.skills li .progress-percent .counter {
	font-weight: 400;
}
.progress-percent:after, .progress-percent:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.progress-percent:after {
	border-top-color: #DDD;
	border-width: 4px;
	left: 50%;
	margin-left: -4px;
}
.progress-percent:before {
	border-top-color: #DDD;
	border-width: 5px;
	left: 50%;
	margin-left: -5px;
}
.skills li > span {
	position: absolute;
	z-index: 1;
	top: -23px;
	left: 0;
	line-height: 20px;
	font-size: 15px;
	font-weight: normal !important;
	color: #222;
	letter-spacing: 1px;
}
/* ----------------------------------------------------------------
    Overlays
-----------------------------------------------------------------*/


.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.overlay .overlay-wrap, .text-overlay {
	opacity: 0;
	position: relative;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
}
body:not(.device-touch) .overlay .overlay-wrap, body:not(.device-touch) .text-overlay {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.overlay .overlay-wrap i {
	position: absolute;
	opacity: 0.8;
	font-size: 24px;
	line-height: 1;
	width: 24px;
	height: 24px;
	text-align: center;
	top: 50%;
	margin-top: -12px;
	left: 50%;
	margin-left: -12px;
	color: #FFF;
}
.overlay:hover .overlay-wrap, .overlay:hover .text-overlay {
	opacity: 1;
}
.text-overlay {
	position: absolute;
	opacity: 0.85;
	top: auto;
	bottom: 0;
	height: auto;
	padding: 40px 15px 15px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.85))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0 ); /* IE6-9 */
}
.text-overlay-title h2, .text-overlay-title h3, .text-overlay-title h4 {
	margin: 0;
	color: #F5F5F5;
}
.text-overlay-title h2 {
	font-size: 28px;
}
.text-overlay-title h3 {
	font-size: 17px;
	font-weight: 600;
}
.text-overlay-title h2, .text-overlay-title h3, .text-overlay-title h4, .text-overlay-meta {
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.text-overlay-meta {
	color: #CCC;
	font-size: 13px;
}
.text-overlay-meta span i {
	position: relative;
	top: 1px;
	font-size: 14px;
}
/* News Carousel Overlays
-----------------------------------------------------------------*/

.news-carousel .text-overlay {
	padding: 40px 30px 25px;
}
.news-carousel .text-overlay-title {
	margin: 15px 0 10px;
}
.news-carousel .text-overlay-title h2, .news-carousel .text-overlay-title h3, .news-carousel .text-overlay-title h4 {
	line-height: 1.2;
	text-overflow: none;
	white-space: normal;
}
.news-carousel .text-overlay-meta {
	font-size: 14px;
}
.news-carousel .rounded-skill {
	position: absolute;
	margin: 0 !important;
	top: 30px;
	right: 30px;
	color: #FFF;
	font-weight: 600;
}
/* ----------------------------------------------------------------
    Forms
-----------------------------------------------------------------*/

.sm-form-control {
	display: block;
	width: 100%;
	height: 38px;
	padding: 14px 14px;
	line-height: 1.42857143;
	color: #111;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #DDD;
	border-radius: 0 !important;
	-webkit-transition: border-color ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s;
	transition: border-color ease-in-out .15s;
}
.sm-form-control:focus {
	border-color: #AAA;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
 .sm-form-control::-moz-placeholder {
color: #CCC;
opacity: 1;
}
.sm-form-control:-ms-input-placeholder {
color: #CCC;
}
.sm-form-control::-webkit-input-placeholder {
color: #CCC;
}
.sm-form-control[disabled], .sm-form-control[readonly], fieldset[disabled] .sm-form-control {
	cursor: not-allowed;
	background-color: #eeeeee;
	opacity: 1;
}
.sm-form-control {
	height: auto;
}
.form-control {
	border-radius: none;
}
.form-control:active, .form-control:focus {
	border-color: #999;
	box-shadow: none;
}
label {
	display: inline-block;
	/*font-size: 18px;*/
	font-weight: 600;
	color: #444;
	margin-bottom: 5px;
	cursor: pointer;
}
label.label-muted {
	color: #999;
	font-weight: normal;
	margin-right: 5px;
}
form .col_full, form .col_half, form .col_one_third, form .col_two_third, form .col_three_fourth, form .col_one_fourth, form .col_one_fifth, form .col_two_fifth, form .col_three_fifth, form .col_four_fifth, form .col_one_sixth, form .col_five_sixth {
	/*margin-bottom: 25px;*/
}
/* ----------------------------------------------------------------
    Contact Form
-----------------------------------------------------------------*/
.contact .container {
	max-width: 1000px
}
.contact .container .panel {
	background: transparent !important;
	border: none !important
}
.contact-box {
	position: relative;
	z-index: 55;
	padding: 30px 40px 20px 40px;
	border: 1px solid rgba(155,155,155,0.4);
	outline: 5px solid rgba(155,155,155,0);
	background: #FFF;
}
#contact-form-overlay, #contact-form-overlay-mini {
	position: relative;
	width: 100%;
	background-color: #FFF;
	padding: 40px;
	margin: 0 auto;
	z-index: 10;
	border-radius: 4px;
	box-shadow: 0 1px 10px rgba(0,0,0,0.15);
}
#contact-form-overlay-mini {
	float: right;
	width: 380px;
	margin: 0;
}
label.error {
	margin-top: 5px;
	color: #E42C3E;
	font-weight: 400;
}
label.error {
	display: none !important;
}
.form-control.error, .sm-form-control.error {
	border-color: #E42C3E;
}
/* ----------------------------------------------------------------
    Google Maps
-----------------------------------------------------------------*/


#google-map {
	position: relative;
	width: 100%;
	height: 450px
}
.gmap img {
	max-width: none !important
}
.gm-style .gm-style-iw h3 span {
	font-size: inherit;
	font-family: inherit
}
#map-overlay {
	position: relative;
	padding: 100px 0
}
#map-overlay #google-map {
	position: absolute;
	height: 100%;
	top: 0;
	left: 0
}
/* ----------------------------------------------------------------
    Heading Styles
-----------------------------------------------------------------*/

.heading1:before {
	content: url(../images/icons/line1.png)
}
.heading1:after {
	content: url(../images/icons/line2.png)
}
.heading2:before {
	content: url(../images/icons/line3.png)
}
.heading2:after {
	content: url(../images/icons/line4.png)
}
/* ----------------------------------------------------------------
    Divider
-----------------------------------------------------------------*/


.divider {
	position: relative;
	overflow: hidden;
	margin: 20px 0px 20px 0px;
	height: 1px;
	width: 90%;
	border-bottom: 1px solid rgba(155,155,155,0.5);
}
/* ----------------------------------------------------------------
    Quotes & Blockquotes
-----------------------------------------------------------------*/
.blockquote {
	max-width: 1000px;
	margin: auto
}
.blockquote h1, .blockquote h2, .blockquote h3, .blockquote h4 {
	color: #444;
	line-height: 34px;
	margin-bottom: 20px;
	letter-spacing: 1px;
	font-weight: 300;
	font-family: 'Raleway', sans-serif
}
.blockquote span {
	color: #999;
	text-transform: uppercase;
	letter-spacing: 6px
}
.dark .blockquote h1, .dark .blockquote h2, .dark .blockquote h3, .dark .blockquote h4 {
	color: #FFF
}
.blockquote h1:before, .blockquote h2:before, .blockquote h3:before, .blockquote h4:before {
	content: url(../images/icons/quote.png)
}
.blockquote h1:after, .blockquote h2:after, .blockquote h3:after, .blockquote h4:after {
	content: url(../images/icons/quote.png)
}
/* ----------------------------------------------------------------
    Dropcaps & Highlights
-----------------------------------------------------------------*/


.dropcap {
	float: left;
	font-size: 42px;
	line-height: 1;
	margin: 0 5px 0 0;
	text-transform: uppercase;
}
.highlight {
	padding: 2px 5px;
	background-color: #444;
	color: #FFF;
	border-radius: 2px;
}
/* ----------------------------------------------------------------
    Text Rotater
-----------------------------------------------------------------*/

.t-rotate {
	font-weight: 600;
}
.text-rotater {
}
.rotating {
	display: inline-block;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
	-moz-transform: rotateX(0) rotateY(0) rotateZ(0);
	-ms-transform: rotateX(0) rotateY(0) rotateZ(0);
	-o-transform: rotateX(0) rotateY(0) rotateZ(0);
	transform: rotateX(0) rotateY(0) rotateZ(0);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	-webkit-transform-origin-x: 50%;
	-webkit-backface-visibility: hidden;
}
.rotating.flip {
	position: relative;
}
.rotating .front, .rotating .back {
	left: 0;
	top: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
.rotating .front {
	position: absolute;
	display: inline-block;
	-webkit-transform: translate3d(0, 0, 1px);
	-moz-transform: translate3d(0, 0, 1px);
	-ms-transform: translate3d(0, 0, 1px);
	-o-transform: translate3d(0, 0, 1px);
	transform: translate3d(0, 0, 1px);
}
.rotating.flip .front {
	z-index: 1;
}
.rotating .back {
	display: block;
	opacity: 0;
}
.rotating.spin {
	-webkit-transform: rotate(360deg) scale(0);
	-moz-transform: rotate(360deg) scale(0);
	-ms-transform: rotate(360deg) scale(0);
	-o-transform: rotate(360deg) scale(0);
	transform: rotate(360deg) scale(0);
}
.rotating.flip .back {
	z-index: 2;
	display: block;
	opacity: 1;
	-webkit-transform: rotateY(180deg) translate3d(0, 0, 0);
	-moz-transform: rotateY(180deg) translate3d(0, 0, 0);
	-ms-transform: rotateY(180deg) translate3d(0, 0, 0);
	-o-transform: rotateY(180deg) translate3d(0, 0, 0);
	transform: rotateY(180deg) translate3d(0, 0, 0);
}
.rotating.flip.up .back {
	-webkit-transform: rotateX(180deg) translate3d(0, 0, 0);
	-moz-transform: rotateX(180deg) translate3d(0, 0, 0);
	-ms-transform: rotateX(180deg) translate3d(0, 0, 0);
	-o-transform: rotateX(180deg) translate3d(0, 0, 0);
	transform: rotateX(180deg) translate3d(0, 0, 0);
}
.rotating.flip.cube .front {
	-webkit-transform: translate3d(0, 0, 100px) scale(0.9, 0.9);
	-moz-transform: translate3d(0, 0, 100px) scale(0.85, 0.85);
	-ms-transform: translate3d(0, 0, 100px) scale(0.85, 0.85);
	-o-transform: translate3d(0, 0, 100px) scale(0.85, 0.85);
	transform: translate3d(0, 0, 100px) scale(0.85, 0.85);
}
.rotating.flip.cube .back {
	-webkit-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.9, 0.9);
	-moz-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
	-ms-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
	-o-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
	transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
}
.rotating.flip.cube.up .back {
	-webkit-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.9, 0.9);
	-moz-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
	-ms-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
	-o-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
	transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
}
/* ----------------------------------------------------------------
    Go To Top
-----------------------------------------------------------------*/


#gotoTop {
	display: none;
	z-index: 299;
	position: fixed;
	width: 40px;
	height: 40px;
	background-color: #333;
	background-color: rgba(0,0,0,0.3);
	font-size: 20px;
	line-height: 36px;
	text-align: center;
	color: #FFF;
	top: auto;
	left: auto;
	right: 30px;
	bottom: 50px;
	cursor: pointer;
	border-radius: 2px;
}
body:not(.device-touch) #gotoTop {
	transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
}
.stretched #gotoTop {
	bottom: 30px;
}
#gotoTop:hover {
	background-color: #2098D1;
}
/* ----------------------------------------------------------------
    Error 404
-----------------------------------------------------------------*/


.error404 {
	display: block;
	font-size: 216px;
	font-weight: 600;
	color: #DDD;
	line-height: 1.35;
	letter-spacing: 4px;
}
.error404-wrap .container {
	z-index: 7;
}
.error404-wrap .error404 {
	line-height: 0.9;
	margin-bottom: 40px;
	font-weight: bold;
	font-size: 244px;
	color: #333;
	opacity: 0.25;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.4);
}
.error404-wrap .heading-block h4 {
	font-weight: 300;
	margin-bottom: 8px;
}
.error404-wrap .heading-block span {
	font-size: 17px;
}
.error404-wrap form {
	max-width: 500px;
}
/* ----------------------------------------------------------------
    Landing Pages
-----------------------------------------------------------------*/

.landing-wide-form {
	background: rgba(0,0,0,0.3);
	padding: 30px;
	border-radius: 3px;
}
.landing-form-overlay {
	position: absolute;
	z-index: 10;
	top: auto;
	left: auto;
	right: 0;
	bottom: -154px;
	background-color: rgba(0,0,0,0.6);
	border-radius: 3px 3px 0 0;
}
.landing-video {
	z-index: 1;
	width: 560px;
	height: 315px;
	margin: 22px 0 0 95px;
	overflow: hidden;
}
.landing-promo h3 {
	font-size: 26px;
}
.landing-promo > .container > span {
	font-size: 17px;
}
/* ----------------------------------------------------------------
    Preloaders
-----------------------------------------------------------------*/


.preloader, .preloader2, .form-process {
	display: block;
	width: 100%;
	height: 100%;/* background: url("../images/preloader/loader_small.gif") center center no-repeat #FFF; */
}
.preloader2 {
	background-color: transparent;
}
.form-process {
	display: none;
	position: absolute;
	z-index: 3;
	background-color: rgba(255,255,255,0.7);
}
/* ----------------------------------------------------------------
    Toastr Notifications
-----------------------------------------------------------------*/


.toast-title {
	font-weight: bold;
}
.toast-message {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.toast-message a, .toast-message label {
	color: #ffffff;
}
.toast-message a:hover {
	color: #cccccc;
	text-decoration: none;
}
.toast-close-button {
	position: absolute;
	right: 5px;
	top: 3px;
	font-size: 14px;
	color: #ffffff;
	opacity: 0.8;
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter: alpha(opacity=80);
}
.toast-close-button:hover, .toast-close-button:focus {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.5;
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	filter: alpha(opacity=50);
}
button.toast-close-button {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}
.toast-top-full-width {
	top: 10px;
	right: 0;
	width: 100%;
}
.toast-bottom-full-width {
	bottom: 10px;
	right: 0;
	width: 100%;
}
.toast-top-left {
	top: 12px;
	left: 12px;
}
.toast-top-right {
	top: 12px;
	right: 12px;
}
.toast-bottom-right {
	right: 12px;
	bottom: 12px;
}
.toast-bottom-left {
	bottom: 12px;
	left: 12px;
}
#toast-container {
	position: fixed;
	z-index: 399;
}
#toast-container * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#toast-container > div {
	margin: 0 0 6px;
	padding: 15px;
	width: 300px;
	border-radius: 3px;
	background-position: 15px center;
	background-repeat: no-repeat;
	color: #ffffff;
	opacity: 0.8;
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter: alpha(opacity=80);
}
#toast-container > div i {
	position: relative;
	top: 1px;
	width: 16px;
	text-align: center;
	margin-right: 3px;
}
#toast-container > :hover {
	opacity: 1;
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	cursor: pointer;
}
#toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div {
	width: 96%;
	margin: auto;
}
.toast {
	background-color: #030303;
}
.toast-success {
	background-color: #51a351;
}
.toast-error {
	background-color: #bd362f;
}
.toast-info {
	background-color: #2f96b4;
}
.toast-warning {
	background-color: #f89406;
}

@media all and (min-width: 240px) and (max-width: 479px) {
#toast-container > div {
	padding: 8px;
	width: 18em;
}
}

@media all and (min-width: 480px) and (max-width: 767px) {
#toast-container > div {
	padding: 15px;
	width: 25em;
}
}
/* ----------------------------------------------------------------
    Footer
-----------------------------------------------------------------*/


#footer {
	position: relative;
	background-color: #111;
	padding-top: 0px;
        width:100%;
}
#footer .footer-widgets-wrap {
	position: relative;
	padding: 25px 0;
}
#footer p {
	color: #777
}
.footer-widgets-wrap .col_full, .footer-widgets-wrap .col_half, .footer-widgets-wrap .col_one_third, .footer-widgets-wrap .col_two_third, .footer-widgets-wrap .col_three_fourth, .footer-widgets-wrap .col_one_fourth, .footer-widgets-wrap .col_one_fifth, .footer-widgets-wrap .col_two_fifth, .footer-widgets-wrap .col_three_fifth, .footer-widgets-wrap .col_four_fifth, .footer-widgets-wrap .col_one_sixth, .footer-widgets-wrap .col_five_sixth {
	margin-bottom: 0;
}
#copyrights {
	padding: 25px 0;
	/*margin-top: 50px;*/
	background-color: #49adc3;
	font-size: 14px;
	line-height: 1.8;
	color: #666;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
/* ----------------------------------------------------------------
    Widgets
-----------------------------------------------------------------*/


.widget {
	position: relative;
	margin-top: 50px;
}
.sidebar-widgets-wrap .widget {
	padding-top: 50px;
	border-top: 1px solid #EEE;
}
.widget:first-child {
	margin-top: 0;
}
.sidebar-widgets-wrap .widget:first-child {
	padding-top: 0;
	border-top: 0;
}
.widget > h4 {
	margin-bottom: 25px;
	font-weight: 600;
	text-transform: none;
}
.widget > h4:after {
	content: '';
	display: block;
	margin-top: 20px;
	width: 40px;
	border-top: 2px solid #2098D1;
}
.sidebar-widgets-wrap .widget > h4 {
	letter-spacing: 1px;
}
.widget p {
	font-size: 14px;
}
/* Tag Cloud
-----------------------------------------------------------------*/


.tagcloud {
	margin-bottom: -2px;
}
.tagcloud a {
	display: block;
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 3px 6px;
	background-color: rgba(0,0,0,0.02);
	font-size: 13px !important;
	color: #999;
	border-radius: 2px;
}
body:not(.device-touch) .tagcloud a {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.tagcloud a:hover {
	color: #999;
	background-color: rgba(0,0,0,0.04);
}
/* Widget - Links
-----------------------------------------------------------------*/

.widget_nav_menu ul, .widget_nav_menu li, .widget_links ul, .widget_links li, .widget_meta ul, .widget_meta li, .widget_archive ul, .widget_archive li, .widget_recent_comments ul, .widget_recent_comments li, .widget_recent_entries ul, .widget_recent_entries li, .widget_categories ul, .widget_categories li, .widget_pages ul, .widget_pages li, .widget_rss ul, .widget_rss li {
	list-style: none;
	margin: 0;
}
.widget_nav_menu li, .widget_links li, .widget_meta li, .widget_archive li, .widget_recent_comments li, .widget_recent_entries li, .widget_categories li, .widget_pages li, .widget_rss li {
	padding: 8px 4px;
}
.widget_nav_menu li a, .widget_links li a, .widget_meta li a, .widget_archive li a, .widget_recent_entries li a, .widget_categories li a, .widget_pages li a, .widget_rss li a, .widget_recent_comments li {
	display: inline-block;
	padding: 0 3px 0 12px;
}
.widget_recent_comments li {
	display: block;
	background: url("../images/icons/comment-icon.png") left top no-repeat;
	padding: 4px 0 4px 20px;
}
.widget_nav_menu li a, .widget_links li a, .widget_meta li a, .widget_archive li a, .widget_recent_entries li a, .widget_categories li a, .widget_pages li a, .widget_rss li a, .widget_recent_comments li a {
	background: url("../images/icons/arrow.png") left top no-repeat;
	border: none !important;
	color: #444;
	font-size: 14px;
}
.widget_nav_menu li a:hover, .widget_links li a:hover, .widget_meta li a:hover, .widget_archive li a:hover, .widget_recent_entries li a:hover, .widget_categories li a:hover, .widget_pages li a:hover, .widget_rss li a:hover, .widget_recent_comments li a:hover {
	color: #000;
}
.widget_recent_comments li a {
	display: inline;
	padding: 0;
	background: none !important;
}
.widget_nav_menu > ul > li:first-child, .widget_links > ul > li:first-child, .widget_meta > ul > li:first-child, .widget_archive > ul > li:first-child, .widget_recent_comments > ul > li:first-child, .widget_recent_entries > ul > li:first-child, .widget_categories > ul > li:first-child, .widget_pages > ul > li:first-child, .widget_rss > ul > li:first-child {
	border-top: 0 !important;
}
.widget_nav_menu > ul, .widget_links > ul, .widget_meta > ul, .widget_archive > ul, .widget_recent_comments > ul, .widget_recent_entries > ul, .widget_categories > ul, .widget_pages > ul, .widget_rss > ul {
	margin-top: -4px !important;
}
.widget_nav_menu ul ul, .widget_links ul ul, .widget_meta ul ul, .widget_archive ul ul, .widget_recent_comments ul ul, .widget_recent_entries ul ul, .widget_categories ul ul, .widget_pages ul ul, .widget_rss ul ul {
	margin-left: 15px;
}
/* Widget - Testimonial & Twitter
-----------------------------------------------------------------*/

.widget .testimonial.no-image .testi-image {
	display: none;
}
.widget .testimonial.twitter-scroll .testi-image {
	margin-right: 10px;
}
.widget .testimonial:not(.twitter-scroll) .testi-image, .widget .testimonial:not(.twitter-scroll) .testi-image a, .widget .testimonial:not(.twitter-scroll) .testi-image img {
	width: 42px;
	height: 42px;
}
.widget .testimonial.twitter-scroll .testi-image, .widget .testimonial.twitter-scroll .testi-image a, .widget .testimonial.twitter-scroll .testi-image img, .widget .testimonial.twitter-scroll .testi-image i {
	width: 28px;
	height: 28px;
}
.widget .testimonial.twitter-scroll .testi-image i {
	background-color: #EEE;
	line-height: 28px;
	font-size: 14px;
	color: #888;
}
.widget .testimonial p {
	font-size: 14px;
}
/* Widget - Quick Contact Form
-----------------------------------------------------------------*/

.quick-contact-widget .form-control, .quick-contact-widget .input-group, .quick-contact-widget .sm-form-control {
	margin-bottom: 10px;
}
.quick-contact-widget .input-group .form-control {
	margin-bottom: 0;
}
.quick-contact-widget form, #template-contactform {
	position: relative;
}
/* Newsletter Widget
-----------------------------------------------------------------*/

.subscribe-widget h5 {
	font-weight: 300;
	font-size: 14px;
	line-height: 1.5
}
#widget-subscribe-form {
	max-width: 450px
}
#widget-subscribe-form .form-control {
	height: 40px;
	border: 1px solid rgba(255,255,255,0.5);
	border-right: 0px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}
#widget-subscribe-form .form-control:hover {
	background: rgba(255,255,255,0.15);
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.subscribe-center {
	margin: auto;
	text-align: center
}
.button-subscribe {
	height: 40px !important;
	margin: 0px;
	padding: 0px;
	border: 1px solid rgba(255,255,255,0.5);
	background: transparent;
}
.button-subscribe:hover {
	background: rgba(255,255,255,0.15);
}
/* Twitter Feed Widget
-----------------------------------------------------------------*/

.widget-twitter-feed li {
	margin: 15px 0 0 0;
}
.widget-twitter-feed li:first-child {
	margin-top: 0;
}
.widget-twitter-feed small {
	display: block;
	margin-top: 3px;
}
.widget-twitter-feed small a {
	color: #999;
}
/* Small Post
-----------------------------------------------------------------*/

.widget-twitter-feed li {
	margin: 15px 0 0 0;
}
.widget-twitter-feed li:first-child {
	margin-top: 0;
}
.widget-twitter-feed small {
	display: block;
	margin-top: 3px;
}
.widget-twitter-feed small a {
	color: #999;
}
/* ----------------------------------------------------------------
    Bootstrap Specific
-----------------------------------------------------------------*/

.table .success {
	color: #3c763d;
}
.table .info {
	color: #31708f;
}
.table .warning {
	color: #8a6d3b;
}
.table .danger {
	color: #a94442;
}
.btn-link {
	color: #2098D1;
}
.btn-link:hover, .btn-link:focus {
	color: #222;
}
.boot-tabs {
	margin-bottom: 20px !important;
}
.carousel-control .icon-chevron-left, .carousel-control .icon-chevron-right {
	position: absolute;
	top: 47.5%;
	z-index: 5;
	display: inline-block;
}
.carousel-control .icon-chevron-left {
	left: 50%;
}
.carousel-control .icon-chevron-right {
	right: 50%;
}
.responsive-utilities th small {
	display: block;
	font-weight: 400;
	color: #999;
}
.show-grid [class^=col-] {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #EEE;
	border: 1px solid #DDD;
}
.img-circle {
	border-radius: 50% !important;
}
label.radio, label.checkbox {
	padding-left: 20px;
}
/* ----------------------------------------------------------------
    Stretched Layout
-----------------------------------------------------------------*/


.stretched #wrapper {
	width: 100%;
	margin: 0;
	box-shadow: none;
}
/* ----------------------------------------------------------------
    HTML5 Youtube Video Backgrounds
-----------------------------------------------------------------*/


.mb_YTVPlayer :focus {
	outline: 0;
}
.mb_YTVPlayer {
	display: block;
	transform: translateZ(0);
	transform-style: preserve-3d;
	perspective: 1000;
	backface-visibility: hidden;
	transform: translate3d(0, 0, 0);
	animation-timing-function: linear;
}
.mb_YTVPlayer.fullscreen {
	display: block!important;
	position: fixed!important;
	width: 100%!important;
	height: 100%!important;
	top: 0!important;
	left: 0!important;
	margin: 0!important;
	border: none !important;
}
.mb_YTVPlayer.fullscreen .mbYTP_wrapper {
	opacity: 1 !important;
}
.mbYTP_wrapper iframe {
	max-width: 4000px !important;
}
.inline_YTPlayer {
	margin-bottom: 20px;
	vertical-align: top;
	position: relative;
	left: 0;
	overflow: hidden;
	border-radius: 4px;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.7);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.7);
	box-shadow: 0 0 5px rgba(0,0,0,.7);
	background: rgba(0,0,0,.5);
}
.inline_YTPlayer img {
	border: none!important;
	-moz-transform: none!important;
	-webkit-transform: none!important;
	-o-transform: none!important;
	transform: none!important;
	margin: 0!important;
	padding: 0!important
}
/* ----------------------------------------------------------------
    Backgrounds
-----------------------------------------------------------------*/

.dark-texture-1 {
	background: url(../images/bgd/dark/1.jpg) repeat;
}
.dark-texture-2 {
	background: url(../images/bgd/dark/2.jpg) repeat;
}
.dark-texture-3 {
	background: url(../images/bgd/dark/3.jpg) repeat;
}
.dark-texture-4 {
	background: url(../images/bgd/dark/4.jpg) repeat;
}
.dark-texture-5 {
	background: url(../images/bgd/dark/5.jpg) repeat center;
}
.dark-texture-6 {
	background: url(../images/bgd/dark/6.jpg) repeat;
}
.dark-texture-7 {
	background: url(../images/bgd/dark/7.jpg) repeat;
}
.dark-texture-8 {
	background: url(../images/bgd/dark/8.jpg) repeat;
}
.dark-texture-9 {
	background: url(../images/bgd/dark/9.jpg) repeat;
}
.light-texture-1 {
	background: url(../images/bgd/light/1.jpg) repeat center;
}
.light-texture-2 {
	background: url(../images/bgd/light/2.jpg) repeat;
}
.light-texture-3 {
	background: url(../images/bgd/light/3.jpg) repeat;
}
.light-texture-4 {
	background: url(../images/bgd/light/4.jpg) repeat;
}
.light-texture-5 {
	background: url(../images/bgd/light/5.jpg) repeat;
}
.light-texture-6 {
	background: url(../images/bgd/light/6.jpg) repeat;
}
.light-texture-7 {
	background: url(../images/bgd/light/7.jpg) repeat;
}
.light-texture-8 {
	background: url(../images/bgd/light/8.jpg) repeat;
}
.light-texture-9 {
	background: url(../images/bgd/light/9.jpg) repeat;
}
/* ----------------------------------------------------------------
    Patterns
-----------------------------------------------------------------*/

.pattern-white:after {
	background: url(../images/icons/pattern-white.png) repeat;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0.25;
}
.pattern-black:after {
	background: url(../images/icons/pattern-black.png) repeat;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0.25;
}
/* ----------------------------------------------------------------
    Top Search
-----------------------------------------------------------------*/
.search-box {
	padding: 30px 30px 15px;
	margin-top: 20px;
	background: rgba(255,255,255,0.3);
}
.search-box-inverse {
	padding: 10px 10px 15px;
	margin-top: 0px;
	background: rgba(0,0,0,0.4);
}
.button-box {
	padding: 30px 30px 15px;
	margin-top: 20px;
	background: transparent;
}
.top-search {
	top: 20px;
	right: 70px;
	left: auto;
	position: absolute;
	z-index: 20000;
}
.top-search.fullheader {
	top: 120px;
	right: 60px;
}
.top-search.top-search-right {
	right: 70px !important;
	left: auto !important;
}
#top-search {
	float: right;
	margin: 40px 0 40px 0px;
}
#top-search a {
	display: block;
	position: relative;
	width: 14px;
	height: 14px;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	color: #FFF;
	-webkit-transition: color .3s ease-in-out;
	-o-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out;
}
#top-search a {
	z-index: 11;
}
#top-search a i {
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
	padding: 15px 20px;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}
body.top-search-open #top-search a i.icon-search3, #top-search a i.icon-line-cross {
	opacity: 0;
}
body.top-search-open #top-search a i.icon-line-cross {
	opacity: 1;
	z-index: 11;
	font-size: 16px;
}
#top-search form {
	opacity: 0;
	z-index: -2;
	position: absolute;
	width: 300px !important;
	height: 60px !important;
	padding: 0 15px;
	margin: 0;
	top: 0px;
	right: 10px;
	left: auto;
	-webkit-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}
.top-search-right #top-search form {
	right: 10px !important;
	left: auto !important;
}
body.top-search-open #top-search form {
	opacity: 1;
	z-index: 10;
}
#top-search form input {
	box-shadow: none !important;
	pointer-events: none;
	border-radius: 2px;
	border: 0;
	outline: 0 !important;
	font-size: 14px;
	padding: 25px;
	height: 40%;
	background-color: rgba(0,0,0,0.2);
	color: #FFF;
	font-weight: 700;
	margin-top: 0 !important;
	letter-spacing: 2px;
}
body:not(.device-sm):not(.device-xs):not(.device-xxs) #header.full-header #top-search form input {
	padding-left: 40px;
}
body:not(.device-sm):not(.device-xs):not(.device-xxs) .container-fullwidth #top-search form input {
	padding-left: 60px;
}
body.top-search-open #top-search form input {
	pointer-events: auto;
}
body:not(.device-sm):not(.device-xs):not(.device-xxs) #header.transparent-header:not(.sticky-header):not(.full-header):not(.floating-header) #top-search form input {
	border-bottom: 2px solid rgba(0,0,0,0.1);
}
 #top-search form input::-moz-placeholder {
 color: rgba(255,255,255,0.5);
}
#top-search form input:-ms-input-placeholder {
 color: rgba(255,255,255,0.5);
}
#top-search form input::-webkit-input-placeholder {
 color: rgba(255,255,255,0.5);
}
#primary-menu .container #top-search form input, .sticky-header #top-search form input {
	border: none !important;
}
/* ----------------------------------------------------------------
    Main Image Header
-----------------------------------------------------------------*/

.main-header {
	height: 650px;
	margin: 0px !important;
	border: 0px !important;
}
.main-header .booking {
	top: 400px
}
.main-header.large {
	height: 850px;
}
.main-header.large .booking {
	top: 600px
}
.boxed-slider {
	padding-top: 0px;
	padding-bottom: 0px;
	max-height: 700px;
}
.boxed-slider.large {
	max-height: 850px;
}
.boxed-slider .booking {
	bottom: 280px
}
.boxed-slider.fullscreen {
	max-height: 1000px
}
.boxed-slider.fullscreen .booking {
	bottom: 180px
}
/* ----------------------------------------------------------------
    Header Caption
-----------------------------------------------------------------*/

.main-header .header-caption h5 {
	letter-spacing: 28px;
	margin-top: -20px;
	color: #FFF
}
.main-header .header-caption h6 {
	color: #CCC;
	margin-top: -10px
}
/* ----------------------------------------------------------------
    Booking Form
-----------------------------------------------------------------*/

.booking {
	z-index: 50;
	position: relative;
	bottom: 180px;
	width: 100%;
	margin-bottom: -126px
}
.booking .inner {
	background: rgba(0,0,0,0.5);
	height: 125px;
	width: 90%;
	position: relative;
	margin: auto;
	padding: 0px 20px 10px 20px;
	max-width: 1000px;
}
.booking input, .booking button, .booking select, .booking textarea {
	background: #111 !important;
}
.info-text {
	text-align: left;
	width: 100%;
}
.booking header, .booking form {
	padding: 15px 10px;
}
.quick-quarry .form-group {
	margin-bottom: 5px;
}
.form-group {
	margin-bottom: 15px;
}
.controls {
	text-align: left;
	position: relative;
}
.controls input[type="text"], .controls input[type="email"], .controls input[type="number"], .controls input[type="date"], .controls input[type="tel"], .controls textarea, .controls button, .controls select {
	padding: 6px;
	border: 2px solid #666;
	width: 100%;
	color: #CCC;
	font-size: 15px;
	font-weight: 300;
	font-family: "Arial", sans-serif;
	margin-top: 40px;
	height: 40px;
	outline: none;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.controls input[type="text"]:focus, .controls input[type="text"]:hover, .controls input[type="email"]:focus, .controls input[type="email"]:hover, .controls input[type="number"]:focus, .controls input[type="number"]:hover, .controls input[type="date"]:focus, .controls input[type="date"]:hover, .controls input[type="tel"]:focus, .controls input[type="tel"]:hover, .controls textarea:focus, .controls textarea:hover, .controls button:focus, .controls button:hover, .controls select:focus, .controls select:hover {
	border: 2px solid #FFF;
	cursor: pointer;
}
.controls input[type="text"]:focus + label, .controls input[type="text"]:hover + label, .controls input[type="email"]:focus + label, .controls input[type="email"]:hover + label, .controls input[type="number"]:focus + label, .controls input[type="number"]:hover + label, .controls input[type="date"]:focus + label, .controls input[type="date"]:hover + label, .controls input[type="tel"]:focus + label, .controls input[type="tel"]:hover + label, .controls textarea:focus + label, .controls textarea:hover + label, .controls button:focus + label, .controls button:hover + label, .controls select:focus + label, .controls select:hover + label {
	color: #FFF;
	cursor: text;
}
.controls .fa-sort {
	position: absolute;
	right: 10px;
	top: 53px;
	color: #999;
	font-size: 14px;
}
.controls select {
	-moz-appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
}
.controls label {
	position: absolute;
	left: 4px;
	top: 0px;
	width: 60%;
	color: #FFF !important;
	font-size: 15px;
	font-family: "PT Serif", serif;
	display: inline-block;
	padding: 4px 5px;
	background: transparent;
	-moz-transition: color 0.3s, top 0.3s, background-color 0.8s;
	-o-transition: color 0.3s, top 0.3s, background-color 0.8s;
	-webkit-transition: color 0.3s, top 0.3s, background-color 0.8s;
	transition: color 0.3s, top 0.3s, background-color 0.8s;
}
.controls label.active {
	color: #FFF;
	width: auto;
}
.controls textarea {
	resize: none;
	height: 200px;
}
.clear:after {
	content: "";
	display: table;
	clear: both;
}
/* ----------------------------------------------------------------
    Booking Light
-----------------------------------------------------------------*/

.booking.light {
	z-index: 50;
	position: absolute;
	top: 180px;
	right: -500px !important;
	width: 100%;
	margin-bottom: 0px
}
.main-header.large .booking.light {
	z-index: 50;
	position: absolute;
	top: 180px;
	right: -500px !important;
	width: 100%;
	margin-bottom: 0px
}
.booking.light .col-2-3 {
	width: 100%
}
.booking.light .col-1-3 {
	width: 100%
}
.booking.light .col-1-2 {
	width: 100%
}
.booking.light .col-1-4 {
	width: 100%
}
.booking.light .col-1-5 {
	width: 100%
}
.booking.light .col-1-8 {
	width: 100%
}
.booking.light .inner {
	background: rgba(0,0,0,0.4);
	width: 90%;
	max-width: 300px;
	height: 435px;
}
.booking.light input, .booking.light button, .booking.light select, .booking.light textarea {
	background: #FFF !important;
}
.booking.light .controls input[type="text"], .booking.light .controls input[type="email"], .booking.light .controls input[type="number"], .booking.light .controls input[type="date"], .booking.light .controls input[type="tel"], .booking.light .controls textarea, .booking.light .controls button, .booking.light .controls select {
	border: 2px solid #CCC;
	color: #111;
	width: 240px;
}
.booking.light .controls label {
	color: #FFF !important;
	padding-top: 10px;
}
/* ----------------------------------------------------------------
    Floating Phone Number
-----------------------------------------------------------------*/

.floating-pn {
	z-index: 25;
	position: absolute;
	left: 0px;
	top: 400px;
	width: auto;
	height: auto;
	background: #2098D1;
	text-align: center;
	padding: 20px 40px;
	font-size: 30px;
	font-weight: 300;
	font-family: 'Raleway', sans-serif;
}
.floating-pn-dark {
	z-index: 25;
	position: absolute;
	left: 0px;
	top: 400px;
	width: auto;
	height: auto;
	background: #3F4C6B;
	text-align: center;
	padding: 20px 40px;
	font-size: 30px;
	font-weight: 300;
	font-family: 'Raleway', sans-serif;
}
.floating-pn.right, .floating-pn-dark.right {
	left: auto !important;
	right: 0px !important
}
.floating-pn.top, .floating-pn-dark.top {
	top: 250px !important
}
.floating-pn.bottom, .floating-pn-dark.bottom {
	top: 550px !important
}
/* ----------------------------------------------------------------
    Calendar
-----------------------------------------------------------------*/


.pika-single {
	z-index: 50000;
	display: block;
	position: relative;
	color: #333;
	background: #fff;
	border: 1px solid #ccc;
	border-bottom-color: #bbb;
	font-family: "Arial", sans-serif;
	margin-top: -10px;
}
.pika-single {
	-webkit-animation: fadeinout 0.45s linear forwards;
	animation: fadeinout 0.45s linear forwards;
}
 @-webkit-keyframes fadeinout {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @keyframes fadeinout {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before, .pika-single:after {
	content: " ";
	display: table;
}
.pika-single:after {
	clear: both
}
.pika-single {
*zoom: 1
}
.pika-single.is-hidden {
	display: none;
}
.pika-single.is-bound {
	position: absolute;
	box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}
.pika-lendar {
	float: left;
	width: 240px;
	margin: 20px;
}
.pika-title {
	position: relative;
	text-align: center;
}
.pika-label {
	display: inline-block;
 *display: inline;
	position: relative;
	z-index: 9999;
	overflow: hidden;
	margin: 0;
	padding: 5px 3px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	background-color: #fff;
}
.pika-title select {
	cursor: pointer;
	position: absolute;
	z-index: 9998;
	margin: 0;
	left: 0;
	top: 5px;
	filter: alpha(opacity=0);
	opacity: 0;
}
.pika-prev, .pika-next {
	display: block;
	cursor: pointer;
	position: relative;
	outline: none;
	border: 0;
	padding: 0;
	width: 20px;
	height: 30px;
	/* hide text using text-indent trick, using width value (it's enough) */
	text-indent: 20px;
	white-space: nowrap;
	overflow: hidden;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 75% 75%;
	opacity: .5;
 *position: absolute;
 *top: 0;
}
.pika-prev:hover, .pika-next:hover {
	opacity: 1;
}
.pika-prev, .is-rtl .pika-next {
	float: left;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
 *left: 0;
}
.pika-next, .is-rtl .pika-prev {
	float: right;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
 *right: 0;
}
.pika-prev.is-disabled, .pika-next.is-disabled {
	cursor: default;
	opacity: .2;
}
.pika-select {
	display: inline-block;
 *display: inline;
}
.pika-table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
}
.pika-table th, .pika-table td {
	width: 14.285714285714286%;
	padding: 0;
}
.pika-table th {
	color: #999;
	font-size: 12px;
	line-height: 25px;
	font-weight: bold;
	text-align: center;
}
.pika-button {
	cursor: pointer;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	outline: none;
	border: 0;
	margin: 0;
	width: 100%;
	padding: 5px;
	color: #666;
	font-size: 12px;
	line-height: 15px;
	text-align: right;
	background: #f5f5f5;
}
.pika-week {
	font-size: 11px;
	color: #999;
}
.is-today .pika-button {
	color: #2098D1;
	font-weight: bold;
}
.is-selected .pika-button {
	color: #fff;
	font-weight: bold;
	background: #2098D1;
	border-radius: 0px;
}
.is-inrange .pika-button {
	background: #D5E9F7;
}
.is-startrange .pika-button {
	color: #fff;
	background: #6CB31D;
	border-radius: 0px;
}
.is-endrange .pika-button {
	color: #fff;
	background: #2098D1;
	border-radius: 0px;
}
.is-disabled .pika-button, .is-outside-current-month .pika-button {
	pointer-events: none;
	cursor: default;
	color: #999;
	opacity: .3;
}
.pika-button:hover {
	color: #fff;
	background: #2098D1;
	border-radius: 0px;
}
/* styling for abbr */
.pika-table abbr {
	border-bottom: none;
	cursor: help;
}
/*------------Custom Calendar------------*/

.pika-single.dark-theme {
	color: #fff;
	background: #333;
	border: 0px solid #666;
	border-bottom-color: #999;
}
.dark-theme .pika-label {
	background-color: #333;
}
.dark-theme .pika-prev, .dark-theme .is-rtl .pika-next {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAQAAACGG/bgAAAAQ0lEQVR4Ae3KIQ4AIBTD0N0/IeHGI3UIRA3ut/Zl+ltXc5++htVAmIAwAWECwgSEKbgthEoIlRAqIVRCqINQB9nDgQd7ktwFo6UpWQAAAABJRU5ErkJggg==');
}
.dark-theme .pika-next, .dark-theme .is-rtl .pika-prev {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAQAAACGG/bgAAAAP0lEQVQ4y+3TMQoAMAgEwfwfAvvjTZ1uGzuvHhBPPGczEG+FRqqRaqQaqUaqkX6QBmmjacvQ6qEVTjsh+xizebvlaWptGXZAAAAAAElFTkSuQmCC');
}
.dark-theme .pika-table th {
	color: #999;
}
.dark-theme .pika-button {
	color: #fff;
	background: #222;
}
.dark-theme .pika-week {
	color: #999;
}
.dark-theme .is-today .pika-button {
	color: #2098D1;
}
.dark-theme .is-selected .pika-button {
	color: #fff;
	background: #2098D1;
}
.dark-theme .is-disabled .pika-button {
	color: #999;
	opacity: .3;
}
.dark-theme .pika-button:hover {
	color: #fff !important;
	background: #2098D1 !important;
}
/* ----------------------------------------------------------------
    Image Roll Effects
-----------------------------------------------------------------*/

figure {
	margin: 0;
	position: relative;
	float: left;
	width: 100%;
}
figure img {
	display: block;
	position: relative;
	z-index: 10;
	max-width: 100%;
	height: auto;
}
figure figcaption {
	display: block;
	position: absolute;
	z-index: 5;
}
figure h4 {
	color: #111;
	font-size: 18px;
	line-height: 1.2;
	font-weight: 700;
	margin-bottom: 10px;
}
figure span {
	display: block;
	line-height: 1.2;
}
figure ul li {
	list-style: none;
	line-height: 27px;
}
figure a.close-caption {
	display: block;
	position: absolute;
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	font-size: 24px;
	font-weight: 700;
	color: #315a7d;
}
figure a.close-caption.hidden {
	display: none
}
#effect-1 a.close-caption {
	bottom: 10px;
	right: 10px;
}
#effect-1 figure {
	background-color: #111;
}
#effect-1 figcaption {
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px;
	z-index: 6 !important;
}
#effect-1 figure img {
	z-index: 11 !important;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.no-touch #effect-1 figure:hover img, #effect-1 figure.hover img {
	-webkit-transform: translateY(-90px);
	-moz-transform: translateY(-90px);
	-ms-transform: translateY(-90px);
	-o-transform: translateY(-90px);
	transform: translateY(-90px);
}
#effect-2 a.close-caption {
	top: 10px;
	right: 10px;
}
#effect-2 figure figcaption {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #222;
	text-align: center;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#effect-2 figure figcaption h3 {
	margin-top: 150px
}
#effect-2 figure img {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.no-touch #effect-2 figure:hover img, #effect-2 figure.hover img {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.no-touch #effect-2 figure:hover figcaption, #effect-2 figure.hover figcaption {
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0);
}
#effect-3 a.close-caption {
	bottom: 10px;
	right: 10px;
}
#effect-3 figure {
	background-color: steelblue
}
#effect-3 figure figcaption {
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 20px;
}
#effect-3 figure img {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.no-touch #effect-3 figure:hover img, #effect-3 figure.hover img {
	-webkit-transform-origin: top left;
	-moz-transform-origin: top left;
	-ms-transform-origin: top left;
	-o-transform-origin: top left;
	transform-origin: top left;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
}
#effect-4 figure {
	overflow: hidden
}
#effect-4 figure a.close-caption {
	bottom: 10px;
	left: 10px;
}
#effect-4 figure figcaption {
	background-color: transparent;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	padding: 0px 5px 5px 5px;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#effect-4 figure img {
	outline: 1px solid transparent; /* --------- Fix image jagged in Chrome --------*/
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.no-touch #effect-4 figure:hover img, #effect-4 figure.hover img {
	opacity: 1;
	-webkit-transform: translateX(50%);
	-moz-transform: translateX(50%);
	-ms-transform: translateX(50%);
	-o-transform: translateX(50%);
	transform: translateX(50%);
}
.no-touch #effect-4 figure:hover figcaption, #effect-4 figure.hover figcaption {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
#effect-5 {
	position: relative;
	display: block;
}
#effect-5 figure {
	overflow: hidden
}
#effect-5 figure img {
	position: relative;
	outline: 1px solid transparent; /* --------- Fix image jagged in Chrome --------*/
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	-moz-transition: all 0.2s ease-in-out 0.1s;
	-ms-transition: all 0.2s ease-in-out 0.1s;
	-o-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
}
.no-touch .feature-box figure:hover img, .feature-box figure.hover img {
	opacity: 1;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.feature-box:hover {
	box-shadow: 0px 0px 3px #ccc;
}
/* ----------------------------------------------------------------
    Mini Links
-----------------------------------------------------------------*/

.mini-links ul {
	list-style: none
}
.mini-links ul li {
	line-height: 24px
}
.mini-links ul li a {
	color: #49adc3
}
.mini-links h6 a {
	color: #111
}
.dark .mini-links ul li a {
	color: #999
}
.dark .mini-links h6 a {
	color: #CCC
}
.mini-links h6 a:hover, .mini-links ul li a:hover {
	text-decoration: underline !important
}
/* ----------------------------------------------------------------
    Page Transitions
-----------------------------------------------------------------*/

body:not(.no-transition) #wrapper, .animation-overlay {
	position: relative;
	opacity: 0;
	-webkit-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}
.css3-spinner {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
	text-align: center;
	background-color: transparent;
	-webkit-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}
.css3-spinner > div {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30px;
	height: 30px;
	display: inline-block;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
 @-webkit-keyframes fade-in {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@-o-keyframes fade-in {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@keyframes fade-in {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
.fade-in {
	-webkit-animation-name: fade-in;
	-o-animation-name: fade-in;
	animation-name: fade-in;
}
 @-webkit-keyframes fade-out {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
@-o-keyframes fade-out {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
@keyframes fade-out {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
.fade-out {
	-webkit-animation-name: fade-out;
	-o-animation-name: fade-out;
	animation-name: fade-out;
}




/* ----------------------------------------------------------------
    Loader Animations
-----------------------------------------------------------------*/


/* ball-pulse */

@-webkit-keyframes scale {
 0% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
 45% {
 -webkit-transform: scale(0.1);
 transform: scale(0.1);
 opacity: 0.7;
}
 80% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
}
@keyframes scale {
 0% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
 45% {
 -webkit-transform: scale(0.1);
 transform: scale(0.1);
 opacity: 0.7;
}
 80% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
}
.ball-pulse > div:nth-child(0) {
	-webkit-animation: scale 0.75s -0.36s infinite cubic-bezier(.2, .68, .18, 1.08);
	animation: scale 0.75s -0.36s infinite cubic-bezier(.2, .68, .18, 1.08);
}
.ball-pulse > div:nth-child(1) {
	-webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(.2, .68, .18, 1.08);
	animation: scale 0.75s -0.24s infinite cubic-bezier(.2, .68, .18, 1.08);
}
.ball-pulse > div:nth-child(2) {
	-webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(.2, .68, .18, 1.08);
	animation: scale 0.75s -0.12s infinite cubic-bezier(.2, .68, .18, 1.08);
}
.ball-pulse > div:nth-child(3) {
	-webkit-animation: scale 0.75s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
	animation: scale 0.75s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
}
.ball-pulse > div {
	background-color: #2098D1;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	margin: 2px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	display: inline-block;
}
  
/* ball-pulse-sync */

@-webkit-keyframes ball-pulse-sync {
 33% {
 -webkit-transform: translateY(10px);
 transform: translateY(10px);
}
 66% {
 -webkit-transform: translateY(-10px);
 transform: translateY(-10px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
 @keyframes ball-pulse-sync {
 33% {
 -webkit-transform: translateY(10px);
 transform: translateY(10px);
}
 66% {
 -webkit-transform: translateY(-10px);
 transform: translateY(-10px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
.ball-pulse-sync > div:nth-child(0) {
	-webkit-animation: ball-pulse-sync 0.6s -0.21s infinite ease-in-out;
	animation: ball-pulse-sync 0.6s -0.21s infinite ease-in-out;
}
.ball-pulse-sync > div:nth-child(1) {
	-webkit-animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
	animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
}
.ball-pulse-sync > div:nth-child(2) {
	-webkit-animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out;
	animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out;
}
.ball-pulse-sync > div:nth-child(3) {
	-webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
	animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
}
.ball-pulse-sync > div {
	background-color: #2098D1;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	margin: 2px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	display: inline-block;
}
  
/* ball-scale */

@-webkit-keyframes ball-scale {
 0% {
 -webkit-transform: scale(0);
 transform: scale(0);
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 0;
}
}
 @keyframes ball-scale {
 0% {
 -webkit-transform: scale(0);
 transform: scale(0);
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 0;
}
}
.ball-scale > div {
	background-color: #2098D1;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	margin: 2px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	display: inline-block;
	height: 60px;
	width: 60px;
	-webkit-animation: ball-scale 1s 0s ease-in-out infinite;
	animation: ball-scale 1s 0s ease-in-out infinite;
}
		  
/* ball-rotate */

@-webkit-keyframes rotate {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 50% {
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @keyframes rotate {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 50% {
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
.ball-rotate {
	position: relative;
}
.ball-rotate > div {
	background-color: #2098D1;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	margin: 2px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: relative;
}
.ball-rotate > div:first-child {
	-webkit-animation: rotate 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite;
	animation: rotate 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite;
}
.ball-rotate > div:before, .ball-rotate > div:after {
	background-color: #2098D1;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	margin: 2px;
	content: "";
	position: absolute;
	opacity: 0.8;
}
.ball-rotate > div:before {
	top: 0px;
	left: -28px;
}
.ball-rotate > div:after {
	top: 0px;
	left: 25px;
}
	  
/* ball-clip-rotate */

@keyframes rotate {
 0% {
 -webkit-transform: rotate(0deg) scale(1);
 transform: rotate(0deg) scale(1);
}
 50% {
 -webkit-transform: rotate(180deg) scale(0.6);
 transform: rotate(180deg) scale(0.6);
}
 100% {
 -webkit-transform: rotate(360deg) scale(1);
 transform: rotate(360deg) scale(1);
}
}
.ball-clip-rotate > div {
	background-color: #2098D1;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	margin: 2px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	border: 2px solid #2098D1;
	border-bottom-color: transparent;
	height: 25px;
	width: 25px;
	background: transparent !important;
	display: inline-block;
	-webkit-animation: rotate 0.75s 0s linear infinite;
	animation: rotate 0.75s 0s linear infinite;
}
		  
/* ball-clip-rotate-pulse */

@keyframes rotate {
 0% {
 -webkit-transform: rotate(0deg) scale(1);
 transform: rotate(0deg) scale(1);
}
 50% {
 -webkit-transform: rotate(180deg) scale(0.6);
 transform: rotate(180deg) scale(0.6);
}
 100% {
 -webkit-transform: rotate(360deg) scale(1);
 transform: rotate(360deg) scale(1);
}
}
 @keyframes scale {
 30% {
 -webkit-transform: scale(0.3);
 transform: scale(0.3);
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
.ball-clip-rotate-pulse {
	position: relative;
	-webkit-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	transform: translateY(-15px);
}
.ball-clip-rotate-pulse > div {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: absolute;
	top: 0px;
	left: 0px;
	border-radius: 100%;
}
.ball-clip-rotate-pulse > div:first-child {
	background: #2098D1;
	height: 16px;
	width: 16px;
	top: 7px;
	left: -7px;
	-webkit-animation: scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
	animation: scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
}
.ball-clip-rotate-pulse > div:last-child {
	position: absolute;
	border: 2px solid #2098D1;
	width: 30px;
	height: 30px;
	left: -16px;
	top: -2px;
	background: transparent;
	border: 2px solid;
	border-color: #2098D1 transparent #2098D1 transparent;
	-webkit-animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
	animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}
			 
/* ball-clip-rotate-multiple */			 

@keyframes rotate {
 0% {
 -webkit-transform: rotate(0deg) scale(1);
 transform: rotate(0deg) scale(1);
}
 50% {
 -webkit-transform: rotate(180deg) scale(0.6);
 transform: rotate(180deg) scale(0.6);
}
 100% {
 -webkit-transform: rotate(360deg) scale(1);
 transform: rotate(360deg) scale(1);
}
}
.ball-clip-rotate-multiple {
	position: relative;
}
.ball-clip-rotate-multiple > div {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: absolute;
	left: -20px;
	top: -20px;
	border: 2px solid #FFF;
	border-bottom-color: transparent;
	border-top-color: transparent;
	border-radius: 100%;
	height: 55px;
	width: 55px;
	-webkit-animation: rotate 1s 0s ease-in-out infinite;
	animation: rotate 1s 0s ease-in-out infinite;
}
.ball-clip-rotate-multiple > div:last-child {
	display: inline-block;
	top: -10px;
	left: -10px;
	width: 35px;
	height: 35px;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	border-color: #FFF transparent #FFF transparent;
	-webkit-animation-direction: reverse;
	animation-direction: reverse;
}
			  
/* ball-scale-ripple */			  

@-webkit-keyframes ball-scale-ripple {
 0% {
 -webkit-transform: scale(0.1);
 transform: scale(0.1);
 opacity: 1;
}
 70% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 0.7;
}
 100% {
 opacity: 0.0;
}
}
 @keyframes ball-scale-ripple {
 0% {
 -webkit-transform: scale(0.1);
 transform: scale(0.1);
 opacity: 1;
}
 70% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 0.7;
}
 100% {
 opacity: 0.0;
}
}
.ball-scale-ripple > div {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	height: 50px;
	width: 50px;
	border-radius: 100%;
	border: 2px solid #2098D1;
	-webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(.21, .53, .56, .8);
	animation: ball-scale-ripple 1s 0s infinite cubic-bezier(.21, .53, .56, .8);
}
		  
/* ball-scale-ripple-multiple */		  

@-webkit-keyframes ball-scale-ripple-multiple {
 0% {
 -webkit-transform: scale(0.1);
 transform: scale(0.1);
 opacity: 1;
}
 70% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 0.7;
}
 100% {
 opacity: 0.0;
}
}
 @keyframes ball-scale-ripple-multiple {
 0% {
 -webkit-transform: scale(0.1);
 transform: scale(0.1);
 opacity: 1;
}
 70% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 0.7;
}
 100% {
 opacity: 0.0;
}
}
.ball-scale-ripple-multiple {
	position: relative;
	-webkit-transform: translateY(-25px);
	-ms-transform: translateY(-25px);
	transform: translateY(-25px);
}
.ball-scale-ripple-multiple > div:nth-child(0) {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
.ball-scale-ripple-multiple > div:nth-child(1) {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}
.ball-scale-ripple-multiple > div:nth-child(2) {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}
.ball-scale-ripple-multiple > div:nth-child(3) {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}
.ball-scale-ripple-multiple > div {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: absolute;
	top: -2px;
	left: -26px;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	border: 2px solid #2098D1;
	-webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8);
	animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8);
}
			
/* ball-beat */			

@-webkit-keyframes ball-beat {
 50% {
 opacity: 0.2;
 -webkit-transform: scale(0.75);
 transform: scale(0.75);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes ball-beat {
 50% {
 opacity: 0.2;
 -webkit-transform: scale(0.75);
 transform: scale(0.75);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
.ball-beat > div {
	background-color: #2098D1;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	margin: 2px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	display: inline-block;
	-webkit-animation: ball-beat 0.7s 0s infinite linear;
	animation: ball-beat 0.7s 0s infinite linear;
}
.ball-beat > div:nth-child(2n-1) {
	-webkit-animation-delay: -0.35s !important;
	animation-delay: -0.35s !important;
}
			
/* ball-scale-multiple */			

@-webkit-keyframes ball-scale-multiple {
 0% {
 -webkit-transform: scale(0);
 transform: scale(0);
 opacity: 0;
}
 5% {
 opacity: 1;
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 0;
}
}
 @keyframes ball-scale-multiple {
 0% {
 -webkit-transform: scale(0);
 transform: scale(0);
 opacity: 0;
}
 5% {
 opacity: 1;
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 0;
}
}
.ball-scale-multiple {
	position: relative;
	-webkit-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	transform: translateY(-30px);
}
.ball-scale-multiple > div:nth-child(2) {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}
.ball-scale-multiple > div:nth-child(3) {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}
.ball-scale-multiple > div {
	background-color: #2098D1;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	margin: 2px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: absolute;
	left: -30px;
	top: 0px;
	opacity: 0;
	margin: 0;
	width: 60px;
	height: 60px;
	-webkit-animation: ball-scale-multiple 1s 0s linear infinite;
	animation: ball-scale-multiple 1s 0s linear infinite;
}
			
/* ball-triangle-path */			

@-webkit-keyframes ball-triangle-path-1 {
 33% {
 -webkit-transform: translate(25px, -50px);
 transform: translate(25px, -50px);
}
 66% {
 -webkit-transform: translate(50px, 0px);
 transform: translate(50px, 0px);
}
 100% {
 -webkit-transform: translate(0px, 0px);
 transform: translate(0px, 0px);
}
}
 @keyframes ball-triangle-path-1 {
 33% {
 -webkit-transform: translate(25px, -50px);
 transform: translate(25px, -50px);
}
 66% {
 -webkit-transform: translate(50px, 0px);
 transform: translate(50px, 0px);
}
 100% {
 -webkit-transform: translate(0px, 0px);
 transform: translate(0px, 0px);
}
}
 @-webkit-keyframes ball-triangle-path-2 {
 33% {
 -webkit-transform: translate(25px, 50px);
 transform: translate(25px, 50px);
}
 66% {
 -webkit-transform: translate(-25px, 50px);
 transform: translate(-25px, 50px);
}
 100% {
 -webkit-transform: translate(0px, 0px);
 transform: translate(0px, 0px);
}
}
 @keyframes ball-triangle-path-2 {
 33% {
 -webkit-transform: translate(25px, 50px);
 transform: translate(25px, 50px);
}
 66% {
 -webkit-transform: translate(-25px, 50px);
 transform: translate(-25px, 50px);
}
 100% {
 -webkit-transform: translate(0px, 0px);
 transform: translate(0px, 0px);
}
}
 @-webkit-keyframes ball-triangle-path-3 {
 33% {
 -webkit-transform: translate(-50px, 0px);
 transform: translate(-50px, 0px);
}
 66% {
 -webkit-transform: translate(-25px, -50px);
 transform: translate(-25px, -50px);
}
 100% {
 -webkit-transform: translate(0px, 0px);
 transform: translate(0px, 0px);
}
}
 @keyframes ball-triangle-path-3 {
 33% {
 -webkit-transform: translate(-50px, 0px);
 transform: translate(-50px, 0px);
}
 66% {
 -webkit-transform: translate(-25px, -50px);
 transform: translate(-25px, -50px);
}
 100% {
 -webkit-transform: translate(0px, 0px);
 transform: translate(0px, 0px);
}
}
.ball-triangle-path {
	position: relative;
	-webkit-transform: translate(-29.994px, -37.50938px);
	-ms-transform: translate(-29.994px, -37.50938px);
	transform: translate(-29.994px, -37.50938px);
}
.ball-triangle-path > div:nth-child(1) {
	-webkit-animation-name: ball-triangle-path-1;
	animation-name: ball-triangle-path-1;
	-webkit-animation-delay: 0;
	animation-delay: 0;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.ball-triangle-path > div:nth-child(2) {
	-webkit-animation-name: ball-triangle-path-2;
	animation-name: ball-triangle-path-2;
	-webkit-animation-delay: 0;
	animation-delay: 0;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.ball-triangle-path > div:nth-child(3) {
	-webkit-animation-name: ball-triangle-path-3;
	animation-name: ball-triangle-path-3;
	-webkit-animation-delay: 0;
	animation-delay: 0;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.ball-triangle-path > div {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	border: 1px solid #2098D1;
}
.ball-triangle-path > div:nth-of-type(1) {
	top: 50px;
}
.ball-triangle-path > div:nth-of-type(2) {
	left: 25px;
}
.ball-triangle-path > div:nth-of-type(3) {
	top: 50px;
	left: 50px;
}
	  
/* ball-pulse-rise */	  

@-webkit-keyframes ball-pulse-rise-even {
 0% {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
 25% {
 -webkit-transform: translateY(-30px);
 transform: translateY(-30px);
}
 50% {
 -webkit-transform: scale(0.4);
 transform: scale(0.4);
}
 75% {
 -webkit-transform: translateY(30px);
 transform: translateY(30px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes ball-pulse-rise-even {
 0% {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
 25% {
 -webkit-transform: translateY(-30px);
 transform: translateY(-30px);
}
 50% {
 -webkit-transform: scale(0.4);
 transform: scale(0.4);
}
 75% {
 -webkit-transform: translateY(30px);
 transform: translateY(30px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @-webkit-keyframes ball-pulse-rise-odd {
 0% {
 -webkit-transform: scale(0.4);
 transform: scale(0.4);
}
 25% {
 -webkit-transform: translateY(30px);
 transform: translateY(30px);
}
 50% {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
 75% {
 -webkit-transform: translateY(-30px);
 transform: translateY(-30px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 -webkit-transform: scale(0.75);
 transform: scale(0.75);
}
}
 @keyframes ball-pulse-rise-odd {
 0% {
 -webkit-transform: scale(0.4);
 transform: scale(0.4);
}
 25% {
 -webkit-transform: translateY(30px);
 transform: translateY(30px);
}
 50% {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
 75% {
 -webkit-transform: translateY(-30px);
 transform: translateY(-30px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 -webkit-transform: scale(0.75);
 transform: scale(0.75);
}
}
.ball-pulse-rise > div {
	background-color: #2098D1;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	margin: 2px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	display: inline-block;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: cubic-bezier(.15, .46, .9, .6);
	animation-timing-function: cubic-bezier(.15, .46, .9, .6);
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-delay: 0;
	animation-delay: 0;
}
.ball-pulse-rise > div:nth-child(2n) {
	-webkit-animation-name: ball-pulse-rise-even;
	animation-name: ball-pulse-rise-even;
}
.ball-pulse-rise > div:nth-child(2n-1) {
	-webkit-animation-name: ball-pulse-rise-odd;
	animation-name: ball-pulse-rise-odd;
}
			
/* ball-grid-beat */			

@-webkit-keyframes ball-grid-beat {
 50% {
 opacity: 0.7;
}
 100% {
 opacity: 1;
}
}
 @keyframes ball-grid-beat {
 50% {
 opacity: 0.7;
}
 100% {
 opacity: 1;
}
}
.ball-grid-beat {
	width: 57px;
}
.ball-grid-beat > div:nth-child(1) {
	-webkit-animation-delay: -0.07s;
	animation-delay: -0.07s;
	-webkit-animation-duration: 1.53s;
	animation-duration: 1.53s;
}
.ball-grid-beat > div:nth-child(2) {
	-webkit-animation-delay: 0.72s;
	animation-delay: 0.72s;
	-webkit-animation-duration: 0.94s;
	animation-duration: 0.94s;
}
.ball-grid-beat > div:nth-child(3) {
	-webkit-animation-delay: 0.11s;
	animation-delay: 0.11s;
	-webkit-animation-duration: 1.25s;
	animation-duration: 1.25s;
}
.ball-grid-beat > div:nth-child(4) {
	-webkit-animation-delay: 0.13s;
	animation-delay: 0.13s;
	-webkit-animation-duration: 1.01s;
	animation-duration: 1.01s;
}
.ball-grid-beat > div:nth-child(5) {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
}
.ball-grid-beat > div:nth-child(6) {
	-webkit-animation-delay: 0.18s;
	animation-delay: 0.18s;
	-webkit-animation-duration: 0.97s;
	animation-duration: 0.97s;
}
.ball-grid-beat > div:nth-child(7) {
	-webkit-animation-delay: -0.09s;
	animation-delay: -0.09s;
	-webkit-animation-duration: 0.67s;
	animation-duration: 0.67s;
}
.ball-grid-beat > div:nth-child(8) {
	-webkit-animation-delay: 0.42s;
	animation-delay: 0.42s;
	-webkit-animation-duration: 0.92s;
	animation-duration: 0.92s;
}
.ball-grid-beat > div:nth-child(9) {
	-webkit-animation-delay: 0.52s;
	animation-delay: 0.52s;
	-webkit-animation-duration: 1.43s;
	animation-duration: 1.43s;
}
.ball-grid-beat > div {
	background-color: #2098D1;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	margin: 2px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	display: inline-block;
	float: left;
	-webkit-animation-name: ball-grid-beat;
	animation-name: ball-grid-beat;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-delay: 0;
	animation-delay: 0;
}
			
/* ball-grid-pulse */			

@-webkit-keyframes ball-grid-pulse {
 0% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 50% {
 -webkit-transform: scale(0.5);
 transform: scale(0.5);
 opacity: 0.7;
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
}
 @keyframes ball-grid-pulse {
 0% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 50% {
 -webkit-transform: scale(0.5);
 transform: scale(0.5);
 opacity: 0.7;
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
}
.ball-grid-pulse {
	width: 57px;
}
.ball-grid-pulse > div:nth-child(1) {
	-webkit-animation-delay: 0.73s;
	animation-delay: 0.73s;
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
}
.ball-grid-pulse > div:nth-child(2) {
	-webkit-animation-delay: 0.32s;
	animation-delay: 0.32s;
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
}
.ball-grid-pulse > div:nth-child(3) {
	-webkit-animation-delay: 0.71s;
	animation-delay: 0.71s;
	-webkit-animation-duration: 0.88s;
	animation-duration: 0.88s;
}
.ball-grid-pulse > div:nth-child(4) {
	-webkit-animation-delay: 0.62s;
	animation-delay: 0.62s;
	-webkit-animation-duration: 1.06s;
	animation-duration: 1.06s;
}
.ball-grid-pulse > div:nth-child(5) {
	-webkit-animation-delay: 0.31s;
	animation-delay: 0.31s;
	-webkit-animation-duration: 0.62s;
	animation-duration: 0.62s;
}
.ball-grid-pulse > div:nth-child(6) {
	-webkit-animation-delay: -0.14s;
	animation-delay: -0.14s;
	-webkit-animation-duration: 1.48s;
	animation-duration: 1.48s;
}
.ball-grid-pulse > div:nth-child(7) {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
	-webkit-animation-duration: 1.47s;
	animation-duration: 1.47s;
}
.ball-grid-pulse > div:nth-child(8) {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
	-webkit-animation-duration: 1.49s;
	animation-duration: 1.49s;
}
.ball-grid-pulse > div:nth-child(9) {
	-webkit-animation-delay: 0.73s;
	animation-delay: 0.73s;
	-webkit-animation-duration: 0.7s;
	animation-duration: 0.7s;
}
.ball-grid-pulse > div {
	background-color: #2098D1;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	margin: 2px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	display: inline-block;
	float: left;
	-webkit-animation-name: ball-grid-pulse;
	animation-name: ball-grid-pulse;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-delay: 0;
	animation-delay: 0;
}
			
/* ball-spin-fade-loader */			

@-webkit-keyframes ball-spin-fade-loader {
 50% {
 opacity: 0.3;
 -webkit-transform: scale(0.4);
 transform: scale(0.4);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes ball-spin-fade-loader {
 50% {
 opacity: 0.3;
 -webkit-transform: scale(0.4);
 transform: scale(0.4);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
.ball-spin-fade-loader {
	position: relative;
	top: -10px;
	left: -10px;
}
.ball-spin-fade-loader > div:nth-child(1) {
	top: 25px;
	left: 0;
	-webkit-animation: ball-spin-fade-loader 1s -0.96s infinite linear;
	animation: ball-spin-fade-loader 1s -0.96s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(2) {
	top: 17.04545px;
	left: 17.04545px;
	-webkit-animation: ball-spin-fade-loader 1s -0.84s infinite linear;
	animation: ball-spin-fade-loader 1s -0.84s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(3) {
	top: 0;
	left: 25px;
	-webkit-animation: ball-spin-fade-loader 1s -0.72s infinite linear;
	animation: ball-spin-fade-loader 1s -0.72s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(4) {
	top: -17.04545px;
	left: 17.04545px;
	-webkit-animation: ball-spin-fade-loader 1s -0.6s infinite linear;
	animation: ball-spin-fade-loader 1s -0.6s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(5) {
	top: -25px;
	left: 0;
	-webkit-animation: ball-spin-fade-loader 1s -0.48s infinite linear;
	animation: ball-spin-fade-loader 1s -0.48s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(6) {
	top: -17.04545px;
	left: -17.04545px;
	-webkit-animation: ball-spin-fade-loader 1s -0.36s infinite linear;
	animation: ball-spin-fade-loader 1s -0.36s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(7) {
	top: 0;
	left: -25px;
	-webkit-animation: ball-spin-fade-loader 1s -0.24s infinite linear;
	animation: ball-spin-fade-loader 1s -0.24s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(8) {
	top: 17.04545px;
	left: -17.04545px;
	-webkit-animation: ball-spin-fade-loader 1s -0.12s infinite linear;
	animation: ball-spin-fade-loader 1s -0.12s infinite linear;
}
.ball-spin-fade-loader > div {
	background-color: #2098D1;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	margin: 2px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: absolute;
}
	
/* ball-spin-loader */	

@-webkit-keyframes ball-spin-loader {
 75% {
 opacity: 0.2;
}
 100% {
 opacity: 1;
}
}
 @keyframes ball-spin-loader {
 75% {
 opacity: 0.2;
}
 100% {
 opacity: 1;
}
}
.ball-spin-loader {
	position: relative;
}
.ball-spin-loader > span:nth-child(1) {
	top: 45px;
	left: 0;
	-webkit-animation: ball-spin-loader 2s 0.9s infinite linear;
	animation: ball-spin-loader 2s 0.9s infinite linear;
}
.ball-spin-loader > span:nth-child(2) {
	top: 30.68182px;
	left: 30.68182px;
	-webkit-animation: ball-spin-loader 2s 1.8s infinite linear;
	animation: ball-spin-loader 2s 1.8s infinite linear;
}
.ball-spin-loader > span:nth-child(3) {
	top: 0;
	left: 45px;
	-webkit-animation: ball-spin-loader 2s 2.7s infinite linear;
	animation: ball-spin-loader 2s 2.7s infinite linear;
}
.ball-spin-loader > span:nth-child(4) {
	top: -30.68182px;
	left: 30.68182px;
	-webkit-animation: ball-spin-loader 2s 3.6s infinite linear;
	animation: ball-spin-loader 2s 3.6s infinite linear;
}
.ball-spin-loader > span:nth-child(5) {
	top: -45px;
	left: 0;
	-webkit-animation: ball-spin-loader 2s 4.5s infinite linear;
	animation: ball-spin-loader 2s 4.5s infinite linear;
}
.ball-spin-loader > span:nth-child(6) {
	top: -30.68182px;
	left: -30.68182px;
	-webkit-animation: ball-spin-loader 2s 5.4s infinite linear;
	animation: ball-spin-loader 2s 5.4s infinite linear;
}
.ball-spin-loader > span:nth-child(7) {
	top: 0;
	left: -45px;
	-webkit-animation: ball-spin-loader 2s 6.3s infinite linear;
	animation: ball-spin-loader 2s 6.3s infinite linear;
}
.ball-spin-loader > span:nth-child(8) {
	top: 30.68182px;
	left: -30.68182px;
	-webkit-animation: ball-spin-loader 2s 7.2s infinite linear;
	animation: ball-spin-loader 2s 7.2s infinite linear;
}
.ball-spin-loader > div {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	background: green;
}
	
/* ball-zig-zag */	

@-webkit-keyframes ball-zig {
 33% {
 -webkit-transform: translate(-15px, -30px);
 transform: translate(-15px, -30px);
}
 66% {
 -webkit-transform: translate(15px, -30px);
 transform: translate(15px, -30px);
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @keyframes ball-zig {
 33% {
 -webkit-transform: translate(-15px, -30px);
 transform: translate(-15px, -30px);
}
 66% {
 -webkit-transform: translate(15px, -30px);
 transform: translate(15px, -30px);
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @-webkit-keyframes ball-zag {
 33% {
 -webkit-transform: translate(15px, 30px);
 transform: translate(15px, 30px);
}
 66% {
 -webkit-transform: translate(-15px, 30px);
 transform: translate(-15px, 30px);
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @keyframes ball-zag {
 33% {
 -webkit-transform: translate(15px, 30px);
 transform: translate(15px, 30px);
}
 66% {
 -webkit-transform: translate(-15px, 30px);
 transform: translate(-15px, 30px);
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
/* ball-zig-zag-deflect */			

.ball-zig-zag {
	position: relative;
	-webkit-transform: translate(-15px, -15px);
	-ms-transform: translate(-15px, -15px);
	transform: translate(-15px, -15px);
}
.ball-zig-zag > div {
	background-color: #2098D1;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	margin: 2px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: absolute;
	margin-left: 15px;
	top: 4px;
	left: -7px;
}
.ball-zig-zag > div:first-child {
	-webkit-animation: ball-zig 0.7s 0s infinite linear;
	animation: ball-zig 0.7s 0s infinite linear;
}
.ball-zig-zag > div:last-child {
	-webkit-animation: ball-zag 0.7s 0s infinite linear;
	animation: ball-zag 0.7s 0s infinite linear;
}
 @-webkit-keyframes ball-zig-deflect {
 17% {
 -webkit-transform: translate(-15px, -30px);
 transform: translate(-15px, -30px);
}
 34% {
 -webkit-transform: translate(15px, -30px);
 transform: translate(15px, -30px);
}
 50% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 67% {
 -webkit-transform: translate(15px, -30px);
 transform: translate(15px, -30px);
}
 84% {
 -webkit-transform: translate(-15px, -30px);
 transform: translate(-15px, -30px);
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @keyframes ball-zig-deflect {
 17% {
 -webkit-transform: translate(-15px, -30px);
 transform: translate(-15px, -30px);
}
 34% {
 -webkit-transform: translate(15px, -30px);
 transform: translate(15px, -30px);
}
 50% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 67% {
 -webkit-transform: translate(15px, -30px);
 transform: translate(15px, -30px);
}
 84% {
 -webkit-transform: translate(-15px, -30px);
 transform: translate(-15px, -30px);
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @-webkit-keyframes ball-zag-deflect {
 17% {
 -webkit-transform: translate(15px, 30px);
 transform: translate(15px, 30px);
}
 34% {
 -webkit-transform: translate(-15px, 30px);
 transform: translate(-15px, 30px);
}
 50% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 67% {
 -webkit-transform: translate(-15px, 30px);
 transform: translate(-15px, 30px);
}
 84% {
 -webkit-transform: translate(15px, 30px);
 transform: translate(15px, 30px);
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @keyframes ball-zag-deflect {
 17% {
 -webkit-transform: translate(15px, 30px);
 transform: translate(15px, 30px);
}
 34% {
 -webkit-transform: translate(-15px, 30px);
 transform: translate(-15px, 30px);
}
 50% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 67% {
 -webkit-transform: translate(-15px, 30px);
 transform: translate(-15px, 30px);
}
 84% {
 -webkit-transform: translate(15px, 30px);
 transform: translate(15px, 30px);
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
.ball-zig-zag-deflect {
	position: relative;
	-webkit-transform: translate(-15px, -15px);
	-ms-transform: translate(-15px, -15px);
	transform: translate(-15px, -15px);
}
.ball-zig-zag-deflect > div {
	background-color: #2098D1;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	margin: 2px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: absolute;
	margin-left: 15px;
	top: 4px;
	left: -7px;
}
.ball-zig-zag-deflect > div:first-child {
	-webkit-animation: ball-zig-deflect 1.5s 0s infinite linear;
	animation: ball-zig-deflect 1.5s 0s infinite linear;
}
.ball-zig-zag-deflect > div:last-child {
	-webkit-animation: ball-zag-deflect 1.5s 0s infinite linear;
	animation: ball-zag-deflect 1.5s 0s infinite linear;
}

/* line-scale */

@-webkit-keyframes line-scale {
 0% {
 -webkit-transform: scaley(1);
 transform: scaley(1);
}
 50% {
 -webkit-transform: scaley(0.4);
 transform: scaley(0.4);
}
 100% {
 -webkit-transform: scaley(1);
 transform: scaley(1);
}
}
@keyframes line-scale {
 0% {
 -webkit-transform: scaley(1);
 transform: scaley(1);
}
 50% {
 -webkit-transform: scaley(0.4);
 transform: scaley(0.4);
}
 100% {
 -webkit-transform: scaley(1);
 transform: scaley(1);
}
}
.line-scale > div:nth-child(1) {
	-webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(.2, .68, .18, 1.08);
	animation: line-scale 1s -0.4s infinite cubic-bezier(.2, .68, .18, 1.08);
}
.line-scale > div:nth-child(2) {
	-webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(.2, .68, .18, 1.08);
	animation: line-scale 1s -0.3s infinite cubic-bezier(.2, .68, .18, 1.08);
}
.line-scale > div:nth-child(3) {
	-webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(.2, .68, .18, 1.08);
	animation: line-scale 1s -0.2s infinite cubic-bezier(.2, .68, .18, 1.08);
}
.line-scale > div:nth-child(4) {
	-webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(.2, .68, .18, 1.08);
	animation: line-scale 1s -0.1s infinite cubic-bezier(.2, .68, .18, 1.08);
}
.line-scale > div:nth-child(5) {
	-webkit-animation: line-scale 1s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
	animation: line-scale 1s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
}
.line-scale > div {
	background-color: #2098D1;
	width: 4px;
	height: 35px;
	border-radius: 2px;
	margin: 2px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	display: inline-block;
}
 @-webkit-keyframes line-scale-party {
 0% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 50% {
 -webkit-transform: scale(0.5);
 transform: scale(0.5);
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes line-scale-party {
 0% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 50% {
 -webkit-transform: scale(0.5);
 transform: scale(0.5);
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
.line-scale-party > div:nth-child(1) {
	-webkit-animation-delay: 0.23s;
	animation-delay: 0.23s;
	-webkit-animation-duration: 1.1s;
	animation-duration: 1.1s;
}
.line-scale-party > div:nth-child(2) {
	-webkit-animation-delay: 0.09s;
	animation-delay: 0.09s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}
.line-scale-party > div:nth-child(3) {
	-webkit-animation-delay: 0.44s;
	animation-delay: 0.44s;
	-webkit-animation-duration: 0.65s;
	animation-duration: 0.65s;
}
.line-scale-party > div:nth-child(4) {
	-webkit-animation-delay: -0.12s;
	animation-delay: -0.12s;
	-webkit-animation-duration: 1.01s;
	animation-duration: 1.01s;
}
.line-scale-party > div {
	background-color: #2098D1;
	width: 4px;
	height: 35px;
	border-radius: 2px;
	margin: 2px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	display: inline-block;
	-webkit-animation-name: line-scale-party;
	animation-name: line-scale-party;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-delay: 0;
	animation-delay: 0;
}
 @-webkit-keyframes line-scale-pulse-out {
 0% {
 -webkit-transform: scaley(1);
 transform: scaley(1);
}
 50% {
 -webkit-transform: scaley(0.4);
 transform: scaley(0.4);
}
 100% {
 -webkit-transform: scaley(1);
 transform: scaley(1);
}
}
 @keyframes line-scale-pulse-out {
 0% {
 -webkit-transform: scaley(1);
 transform: scaley(1);
}
 50% {
 -webkit-transform: scaley(0.4);
 transform: scaley(0.4);
}
 100% {
 -webkit-transform: scaley(1);
 transform: scaley(1);
}
}
.line-scale-pulse-out > div {
	background-color: #2098D1;
	width: 4px;
	height: 35px;
	border-radius: 2px;
	margin: 2px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	display: inline-block;
	-webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(.85, .25, .37, .85);
	animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(.85, .25, .37, .85);
}
.line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) {
	-webkit-animation-delay: -0.4s !important;
	animation-delay: -0.4s !important;
}
.line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) {
	-webkit-animation-delay: -0.2s !important;
	animation-delay: -0.2s !important;
}
 @-webkit-keyframes line-scale-pulse-out-rapid {
 0% {
 -webkit-transform: scaley(1);
 transform: scaley(1);
}
 80% {
 -webkit-transform: scaley(0.3);
 transform: scaley(0.3);
}
 90% {
 -webkit-transform: scaley(1);
 transform: scaley(1);
}
}
 @keyframes line-scale-pulse-out-rapid {
 0% {
 -webkit-transform: scaley(1);
 transform: scaley(1);
}
 80% {
 -webkit-transform: scaley(0.3);
 transform: scaley(0.3);
}
 90% {
 -webkit-transform: scaley(1);
 transform: scaley(1);
}
}
.line-scale-pulse-out-rapid > div {
	background-color: #2098D1;
	width: 4px;
	height: 35px;
	border-radius: 2px;
	margin: 2px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	display: inline-block;
	-webkit-animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(.11, .49, .38, .78);
	animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(.11, .49, .38, .78);
}
.line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) {
	-webkit-animation-delay: -0.25s !important;
	animation-delay: -0.25s !important;
}
.line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) {
	-webkit-animation-delay: 0s !important;
	animation-delay: 0s !important;
}
 @-webkit-keyframes line-spin-fade-loader {
 50% {
 opacity: 0.3;
}
 100% {
 opacity: 1;
}
}
 @keyframes line-spin-fade-loader {
 50% {
 opacity: 0.3;
}
 100% {
 opacity: 1;
}
}
.line-spin-fade-loader {
	position: relative;
	top: -10px;
	left: -4px;
}
.line-spin-fade-loader > div:nth-child(1) {
	top: 20px;
	left: 0;
	-webkit-animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(2) {
	top: 13.63636px;
	left: 13.63636px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(3) {
	top: 0;
	left: 20px;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(4) {
	top: -13.63636px;
	left: 13.63636px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(5) {
	top: -20px;
	left: 0;
	-webkit-animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(6) {
	top: -13.63636px;
	left: -13.63636px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(7) {
	top: 0;
	left: -20px;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(8) {
	top: 13.63636px;
	left: -13.63636px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;
}
.line-spin-fade-loader > div {
	background-color: #2098D1;
	width: 4px;
	height: 35px;
	border-radius: 2px;
	margin: 2px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: absolute;
	width: 5px;
	height: 15px;
}

/* misc */

@-webkit-keyframes triangle-skew-spin {
 25% {
 -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
 transform: perspective(100px) rotateX(180deg) rotateY(0);
}
 50% {
 -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
 transform: perspective(100px) rotateX(180deg) rotateY(180deg);
}
 75% {
 -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
 transform: perspective(100px) rotateX(0) rotateY(180deg);
}
 100% {
 -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
 transform: perspective(100px) rotateX(0) rotateY(0);
}
}
@keyframes triangle-skew-spin {
 25% {
 -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
 transform: perspective(100px) rotateX(180deg) rotateY(0);
}
 50% {
 -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
 transform: perspective(100px) rotateX(180deg) rotateY(180deg);
}
 75% {
 -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
 transform: perspective(100px) rotateX(0) rotateY(180deg);
}
 100% {
 -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
 transform: perspective(100px) rotateX(0) rotateY(0);
}
}
.triangle-skew-spin > div {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #2098D1;
	-webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
	animation: triangle-skew-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
}
 @-webkit-keyframes square-spin {
 25% {
 -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
 transform: perspective(100px) rotateX(180deg) rotateY(0);
}
 50% {
 -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
 transform: perspective(100px) rotateX(180deg) rotateY(180deg);
}
 75% {
 -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
 transform: perspective(100px) rotateX(0) rotateY(180deg);
}
 100% {
 -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
 transform: perspective(100px) rotateX(0) rotateY(0);
}
}
 @keyframes square-spin {
 25% {
 -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
 transform: perspective(100px) rotateX(180deg) rotateY(0);
}
 50% {
 -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
 transform: perspective(100px) rotateX(180deg) rotateY(180deg);
}
 75% {
 -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
 transform: perspective(100px) rotateX(0) rotateY(180deg);
}
 100% {
 -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
 transform: perspective(100px) rotateX(0) rotateY(0);
}
}
.square-spin > div {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	width: 50px;
	height: 50px;
	background: #2098D1;
	border: 1px solid red;
	-webkit-animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
	animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
}
 @-webkit-keyframes rotate_pacman_half_up {
 0% {
 -webkit-transform: rotate(270deg);
 transform: rotate(270deg);
}
 50% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
 100% {
 -webkit-transform: rotate(270deg);
 transform: rotate(270deg);
}
}
 @keyframes rotate_pacman_half_up {
 0% {
 -webkit-transform: rotate(270deg);
 transform: rotate(270deg);
}
 50% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
 100% {
 -webkit-transform: rotate(270deg);
 transform: rotate(270deg);
}
}
 @-webkit-keyframes rotate_pacman_half_down {
 0% {
 -webkit-transform: rotate(90deg);
 transform: rotate(90deg);
}
 50% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(90deg);
 transform: rotate(90deg);
}
}
 @keyframes rotate_pacman_half_down {
 0% {
 -webkit-transform: rotate(90deg);
 transform: rotate(90deg);
}
 50% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(90deg);
 transform: rotate(90deg);
}
}
 @-webkit-keyframes pacman-balls {
 75% {
 opacity: 0.7;
}
 100% {
 -webkit-transform: translate(-100px, -6.25px);
 transform: translate(-100px, -6.25px);
}
}
 @keyframes pacman-balls {
 75% {
 opacity: 0.7;
}
 100% {
 -webkit-transform: translate(-100px, -6.25px);
 transform: translate(-100px, -6.25px);
}
}
.pacman {
	position: relative;
}
.pacman > div:nth-child(2) {
	-webkit-animation: pacman-balls 1s -0.99s infinite linear;
	animation: pacman-balls 1s -0.99s infinite linear;
}
.pacman > div:nth-child(3) {
	-webkit-animation: pacman-balls 1s -0.66s infinite linear;
	animation: pacman-balls 1s -0.66s infinite linear;
}
.pacman > div:nth-child(4) {
	-webkit-animation: pacman-balls 1s -0.33s infinite linear;
	animation: pacman-balls 1s -0.33s infinite linear;
}
.pacman > div:nth-child(5) {
	-webkit-animation: pacman-balls 1s 0s infinite linear;
	animation: pacman-balls 1s 0s infinite linear;
}
.pacman > div:first-of-type {
	width: 0px;
	height: 0px;
	border-right: 25px solid transparent;
	border-top: 25px solid #2098D1;
	border-left: 25px solid #2098D1;
	border-bottom: 25px solid #2098D1;
	border-radius: 25px;
	-webkit-animation: rotate_pacman_half_up 0.5s 0s infinite;
	animation: rotate_pacman_half_up 0.5s 0s infinite;
	position: relative;
	left: -30px;
}
.pacman > div:nth-child(2) {
	width: 0px;
	height: 0px;
	border-right: 25px solid transparent;
	border-top: 25px solid #2098D1;
	border-left: 25px solid #2098D1;
	border-bottom: 25px solid #2098D1;
	border-radius: 25px;
	-webkit-animation: rotate_pacman_half_down 0.5s 0s infinite;
	animation: rotate_pacman_half_down 0.5s 0s infinite;
	margin-top: -50px;
	position: relative;
	left: -30px;
}
.pacman > div:nth-child(3), .pacman > div:nth-child(4), .pacman > div:nth-child(5), .pacman > div:nth-child(6) {
	background-color: #2098D1;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	margin: 2px;
	width: 10px;
	height: 10px;
	position: absolute;
	-webkit-transform: translate(0, -6.25px);
	-ms-transform: translate(0, -6.25px);
	transform: translate(0, -6.25px);
	top: 25px;
	left: 70px;
}
 @-webkit-keyframes cube-transition {
 25% {
 -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
 transform: translateX(50px) scale(0.5) rotate(-90deg);
}
 50% {
 -webkit-transform: translate(50px, 50px) rotate(-180deg);
 transform: translate(50px, 50px) rotate(-180deg);
}
 75% {
 -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
 transform: translateY(50px) scale(0.5) rotate(-270deg);
}
 100% {
 -webkit-transform: rotate(-360deg);
 transform: rotate(-360deg);
}
}
 @keyframes cube-transition {
 25% {
 -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
 transform: translateX(50px) scale(0.5) rotate(-90deg);
}
 50% {
 -webkit-transform: translate(50px, 50px) rotate(-180deg);
 transform: translate(50px, 50px) rotate(-180deg);
}
 75% {
 -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
 transform: translateY(50px) scale(0.5) rotate(-270deg);
}
 100% {
 -webkit-transform: rotate(-360deg);
 transform: rotate(-360deg);
}
}
.cube-transition {
	position: relative;
	-webkit-transform: translate(-25px, -25px);
	-ms-transform: translate(-25px, -25px);
	transform: translate(-25px, -25px);
}
.cube-transition > div {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	width: 10px;
	height: 10px;
	position: absolute;
	top: -5px;
	left: -5px;
	background-color: #2098D1;
	-webkit-animation: cube-transition 1.6s 0s infinite ease-in-out;
	animation: cube-transition 1.6s 0s infinite ease-in-out;
}
.cube-transition > div:last-child {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
 @-webkit-keyframes spin-rotate {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 50% {
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @keyframes spin-rotate {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 50% {
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
.semi-circle-spin {
	position: relative;
	width: 35px;
	height: 35px;
	overflow: hidden;
}
.semi-circle-spin > div {
	position: absolute;
	border-width: 0px;
	border-radius: 100%;
	-webkit-animation: spin-rotate 0.6s 0s infinite linear;
	animation: spin-rotate 0.6s 0s infinite linear;
	background-image: -webkit-linear-gradient(transparent 0%, transparent 70%, #2098D1 30%, #2098D1 100%);
	background-image: linear-gradient(transparent 0%, transparent 70%, #2098D1 30%, #2098D1 100%);
	width: 100%;
	height: 100%;
}
/* ----------------------------------------------------------------
    Random Backgrounds
-----------------------------------------------------------------*/

.randbg {
	background: url('../images/site-images/60.jpg') no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.randbg.bg1 {
	background-image: url('../images/site-images/2-dark.jpg')
}
.randbg.bg2 {
	background-image: url('../images/site-images/62.jpg')
}
.randbg.bg3 {
	background-image: url('../images/site-images/67.jpg')
}
.randbg.bg4 {
	background-image: url('../images/site-images/68.jpg')
}
.randbg.bg5 {
	background-image: url('../images/site-images/38.jpg')
}
/* ----------------------------------------------------------------
    Hover Effect
-----------------------------------------------------------------*/


/* Bounce To Top */
.hvr-bounce-to-top {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #2098D1;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
	color: white;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* Shutter In Vertical */
.hvr-shutter-in-vertical {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	background: #111;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
.hvr-shutter-in-vertical:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #2098D1;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
	color: white;
}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
}
/* Rectangle In */
.hvr-rectangle-in {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	background: #111;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
}
.hvr-rectangle-in:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #2098D1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
	color: white;
}
.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
	-webkit-transform: scale(0);
	transform: scale(0);
}
/* ----------------------------------------------------------------
    Dark CSS
-----------------------------------------------------------------*/


.events .entry-image .entry-date.dark, .ievent .entry-image .entry-date.dark {
	color: #FFF;
	border: solid 1px rgba(255,255,255,0.6);
}
.dark a:hover {
	color: #EEE;
}
body.dark, .dark #wrapper, .dark #content, .dark .shop-quick-view-ajax, .dark .portfolio-ajax-modal, .dark .modal-content, .dark .css3-spinner, .dark .section, .section.dark {
	background-color: #444;
}
.dark .css3-spinner > div {
	background-color: rgba(255,255,255,0.35);
}
.dark .line, .dark .double-line {
	border-top-color: rgba(255,255,255,0.1);
}
.dark #top-bar, #top-bar.dark {
	border-bottom-color: rgba(255,255,255,0.1);
	background-color: #282828;
}
.dark .top-links ul li {
	border-left-color: rgba(255,255,255,0.1);
}
.dark .top-links li > a {
	color: #AAA;
}
.dark .top-links li:hover {
	background-color: #333;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.dark .top-links ul ul, .dark .top-links ul div.top-link-section {
	background: #333;
	border-bottom: none;
}
.dark .top-links ul ul li {
	border-top: 1px solid #444;
	border-left: 1px solid #444;
}
.dark .top-links ul ul li:hover {
	background-color: #383838;
}
.dark .top-links ul ul li:first-child {
	border-left: 1px solid #444;
}
.dark #top-social li {
	border-left: 1px solid rgba(255,255,255,0.1);
}
.dark #top-social li a {
	color: #BBB;
}
.dark #logo a {
	color: #CCC;
}
.dark .one-page-arrow, .one-page-arrow.dark {
	color: #FFF;
}
.dark .slider-caption, .dark .slider-caption h2 {
	color: #FFF;
	text-shadow: none
}
.dark .slider-caption p {
	color: #FFF;
}
.not-dark .slider-caption, .not-dark .slider-caption h2 {
	color: #222;
	text-shadow: none;
}
.dark .ei-title h2, .dark .ei-title h3, .dark .ei-title h2 span, .dark .ei-title h3 span {
	color: #EEE !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}
.not-dark .ei-title h2, .not-dark .ei-title h3, .not-dark .ei-title h2 span, .not-dark .ei-title h3 span {
	color: #222 !important;
	text-shadow: none;
}
.dark #page-title {
	background-color: #282828;
	border-bottom-color: #3F3F3F;
}
.dark #page-title h1 {
	color: rgba(255,255,255,0.9) !important;
}
.dark #page-title span {
	color: rgba(255,255,255,0.7);
}
.dark .breadcrumb a {
	color: #BBB;
}
.dark .breadcrumb a:hover {
	color: #EEE;
}
.dark #page-title.page-title-pattern {
	background-image: url('../images/pattern2.png');
}
.dark .portfolio-1 .portfolio-item {
	border-bottom-color: rgba(255,255,255,0.08);
}
.dark .portfolio-1.portfolio-fullwidth .portfolio-desc {
	background-color: #333;
}
.dark .portfolio-overlay a:hover {
	background-color: #0594c3
}
.dark .portfolio-overlay .portfolio-desc h3 {
	color: #F6F6F6 !important
}
.dark .portfolio-overlay .portfolio-desc h3 a {
	color: #F6F6F6 !important;
	border: none !important
}
.dark .portfolio-overlay .portfolio-desc span {
	color: #DDD !important
}
.dark .portfolio-overlay .portfolio-desc span a {
	color: #DDD !important;
	border: none !important
}
.dark .portfolio-desc h3 a {
	color: #F6F6F6 !important
}
.dark .ajax-modal-title {
	background-color: #333;
	border-bottom-color: rgba(255,255,255,0.08)
}
.dark .portfolio-meta li {
	color: #999;
}
.dark .portfolio-meta li span {
	color: #BBB;
}
.dark .well .line {
	border-color: rgba(255,255,255,0.08);
}
.dark #portfolio-navigation a {
	color: #BBB;
}
.dark #portfolio-navigation a:hover {
	color: #EEE;
}
.dark .entry-title h2 a, .dark .ipost .entry-title h3 a, .dark .ipost .entry-title h4 a {
	color: #FFF;
}
.dark .entry-title h2 a:hover, .dark .ipost .entry-title h3 a:hover, .dark .ipost .entry-title h4 a:hover {
	color: #DDD;
}
.dark .entry-meta li {
	color: #CCC;
}
.dark .entry-meta li a {
	color: #2098D1;
}
.dark .entry-meta li a:hover {
	color: #DDD;
}
.dark .post-masonry-full .entry {
	border-color: rgba(255,255,255,0.08);
}
.dark .timeline-border {
	border-left-color: rgba(255,255,255,0.1);
}
.dark .post-timeline .entry-timeline {
	border-color: rgba(255,255,255,0.1);
	background-color: rgba(255,255,255,0.08);
	color: #AAA;
}
.dark .post-timeline .entry-timeline div.timeline-divider {
	border-top-color: rgba(255,255,255,0.1);
}
.dark .post-timeline .entry:hover .entry-timeline, .dark .post-timeline .entry:hover .timeline-divider {
	border-color: #0594c3;
	color: #0594c3;
}
.dark .spost, .dark .mpost {
	border-top-color: rgba(255,255,255,0.1);
}
.dark .spost .entry-image a i, .dark .mpost .entry-image a i {
	color: #CCC;
	background-color: rgba(0,0,0,0.2);
}
.dark .spost .entry-title h4 a, .dark .mpost .entry-title h4 a {
	color: #FFF
}
.dark .spost .entry-title h4 a:hover, .dark .mpost .entry-title h4 a:hover {
	color: #DDD;
}
.dark .spost .entry-meta li, .dark .mpost .entry-meta li {
	border-left-color: #666;
}
.dark .spost .entry-meta li a, .dark .mpost .entry-meta li a, .dark .testimonial.twitter-scroll .testi-meta span a {
	color: #AAA;
}
.dark .spost .entry-meta li a:hover, .dark .mpost .entry-meta li a:hover, .dark .testimonial.twitter-scroll .testi-meta span a:hover {
	color: #888;
}
.dark #comments {
	border-top-color: rgba(255,255,255,0.08);
}
.dark .commentlist {
	border-bottom-color: rgba(255,255,255,0.08);
}
.dark .comment-wrap {
	border-color: rgba(255,255,255,0.08);
	background-color: #444
}
.dark .comment-avatar {
	background: rgba(255,255,255,0.08);
	border-color: rgba(255,255,255,0.1);
}
.dark .comment-content .comment-author {
	color: #CCC;
}
.dark .comment-content .comment-author a {
	color: #BBB;
}
.dark .comment-content .comment-author a:hover {
	color: #EEE;
}
.dark .review-comment-ratings {
	color: #CCC;
}
.dark .comment-reply-link:hover {
	color: #888;
}
.dark p.wp-caption-text {
	background-color: rgba(0,0,0,0.2);
}
.dark td.actions {
	background-color: rgba(0,0,0,0.2);
}
.dark .countdown-amount, .dark .rounded-skill {
	color: #F9F9F9;
}
.dark .promo > span, .dark .promo > .container > span {
	color: rgba(255,255,255,0.8);
}
.dark .promo.promo-border {
	border-color: rgba(255,255,255,0.08);
}
.dark .promo.promo-light {
	background-color: rgba(255,255,255,0.1);
}
.dark .promo.promo-dark:not(.promo-flat) {
	background-color: rgba(0,0,0,0.3);
}
.promo.promo-dark {
	border: 0 !important;
	background-color: #111;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.promo.promo-dark h3 {
	color: #FFF;
}
.promo.promo-dark > h3 span, .promo.promo-dark > .container > h3 span {
	color: #FFF;
}
.promo.promo-dark > span, .promo.promo-dark > .container > span {
	color: #CCC;
}
.promo.promo-dark a.button {
	right: 30px;
}
.dark .feature-box h3 {
	color: #FFF;
}
.dark .feature-box p {
	color: #EEE !important;
}
.dark .feature-box h3 span.subtitle {
	color: #EEE !important;
}
.dark .process-steps li .i-bordered {
	background-color: #494949;
}
.dark .process-steps li:before, .dark .process-steps li:after, .dark .feature-box.fbox-center:not(.fbox-bg) h3:after {
	border-top-color: #2098D1;
}
.dark .feature-box.fbox-bg.fbox-center {
	background-color: rgba(255,255,255,0.1);
	border: 1px solid rgba(155,155,155,0.5)
}
.dark .heading-block:not(.not-dark):after {
	border-top-color: #2098D1
}
.dark .style-msg2 {
	border-left: 4px solid rgba(0,0,0,0.3);
}
.dark .style-msg .sb-msg, .dark .style-msg2 .msgtitle, .dark .style-msg2 .sb-msg {
	border-left-color: rgba(255,255,255,0.1);
}
.dark .si-dark {
	background-color: rgba(0,0,0,0.2);
	color: #DDD !important;
	border-color: transparent;
}
.dark .si-light {
	background-color: rgba(255,255,255,0.1);
	color: #EEE !important;
	border-color: transparent;
}
.dark .social-icon i:last-child {
	color: #FFF !important;
}
.dark .social-icon:hover {
	color: #FFF !important;
	border-color: transparent;
}
.dark .si-share {
	border-top-color: rgba(255,255,255,0.1);
	border-bottom-color: rgba(255,255,255,0.1);
}
.dark .toggle .togglet, .dark .toggle .toggleta {
	color: #CCC;
}
.dark .toggle.toggle-bg .togglet, .dark .toggle.toggle-bg .toggleta {
	background-color: rgba(0,0,0,0.2);
}
.dark .toggle.toggle-border {
	border-color: rgba(255,255,255,0.15);
}
.dark .faqs .toggle {
	border-bottom-color: rgba(255,255,255,0.1);
}
.dark .acctitle, .dark .acctitlec {
	color: #CCC;
	border-top-color: rgba(255,255,255,0.15);
}
.dark .accordion.accordion-bg .acctitle, .dark .accordion.accordion-bg .acctitlec {
	background-color: rgba(0,0,0,0.2);
}
.dark .accordion.accordion-border {
	border-color: rgba(255,255,255,0.1);
}
.dark .accordion.accordion-border .acctitle, .dark .accordion.accordion-border .acctitlec {
	border-color: rgba(255,255,255,0.15);
}
.dark .sidenav > li > a {
	border-color: #494949;
	color: #BBB;
}
.dark .sidenav > li > a:hover {
	background-color: rgba(0,0,0,0.3);
}
.dark .faqlist li a {
	color: #CCC;
}
.dark .clients-grid li:before, .dark .testimonials-grid li:before {
	border-left-color: rgba(255,255,255,0.15);
}
.dark .clients-grid li:after, .dark .testimonials-grid li:after {
	border-bottom-color: rgba(255,255,255,0.15);
}
.dark .testimonial {
	background: #222
}
.dark .testi-content p {
	margin-bottom: 0;
	font-style: normal;
	color: #FFF;
}
.dark .testi-meta {
	margin-top: 10px;
	font-size: 13px;
	padding-left: 10px;
	color: #CCC !important;
}
.dark .testi-meta a {
	color: #CCC !important;
}
.dark .testi-meta span {
	display: block;
	font-weight: normal;
	color: #CCC;
	font-size: 15px;
	text-transform: none;
}
.dark .testimonial.twitter-scroll .testi-content p a {
	border-bottom: 1px dotted #AAA;
}
.dark .testimonial.twitter-scroll .testi-content p a:hover {
	border-bottom: 1px solid #888;
}
.dark .testimonial.twitter-scroll .testi-image i {
	background-color: rgba(0,0,0,0.2);
	color: #EEE;
	text-shadow: none;
}
.parallax.dark .testimonial .flex-control-nav {
	height: 8px;
	margin-top: 30px;
}
.parallax.dark .testimonial .flex-control-nav li {
	width: 8px;
	height: 8px;
	margin: 0 3px;
}
.parallax.dark .testimonial .flex-control-nav li a {
	width: 8px !important;
	height: 8px !important;
	border: 1px solid #FFF;
	background-color: transparent;
}
.parallax.dark .testimonial .flex-control-nav li:hover a, .parallax.dark .testimonial .flex-control-nav li a.flex-active {
	background-color: #FFF;
}
.dark .team-desc.team-desc-bg {
	background-color: rgba(255,255,255,0.05);
}
.dark .team-content {
	color: #CCC;
}
.dark .pricing-box {
	border-color: rgba(255,255,255,0.1);
	background-color: rgba(125,125,125,0.25);
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.dark .pricing-title {
	background-color: rgba(255,255,255,0.03);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
	border-bottom-color: rgba(255,255,255,0.1);
}
.dark .pricing-title h3 {
	color: #DDD;
}
.dark .pricing-price {
	color: #EEE;
}
.dark .pricing-price:after {
	border-top-color: rgba(255,255,255,0.1);
}
.dark .pricing-features {
	border-bottom-color: rgba(255,255,255,0.1);
}
.dark .pricing-box.best-price {
	background-color: rgba(125,125,125,0.5)
}
.dark .pricing-box.best-price .pricing-title {
	background-color: transparent;
}
.dark .pricing-box.pricing-minimal .pricing-price {
	background-color: transparent;
	border-bottom-color: rgba(255,255,255,0.1);
}
.dark .pricing-box.pricing-extended {
	background-color: transparent;
}
.dark .pricing-box.pricing-extended .pricing-action-area {
	border-left-color: rgba(255,255,255,0.15);
	background-color: rgba(0,0,0,0.2);
}
.dark .pricing-box.pricing-extended .pricing-meta {
	color: #EEE;
}
.dark .pricing-title span, .dark .pricing-price span.price-tenure {
	color: #EEE
}
.dark .subscribe-widget h5 {
	color: #CCC !important;
}
.dark .counter.counter-lined + h5:before {
	border-color: #EEE;
}
.dark .easyPieChart {
	color: #EEE;
}
.dark .skills li {
	background-color: rgba(255,255,255,0.15);
}
.dark .skills li .progress-percent {
	background-color: #4E4E4E;
	color: #FFF
}
.dark .progress-percent:after, .dark .progress-percent:before {
	border-top-color: #4E4E4E;
}
.dark .skills li > span {
	font-weight: 600;
	color: #CCC;
}
.dark .owl-carousel.owl-loading { /*background-image: url('../images/preloader/loader_small_dark.gif');*/
}
.dark label {
	color: #BBB;
}
.dark label.label-muted {
	color: #777;
}
.dark #contact-form-overlay, .dark #contact-form-overlay-mini {
	background-color: #383838;
}
.dark .title-block > span {
	color: #CCC;
}
.dark .heading-block:not(.not-dark), .dark .counter {
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
.dark .heading-block:not(.not-dark) h1, .dark .heading-block:not(.not-dark) h2, .dark .heading-block:not(.not-dark) h3, .dark .heading-block:not(.not-dark) h4, .dark .emphasis-title:not(.not-dark) h1, .dark .emphasis-title:not(.not-dark) h2 {
	color: #FFF;
}
.dark .heading-block.not-dark h1, .dark .heading-block.not-dark h2, .dark .heading-block.not-dark h3, .dark .heading-block.not-dark h4, .dark .emphasis-title.not-dark h1, .dark .emphasis-title.not-dark h2 {
	color: #333;
}
.dark .heading-block:not(.not-dark) > span {
	color: #CCC;
}
.dark .emphasis-title.not-dark {
	color: #444;
}
.dark .emphasis-title span {
	color: #FFF !important
}
.dark .fancy-title h1, .dark .fancy-title h2, .dark .fancy-title h3, .dark .fancy-title h4, .dark .fancy-title h5, .dark .fancy-title h6 {
	background-color: #444 !important;
}
.dark .fancy-title.title-double-border:before, .dark .fancy-title.title-border:before, .dark .fancy-title.title-border-color:before, .dark .fancy-title.title-border:before {
	border-top-color: rgba(255,255,255,0.15);
}
.dark .divider {
	color: rgba(255,255,255,0.15);
}
.dark .divider:after, .dark .divider.divider-center:before, .dark .divider.divider-center.divider-short:before {
	border-top-color: rgba(255,255,255,0.1);
}
.dark .divider.divider-rounded, .dark .divider.divider-border {
	color: #CCC;
}
.dark .divider.divider-rounded i, .dark .divider.divider-border i {
	background-color: rgba(255,255,255,0.1);
}
.dark .divider.divider-border i {
	background-color: transparent;
	border-color: rgba(255,255,255,0.15);
}
.dark .quote:before {
	color: rgba(255,255,255,0.1);
}
.dark .highlight {
	background-color: rgba(0,0,0,0.2);
}
.dark .top-advert {
	border-left-color: rgba(255,255,255,0.1);
	border-right-color: rgba(255,255,255,0.1);
}
.dark.error404-wrap .error404 {
	color: #FFF;
	opacity: 0.25
}
.dark.error404-wrap .form-control::-webkit-input-placeholder {
color: #888;
}
.dark.error404-wrap .form-control::-moz-placeholder {
color: #888;
}
.dark.error404-wrap .form-control:-ms-input-placeholder {
color: #888;
}
.dark .preloader {
	background-color: rgba(0,0,0,0.2);
}
.dark .preloader, .dark .preloader2, .dark .form-process { /*background-image: url('../images/preloader/loader_small_dark.gif');*/
}
.dark .form-process {
	background-color: rgba(0,0,0,0.5);
}
.dark .form-control {
	background: transparent;
	border: rgba(255,255,255,0.5) 2px solid;
}
.dark #copyrights i.footer-icon {
	color: rgba(255,255,255,0.3);
}
.dark .copyright-links a {
	color: #999
}
.dark .copyright-links a:hover {
	color: #0594C3
}
.dark .footer-widgets-wrap a {
	color: #CCC;
}
.dark .footer-widgets-wrap a:hover {
	color: #FFF;
}
.dark .sidebar-widgets-wrap .widget {
	border-top-color: rgba(255,255,255,0.1);
}
.dark .widget h4 {
	color: #FFF;
}
.dark .tagcloud a {
	color: #CCC;
	border-color: transparent;
	background-color: rgba(0,0,0,0.2);
}
.dark .tagcloud a:hover {
	border-color: transparent !important;
	background-color: #0594c3;
	color: #FFF !important;
}
.dark .widget_recent_comments li {
	background-image: url("../images/icons/comment-icon-dark.png");
}
.dark .widget_nav_menu li a, .dark .widget_links li a, .dark .widget_meta li a, .dark .widget_archive li a, .dark .widget_recent_comments li a, .dark .widget_recent_entries li a, .dark .widget_categories li a, .dark .widget_pages li a, .dark .widget_rss li a {
	color: #CCC;
	background-image: url("../images/icons/arrow-dark.png");
}
.dark .widget_nav_menu li a:hover, .dark .widget_links li a:hover, .dark .widget_meta li a:hover, .dark .widget_archive li a:hover, .dark .widget_recent_comments li a:hover, .dark .widget_recent_entries li a:hover, .dark .widget_categories li a:hover, .dark .widget_pages li a:hover, .dark .widget_rss li a:hover {
	color: #FFF;
}
/* Dark Scheme - Bootstrap
-----------------------------------------------------------------*/

.dark .show-grid [class^=col-] {
	background-color: rgba(255,255,255,0.05);
	border-color: rgba(255,255,255,0.1);
}
.dark mark {
	background: rgba(0,0,0,0.5);
	color: #FFF;
}
.dark fieldset {
	border-color: rgba(255,255,255,0.1);
}
.dark .img-thumbnail {
	background-color: rgba(0,0,0,0.2);
	border-color: rgba(255,255,255,0.1);
}
hr {
	border-top-color: rgba(0,0,0,0.6);
}
.dark hr {
	border-top-color: rgba(255,255,255,0.1);
}
.dark .page-header {
	border-bottom-color: rgba(255,255,255,0.1);
}
.dark blockquote {
	border-left-color: rgba(255,255,255,0.2);
}
.dark .blockquote-reverse, .dark blockquote.pull-right {
	border-right-color: rgba(255,255,255,0.2);
}
.dark code {
	color: #DF6F72;
	background-color: rgba(0,0,0,0.3);
}
.dark kbd {
	background-color: rgba(255,255,255,0.1);
}
.dark pre {
	color: #FFF;
	background-color: rgba(0,0,0,0.3);
	border-color: rgba(255,255,255,0.15);
}
.dark .table > thead > tr > th, .dark .table > tbody > tr > th, .dark .table > tfoot > tr > th, .dark .table > thead > tr > td, .dark .table > tbody > tr > td, .dark .table > tfoot > tr > td {
	border-top-color: rgba(255,255,255,0.1);
}
.dark .table > thead > tr > th {
	border-bottom-color: rgba(255,255,255,0.1);
}
.dark .table > tbody + tbody {
	border-top-color: rgba(255,255,255,0.1);
}
.dark .table .table {
	background-color: rgba(0,0,0,0.2);
}
.dark .table-bordered {
	border-color: rgba(255,255,255,0.1);
}
.dark .table-bordered > thead > tr > th, .dark .table-bordered > tbody > tr > th, .dark .table-bordered > tfoot > tr > th, .dark .table-bordered > thead > tr > td, .dark .table-bordered > tbody > tr > td, .dark .table-bordered > tfoot > tr > td {
	border-color: rgba(255,255,255,0.1);
}
.dark .table-striped > tbody > tr:nth-child(odd) > td, .dark .table-striped > tbody > tr:nth-child(odd) > th {
	background-color: rgba(0,0,0,0.05);
}
.dark .table-hover > tbody > tr:hover > td, .dark .table-hover > tbody > tr:hover > th {
	background-color: rgba(0,0,0,0.1);
}
.dark .table > thead > tr > td.active, .dark .table > tbody > tr > td.active, .dark .table > tfoot > tr > td.active, .dark .table > thead > tr > th.active, .dark .table > tbody > tr > th.active, .dark .table > tfoot > tr > th.active, .dark .table > thead > tr.active > td, .dark .table > tbody > tr.active > td, .dark .table > tfoot > tr.active > td, .dark .table > thead > tr.active > th, .dark .table > tbody > tr.active > th, .dark .table > tfoot > tr.active > th {
	background-color: rgba(0,0,0,0.1);
}
.dark .table-hover > tbody > tr > td.active:hover, .dark .table-hover > tbody > tr > th.active:hover, .dark .table-hover > tbody > tr.active:hover > td, .dark .table-hover > tbody > tr.active:hover > th {
	background-color: rgba(255,255,255,0.1);
}

@media (max-width: 767px) {
.table-responsive {
	border-color: rgba(255,255,255,0.1);
}
}
.dark legend {
	color: #DDD;
	border-bottom-color: rgba(255,255,255,0.1);
}
.dark output {
	color: #CCC;
}
.dark .btn:hover, .dark .btn:focus {
	color: #FFF;
}
.dark .btn-default {
	color: #FFF;
	background-color: rgba(0,0,0,0.2);
	border-color: rgba(255,255,255,0.15);
}
.dark .btn-default:hover, .dark .btn-default:focus, .dark .btn-default:active, .dark .btn-default.active, .dark .open .dropdown-toggle.btn-default {
	color: #FFF;
	background-color: rgba(0,0,0,0.3);
	border-color: rgba(255,255,255,0.2);
}
.dark .btn-default.disabled, .dark .btn-default[disabled], .dark fieldset[disabled] .btn-default, .dark .btn-default.disabled:hover, .dark .btn-default[disabled]:hover, .dark fieldset[disabled] .btn-default:hover, .dark .btn-default.disabled:focus, .dark .btn-default[disabled]:focus, .dark fieldset[disabled] .btn-default:focus, .dark .btn-default.disabled:active, .dark .btn-default[disabled]:active, .dark fieldset[disabled] .btn-default:active, .dark .btn-default.disabled.active, .dark .btn-default[disabled].active, .dark fieldset[disabled] .btn-default.active {
	color: #BBB;
	background-color: rgba(255,255,255,0.1);
	border-color: rgba(255,255,255,0.1);
}
.dark .btn-default .badge {
	background-color: rgba(255,255,255,0.1);
}
.dark .btn-link:hover, .dark .btn-link:focus {
	color: #EEE;
}
.dark .dropdown-menu {
	background-color: #333;
	border-color: #3F3F3F;
}
.dark .dropdown-menu .divider {
	background-color: rgba(255,255,255,0.1);
}
.dark .dropdown-menu > li > a {
	color: #DDD;
}
.dark .dropdown-menu > li > a:hover, .dark .dropdown-menu > li > a:focus {
	color: #EEE;
	background-color: rgba(255,255,255,0.1);
}
.dark .input-group-addon, .dark .input-group-btn .btn-default {
	color: #CCC;
	background-color: transparent;
	border-color: 1px solid rgba(255,255,255,1)
}
.dark .input-group-btn .btn-default {
	color: #FFF;
}
.dark .input-group-btn .btn-default:hover {
	background-color: rgba(0,0,0,0.30);
}
.dark .nav > li > a:hover, .dark .nav > li > a:focus, .dark .nav .open > a, .dark .nav .open > a:hover, .dark .nav .open > a:focus {
	background-color: rgba(0,0,0,0.2);
}
.dark .nav .nav-divider {
	background-color: rgba(255,255,255,0.1);
}
.dark .nav-tabs {
	border-bottom-color: rgba(255,255,255,0.15);
}
.dark .nav-tabs > li > a:hover {
	border-color: rgba(255,255,255,0.2);
	border-bottom: none;
}
.dark .nav-tabs.nav-justified > li > a:hover, .dark .nav-tabs-justified > li > a:hover {
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.dark .nav-tabs > li.active > a, .dark .nav-tabs > li.active > a:hover, .dark .nav-tabs > li.active > a:focus {
	color: #DDD;
	background-color: #383838;
	border: 1px solid rgba(255,255,255,0.2);
	border-bottom-color: #383838;
}
.dark .nav-tabs.nav-justified > .active > a, .dark .nav-tabs.nav-justified > .active > a:hover, .dark .nav-tabs.nav-justified > .active > a:focus {
	border-color: rgba(255,255,255,0.15);
}

@media (min-width: 768px) {
.dark .nav-tabs.nav-justified > li > a {
	border-bottom-color: rgba(255,255,255,0.15);
}
.dark .nav-tabs.nav-justified > .active > a,  .dark .nav-tabs.nav-justified > .active > a:hover,  .dark .nav-tabs.nav-justified > .active > a:focus {
	border-bottom-color: #383838;
}
}
.dark .nav-tabs-justified > .active > a, .dark .nav-tabs-justified > .active > a:hover, .dark .nav-tabs-justified > .active > a:focus {
	border-color: rgba(255,255,255,0.15);
}

@media (min-width: 768px) {
.dark .nav-tabs-justified > li > a {
	border-bottom-color: rgba(255,255,255,0.15);
}
.dark .nav-tabs-justified > .active > a,  .dark .nav-tabs-justified > .active > a:hover,  .dark .nav-tabs-justified > .active > a:focus {
	border-bottom-color: #383838;
}
}
.dark .navbar-default {
	background-color: rgba(255,255,255,0.1);
	border-color: rgba(255,255,255,0.1);
}
.dark .navbar-default .navbar-brand {
	color: #EEE;
}
.dark .navbar-default .navbar-brand:hover, .dark .navbar-default .navbar-brand:focus {
	color: #BBB;
}
.dark .navbar-default .navbar-text {
	color: #CCC;
}
.dark .navbar-default .navbar-nav > li > a {
	color: #BBB;
}
.dark .navbar-default .navbar-nav > li > a:hover, .dark .navbar-default .navbar-nav > li > a:focus {
	color: #EEE;
	background-color: transparent;
}
.dark .navbar-default .navbar-nav > .active > a, .dark .navbar-default .navbar-nav > .active > a:hover, .dark .navbar-default .navbar-nav > .active > a:focus {
	color: #EEE;
	background-color: rgba(0,0,0,0.25);
}
.dark .navbar-default .navbar-nav > .disabled > a, .dark .navbar-default .navbar-nav > .disabled > a:hover, .dark .navbar-default .navbar-nav > .disabled > a:focus {
	color: #CCC;
}
.dark .navbar-default .navbar-toggle {
	border-color: rgba(255,255,255,0.15);
}
.dark .navbar-default .navbar-toggle:hover, .dark .navbar-default .navbar-toggle:focus {
	background-color: rgba(255,255,255,0.15);
}
.dark .navbar-default .navbar-toggle .icon-bar {
	background-color: #BBB;
}
.dark .navbar-default .navbar-collapse, .dark .navbar-default .navbar-form {
	border-color: rgba(255,255,255,0.15);
}
.dark .navbar-default .navbar-nav > .open > a, .dark .navbar-default .navbar-nav > .open > a:hover, .dark .navbar-default .navbar-nav > .open > a:focus {
	background-color: rgba(0,0,0,0.25);
	color: #EEE;
}

@media (max-width: 767px) {
.dark .navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #BBB;
}
.dark .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,  .dark .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #EEE;
}
.dark .navbar-default .navbar-nav .open .dropdown-menu > .active > a,  .dark .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,  .dark .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	background-color: rgba(0,0,0,0.25);
	color: #EEE;
}
.dark .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,  .dark .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,  .dark .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
	color: #CCC;
}
}
.dark .navbar-default .navbar-link {
	color: #BBB;
}
.dark .navbar-default .navbar-link:hover {
	color: #EEE;
}
.dark .label-default {
	background-color: rgba(255,255,255,0.2);
}
.dark .label-default[href]:hover, .dark .label-default[href]:focus {
	background-color: rgba(0,0,0,0.2);
}
.dark .badge {
	background-color: rgba(255,255,255,0.2);
}
.btn .badge {
	background-color: #FFF;
}
.dark .jumbotron {
	background-color: rgba(255,255,255,0.15);
}
.dark .thumbnail {
	background-color: rgba(255,255,255,0.15);
	border-color: rgba(255,255,255,0.1);
}
.dark .thumbnail .caption {
	color: #EEE;
}
.dark .progress {
	background-color: rgba(255,255,255,0.15);
}
.dark .list-group-item {
	background-color: rgba(0,0,0,0.2);
	border-color: #444;
}
.dark a.list-group-item {
	color: #BBB;
}
.dark a.list-group-item .list-group-item-heading {
	color: #DDD;
}
.dark a.list-group-item:hover, .dark a.list-group-item:focus {
	background-color: rgba(255,255,255,0.05);
}
.dark a.list-group-item.active, .dark a.list-group-item.active:hover, .dark a.list-group-item.active:focus {
	color: #ffffff;
	background-color: #428bca;
	border-color: #428bca;
}
.dark .list-group-item-success {
	color: #3c763d;
	background-color: #dff0d8;
}
.dark a.list-group-item-success {
	color: #3c763d;
}
.dark a.list-group-item-success:hover, .dark a.list-group-item-success:focus {
	color: #3c763d;
	background-color: #d0e9c6;
}
.dark a.list-group-item-success.active, .dark a.list-group-item-success.active:hover, .dark a.list-group-item-success.active:focus {
	color: #fff;
	background-color: #3c763d;
	border-color: #3c763d;
}
.dark .list-group-item-info {
	color: #31708f;
	background-color: #d9edf7;
}
.dark a.list-group-item-info {
	color: #31708f;
}
.dark a.list-group-item-info:hover, .dark a.list-group-item-info:focus {
	color: #31708f;
	background-color: #c4e3f3;
}
.dark a.list-group-item-info.active, .dark a.list-group-item-info.active:hover, .dark a.list-group-item-info.active:focus {
	color: #fff;
	background-color: #31708f;
	border-color: #31708f;
}
.dark .list-group-item-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
}
.dark a.list-group-item-warning {
	color: #8a6d3b;
}
.dark a.list-group-item-warning:hover, .dark a.list-group-item-warning:focus {
	color: #8a6d3b;
	background-color: #faf2cc;
}
.dark a.list-group-item-warning.active, .dark a.list-group-item-warning.active:hover, .dark a.list-group-item-warning.active:focus {
	color: #fff;
	background-color: #8a6d3b;
	border-color: #8a6d3b;
}
.dark .list-group-item-danger {
	color: #a94442;
	background-color: #f2dede;
}
.dark a.list-group-item-danger {
	color: #a94442;
}
.dark a.list-group-item-danger:hover, .dark a.list-group-item-danger:focus {
	color: #a94442;
	background-color: #ebcccc;
}
.dark a.list-group-item-danger.active, .dark a.list-group-item-danger.active:hover, .dark a.list-group-item-danger.active:focus {
	color: #fff;
	background-color: #a94442;
	border-color: #a94442;
}
.dark .panel {
	background-color: rgba(0,0,0,0.2);
}
.dark .panel-footer {
	background-color: rgba(255,255,255,0.1);
	border-top-color: rgba(255,255,255,0.1);
}
.dark .panel > .panel-body + .table, .dark .panel > .panel-body + .table-responsive {
	border-top-color: rgba(255,255,255,0.1);
}
.dark .panel-group .panel-heading + .panel-collapse .panel-body {
	border-top-color: rgba(255,255,255,0.1);
}
.dark .panel-group .panel-footer + .panel-collapse .panel-body {
	border-bottom-color: rgba(255,255,255,0.1);
}
.dark .panel-default {
	border-color: rgba(255,255,255,0.15);
}
.dark .panel-default > .panel-heading {
	color: #DDD;
	background-color: rgba(255,255,255,0.1);
	border-color: rgba(255,255,255,0.1);
}
.dark .panel-default > .panel-heading + .panel-collapse .panel-body {
	border-top-color: #dddddd;
}
.dark .panel-default > .panel-footer + .panel-collapse .panel-body {
	border-bottom-color: #dddddd;
}
.dark .well {
	background-color: rgba(0,0,0,0.2);
	border-color: rgba(255,255,255,0.15);
}
.dark .well blockquote {
	border-color: #ddd;
}
.dark .close {
	color: #FFF;
	opacity: 0.5;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
.dark .close:hover, .dark .close:focus {
	color: #FFF;
	opacity: 0.8;
}
.dark .modal-content {
	border-color: #555;
}
.dark .modal-header {
	border-bottom-color: rgba(255,255,255,0.15);
}
.dark .modal-footer {
	border-top-color: rgba(255,255,255,0.15);
}
.dark .popover {
	background-color: #282828;
	border-color: #494949;
}
.dark .popover-title {
	background-color: rgba(255,255,255,0.1);
	border-bottom-color: rgba(255,255,255,0.075);
}
.dark .popover.top > .arrow {
	border-top-color: #494949;
}
.dark .popover.top > .arrow:after {
	border-top-color: #282828;
}
.dark .popover.right > .arrow {
	border-right-color: #494949;
}
.dark .popover.right > .arrow:after {
	border-right-color: #282828;
}
.dark .popover.bottom > .arrow {
	border-bottom-color: #494949;
}
.dark .popover.bottom > .arrow:after {
	border-bottom-color: #282828;
}
.dark .popover.left > .arrow {
	border-left-color: #494949;
}
.dark .popover.left > .arrow:after {
	border-left-color: #282828;
}
/**/
.floating-social-icon .bottom{
	width:80%;
	padding:10px;
	position:absolute;
	bottom:0;
	right:0;
	z-index:210;
}
.floating-social-icon .social-link{
	padding: 0;
	width: 100%;
	float:left;
	font-size:16px;
	color:#fff ;
	text-align:right !important;
	
}
@media screen and (max-width: 767px) {
    .floating-social-icon .bottom{
        padding:0px;
        position:relative;
        
    }
    .floating-social-icon .social-link{
        padding:15px 0;
        text-align:center !important;
    }
    .stButton .stLarge{
        width:20px !important;
        height:20px !important;
    }
}

.carousel-inner .image-caption{
    position: absolute;
    bottom: 10px;
    left: 15px;
    z-index: 99;
    padding:7px;
    background:rgba(255,255,255,0.6);
    font-weight:600;
	
	
}





.absolute-in-image {
	position: absolute;
	width: 100%;
	height:100%;
	top: 0;
	left: 0;
	bottom:0;
	right:0;
	z-index: 210;
	padding:5px;
}
.absolute-in-image .top{
	width:100%;
	padding:10px 10px 0 10px;
	position:absolute;
	top:0;
	left:0;
}

.absolute-in-image .duration {
	padding: 0px;
	width: 50%;
	float:left;
	text-align:left !important;
	
}
.absolute-in-image .duration span {
	background: #49adc3;
	color: #fff;
	padding: 3px;
	display: inline-block;
	box-shadow: 0px 0px 2px #000;
	border-radius: 3px;
	font-size: 14px;
}
.absolute-in-image .price {
	padding: 0px;
	width: 50%;
	float:left;
	text-align:right !important;
}

.absolute-in-image .price span {
	background: #49adc3;
	color: #fff;
	padding: 3px;
	display:inline-block;
	box-shadow: 0px 0px 2px #000;
	border-radius: 3px;
	font-size: 14px;
}


.social-link-container{
	width:100%;
	display:block;
	position:relative;
	padding:5px;
	margin-top:150px;
}
.social-link{
	padding: 0px;
	width: 30%;
	float:right;
	font-size:16px;
	color:#fff ;
	text-align:right !important;
	
}
.social-link a{
	color: #fff;
    text-shadow: 1px 1px 2px #000;
    padding: 2px 5px;
    border: 1px solid #fff;
    border-right: 0px;
}
.social-link a:last-child {
    border-right: 1px solid #fff;
}
.absolute-in-image .social-link span{
}
.absolute-in-image .social-link a{
	color:#fff;
	text-shadow:0px 0px 2px #000;
	padding:2px 5px;
	border:1px solid #fff;
	border-right:0px;
}
.absolute-in-image .social-link a:hover{
	background:#fff;
	color:#000;
    text-shadow:0px 0px 0px #000;
}
.absolute-in-image .social-link a:last-child{
	border-right:1px solid #fff;
}

.bgcolor-blue {
	background: #49adc3;
}
/******************Testimonial********************/
.testimonials {
	width: 100%;
	display: block;
	margin-top: 0px;
}
.testimonianls .user-image {
	display: block;
	padding: 15px;
	width: 100%;
	text-align: center;
}
.testimonials .user-image img {
	height: 90px;
	width: 90px;
	border-radius: 50%;
	text-align: center;
	border: 5px solid #ccc;
	box-shadow: 1px 1px 1px 0px #000;
}
.testimonials .user-comments {
	width: 100%;
	display: block;
}

.exclusive-trip .item {
	margin: 15px;
}
.requested-trip, .share-trip, .travel-story, .exclusive-trip-details {
	display: inline-block;
	float: left;
	width:100%;
	position:relative;
	transition: all 0.5s ease 0s;
	overflow:hidden;
	padding:5px;
	margin-bottom:10px;
}
.requested-trip:last-child, .share-trip:last-child, .travel-story:last-child{
	margin-bottom:0px;
}
.requested-trip, .travel-story {
  background: linear-gradient(135deg, #45aed3, #5bac6d);
}
.share-trip-bg{
	position:absolute;
	left:0;
	top:0;
	z-index:;
}
.requested-trip .requested-trip-user-detail, .share-trip .share-trip-user-detail {
	display: inline-block;
	overflow: hidden;
	position: relative;
	float: left;
	width: 35%;
	text-align: center;
}
.requested-trip .requested-trip-user-image, .share-trip .share-trip-user-image {
	display: block;
	position: relative;
	width: 100%;
	text-align: center;
	vertical-align: middle;	
}
.requested-trip .requested-trip-user-image img, .share-trip .share-trip-user-image img {
	height: 145px;
	width: 145px;
	border-radius: 50%;
	margin-bottom: 20px;
	border: 5px solid rgba(255,255,255, 0.3);
	box-shadow: 0px 0px 3px #165b6a;
}
.requested-trip .content-wrapper, .share-trip .content-wrapper {
	background-color: rgba(255,255,255, 0.5);
	display: inline-block;
	width: 65%;
	position: relative;
	float: left;
	padding-left: 10px;
	vertical-align: middle;
	transition: all 0.6s ease 0s;
	padding:5px;
}

.random-story-container{
	width:100%;
	float:left;
	position:relative;
}
.select-box{
	margin-top:0px;
}
.tag{
	display:inline-block;
	padding:1px 15px;
	border-radius:10px;
	/*height:40px;*/
	width:auto;
	background:#efac24;
	border:2px solid #585858;
	margin:4px;
	font-size:10px;
	text-shadow:1px 0px 1px #000;
	text-align:center;
}
.tag:nth-child(2){
	background:#b6b6b6;

}
.tag:nth-child(3){
	background:#e58fa9;
}

.tag:nth-child(4){
	background:#7d9bd3;

}
.tag:nth-child(5){
	background:#949d34;

}
.tag:nth-child(6){
	background:#68bacf;

}
.tag:nth-child(7){
	background:#6d4a55;

}
.tag:nth-child(8){
	background:#4a5f6d;

}
.tag:nth-child(9){
	background:#4a7f37;

}
.tag:nth-child(10){
	background:#da896d;

}

.tag-2{
	display:inline-block;
	
	border-radius:50%;
	width:17px;
	height:17px;
	/*height:40px;*/
	
	background:#49adc3;
	border:1px solid #000;
	padding:2px 5px;
	font-size:11px;
	color:#fff;
}
.tag-3{
	display:inline-block;
	padding:1px 15px;
	border-radius:10px;
	/*height:40px;*/
	width:auto;
	
	border:1px solid #fff;
	margin:4px;
	font-size:12px;
	text-shadow:1px 0px 1px #000;
	text-align:center;
}
.price-ribbon{
  position: absolute;
  top: -6px;
  right: 1em;
  z-index: 1;
  color: #eee;
  /*font-size: 10px;*/
  cursor: pointer;
  /*width: 1.5em;*/
  /*line-height: 0.5em;*/
  -webkit-transition: line-height 0.5s;
  transition: line-height 0.5s;
  text-align:center;
  background:#F44336;
  border-radius:0px !important;
  box-shadow:0px 0px 0px !important;
  background:#EF5350 !important;
  
}
/*.price-ribbon:after {
  content: "";
  font-size: 0.5em;
  position: absolute;
  height: 1.2em;
  border: 1.5em solid #F44336;
  z-index: -1;
  top: -1em;
  border-top-width: 1.5em;
  border-bottom-color: transparent;
  right: 0;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
}*/
.price-ribbon:before {
  content: "";
  /*font-size: 0.5em;*/
  position: absolute;
  border-style: solid;
  border-color: transparent transparent #B71C1C transparent;
  top: 0em;
  left: -8px;
  border-width: 0 0 0.6em 0.7em;
  z-index: -1;
}
/*.price-ribbon:hover:after{
  border: 1.5em solid #EF5350;
  border-bottom-color: transparent;
  height: 1.6em;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
}*/
/*.price-ribbon:hover{
  line-height: 0.9em;
  color: #333;
  -webkit-transition: line-height 0.5s;
  transition: line-height 0.5s;
}*/
.operator-name{
	position:relative;
	display:inline-block;
	width:auto;
	background:#EF5350;
	padding:2px 15px;
	text-align:center;
	color:#fff;
	
	text-shadow:1px 1px 2px #ccc;
	
	
}
.operator-name::before{
	content:"";
	position:absolute;
	width:0;
	height:0;
	border-width:15px;
	border-style:solid;
	border-color:#EF5350;
	border-left-color:transparent;
	left:-15px;
}
.operator-name::after{
	content:"";
	position:absolute;
	width:0;
	height:0;
	border-width:15px;
	border-style:solid;
	border-color:#EF5350;
	border-right-color:transparent;
	right:-15px;
}
.package-details, .itinerary, .aditional-info, .tab-contact{
	width:100%;
	text-align:left;
}

.tab-contact p{
	font-size:18px;
	padding:0px !important;
	font-weight:600;
	margin-bottom:7px;
}
.package-details .row{
	margin-bottom:10px;
}
.termsNconditions, .cancelllation-policy{
	width:100%;
	padding:10px;
	background:#fff;
	border:2px dashed #ccc;
	display:block;
	overflow:auto;
	height:215px;
	transition:all 0.3s ease-in-out 0.2s;
	text-align:justify;
	color:#000 !important;
}
.termsNconditions h5, .cancelllation-policy h5{
	text-align:left !important;
	margin-bottom:0px !important;
}
.termsNconditions p, .cancelllation-policy p{
	
	padding:0px !important;
	
}
.heading{
	background:#ef5350 ;
	padding:5px;
	margin-bottom:5px;
	clear:both;
	line-height:1 !important;
	text-align:center;
}
.heading h4{
	font-size:22px !important;
	margin-bottom:0px !important;
}

.car-listing-item{
	width:100%;
	text-align:left
	}



/*==============================================
   MY ACCOUNT MENU STYLES    
 =============================================*/


.navbar-cls-top .navbar-brand {
    color: #fff;
    background: #DD1533;
    width: 180px;
    text-align: center;
    height: 75px;
    font-size: 18px;
    letter-spacing: 1px;
    padding-top: 25px;
}
.navbar-cls-top .navbar-brand:hover {
    background: #DD1533;
    color: #fff;
}
.header-right {
    color: #fff;
    padding: 15px 50px 5px 50px;
    float: right;
    font-size: 16px;
}
.user-img-div {
    min-height: 130px;
    padding: 0px;
    background-color: #262626;
    text-align:center;
}

    .user-img-div img {
        height: auto;
        border: 1px solid #DD1533;
		width:100%;
    }

   
.active-menu {
    background-color: #fff!important;
    border-left: 5px solid #DD1533;
}
.active-menu-top {
    background-color: #000!important;
}

.arrow {
    float: right;
}

.fa.arrow:before {
    content: "\f104";
}

.active > a > .fa.arrow:before {
    content: "\f107";
}


.nav-second-level li,
.nav-third-level li {
    border-bottom: none !important;
}

    .nav-second-level li a {
        padding-left: 37px;
    }

    .nav-third-level li a {
        padding-left: 55px;
    }

.sidebar-collapse, .sidebar-collapse .nav {
    background: none;
}

    .sidebar-collapse .nav {
        padding: 0;
    }

        .sidebar-collapse .nav > li > a {
           color: #000;
background: #E2E2E2;
text-shadow: none;
border-bottom: 1px solid #D2D2D2;
        }

    .sidebar-collapse > .nav > li > a {
        padding: 15px 10px;
    }

    .sidebar-collapse .nav > li > a:hover,
    .sidebar-collapse .nav > li > a:focus {
        background: #D2D2D2;
        outline: 0;
    }



.nav-second-level > li:last-child > a:after,
.nav-third-level > li:last-child > a:after {
    height: 50%;
}

.nav-third-level > li > a:after,
.nav-third-level > li > a:before {
    left: 40px;
}

.navbar-side {
    border: none;
    background-color: #202020;
}

.navbar-cls-top {
    background: #262626;
    border-bottom: none;
}


.navbar-default {
    border: 0px solid black;
}

.navbar-header {
    background: #000000;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #DD1533;
}

.navbar-default .navbar-toggle {
    border-color: #fff;
}

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #FFF;
        
    }

.nav > li > a > i {
    margin-right: 10px;
}

#page-wrapper {
    padding: 15px 15px;
    min-height: 800px;
    background: #fff;
}

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

@media (min-width:768px) {
    .page-wrapper-cls {
        /*margin: 0 0 0 180px;*/
    }

    .navbar-side {
        z-index: 1;
        
        
    }

    .navbar {
        border-radius: 0px;
    }
}
@media (min-width:280px) and (max-width:767px ){
    #menuClose {
        visibility:hidden;
    }
}

.follow{
	width:100%;	
	display:block;
	margin:10px 0 0 0;
	
}
.follow div{
	width:50% !important;
	padding:10px;
	display:inline;
	box-sizing:border-box;
	
	text-align:center;
}
.follow div a{
	
	text-shadow:none !important;
	padding:0 4px !important;
	margin:auto !important;
	background:#0CF;
	color:#fff;
	position:relative;
	text-align:center;
	box-sizing:border-box;
	
	
}
.follow a span{
	position:absolute;
	top:-8px;
	right:-14px;
	width:18px;
	height:18px;
	border-radius:100%;
	color:#000;
	background:#fff;
	text-align:center;
	margin-left:7px
}

.login-container .login-box {
    width: 400px;
    margin: 0px auto;
    padding-top: 120px;	
}
.login-container .login-box .login-logo {
    background:url(../images/logo/logo.png) top center no-repeat;
    width: 100%;
    height: 100px;
    float: left;
	margin:10px 0;
}

.login-container .login-box .login-body {
    width: 100%;
    float: left;
    padding: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.login-container .login-box .login-body .login-title {
    font-size: 19px;
    font-weight: 300;
    margin-bottom: 20px;
}
.login-container .login-box .login-footer {
    width: 100%;
    float: left;
    padding: 10px;
}
/* Featured In */
.featured-in{
	width:100%;
	float:left;
	position:relative;
}
.featured-in ul{
	list-style:none;
	text-align:center;
}
.featured-in li{
	display:inline;
	padding:5px 10px;
}

/****** Featured In *******/

/********** Comment **********/
.comments{
	width:100%;
	margin-bottom:10px;
	float:left;
	margin-top:20px;
}
.input-comment-box .name, .input-comment-box .email{
	width:50%;
	display:block;	
}
.comments .rating-box{
	display:block;
	text-align:left !important;
	color:#000 !important;
}
.comments .rating-symbol{
	color:#000 !important;
}
.all-comment-box{
	width:100%;
	display:block;	
}
.single-user-comment{
	text-align:left !important;
	border-top:1px solid #ccc;
	margin-top:12px;
	padding-top:8px;
	font-size:10px !important;
	color:#ddd;
}

.single-user-comment p{
	font-size:12px !important;
}

.single-user-comment img{
	border:1px solid #000;
	width:40px;
	height:40px;
	border-radius:50%;

	margin-right:15px;
}

.comments-2{
	display:none;
}
.comments-2.show{
	display:block !important;
}

/*Business-profile*/
.description{
	padding:10px;
	border:1px solid #ccc;
	border-radius:4px;
}

/*** Show Hide Div*/
.hide{
	display:none;
}
.hide.show{
	display:block !important;
}

.to{
	text-align:right;
	float:right;
	margin-right:-18px;
	font-weight:600;
}


.contact-details{
	display:;
	list-style:none;
	
}

/*****Travel Story******/
.post-item-wrap {
	width:100%;
	float:left;
    border: none;
    padding: 0px 0 0px 0px;
    margin-bottom: 10px;
    border-radius: 0px;
    background-color: transparent;
    
}
.post-item-wrap p{
	padding:0 !important;
}
.post-author-img {
    /*float: left;*/
}
.post-title {
    text-align: left;
    width: 100%;
    background: #ccc;
    padding: 3px 6px;
}
.post-title a{
	color:#333;
	font-size:24px; font-weight:600;
}
.post-meta-top p{
	padding:0 !important;
	font-size:18px !important;
}
.post-meta-top p span{

}
.post-content{
	width:100%;
	float:left;
	text-align: justify;
}
.post-content p {
	padding:0 !important;
}
.post-content img {
	padding-bottom:10px;
}
.travel-story-user-image{
height: 80px;
width: 80px;
border-radius: 50%;
margin: 0 10px 0 0;
border: 5px solid rgba(255,255,255, 0.3);
box-shadow: 0px 0px 3px #165b6a;
}
.metabar {
	width:100%;
    padding-bottom: 30px;
}
.socialink{
	width:100%;
	height:auto;
	float:left;
	text-align:right;
}
.socialink ul{
	list-style:none;
	display:block;
	padding:0 !important;
}
.socialink li{
	display:inline;
	padding:5px;
	
}
.socialink li:hover{
	opacity:0.5;
	
	
}
/*****Travel Story******/

.exclusive-trip-details{
	position:relative;
	width:100%;
	height:100%;
}
.exclusive-trip-display{
	position:relative;
	width:100%;
	float:left;
	clear:both;
	}
.activity-container{
	width:100%;
	float:left;
	padding-bottom:10px;
	/*margin-bottom:10px;*/
	border-bottom:1px solid #ccc;
}
.offer{
	width:40%;
	float:left;
	padding:5px;
	background:rgba(0,0,0,0.5);
	margin-bottom:20px;
	color:#FF0 !important;
	border-radius:10px 0 10px 0;
	border:1px solid #ccc;
	box-shadow:0px 0px 2px #000;
        margin-left:40px;
	/*position:absolute;
	left:0;
	bottom:0;*/
}
.offer p{
	font-size:18px !important;
	font-weight:600;
	color:#FF0
}

.borderd{
	border:2px solid #49adc3;
}
.title{
	background:#49adc3;
	color:#fff;
	font-weight:600;
	text-align:center;
}
.inclusions ul, .exclusions ul{
	list-style:none;
	padding:10px;
}
.things-to-carry ul{
	padding:10px;
}
.inclusions ul li, .exclusions ul li, .things-to-carry ul li{
	font-weight:600;
	line-height:20px;
	padding:0 0 6px 6px;
}

.places-covered, .duration, .trip-start-date, .pickup-drop, .price, .trip-inclusion, .trip-activity{
	color:#fff;
	margin-bottom:6px;	
	padding-bottom:6px;
	/*border-bottom:1px solid #ddd;*/
}

.places-covered p, .duration p, .trip-start-date p, .pickup-drop p, .price p, .places-covered p{
	color:#fff;
	
}

/************************FAQ*****************/


#integration-list {
    
    width: 100%;
    margin: 0 auto;
    display: table;
}
#integration-list ul {
    padding: 0;
    margin: 20px 0;
    color: #555;
}
#integration-list ul > li {
    list-style: none;
    border-top: 1px solid #ddd;
    display: block;
    padding: 15px;
    overflow: hidden;
}
#integration-list ul:last-child {
    border-bottom: 1px solid #ddd;
}
#integration-list ul > li:hover {
    background: #efefef;
}
.expand {
    display: block;
    text-decoration: none;
    color: #555;
    cursor: pointer;
}
h2 {
    padding: 0;
    margin: 0;
    font-size: 17px;
    font-weight: 400;
}
/*span {
    font-size: 12.5px;
}*/
#left,#right{
    display: table;
}
#sup{
    display: table-cell;
    vertical-align: middle;
    width: 80%;
}
.detail a {
    text-decoration: none;
    color: #C0392B;
    border: 1px solid #C0392B;
    padding: 6px 10px 5px;
    font-size: 14px;
}
.detail {
    margin: 10px 0 10px 0px;
    display: none;
    line-height: 22px;
   /* height: 150px;*/
}
.detail span{
    margin: 0;
}
.right-arrow {
    margin-top: 12px;
    margin-left: 20px;
    width: 10px;
    height: 100%;
    float: right;
    font-weight: bold;
    font-size: 20px;
}
/* .icon {
    height: 75px;
    width: 75px;
    float: left;
    margin: 0 15px 0 0;
} */
.london {
    background: url("http://placehold.it/50x50") top left no-repeat;
    background-size: cover;
}
.newyork {
    background: url("http://placehold.it/50x50") top left no-repeat;
    background-size: cover;
}
.paris {
    background: url("http://placehold.it/50x50") top left no-repeat;
    background-size: cover;
}
   
.members{
	background:#fff;
	text-align:center;
	font-weight:600;
}

.trip-details{
	width:100%;
	height:100%;
	position:relative;
	top:0;
	left:0;
	right:0;
	bottom:0;
	float:left;		
	background:rgba(0,0,0,0.6);	
	border:1px solid #ccc;
	clear:both;
}
.short-details{
	width:100%;	
	color:#fff;
	float:left;
	text-shadow:1px 1px 1px #000;	
	padding:5px 0px;
        position:relative;
	
}
.short-details p{
	color:#fff;
	font-size:16px !important;
	font-weight:600;
}
.short-details ul{
	list-style:none;
}
.short-details ul li{
	color:#fff;
	line-height:20px;
}
.short-details-row{
	width:100%;
	float:left;
	padding:5px 0px;
	/*background:#09F;*/
	background-color:rgba(0,0,0,0.5);
	
}
.short-details-row p{
	
	
}
.trip-inclusions{
	width:100%;
	border-top:1px solid #fff;
	padding:5px 0 10px;
	float:left;	

}
.book-now{
	width:100%;
	float:left;
	border-top:1px solid #fff;
	padding:15px 0;
	background-color:#49adc3;
}
.seats-number{
	padding:6px;
	background-color:#49adc3;
	color:#fff !important;
	display:inline !important;
}

.review{
	width:100%;
	float:left;
	text-align:left;
}
.review label{
	font-size:18px;
}
.review .rating-symbol{
	color:#444 !important;
}

.exclusive-trip-display-container{
	width:100%;
	float:left;
	position:relative;
	margin:;
}
.trip-display-container{
	width:100%;
	position:relative;
	margin:10px 0;
}
.img-container{
	width:100%;
	height:100%;
	position:relative;
}
.img-container:after {
	left: 0;
	right: 0;
	top: 50%;
	position: absolute;
	opacity: 1;
	visibility: hidden;
	pointer-events: none;
	background-color: rgba(52,74,113,0);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(52,74,113,0)), to(rgba(52,74,113,.9)));
	background: -webkit-linear-gradient(top, rgba(52,74,113,0), rgba(52,74,113,.9));
	background: -moz-linear-gradient(top, rgba(52,74,113,0), rgba(52,74,113,.9));
	background: -ms-linear-gradient(top, rgba(52,74,113,0), rgba(52,74,113,.9));
	background: -o-linear-gradient(top, rgba(52,74,113,0), rgba(52,74,113,.9));
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out
}
.img-container:hover:after {
	top: 0;
	opacity: 1;
	visibility: visible
}
.trip-display-text{
	position: absolute;
    background-color: rgba(0,0,0,0.5);
	border-top:1px solid rgba(0,0,0,0.8);
    padding: 10px 20px;
    bottom:0px;
    left: 0px;	
	width:100%;
}
.trip-display-text a{
	color:#fff;
}
.international-places-container, .demestic-places-container{
	width:100%;
	float:left;
	position:relative;
	padding:20px;
}
/*************Booking Form***************/


.booking-form{
	width:100%;
	float:left;
	clear:both;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
}
/*.booking-form p{
	padding:0;
}*/
.homestay-category-popup, .homestay-region-popup, .no-of-travellers-popup,  .room-type-popup{
	width:60%;
	padding:10px;
	background:#fff;
	border:1px solid #ccc;
	box-shadow:1px 1px 1px #ddd;
	
}
.change-room-popup{
	width:40%;
	padding:10px;
	background:#fff;
	border:1px solid #ccc;
	box-shadow:1px 1px 1px #ddd;	
	font-size:14px !important;
	color:#333 !important;
}
.room-no, .room-type{
	width:100%;
	border:1px solid #ccc;
	background:#ddd;
}
.room-selection{
	width:100%;
	/*float:left;*/
	clear:both;
	margin-top:10px;
	margin-bottom:20px;
	/*border-bottom:1px solid #ccc;*/
} 
.holder{
	width:100%;
	float:left;
	position:relative;
	/*padding:0 15px;*/
	margin-top:5px;
}
.room-selection:first-child{
	border-top:none !important;
}
.room-details{
	width:95%;
	margin:auto;
	display:block;
	margin-bottom:10px;
	border-top:1px solid #ccc;
	clear:both;
	padding:10px 0px;
}
.room-details:first-child{
	border-top:none !important;
}
.room-details p{
	padding:0 !important;
}
.room-details ul{
	list-style:none;
}
.room-fare{
	color:#ef5350;
	font-weight:600;
}

.booking-summary{
	width:100%;
	float:left;
	display:block;
	clear:both;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.booking-summary ul{
	list-style:none;
	padding-left:25px;
}

.booking-details{
	width:100%;
	margin:auto;
	display:inline-block;
	clear:both;
	padding-bottom:20px;
	margin-top:10px;
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
}
.booking-details:first-child{
	border-bottom:none !important;
}
.my-booking{
	width:100%;
	position:relative;
	float:left;
}
.my-booking p {
	line-height:2.5 !important;
}
.transport-container{
	width:100%;
	float:left;
	display:block;
	clear:both;
	margin-bottom:20px;
}

.transport{
	width:100%;
	float:left;
	position:relative;
        border-bottom:1px solid #000;
	padding-bottom:15px;
        margin-bottom:15px;
}
.transport:last-child{
        border-bottom:none;
        padding-bottom:0;
        margin-bottom:0;
}
.add-car-popup{
	width:60%;
	padding:10px;
	background:#fff;
	border:1px solid #ccc;
	box-shadow:1px 1px 1px #ddd;
}
.activity-section-container, .stay-section-container{
	width:100%;
	float:left;
	clear:both;
}
.activity-section, .stay-section{
	width:100%;
	float:left;
	clear:both;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}
.activity-section:last-child, .stay-section:last-child{
	border-bottom:none !important;
}
.total-cost{
	width:100%;
	float:left;
	position:relative;
	/*padding:0 15px;*/
	margin-bottom:20px;
}
.total{
	width:100%;
	display:block;
	clear:both;
	float:left;
	padding-bottom:8px;
	margin-bottom:8px;
	/*border:1px solid #1d6e80;*/
	border-bottom:1px solid #ccc;
}
.total-cost p{
	padding:0px !important;
}
.grand-total{
	width:100%;
	float:left;
	display:block;
	clear:both;
}
.cost, .tax, .grand-total-cost{
	color:#000;
	font-size:13px;
	font-weight:300;
	float:right !important;
}
.personal-details{
	width:100%;
	float:left;
	display:block;
	clear:both;
	/*padding:0 15px;*/
}
.personal-details-summary{
	width:100%;
	float:left;
	display:block;
	clear:both;
	text-align:left;
	margin-left:-15px;
	margin-right:-15px;
}
.personal-details-summary .form-group{
	width:100%;
	float:left;
}
.edit{
	vertical-align:middle;
	padding:18px 0 0 15px;
	
}
.date, .location{	
	margin:5px;
	color:#000;
	font-size:13px;
	font-weight:300;

}


ul.inbox, ul.notification{
	list-style:none;
}
.inbox li, .notification li{
	padding:0 !important;
	border-left:none !important;
	width:100%;	
}

.inbox li a, .notification li a{
	width:100%;
	color:#aaa !important;
	font-size:12px !important;
	padding:10px !important;
	border-bottom:1px solid #E1E1E1;
}

.dropdown-menu.extended {
    /*max-width: 300px !important;*/
   /* min-width: 160px !important;*/
    top: 33px;
    width: 157px !important;
    padding: 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.176) !important;
    border: none !important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
.dropdown-menu.extended li a{
	width:100%;
	display:inline-block;
}
.dropdown-menu.extended li p {
    background-color: #F1F2F7;
    color: #666666;
    margin: 0;
    padding: 10px !important;
    border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
}
.dropdown-menu.extended li p.green {
    background-color: #68dff0;
    color: #fff;
	font-size:12px;
}

.notify-arrow {
    border-style: solid;
    border-width: 0 9px 9px;
    height: 0;
    margin-top: 0;
    opacity: 0;
    position: absolute;
    left: 14px;
    top: -18px;
    transition: all 0.25s ease 0s;
    width: 0;
    z-index: 10;
    margin-top: 10px;
    opacity: 1;
}
.notify-arrow-green {
    border-color: transparent transparent #68dff0;
    border-bottom-color: #68dff0 !important;
    border-top-color: #68dff0 !important;
}

.dropdown-menu.inbox li a .photo img {
    border-radius: 2px 2px 2px 2px;
    float: left;
    height: 40px;
    margin-right: 4px;
    width: 40px;
}
.dropdown-menu.inbox li a .photo img {
    border-radius: 2px 2px 2px 2px;
    float: left;
    height: 40px;
    margin-right: 4px;
    width: 40px;
}
.dropdown-menu.inbox li a .subject .from {
    font-size: 12px;
    font-weight: 600;
}
.dropdown-menu.inbox li a .subject .time {
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    position: absolute;
    right: 5px;
}
.dropdown-menu.inbox li a .message {
    display: block !important;
    font-size: 11px;
}

.ds {
    background: #ffffff;
    padding-top: 20px;
	position:relative;
}
.ds h3 {
    color: #ffffff;
    font-size: 16px;
    padding: 0 10px;
    line-height: 60px;
    height: 60px;
    margin: 0;
    background: #ff865c;
    text-align: center;
}

.ds .desc {
    border-bottom: 1px solid #eaeaea;
    display: inline-block;
    padding: 15px 0;
    width: 100%;
	text-align:left !important;
	position:	relative;
}
.ds .thumb {
    width: 30px;
    margin: 0 0px 0 0px;
    display: block;
    float: left;
}
.ds .details {
    width: 170px;
    float: left;
}
.ds > .desc p {
    font-size: 16px;
}
.ds p > muted {
    font-size: 12px;
    text-transform: uppercase;
    font-style: italic;
    color: #666666;
}
.ds a {
    color: #68dff0;
}

.tour-offer{
	width:20%;
	background: rgba(0,0,0,0.6);
	position:absolute;
	right:15px;	
	/*left:50%;*/
	/*transform:translateX(-50%);*/
	bottom:60px;
	right:20px;
	z-index:1000000;
	padding:10px;
	border:5px solid rgba(0,0,0,0.3);
	box-shadow:0 1px 3px #000;
	text-align:center;
	
}
.tour-offer p{
	font-size:50px !important;
	color:#f0ad4e !important;
	font-weight:600;
	margin-bottom:0px !important;
	line-height:1;
}
.tour-offer span{
	font-size:30px;
	color:#fff;
	display:block !important;
}
/*************** Image Hover Effect ****************/
.hover, .hover .overlay {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.hover h2 {
	position: relative;
	font-size: 17px;
	padding: 10px;
	background: rgba(0,0,0,.4);
	color:#fff;
}
.hover button.info {
	text-decoration: none;
	padding: 7px 14px;
	border: 1px solid #fff;
	margin: 50px 0 0;
	border-radius: 0;
	background-color: transparent
}
.hover button.info:hover {
	box-shadow: 0 0 5px #fff
}
.hover {
	float: left;
	position: relative;
	cursor: default
}
.hover .overlay {
	position: absolute;
	top: 0;
	left: 0
}
.hover img {
	display: block;
	position: relative
}
.ehover4{
	width:100%;
	position:relative;
}
.ehover4:before{
	position:absolute;
	content:'';
/*	width:100%;
	height:100%;*/
	left:5px;
	right:5px;
	top:5px;
	bottom:5px;
	border:1px solid #fff;
	z-index:1;
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}
.ehover4:hover:before{
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.ehover4 .overlay, .ehover4 h2 {
	-webkit-transition: all .4s ease-in-out
}
.ehover4 h2 {
	-webkit-transform: translateY(55px);
	-ms-transform: translateY(55px);
	transform: translateY(55px);
	transition: all .4s ease-in-out
}
.ehover4:hover h2 {
	-webkit-transform: translateY(15px);
	-ms-transform: translateY(15px);
	transform: translateY(15px)
}
.ehover4 .overlay {
	background-color: rgba(75,75,75,.4);
	transition: all .4s ease-in-out
}
.ehover4:hover .overlay {
	background-color: rgba(48,152,157,.4)
}

/*************** Image Hover Effect ****************/
.offer-container{
	width:100%;
	float:left;
	padding:10px;
}
.terms-and-conditions{
	width:100%;
	float:left;
}

/*Message */
.direct-chat .box-body {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	position: relative;
	overflow-x: hidden;
	padding: 0
}
.direct-chat.chat-pane-open .direct-chat-contacts {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}
.direct-chat-messages {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	padding: 10px;
	height: 250px;
	overflow: auto
}
.direct-chat-msg, .direct-chat-text {
	display: block
}
.direct-chat-msg {
	margin-bottom: 10px
}
.direct-chat-msg:before, .direct-chat-msg:after {
	content: " ";
	display: table
}
.direct-chat-msg:after {
	clear: both
}
.direct-chat-messages, .direct-chat-contacts {
	-webkit-transition: -webkit-transform .5s ease-in-out;
	-moz-transition: -moz-transform .5s ease-in-out;
	-o-transition: -o-transform .5s ease-in-out;
	transition: transform .5s ease-in-out
}
.direct-chat-text {
	border-radius: 5px;
	position: relative;
	padding: 5px 10px;
	background: #d2d6de;
	border: 1px solid #d2d6de;
	margin: 5px 0 0 50px;
	color: #444
}
.direct-chat-text:after, .direct-chat-text:before {
	position: absolute;
	right: 100%;
	top: 15px;
	border: solid transparent;
	border-right-color: #d2d6de;
	content: ' ';
	height: 0;
	width: 0;
	pointer-events: none
}
.direct-chat-text:after {
	border-width: 5px;
	margin-top: -5px
}
.direct-chat-text:before {
	border-width: 6px;
	margin-top: -6px
}
.right .direct-chat-text {
	margin-right: 50px;
	margin-left: 0
}
.right .direct-chat-text:after, .right .direct-chat-text:before {
	right: auto;
	left: 100%;
	border-right-color: transparent;
	border-left-color: #d2d6de
}
.direct-chat-img {
	border-radius: 50%;
	float: left;
	width: 40px;
	height: 40px
}
.right .direct-chat-img {
	float: right
}
.direct-chat-info {
	display: block;
	margin-bottom: 2px;
	font-size: 12px
}
.direct-chat-name {
	font-weight: 600
}
.direct-chat-timestamp {
	color: #999
}
.direct-chat-contacts-open .direct-chat-contacts {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}
.direct-chat-contacts {
	-webkit-transform: translate(101%, 0);
	-ms-transform: translate(101%, 0);
	-o-transform: translate(101%, 0);
	transform: translate(101%, 0);
	position: absolute;
	top: 0;
	bottom: 0;
	height: 250px;
	width: 100%;
	background: #222d32;
	color: #fff;
	overflow: auto
}

.direct-chat-primary .right>.direct-chat-text {
	background: #3c8dbc;
	border-color: #3c8dbc;
	color: #fff
}
.direct-chat-primary .right>.direct-chat-text:after, .direct-chat-primary .right>.direct-chat-text:before {
	border-left-color: #3c8dbc
}
.be-a-host .text-primary{
	color:#337ab7;
	font-size:24px;
	font-weight:600;
	text-decoration:underline;
}
.field-row{
	width:100%;
	display:block;
	float:left;
	margin-bottom:8px;
}

#homestay-registration-form .field-row.room-field .title{
color: #d2bd7f;
display: inline-block;
width: 19%;
background-color:transparent;
text-align:left;
float:left;
}
#room-field-tmpl {
    display: none;
}
.rooms{
	width:19%;
	float:left;
	padding:0 5px;
}

.add-free-activity input, .add-upload input{
	margin-bottom:10px;
}

.trip-type{
	position:absolute; 
	background:linear-gradient(145deg, #0CF, #CCC); 
	color:#fff; 
	font-size:12px; 
	text-shadow:1px 0px 1px #000; 
	border-radius:0 0 28px 28px; 
	padding:26px 3px 15px 3px;
	left:4px;
	top:0;
	box-shadow:1px 1px 2px #515151;
	-webkit-box-shadow:1px 1px 2px #515151;
	-ms-box-shadow:1px 1px 2px #515151;
	z-index:999999
	
}
.person-count{
	width:49%;
	margin:10px auto;
}

@media screen and (max-width: 692px){
.person-count{
	width:30%;
	margin:10px auto;
}
}
.trip-type{
	position:absolute; 
	background:linear-gradient(145deg, #0CF, #CCC); 
	color:#fff; 
	font-size:12px; 
	text-shadow:1px 0px 1px #000; 
	border-radius:0 0 28px 28px; 
	padding:26px 3px 15px 3px;
	left:4px;
	top:0;
	box-shadow:1px 1px 2px #515151;
	-webkit-box-shadow:1px 1px 2px #515151;
	-ms-box-shadow:1px 1px 2px #515151;
	z-index:999999
	
}
.rooms-homestay{
	width:100%;
	float:left;
	background-color:#fff ;
}
.activity-homestay{
	/*width:100%;*/
	float:left;
	background-color:#eee ;
	padding:10px;
	margin:	0 -10px;
}
.rules-homestay{
	width:100%;
	float:left;

}
.about-homestay-location{
	width:100%;
	float:left;

}
.border-bottom{
	border-bottom:1px solid ;
}
.send-query{
	width:100%;
	float:left;
}