@charset "utf-8";
/*------------------------------------------------------------------
Theme Name: ROYAL
Theme URI: http://themeforest.net/user/Pooyaa/portfolio
Author: Pooyaa
Author URI: http://themeforest.net/user/Pooyaa
Description: ROYAL Multi Purpose Coming Soon Template
-------------------------------------------------------------------*/
@import "../fonts/font-awesome.css";
@import "../fonts/font-elegant.css";
@import "../fonts/font-ion.css";
/*------------------------------------------------------------------
[Table of contents]
	Basic
	Common styles
	Typography
	Page loader
	Buttons
	navigation
	Background
	components
		Timer
		Feature Slider
		Text Rotator
		Contact Form
		Newsletter Form
		Extra Button
		Feature Box
		Social Icon
		Portfolio
		Team
		Progress
		Product
		Pricing
	Responsive
/*------------------------------------------------------------------
[Basic]
-------------------------------------------------------------------*/

body {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	color: #bbbbbb;
	font-size: 14px;
	line-height: 24px;
	overflow:hidden;
}
a,:focus,:active, a:hover, a:active, a:focus,.btn:focus,.btn:hover,.btn:active,object, embed,.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{outline:0!important;text-decoration:none;}
.main {
	height: 100%;
	-webkit-border-radius: 30px; 
	-moz-border-radius: 30px; 
	-khtml-border-radius: 30px; 
	border-radius: 30px;
	-moz-box-shadow: inset 0px 0px 0px 20px white;
	-webkit-box-shadow: inset 0px 0px 0px 20px white;
	box-shadow: inset 0px 0px 0px 20px white;
	padding: 20px;
	text-align: center;
	overflow:hidden
}
section{
	height: calc(100vh - 40px);
	width: 100%;
	display: block;
	position: relative;
}
.intro {
	display: table;
	width: 100%;
	position: relative;
	height: calc(100vh - 40px);
}
.center {
	height: 100%;
	padding-top: 50px;
	padding-bottom:50px;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	display: table-cell;
	vertical-align: middle;
}
.nav-tabs{
	z-index: 999999;
	position: fixed;
	top: 0;
	left: 0;
}
.body-border-left,
.body-border-right,
.body-border-top,
.body-border-bottom{
	background: #ffffff;
	position: fixed;
	z-index: 999;
	-webkit-transition: all 0.6s 0s ease;
	-moz-transition: all 0.6s 0s ease;
	-o-transition: all 0.6s 0s ease;
	-ms-transition: all 0.6s 0s ease;
	transition: all 0.6s 0s ease;
}
.body-border-left{left: -20px}
.body-border-right{right: -20px}
.body-border-top{top: -20px }
.body-border-bottom{bottom: -20px}
.border .body-border-left{left: 0 !important;}
.border .body-border-right{right: 0 !important;}
.border .body-border-top{top: 0 !important;}
.border .body-border-bottom{bottom: 0 !important;}
.body-border-left,
.body-border-right {
	top: 0;
	bottom: 0;
	width: 20px;
}
.body-border-top,
.body-border-bottom {
	left: 0;
	right: 0;
	height: 20px;
}
.cover-overlay{
	width: 101%;
	height: 0px;
	top: 50%;
	left: 50%;
	background: #fff;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	content: '';
	position: absolute;
	-webkit-transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	z-index:999;
}
.visible.cover-overlay{
	height: 100%;
	-webkit-transition: height .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: height .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: height .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: height .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	transition: height .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
}
.header-section h1::before{
	font-size: 25px;
	position: absolute;
	z-index: 1;
	color: #FFF;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	left: 0;
	right: 0;
	top: 90px;
	margin: auto;
	text-align: center;
	-webkit-transition: all 600ms 0.2s ease;
	-moz-transition: all 600ms 0.2s ease;
	-ms-transition: all 600ms 0.2s ease;
	-o-transition: all 600ms 0.2s ease;
	transition: all 600ms 0.2s ease;
	font-family:et-line,Raleway, Open Sans,sans-serif;
}
.header-section h1[class*="icon-"]::before{font-family: 'et-line';}
.header-section h1.fa::before{font-family:FontAwesome}
.header-section h1[class|=ion]::before{font-family:Ionicons}
.header-section hr{
	background: #ffffff;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 39%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 61%, rgba(255,255,255,1) 90%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(10%,rgba(255,255,255,1)), color-stop(39%,rgba(255,255,255,1)), color-stop(40%,rgba(255,255,255,0)), color-stop(60%,rgba(255,255,255,0)), color-stop(61%,rgba(255,255,255,1)), color-stop(90%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 39%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,rgba(255,255,255,1) 61%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 39%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,rgba(255,255,255,1) 61%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 39%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,rgba(255,255,255,1) 61%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 39%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,rgba(255,255,255,1) 61%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	width: 225px;
	height: 1px;
	position: relative;
	top: -40px;
	border: none;
	margin: auto;
	right: 0px;
	left: 0px;
}
.header-section hr::before{
	font-size: 25px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	top: -10px;
	position:absolute;
	color:#ffffff
}
.header-section hr[class*="icon-"]::before{font-family: 'et-line';}
.header-section hr.fa::before{font-family:FontAwesome}
.header-section hr[class|=ion]::before{font-family:Ionicons}
::-moz-selection {background:#3498db}
::selection {background:#3498db}

/*------------------------------------------------------------------
[Common styles]
-------------------------------------------------------------------*/

.bg-white {background-color: #fff !important;}
.bg-dark {background-color: #333333 !important;}
.bg-color {background-color: #3498db !important;}
.bg-primary {background-color: #0b3c4d !important;}
.bg-secondary {background-color: #f4f4f4 !important;}
.bg-transparent{background:transparent!important;}
.bg-success{background-color:#4FDC88}
.bg-info{background-color:#FFD158}
.bg-warning{background-color:#FFA545}
.bg-danger{background-color:#FF5247}
.text-white {color: #fff;}
.text-dark {color: #333;}
.text-muted{color:#A0A0A5}
.text-primary{color:#3498db}
.text-success{color:#4FDC88}
.text-info{color:#FFD158}
.text-warning{color:#FFA545}
.text-danger{color:#FF5247}
.no-pad {padding: 0px!important;}
.no-pad-top {padding-top: 0px!important;}
.no-pad-left {padding-left: 0px!important;}
.no-pad-right {padding-right: 0px!important;}
.no-pad-bottom {padding-bottom: 0px!important;}
.no-margin {margin: 0!important;}
.no-mar-top {margin-top: 0px!important;}
.no-mar-left {margin-left: 0px!important;}
.no-mar-right {margin-right: 0px!important;}
.no-mar-bottom {margin-bottom: 0px!important;}
.space-top-small {margin-top: 20px!important;}
.space-top-medium {margin-top: 40px!important;}
.space-top-large {margin-top: 80px!important;}
.space-top-xlarge {margin-top: 160px!important;}
.space-bottom-small {margin-bottom: 20px!important;}
.space-bottom-medium {margin-bottom: 40px!important;}
.space-bottom-large {margin-bottom: 80px!important;}
.space-bottom-xlarge {margin-bottom: 160px!important;}
.hideme{display:none}

/*------------------------------------------------------------------
[Typography]
-------------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h5,
h6 {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	color: #333333;
	margin: 0px;
}
h1 {
	font-size: 32px;
	line-height: 44px;
	margin-bottom: 48px;
}
h2 {
	font-size: 28px;
	line-height: 44px;
}
h3 {
	font-size: 26px;
	line-height: 32px;
}
h4 {
	font-size: 22px;
	line-height: 30px;
}
h5 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 16px;
}
h6 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 16px;
}
strong {
	font-weight: 600;
}
p {
	font-size: 14px;
	line-height: 24px;
	color:rgba(255,255,255,0.8)
}
p.lead {
	font-size: 16px;
	line-height: 30px;
	font-weight: normal;
}
p:last-child {
	margin-bottom: 0px;
}
.font-primary{
	font-family:Raleway,Open Sans, Helvetica,Arial;
}
.text-small{
	font-size:12px;
	line-height:normal;
}
.text-medium{
	font-size:14px;
	line-height:normal;
}
.text-large{
	font-size:40px;
	line-height:normal;
}
.text-xlarge{
	font-size:70px;
	line-height:normal;
}
.text-xxlarge{
	font-size:90px;
	line-height:normal;
}
.fi-lg {
	font-size: 1.33333333em;
	line-height: 0.75em;
	vertical-align: -15%;
}
.fi-2x {font-size: 2em !important;}
.fi-3x {font-size: 3em !important;}
.fi-4x {font-size: 4em !important;}
.fi-5x {font-size: 5em !important;}

/*------------------------------------------------------------------
[Page loader]
-------------------------------------------------------------------*/

#preloader{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index:9999999;visibility:hidden;
	-webkit-transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
}
#preloader.visible{
	-webkit-transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	visibility:visible;
}
.preloader{
	width: 101%;
	height: 0px;
	top: 50%;
	left: 50%;
	background: #000000;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	content: '';
	position: absolute;
	-webkit-transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
}
.visible .preloader{
	height: 100%;
	-webkit-transition: height .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: height .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: height .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: height .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	transition: height .5s 0s cubic-bezier(0.19, 1, 0.22, 1);
}
.loader{
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	position: absolute;
	width:250px;
	height:112px;
}
.loader .logo{
	background: #000000;
	max-height:85px;
	max-width:250px;
}
.loader .loading{
	width:100%;
	height:1px;
	margin-top:25px;
	position:relative;
	border-radius: 50%;
	border-top-left-radius: 100% 50%;
	border-bottom-left-radius: 100% 50%;
	background:#333;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.2)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.loading .bar{
	background: #ffffff;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); 
	width: 0%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.loading.active .bar{
	-webkit-transition: all 5s 0s ease-in-out;
	-moz-transition: all 5s 0s ease-in-out;
	-ms-transition: all 5s 0s ease-in-out;
	-o-transition: all 5s 0s ease-in-out;
	transition: all 5s 0s ease-in-out;
	width:70%;
}
.loading.full .bar{
	-webkit-transition: all 1s 0s ease-in-out;
	-moz-transition: all 1s 0s ease-in-out;
	-ms-transition: all 1s 0s ease-in-out;
	-o-transition: all 1s 0s ease-in-out;
	transition: all 1s 0s ease-in-out;
	width:100%;
}
.loading.full .logo{
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter: alpha(opacity=0);
	-webkit-transition: all .25s 0s ease-in-out;
	-moz-transition: all .25s 0s ease-in-out;
	-ms-transition: all .25s 0s ease-in-out;
	-o-transition: all .25s 0s ease-in-out;
	transition: all .25s 0s ease-in-out;
}

/*------------------------------------------------------------------
[Buttons]
-------------------------------------------------------------------*/

.btn {
	background: none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	min-width: 155px;
}
.btn:hover {
	background: none;
	color: #fff;
	border-color: #3498db;
	background-color: #3498db;
}
.btn-primary {
	-webkit-border-radius: 25px; 
	-moz-border-radius: 25px;
	border-radius: 25px;
	display: inline-block;
	padding: 14px 28px 13px 28px;
	line-height: 1;
	border: 2px solid #3498db;
	font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #3498db;
}
.btn-primary.btn-filled {
	background: #3498db;
	color: #fff!important;
}
.btn-white {
	border-color: #fff!important;
	color: #fff!important;
}
.btn-white:hover {
	background: #fff!important;
	color: #333333!important;
	border-color: #fff!important;
}
.btn-white.btn-filled {
	background: #fff!important;
	color: #333333!important;
}
.btn-grey.btn-filled {
	background: #333333!important;
	border-color: #333333!important;
	color: #fff!important;
}
.btn-grey {
	border-color: #333333!important;
	color: #333333!important;
}
.btn-grey:hover {
	background-color: #333333!important;
	color: #fff!important;
	border-color: #333333!important;
}
.btn-text-only {
	border-color: rgba(0, 0, 0, 0)!important;
}
.btn-text-only:hover {
	background: none;
	color: #3498db;
	border-color: rgba(0, 0, 0, 0)!important;
}
.btn-lg {
	padding: 18px 40px;
}
.btn-sm {
	padding: 10px 28px;
	font-size: 11px;
}
.btn-xs {
	padding: 8px 24px;
	font-size: 10px;
}
.btn[btn-text]{
	-webkit-transition: border-color 0.3s cubic-bezier(0.2, 1, 0.3, 1), background-color 0.3s cubic-bezier(0.2, 1, 0.3, 1);
	-moz-transition: border-color 0.3s cubic-bezier(0.2, 1, 0.3, 1), background-color 0.3s cubic-bezier(0.2, 1, 0.3, 1);
	-ms-transition: border-color 0.3s cubic-bezier(0.2, 1, 0.3, 1), background-color 0.3s cubic-bezier(0.2, 1, 0.3, 1);
	-o-transition: border-color 0.3s cubic-bezier(0.2, 1, 0.3, 1), background-color 0.3s cubic-bezier(0.2, 1, 0.3, 1);
	transition: border-color 0.3s cubic-bezier(0.2, 1, 0.3, 1), background-color 0.3s cubic-bezier(0.2, 1, 0.3, 1);
	position:relative;
	overflow: hidden;
}
.btn[btn-text]::after, .btn[btn-text]  span {
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1);
	-moz-transition: -moz-transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1);
	-ms-transition: -ms-transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1);
	-o-transition: -o-transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1);
	transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1);
}
.btn[btn-text]::after {
	content: attr(btn-text);
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter: alpha(opacity=0); 
	color: #333333;
	-webkit-transform: translateY(25px);
	-moz-transform: translateY(25px);
	-ms-transform: translateY(25px);
	-o-transform: translateY(25px);
	transform: translateY(25px);
}
.btn[btn-text]:hover::after {
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100); 
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}
.btn[btn-text]:hover span {
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter: alpha(opacity=0); 
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
}
.btn-group .btn{
	width:auto;
	min-width:auto;
	padding: 14px 14px 13px 14px;
}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
	border-right: 0px;
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-right: 0px;
}

/*------------------------------------------------------------------
[Extra Button]
-------------------------------------------------------------------*/

.extra-btn{
	position: fixed;
	right: 20px;
	top: 20px;
}
.map-btn,.clock-btn{
	position: absolute;
	top: 75px;
	right: 15px;
	font-size: 36px;
	width: 50px;
	height: 50px;
	line-height: 52px;
	-webkit-border-radius:  100%;
	-moz-border-radius:  100%;
	border-radius:  100%;
	cursor: pointer;
	z-index: 998;
	color: #ffffff;
}
.ripple::after{
	position: absolute;
	top:-7.5px;
	left: -7.5px;
	width: 65px;
	height: 65px;
	-webkit-border-radius:  50%;
	-moz-border-radius:  50%;
	border-radius: 50%;
	content: '';
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter: alpha(opacity=0); 
	pointer-events: none;
}
.ripple::before {
	position: absolute;
	top: -10px;
	left: -10px;
	width: 70px;
	height: 70px;
	-webkit-border-radius:  50%;
	-moz-border-radius:  50%;
	border-radius: 50%;
	content: '';
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter: alpha(opacity=0); 
	pointer-events: none;
}
.ripple::before,
.ripple::after {
	-moz-box-shadow:0 0 0 2px rgba(255,255,255,0.5);
	-webkit-box-shadow:0 0 0 2px rgba(255,255,255,0.5);
	box-shadow:0 0 0 2px rgba(255,255,255,0.5);
}
.ripple::before {
	-webkit-animation: Ripple1 0.9s forwards infinite;
	animation: Ripple1 0.9s forwards infinite;
}
.ripple::after {
-webkit-animation: Ripple2 0.9s forwards infinite;
animation: Ripple2 0.9s forwards infinite;
}
@-webkit-keyframes Ripple1 {
	0% {
		opacity: 1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
		filter: alpha(opacity=100); 
		-webkit-transform:  scale3d(0.5, 0.5, 1);
		-moz-transform: scale3d(0.5, 0.5, 1);
		-ms-transform:  scale3d(0.5, 0.5, 1);
		-o-transform: scale3d(0.5, 0.5, 1);
		transform:  scale3d(0.5, 0.5, 1);
	}
	100% {
		opacity: 0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
		filter: alpha(opacity=0); 
		-webkit-transform: scale3d(1.1, 1.1, 1);
		-moz-transform: scale3d(1.1, 1.1, 1);
		-ms-transform:  scale3d(1.1, 1.1, 1);
		-o-transform: scale3d(1.1, 1.1, 1);
		transform:  scale3d(1.1, 1.1, 1);
	}
}
@-moz-keyframes Ripple1 {
	0% {
		opacity: 1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
		filter: alpha(opacity=100); 
		-webkit-transform:  scale3d(0.5, 0.5, 1);
		-moz-transform: scale3d(0.5, 0.5, 1);
		-ms-transform:  scale3d(0.5, 0.5, 1);
		-o-transform: scale3d(0.5, 0.5, 1);
		transform:  scale3d(0.5, 0.5, 1);
	}
	100% {
		opacity: 0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
		filter: alpha(opacity=0); 
		-webkit-transform: scale3d(1.1, 1.1, 1);
		-moz-transform: scale3d(1.1, 1.1, 1);
		-ms-transform:  scale3d(1.1, 1.1, 1);
		-o-transform: scale3d(1.1, 1.1, 1);
		transform:  scale3d(1.1, 1.1, 1);
	}
}
@-ms-keyframes Ripple1 {
	0% {
		opacity: 1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
		filter: alpha(opacity=100); 
		-webkit-transform:  scale3d(0.5, 0.5, 1);
		-moz-transform: scale3d(0.5, 0.5, 1);
		-ms-transform:  scale3d(0.5, 0.5, 1);
		-o-transform: scale3d(0.5, 0.5, 1);
		transform:  scale3d(0.5, 0.5, 1);
	}
	100% {
		opacity: 0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
		filter: alpha(opacity=0); 
		-webkit-transform: scale3d(1.1, 1.1, 1);
		-moz-transform: scale3d(1.1, 1.1, 1);
		-ms-transform:  scale3d(1.1, 1.1, 1);
		-o-transform: scale3d(1.1, 1.1, 1);
		transform:  scale3d(1.1, 1.1, 1);
	}
}
@-o-keyframes Ripple1 {
	0% {
		opacity: 1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
		filter: alpha(opacity=100); 
		-webkit-transform:  scale3d(0.5, 0.5, 1);
		-moz-transform: scale3d(0.5, 0.5, 1);
		-ms-transform:  scale3d(0.5, 0.5, 1);
		-o-transform: scale3d(0.5, 0.5, 1);
		transform:  scale3d(0.5, 0.5, 1);
	}
	100% {
		opacity: 0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
		filter: alpha(opacity=0); 
		-webkit-transform: scale3d(1.1, 1.1, 1);
		-moz-transform: scale3d(1.1, 1.1, 1);
		-ms-transform:  scale3d(1.1, 1.1, 1);
		-o-transform: scale3d(1.1, 1.1, 1);
		transform:  scale3d(1.1, 1.1, 1);
	}
}
@keyframes Ripple1 {
	0% {
		opacity: 1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
		filter: alpha(opacity=100); 
		-webkit-transform:  scale3d(0.5, 0.5, 1);
		-moz-transform: scale3d(0.5, 0.5, 1);
		-ms-transform:  scale3d(0.5, 0.5, 1);
		-o-transform: scale3d(0.5, 0.5, 1);
		transform:  scale3d(0.5, 0.5, 1);
	}
	100% {
		opacity: 0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
		filter: alpha(opacity=0); 
		-webkit-transform: scale3d(1.1, 1.1, 1);
		-moz-transform: scale3d(1.1, 1.1, 1);
		-ms-transform:  scale3d(1.1, 1.1, 1);
		-o-transform: scale3d(1.1, 1.1, 1);
		transform:  scale3d(1.1, 1.1, 1);
	}
}
@-webkit-keyframes Ripple2 {
	0% {
		opacity: 1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
		filter: alpha(opacity=100); 
		-webkit-transform:  scale3d(0.5, 0.5, 1);
		-moz-transform: scale3d(0.5, 0.5, 1);
		-ms-transform:  scale3d(0.5, 0.5, 1);
		-o-transform: scale3d(0.5, 0.5, 1);
		transform:  scale3d(0.5, 0.5, 1);
	}
	50%, 100% {
		opacity: 0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
		filter: alpha(opacity=0); 
		-webkit-transform: scale3d(1.2, 1.2, 1);
		-moz-transform: scale3d(1.2, 1.2, 1);
		-ms-transform:  scale3d(1.2, 1.2, 1);
		-o-transform: scale3d(1.2, 1.2, 1);
		transform:  scale3d(1.2, 1.2, 1);
	}
}
@-moz-keyframes Ripple2 {
	0% {
		opacity: 1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
		filter: alpha(opacity=100); 
		-webkit-transform:  scale3d(0.5, 0.5, 1);
		-moz-transform: scale3d(0.5, 0.5, 1);
		-ms-transform:  scale3d(0.5, 0.5, 1);
		-o-transform: scale3d(0.5, 0.5, 1);
		transform:  scale3d(0.5, 0.5, 1);
	}
	50%, 100% {
		opacity: 0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
		filter: alpha(opacity=0); 
		-webkit-transform: scale3d(1.2, 1.2, 1);
		-moz-transform: scale3d(1.2, 1.2, 1);
		-ms-transform:  scale3d(1.2, 1.2, 1);
		-o-transform: scale3d(1.2, 1.2, 1);
		transform:  scale3d(1.2, 1.2, 1);
	}
}
@-ms-keyframes Ripple2 {
	0% {
		opacity: 1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
		filter: alpha(opacity=100); 
		-webkit-transform:  scale3d(0.5, 0.5, 1);
		-moz-transform: scale3d(0.5, 0.5, 1);
		-ms-transform:  scale3d(0.5, 0.5, 1);
		-o-transform: scale3d(0.5, 0.5, 1);
		transform:  scale3d(0.5, 0.5, 1);
	}
	50%, 100% {
		opacity: 0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
		filter: alpha(opacity=0); 
		-webkit-transform: scale3d(1.2, 1.2, 1);
		-moz-transform: scale3d(1.2, 1.2, 1);
		-ms-transform:  scale3d(1.2, 1.2, 1);
		-o-transform: scale3d(1.2, 1.2, 1);
		transform:  scale3d(1.2, 1.2, 1);
	}
}
@-o-keyframes Ripple2 {
	0% {
		opacity: 1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
		filter: alpha(opacity=100); 
		-webkit-transform:  scale3d(0.5, 0.5, 1);
		-moz-transform: scale3d(0.5, 0.5, 1);
		-ms-transform:  scale3d(0.5, 0.5, 1);
		-o-transform: scale3d(0.5, 0.5, 1);
		transform:  scale3d(0.5, 0.5, 1);
	}
	50%, 100% {
		opacity: 0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
		filter: alpha(opacity=0); 
		-webkit-transform: scale3d(1.2, 1.2, 1);
		-moz-transform: scale3d(1.2, 1.2, 1);
		-ms-transform:  scale3d(1.2, 1.2, 1);
		-o-transform: scale3d(1.2, 1.2, 1);
		transform:  scale3d(1.2, 1.2, 1);
	}
}
@keyframes Ripple2 {
	0% {
		opacity: 1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
		filter: alpha(opacity=100); 
		-webkit-transform:  scale3d(0.5, 0.5, 1);
		-moz-transform: scale3d(0.5, 0.5, 1);
		-ms-transform:  scale3d(0.5, 0.5, 1);
		-o-transform: scale3d(0.5, 0.5, 1);
		transform:  scale3d(0.5, 0.5, 1);
	}
	50%, 100% {
		opacity: 0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
		filter: alpha(opacity=0); 
		-webkit-transform: scale3d(1.2, 1.2, 1);
		-moz-transform: scale3d(1.2, 1.2, 1);
		-ms-transform:  scale3d(1.2, 1.2, 1);
		-o-transform: scale3d(1.2, 1.2, 1);
		transform:  scale3d(1.2, 1.2, 1);
	}
}
.content-overlay{
	position: absolute;
	top: 95px;
	right: 35px;
	font-size: 36px;
	width: 50px;
	height: 50px;
	line-height: 52px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	cursor: pointer;
	z-index: 999;
	color: #ffffff;
	background: #fff;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform:  scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition:-webkit-transform 0.5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition:-moz-transform 0.5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition:-ms-transform 0.5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition:-o-transform 0.5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	transition:transform 0.5s 0s cubic-bezier(0.19, 1, 0.22, 1);
}
.visible .content-overlay{
	-webkit-transform: scale(80);
	-moz-transform: scale(80);
	-ms-transform:  scale(80);
	-o-transform: scale(80);
	transform: scale(80);
	-webkit-transition:-webkit-transform 1s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition:-moz-transform 1s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition:-ms-transform 1s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition:-o-transform 1s 0s cubic-bezier(0.19, 1, 0.22, 1);
	transition:transform 1s 0s cubic-bezier(0.19, 1, 0.22, 1);
}
.close-button{
	background: #333333;
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	z-index: 9999999999999999999999;
	position: absolute;
	top: 95px;
	right: 35px;
	font-size: 50px;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform:  scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition:-webkit-transform 0.3s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition:-moz-transform 0.3s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition:-ms-transform 0.3s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition:-o-transform 0.3s 0s cubic-bezier(0.19, 1, 0.22, 1);
	transition:transform 0.3s 0s cubic-bezier(0.19, 1, 0.22, 1);
	cursor:pointer;
}
.visible.close-button{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform:  scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 0.5s 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: -moz-transform 0.5s 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: -ms-transform 0.5s 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: -o-transform 0.5s 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	transition:transform 0.5s 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
#map-content{
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	position: relative;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-khtml-border-radius: 10px; 
	border-radius: 10px;
	-moz-box-shadow: inset 0px 0px 0px 20px white;
	-webkit-box-shadow: inset 0px 0px 0px 20px white;
	box-shadow: inset 0px 0px 0px 20px white;
	margin:20px;
}
.map-content{
	width: 100%;
	height: 100%;
	z-index:999;
	position: fixed!important;
	top: 0;
	left: 0;
	visibility:hidden;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter: alpha(opacity=0); 
	-webkit-transition:opacity 0.5s 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition:opacity 0.5s 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition:opacity 0.5s 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition:opacity 0.5s 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	transition:opacity 0.5s 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.visible.map-content{
	visibility:visible;
	-webkit-transition:opacity 1.5s 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition:opacity 1.5s 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition:opacity 1.5s 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition:opacity 1.5s 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	transition:opacity 1.5s 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100); 
}
.gmnoprint a, .gmnoprint span ,a[href^="https://maps.google.com/maps"],a[href^="http://maps.google.com/maps"],.gmnoprint div{display:none !important;background:none !important;}
.clock-content{
	width: 100%;
	height: 100%;
	z-index:999;
	position: fixed!important;
	top: 0;
	left: 0;
	visibility:hidden;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter: alpha(opacity=0); 
	-webkit-transition:opacity 0.5s 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition:opacity 0.5s 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition:opacity 0.5s 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition:opacity 0.5s 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	transition:opacity 0.5s 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.visible.clock-content{
	visibility:visible;
	-webkit-transition:opacity 1.5s 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition:opacity 1.5s 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition:opacity 1.5s 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition:opacity 1.5s 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	transition:opacity 1.5s 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100); 
}

/*------------------------------------------------------------------
[navigation]
-------------------------------------------------------------------*/
#navigation{
	position: fixed;
	height: 100%;
	display: table;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	overflow: hidden;
	visibility:hidden;
	-webkit-transition: all .5s 0.2s;
	-moz-transition: all .5s 0.2s;
	-ms-transition: all .5s 0.2s;
	-o-transition: all .5s 0.2s;
	transition: all .5s 0.2s;
}
.visible #navigation{
	visibility:visible;
	-webkit-transition: all .5s 0.2s;
	-moz-transition: all .5s 0.2s;
	-ms-transition: all .5s 0.2s;
	-o-transition: all .5s 0.2s;
	transition: all .5s 0.2s;
}
.nav-button {
	width: 20px;
	z-index: 1003;
	position: relative;
	display: block;
	top: 30px;
	right: 30px;
}
.nav-button:hover {
	cursor: pointer;
}
.visible .nav-bar{
	background: #333333;
}
.nav-bar {
	height: 3px;
	background: #ffffff;
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100); 
}
.nav-bar:nth-of-type(2) {
	margin: 4px 0;
}
.nav-bar:nth-child(2) {
	-webkit-transition: opacity 0.1s linear;
	-moz-transition: opacity 0.1s linear;
	-ms-transition: opacity 0.1s linear;
	-o-transition: opacity 0.1s linear;
	transition: opacity 0.1s linear;
}
.nav-bar:nth-child(1), .nav-bar:nth-child(3) {
	-webkit-transition: -webkit-transform 0.15s linear;
	-moz-transition: -moz-transform 0.15s linear;
	-ms-transition: -ms-transform 0.15s linear;
	-o-transition: -o-transform 0.15s linear;
	transition: transform 0.15s linear;
}
.nav-button.active .nav-bar:nth-child(1) {
	-webkit-transform: rotate(45deg) translate3d(5px, 5px, 0px);
	-moz-transform: rotate(45deg) translate3d(5px, 5px, 0px);
	-ms-transform: rotate(45deg) translate3d(5px, 5px, 0px);
	-o-transform: rotate(45deg) translate3d(5px, 5px, 0px);
	transform: rotate(45deg) translate3d(5px, 5px, 0px);
}
.nav-button.active .nav-bar:nth-child(2) {
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter: alpha(opacity=0); 
}
.nav-button.active .nav-bar:nth-child(3) {
	-webkit-transform: rotate(-45deg) translate3d(5px, -5px, 0px);
	-moz-transform: rotate(-45deg) translate3d(5px, -5px, 0px);
	-ms-transform: rotate(-45deg) translate3d(5px, -5px, 0px);
	-o-transform: rotate(-45deg) translate3d(5px, -5px, 0px);
	transform: rotate(-45deg) translate3d(5px, -5px, 0px);
}
.nav{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	position: relative;
}
#logo{
	margin: 60px auto;
}
.logo{
	position: relative;
	width: 100%;
	text-align: center;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter: alpha(opacity=0); 
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
	-webkit-transition: all 1s 0.2s, opacity 0.4s 0s;
	-moz-transition: all 1s 0.2s, opacity 0.4s 0s;
	-ms-transition: all 1s 0.2s, opacity 0.4s 0s;
	-o-transition: all 1s 0.2s, opacity 0.4s 0s;
	transition: all 1s 0.2s, opacity 0.4s 0s;
	display: block;
}
.logo img{
	max-height: 70px;
}
.logo-title{
	font-size: 20px;
	display: block;
	text-transform: uppercase;
	color: #333;
	margin: 10px 0px 0px 0px;
	font-family: Raleway, Open Sans,sans-serif;
	font-weight:bold;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter: alpha(opacity=0); 
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
	-webkit-transition: all 1s 0.15s, opacity 0.4s 0s;
	-moz-transition: all 1s 0.15s, opacity 0.4s 0s;
	-ms-transition: all 1s 0.15s, opacity 0.4s 0s;
	-o-transition: all 1s 0.15s, opacity 0.4s 0s;
	transition: all 1s 0.15s, opacity 0.4s 0s;
}
.logo-subtitle{
	font-size: 13px;
	display: block;
	font-family: Raleway, Open Sans,sans-serif;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter: alpha(opacity=0); 
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
	-webkit-transition: all 1s 0.1s, opacity 0.4s 0s;
	-moz-transition: all 1s 0.1s, opacity 0.4s 0s;
	-ms-transition: all 1s 0.1s, opacity 0.4s 0s;
	-o-transition: all 1s 0.1s, opacity 0.4s 0s;
	transition: all 1s 0.1s, opacity 0.4s 0s;
}
.visible .logo{
	-webkit-transition:  all .5s 0.9s, opacity 0.4s 1s;
	-moz-transition:  all .5s 0.9s, opacity 0.4s 1s;
	-ms-transition:  all .5s 0.9s, opacity 0.4s 1s;
	-o-transition:  all .5s 0.9s, opacity 0.4s 1s;
	transition: all .5s 0.9s, opacity 0.4s 1s;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100); 
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}
.visible .logo-title{
	-webkit-transition:  all .5s 1.1s, opacity 0.4s 1.2s;
	-moz-transition:  all .5s 1.1s, opacity 0.4s 1.2s;
	-ms-transition:  all .5s 1.1s, opacity 0.4s 1.2s;
	-o-transition:  all .5s 1.1s, opacity 0.4s 1.2s;
	transition: all .5s 1.1s, opacity 0.4s 1.2s;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100); 
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}
.visible .logo-subtitle{
	-webkit-transition:  all .5s 1.3s, opacity 0.4s 1.4s;
	-moz-transition:  all .5s 1.3s, opacity 0.4s 1.4s;
	-ms-transition:  all .5s 1.3s, opacity 0.4s 1.4s;
	-o-transition:  all .5s 1.3s, opacity 0.4s 1.4s;
	transition: all .5s 1.3s, opacity 0.4s 1.4s;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100); 
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}
.navigation{
	position:relative;
	display:block;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter: alpha(opacity=0); 
	-webkit-transition: all 0s 0.5s ease;
	-moz-transition: all 0s 0.5s ease;
	-o-transition: all 0s 0.5s ease;
	-ms-transition: all 0s 0.5s ease;
	transition: all 0s 0.5s ease;
	z-index: 1001;
	margin:150px 0px
}
.visible .navigation{
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100); 
	-webkit-transition: all 0.6s 1.1s ease;
	-moz-transition: all 0.6s 1.1s ease;
	-o-transition: all 0.6s 1.1s ease;
	-ms-transition: all 0.6s 1.1s ease;
	transition: all 0.6s 1.1s ease;
}
.navigation ul li {
	margin: 0 20px;
	padding: 0;
	position: relative;
	display: inline-block;
}
.navigation li{
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter: alpha(opacity=0); 
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition: -webkit-transform 0.5s 0.4s, opacity 0.5s;
	-moz-transition: -moz-transform 0.5s 0.4s, opacity 0.5s;
	-ms-transition: -ms-transform 0.5s 0.4s, opacity 0.5s;
	-o-transition: -o-transform 0.5s 0.4s, opacity 0.5s;
	transition: transform 0.5s 0.4s, opacity 0.5s;
}
.visible .navigation li{
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100); 
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}
.visible .navigation li:first-child {
	-webkit-transition-delay: 1.4s;
	-moz-transition-delay: 1.4s;
	-ms-transition-delay: 1.4s;
	-o-transition-delay: 1.4s;
	transition-delay: 1.4s;
}
.visible .navigation li:nth-child(2) {
	-webkit-transition-delay: 1.45s;
	-moz-transition-delay: 1.45s;
	-ms-transition-delay: 1.45s;
	-o-transition-delay: 1.45s;
	transition-delay: 1.45s;
}
.visible .navigation li:nth-child(3) {
	-webkit-transition-delay: 1.5s;
	-moz-transition-delay: 1.5s;
	-ms-transition-delay: 1.5s;
	-o-transition-delay: 1.5s;
	transition-delay: 1.5s;
}
.visible .navigation li:nth-child(4) {
	-webkit-transition-delay: 1.55s;
	-moz-transition-delay: 1.55s;
	-ms-transition-delay: 1.55s;
	-o-transition-delay: 1.55s;
	transition-delay: 1.55s;
}
.visible .navigation li:nth-child(5) {
	-webkit-transition-delay: 1.6s;
	-moz-transition-delay: 1.6s;
	-ms-transition-delay: 1.6s;
	-o-transition-delay: 1.6s;
	transition-delay: 1.6s;
}
.visible .navigation li:nth-child(6) {
	-webkit-transition-delay: 1.65s;
	-moz-transition-delay: 1.65s;
	-ms-transition-delay: 1.65s;
	-o-transition-delay: 1.65s;
	transition-delay: 1.65s;
}
.visible .navigation li:nth-child(6) {
	-webkit-transition-delay: 1.7s;
	-moz-transition-delay: 1.7s;
	-ms-transition-delay: 1.7s;
	-o-transition-delay: 1.7s;
	transition-delay: 1.7s;
}
.visible .navigation li:nth-child(7) {
	-webkit-transition-delay: 1.75s;
	-moz-transition-delay: 1.75s;
	-ms-transition-delay: 1.75s;
	-o-transition-delay: 1.75s;
	transition-delay: 1.75s;
}
.visible .navigation li:nth-child(8) {
	-webkit-transition-delay: 1.8s;
	-moz-transition-delay: 1.8s;
	-ms-transition-delay: 1.8s;
	-o-transition-delay: 1.8s;
	transition-delay: 1.8s;
}
.visible .navigation li:nth-child(9) {
	-webkit-transition-delay: 1.85s;
	-moz-transition-delay: 1.85s;
	-ms-transition-delay: 1.85s;
	-o-transition-delay: 1.85s;
	transition-delay: 1.85s;
}
.navigation a{
	font-family:  Raleway, Open Sans,sans-serif;
	position:relative;
	text-transform: uppercase;
	padding: 10px 0px;
}
.navigation a::before {
	font-size: 50px;
	line-height:65px;
	position: absolute;
	z-index: -1;
	color: #000;
	opacity: 0;	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter: alpha(opacity=0); 
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	top:0;
	left: 0;
	right:0;
	bottom:0;
	margin:auto;
	text-align: center;
	-webkit-transition: all 600ms 0.2s ease;
	-moz-transition: all 600ms 0.2s ease;
	-ms-transition: all 600ms 0.2s ease;
	-o-transition: all 600ms 0.2s ease;
	transition: all 600ms 0.2s ease;
	font-family:et-line,Raleway, Open Sans,sans-serif;
}
.navigation ul li a.fa::before{font-family:FontAwesome}
.navigation ul li a[class|=ion]::before{font-family:Ionicons}
.navigation li.active a::before,
.navigation a:hover::before {
	opacity: 0.25;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; 
	filter: alpha(opacity=25); 
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 600ms 0.2s ease;
	-moz-transition: all 600ms 0.2s ease;
	-ms-transition: all 600ms 0.2s ease;
	-o-transition: all 600ms 0.2s ease;
	transition: all 600ms 0.2s ease;
}
.navigation ul li a {
	font-size: 35px;
	display: inline-block;
	color: #000;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-ms-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
	line-height: 1.3;
	text-decoration:none;
}
.nav-social{
	margin:0px auto 60px;
}
.nav-social a{
	color:#999999
}
.nav-social li{
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter: alpha(opacity=0); 
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	-moz-transition: -moz-transform 0.5s, opacity 0.5s;
	-ms-transition: -ms-transform 0.5s, opacity 0.5s;
	-o-transition: -o-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
}
.nav-social a::before {
	border: 1px solid #000;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	content: "";
	display: block;
	height: 40px;
	left: 0;
	position: absolute;
	top: 0;
	width: 40px;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}
.nav-social a:hover::before {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter: alpha(opacity=0); 
}
.visible .nav-social li{
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100); 
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}
.visible .nav-social li:first-child {
	-webkit-transition-delay: 1.4s;
	-moz-transition-delay: 1.4s;
	-ms-transition-delay: 1.4s;
	-o-transition-delay: 1.4s;
	transition-delay: 1.4s;
}
.visible .nav-social li:nth-child(2) {
	-webkit-transition-delay: 1.45s;
	-moz-transition-delay: 1.45s;
	-ms-transition-delay: 1.45s;
	-o-transition-delay: 1.45s;
	transition-delay: 1.45s;
}
.visible .nav-social li:nth-child(3) {
	-webkit-transition-delay: 1.5s;
	-moz-transition-delay: 1.5s;
	-ms-transition-delay: 1.5s;
	-o-transition-delay: 1.5s;
	transition-delay: 1.5s;
}
.visible .nav-social li:nth-child(4) {
	-webkit-transition-delay: 1.55s;
	-moz-transition-delay: 1.55s;
	-ms-transition-delay: 1.55s;
	-o-transition-delay: 1.55s;
	transition-delay: 1.55s;
}
.visible .nav-social li:nth-child(5) {
	-webkit-transition-delay: 1.6s;
	-moz-transition-delay: 1.6s;
	-ms-transition-delay: 1.6s;
	-o-transition-delay: 1.6s;
	transition-delay: 1.6s;
}
.visible .nav-social li:nth-child(6) {
	-webkit-transition-delay: 1.65s;
	-moz-transition-delay: 1.65s;
	-ms-transition-delay: 1.65s;
	-o-transition-delay: 1.65s;
	transition-delay: 1.65s;
}
.visible .nav-social li:nth-child(6) {
	-webkit-transition-delay: 1.7s;
	-moz-transition-delay: 1.7s;
	-ms-transition-delay: 1.7s;
	-o-transition-delay: 1.7s;
	transition-delay: 1.7s;
}
.visible .nav-social li:nth-child(7) {
	-webkit-transition-delay: 1.75s;
	-moz-transition-delay: 1.75s;
	-ms-transition-delay: 1.75s;
	-o-transition-delay: 1.75s;
	transition-delay: 1.75s;
}
.visible .nav-social li:nth-child(8) {
	-webkit-transition-delay: 1.8s;
	-moz-transition-delay: 1.8s;
	-ms-transition-delay: 1.8s;
	-o-transition-delay: 1.8s;
	transition-delay: 1.8s;
}
.visible .nav-social li:nth-child(9) {
	-webkit-transition-delay: 1.85s;
	-moz-transition-delay: 1.85s;
	-ms-transition-delay: 1.85s;
	-o-transition-delay: 1.85s;
	transition-delay: 1.85s;
}
#header {
	background: none;
	width: 55px;
	position: absolute;
	top: 20px;
	right: 20px;
	-webkit-transition: all 0.6s 0.5s ease;
	-moz-transition: all 0.6s 0.5s ease;
	-ms-transition: all 0.6s 0.5s ease;
	-o-transition: all 0.6s 0.5s ease;
	transition: all 0.6s 0.5s ease;
	z-index: 999;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100); 
	height: 55px;
}
.menu-overlay-content{
	width: 101%;
	height: 0px;
	top: 50%;
	left: 50%;
	background: #fff;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	content: '';
	position: absolute;
	-webkit-transition: height 0.5s 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: height 0.5s 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: height 0.5s 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: height 0.5s 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	transition: height 0.5s 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-ms-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.visible .menu-overlay-content{
	height: 100%;
	-webkit-transition: height .5s 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: height .5s 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: height .5s 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: height .5s 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	transition: height .5s 0.9s cubic-bezier(0.19, 1, 0.22, 1);
}
.menu-overlay{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	visibility:hidden;
	-webkit-transition: visibility .5s 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: visibility .5s 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: visibility .5s 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: visibility .5s 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	transition: visibility .5s 0.9s cubic-bezier(0.19, 1, 0.22, 1);
}
.visible .menu-overlay{
	visibility:visible;
}
.menu-border::after {
	-moz-box-shadow:inset 0 0 0 35px rgba(255,255,255,0);
	-webkit-box-shadow:inset 0 0 0 35px rgba(255,255,255,0);
	box-shadow: inset 0 0 0 35px rgba(255,255,255,0);
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -35px 0 0 -35px;
	width: 70px;
	height: 70px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	content: '';
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter: alpha(opacity=0); 
	pointer-events: none;
}
.visible .menu-border::after {
	-webkit-animation: menu-border 0.6s ease-out forwards 0.4s;
	animation: menu-border 0.6s ease-out forwards 0.4s;
}
@-webkit-keyframes menu-border {
	0% {
		opacity: 1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
		filter: alpha(opacity=100); 
		-webkit-transform: scale3d(0.4, 0.4, 1);
		-moz-transform: scale3d(0.4, 0.4, 1);
		-ms-transform: scale3d(0.4, 0.4, 1);
		-o-transform: scale3d(0.4, 0.4, 1);
		transform: scale3d(0.4, 0.4, 1);
	}
	80% {
		-moz-box-shadow:inset 0 0 0 2px rgba(255,255,255,0.8);
		-webkit-box-shadow:inset 0 0 0 2px rgba(255,255,255,0.8);
		box-shadow: inset 0 0 0 2px rgba(255,255,255,0.8);
		opacity: 0.1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; 
		filter: alpha(opacity=10); 
	}
	100% {
		-moz-box-shadow:inset 0 0 0 2px rgba(255,255,255,0.8);
		-webkit-box-shadow:inset 0 0 0 2px rgba(255,255,255,0.8);
		box-shadow: inset 0 0 0 2px rgba(255,255,255,0.8);
		opacity: 0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
		filter: alpha(opacity=0); 
		-webkit-transform: scale3d(1.2, 1.2, 1);
		-moz-transform:scale3d(1.2, 1.2, 1);
		-ms-transform: scale3d(1.2, 1.2, 1);
		-o-transform:scale3d(1.2, 1.2, 1);
		transform: scale3d(1.2, 1.2, 1);
	}
}
@-moz-keyframes menu-border {
	0% {
		opacity: 1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
		filter: alpha(opacity=100); 
		-webkit-transform: scale3d(0.4, 0.4, 1);
		-moz-transform: scale3d(0.4, 0.4, 1);
		-ms-transform: scale3d(0.4, 0.4, 1);
		-o-transform: scale3d(0.4, 0.4, 1);
		transform: scale3d(0.4, 0.4, 1);
	}
	80% {
		-moz-box-shadow:inset 0 0 0 2px rgba(255,255,255,0.8);
		-webkit-box-shadow:inset 0 0 0 2px rgba(255,255,255,0.8);
		box-shadow: inset 0 0 0 2px rgba(255,255,255,0.8);
		opacity: 0.1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; 
		filter: alpha(opacity=10); 
	}
	100% {
		-moz-box-shadow:inset 0 0 0 2px rgba(255,255,255,0.8);
		-webkit-box-shadow:inset 0 0 0 2px rgba(255,255,255,0.8);
		box-shadow: inset 0 0 0 2px rgba(255,255,255,0.8);
		opacity: 0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
		filter: alpha(opacity=0); 
		-webkit-transform: scale3d(1.2, 1.2, 1);
		-moz-transform:scale3d(1.2, 1.2, 1);
		-ms-transform: scale3d(1.2, 1.2, 1);
		-o-transform:scale3d(1.2, 1.2, 1);
		transform: scale3d(1.2, 1.2, 1);
	}
}
@-ms-keyframes menu-border {
	0% {
		opacity: 1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
		filter: alpha(opacity=100); 
		-webkit-transform: scale3d(0.4, 0.4, 1);
		-moz-transform: scale3d(0.4, 0.4, 1);
		-ms-transform: scale3d(0.4, 0.4, 1);
		-o-transform: scale3d(0.4, 0.4, 1);
		transform: scale3d(0.4, 0.4, 1);
	}
	80% {
		-moz-box-shadow:inset 0 0 0 2px rgba(255,255,255,0.8);
		-webkit-box-shadow:inset 0 0 0 2px rgba(255,255,255,0.8);
		box-shadow: inset 0 0 0 2px rgba(255,255,255,0.8);
		opacity: 0.1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; 
		filter: alpha(opacity=10); 
	}
	100% {
		-moz-box-shadow:inset 0 0 0 2px rgba(255,255,255,0.8);
		-webkit-box-shadow:inset 0 0 0 2px rgba(255,255,255,0.8);
		box-shadow: inset 0 0 0 2px rgba(255,255,255,0.8);
		opacity: 0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
		filter: alpha(opacity=0); 
		-webkit-transform: scale3d(1.2, 1.2, 1);
		-moz-transform:scale3d(1.2, 1.2, 1);
		-ms-transform: scale3d(1.2, 1.2, 1);
		-o-transform:scale3d(1.2, 1.2, 1);
		transform: scale3d(1.2, 1.2, 1);
	}
}
@-o-keyframes menu-border {
	0% {
		opacity: 1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
		filter: alpha(opacity=100); 
		-webkit-transform: scale3d(0.4, 0.4, 1);
		-moz-transform: scale3d(0.4, 0.4, 1);
		-ms-transform: scale3d(0.4, 0.4, 1);
		-o-transform: scale3d(0.4, 0.4, 1);
		transform: scale3d(0.4, 0.4, 1);
	}
	80% {
		-moz-box-shadow:inset 0 0 0 2px rgba(255,255,255,0.8);
		-webkit-box-shadow:inset 0 0 0 2px rgba(255,255,255,0.8);
		box-shadow: inset 0 0 0 2px rgba(255,255,255,0.8);
		opacity: 0.1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; 
		filter: alpha(opacity=10); 
	}
	100% {
		-moz-box-shadow:inset 0 0 0 2px rgba(255,255,255,0.8);
		-webkit-box-shadow:inset 0 0 0 2px rgba(255,255,255,0.8);
		box-shadow: inset 0 0 0 2px rgba(255,255,255,0.8);
		opacity: 0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
		filter: alpha(opacity=0); 
		-webkit-transform: scale3d(1.2, 1.2, 1);
		-moz-transform:scale3d(1.2, 1.2, 1);
		-ms-transform: scale3d(1.2, 1.2, 1);
		-o-transform:scale3d(1.2, 1.2, 1);
		transform: scale3d(1.2, 1.2, 1);
	}
}
@keyframes menu-border {
	0% {
		opacity: 1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
		filter: alpha(opacity=100); 
		-webkit-transform: scale3d(0.4, 0.4, 1);
		-moz-transform: scale3d(0.4, 0.4, 1);
		-ms-transform: scale3d(0.4, 0.4, 1);
		-o-transform: scale3d(0.4, 0.4, 1);
		transform: scale3d(0.4, 0.4, 1);
	}
	80% {
		-moz-box-shadow:inset 0 0 0 2px rgba(255,255,255,0.8);
		-webkit-box-shadow:inset 0 0 0 2px rgba(255,255,255,0.8);
		box-shadow: inset 0 0 0 2px rgba(255,255,255,0.8);
		opacity: 0.1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; 
		filter: alpha(opacity=10); 
	}
	100% {
		-moz-box-shadow:inset 0 0 0 2px rgba(255,255,255,0.8);
		-webkit-box-shadow:inset 0 0 0 2px rgba(255,255,255,0.8);
		box-shadow: inset 0 0 0 2px rgba(255,255,255,0.8);
		opacity: 0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
		filter: alpha(opacity=0); 
		-webkit-transform: scale3d(1.2, 1.2, 1);
		-moz-transform:scale3d(1.2, 1.2, 1);
		-ms-transform: scale3d(1.2, 1.2, 1);
		-o-transform:scale3d(1.2, 1.2, 1);
		transform: scale3d(1.2, 1.2, 1);
	}
}
.menu-border{
	width: 10px;
	height: 10px;
	position: fixed;
	-webkit-border-radius:  100%;
	-moz-border-radius: 100%;
	border-radius:  100%;
	padding: 27px;
	top: 32px;
	right: 32px;
}
.menu-border::before{
	background: rgba(0,0,0,0.1);
	width: 10px;
	height: 10px;
	content: '';
	-webkit-border-radius:  100%;
	-moz-border-radius: 100%;
	border-radius:  100%;
	padding: 27px;
	top: 0;
	right: 0;
	position: absolute;
	-webkit-transform: scale(0);
	-moz-transform:scale(0);
	-ms-transform: scale(0);
	-o-transform:scale(0);
	transform: scale(0);
	-webkit-transition: -webkit-transform .5s 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: -moz-transform .5s 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: -ms-transform .5s 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: -o-transform .5s 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	transition: transform .5s 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.visible .menu-border::before{
	-webkit-transform: scale(1);
	-moz-transform:scale(1);
	-ms-transform: scale(1);
	-o-transform:scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform .5s 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: -moz-transform .5s 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: -ms-transform .5s 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: -o-transform .5s 0.9s cubic-bezier(0.19, 1, 0.22, 1);
	transition:transform .5s 0.9s cubic-bezier(0.19, 1, 0.22, 1);
}

/*------------------------------------------------------------------
[Background]
-------------------------------------------------------------------*/

.background,.cover{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%!important;
	height: 100%!important;
	z-index:-1;
}

/* GRADIENT BACKGROUND */
.gradient::after{
	position:absolute;
	content:'';
	width:100%;
	height:100%;
	top:0;
	left:0;
	min-height: 100%;
	opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
	filter: alpha(opacity=50); 
	background: #c644fc;
	background: -moz-linear-gradient(top,  #c644fc 0%, #5856d6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c644fc), color-stop(100%,#5856d6));
	background: -webkit-linear-gradient(top,  #c644fc 0%,#5856d6 100%);
	background: -o-linear-gradient(top,  #c644fc 0%,#5856d6 100%);
	background: -ms-linear-gradient(top,  #c644fc 0%,#5856d6 100%);
	background: linear-gradient(to bottom,  #c644fc 0%,#5856d6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c644fc', endColorstr='#5856d6',GradientType=0 );
}
/* COVER */
.darkcover::after{
	position:absolute;
	content:'';
	width:100%;
	height:100%;
	top:0;
	left:0;
	min-height: 100%;
	opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
	filter: alpha(opacity=50); 
	background: #000000;
}
.lightcover::after{
	position:absolute;
	content:'';
	width:100%;
	height:100%;
	top:0;
	left:0;
	min-height: 100%;
	opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
	filter: alpha(opacity=50); 
	background: #ffffff;
}
.colorcover::after{
	position:absolute;
	content:'';
	width:100%;
	height:100%;
	top:0;
	left:0;
	min-height: 100%;
	opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
	filter: alpha(opacity=50); 
	background: #3498db;
}
/* IMAGE BACKGROUND */
.background.image{
	background:url(../img/image.jpg);
	background-color:#eeeeee;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
}
/* SOLID BACKGROUND */
.background.solid{
	background:#999999;
}
/* ORIGAMI BACKGROUND */
#origami canvas{
	display: block;
	padding: 0px;
	margin: 0px;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* SNOW BACKGROUND */
.background.snow{
	z-index:-1;
	background:url(../img/snow.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
}
#snow{z-index:1;}
/* STAR BACKGROUND */
.background.star{
	background:url(../img/star.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
}
#star{z-index:1;}
/* CLOUD BACKGROUND */
.background.cloud{
	background:url(../img/cloud.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
}
#star{z-index:1;}
/* RAIN BACKGROUND */
.background.rain img{
	display:none;
}
/* MAGNET BACKGROUND */
.background.magnet{
	background:url(../img/magnet.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
}
#magnet{z-index:1;}
/* BUBBLE BACKGROUND */
.background.bubble{
	background:url(../img/bubble.jpg)!important;
	background-repeat: no-repeat;
	background-size: cover !important;
	background-attachment: fixed;
	background-position: center center;
	position:fixed!important;
}
bubble {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 500%;
    margin: 0 auto;
	-moz-box-shadow: 0px 0px 10px 10px #ffffff, inset 0px 0px 10px 10px #ffffff;
	-webkit-box-shadow: 0px 0px 10px 10px #ffffff, inset 0px 0px 10px 10px #ffffff;
	box-shadow: 0px 0px 10px 10px #ffffff, inset 0px 0px 10px 10px #ffffff;
	border: 0px;
	opacity: .3;
	z-index:1;
}
/* PATTERN BACKGROUND */
.background.pattern{
	background-image: url(../img/pattern.png);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: center center;
	-webkit-animation: pattern 40s linear infinite;
	-moz-animation: pattern 40s linear infinite;
	-ms-animation: pattern 40s linear infinite;
	-o-animation: pattern 40s linear infinite;
	animation: pattern 40s linear infinite;
}
@-webkit-keyframes animatedBackground {
	from { background-position: 0 0;}
	to { background-position: 100% 0;}
}
@-moz-keyframes animatedBackground {
	from { background-position: 0 0;}
	to { background-position: 100% 0;}
}
@-ms-keyframes animatedBackground {
	from { background-position: 0 0;}
	to { background-position: 100% 0;}
}
@-o-keyframes animatedBackground {
	from { background-position: 0 0;}
	to { background-position: 100% 0;}
}
@keyframes pattern {
	from { background-position: 0 0;}
	to { background-position: 100% 0;}
}
/* IMAGE SLIDER BACKGROUND */
#slider{
	z-index:-1;
	position:relative;
	width:100%;
	height:100%;
	overflow: hidden;
	width: 100%;
	position: relative;
	background: #f5f5f5;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
}
#slider .slides {
	background: transparent none scroll no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: absolute;
	width: 100%;
	height: 100%;
	min-height: 100%;
	overflow: hidden;
	display: table;
	width: 100%;
	z-index: 2;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter: alpha(opacity=0); 
}
#slider .slides > img {
	position: absolute;
	width: 100%;
	height: auto;
	min-height: 100%;
	overflow: hidden;
	display: none;
}
/* VIDEO BACKGROUND */
.video video,
#youtube{
	position: fixed;
	right: 0; 
	bottom: 0;
	min-width: 100%; 
	min-height: 100%;
	width: auto; 
	height: auto;
	z-index: -1;
	background:none;
}
#youtube{
	background:url(../media/youtube.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
}
.volume-button {
	font-size: 18px;
	position: absolute;
	z-index: 25;
	top: 50px;
	left: 50px;
	cursor: pointer;
	color: #fff;
}
.stop-button {
	font-size: 18px;
	position: absolute;
	z-index: 25;
	top: 80px;
	left: 50px;
	cursor: pointer;
	color: #fff;
}
/* ZOOM BACKGROUND */
.kenburnsy {
	position: relative;
	overflow: hidden;
	width: 100%;
}
.kenburnsy.fullscreen {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
}
.kenburnsy img {
	display: none;
}
.kenburnsy .slide {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;
}

/*------------------------------------------------------------------
[Components]
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Timer]
-------------------------------------------------------------------*/

#counter{
	position: relative;
	margin:auto;
}
.clock-content #counter{
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width:80%
}
.time_circles {
	position: relative;
	margin: auto;
}
.time_circles > div {
	position: absolute;
	text-align: center;
}
.time_circles > div > h4 {
	margin: 0px;
	padding: 0px;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Open Sans', Arial;
}
.time_circles > div > span {
	display: block;
	width: 100%;
	text-align: center;
	font-family: 'Open Sans', Arial;
	font-size: 300%;
	margin-top: 0.4em;
	color:rgba(0,0,0,0.5)
}

/*------------------------------------------------------------------
[Feature Slider]
-------------------------------------------------------------------*/

.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.grabbing { 
    cursor:url(../img/grabbing.png) 8 8, move;
}
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
}
.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}
.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);
	opacity: 0.5;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);
	opacity: 1;
	text-decoration: none;
}
.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	filter: Alpha(Opacity=8);
	opacity: 0.8;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid transparent;
	background:#fff;
	-webkit-transition: all 0.3s 0.3s ease;
	-moz-transition: all 0.3s 0.3s ease;
	-o-transition: all 0.3s 0.3s ease;
	-ms-transition: all 0.3s 0.3s ease;
	transition: all 0.3s 0.3s ease;
}
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);
	opacity: 1;
}
.owl-theme .owl-controls .owl-page.active span{
	background:transparent;
	border-color:#fff;
}
.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.owl-item.loading{
	min-height: 150px;
	background: url(../img/AjaxLoader.gif) no-repeat center center
}

/*------------------------------------------------------------------
[Text Rotator]
-------------------------------------------------------------------*/

.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;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	-webkit-transform-origin-x: 50%;
	-webkit-transform-origin-x: 50%;
	-webkit-transform-origin-x: 50%;
}
.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);
}

/*------------------------------------------------------------------
[Contact Form]
-------------------------------------------------------------------*/

.title{
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	left: 25px;
	top: 15px;
	-webkit-transition: 0.3s ease all;
	-moz-transition: 0.3s ease all;
	-ms-transition: 0.3s ease all;
	-o-transition: 0.3s ease all;
	transition: 0.3s ease all;
}
label{
	color:#FF3B30;
	font-size: 24px;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	left: 135px;
	top: 15px;
	-webkit-transition: 0.3s ease all;
	-moz-transition: 0.3s ease all;
	-ms-transition: 0.3s ease all;
	-o-transition: 0.3s ease all;
	transition: 0.3s ease all;
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100); 
}
.form textarea{
	line-height: 45px;
}
.form input,
.form textarea{
	background: none;
	border: none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	line-height: 30px;
	font-size: 14px;
	color: #ffffff;
	font-family: Open Sans, sans-serif;
	padding: 0px;
	font-weight: 600;
	min-height: 42px;
}
.form input:focus,
.form textarea:focus{
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	border-color:#000;
}
input:focus ~ .title,
input:valid ~ .title ,
textarea:focus ~ .title,
textarea:valid ~ .title{
	left:-60px;
	font-size:14px;
	color: #fff;
}
input:focus ~ label,
input:valid ~ label ,
textarea:focus ~ label,
textarea:valid ~ label{
	top:-30px;
	color:#FF3B30;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter: alpha(opacity=0); 
}
.form .title i{
	font-size: 22px;
	color: #fff;
	position: absolute;
	top: 0;
	left: 70px;
}
.form .group {
	border: 2px solid #fff;
	border-bottom: none;
	padding: 5px 45px;
	overflow: hidden;
}
.form .group:first-child{
	-webkit-border-radius:  25px 25px 0 0;
	-moz-border-radius:  25px 25px 0 0;
	border-radius:   25px 25px 0 0;
}
.form .group:nth-child(4){
	-webkit-border-radius:  0 0 25px 25px;
	-moz-border-radius:  0 0 25px 25px;
	border-radius:   0 0 25px 25px;
	border-bottom:2px solid #fff;
}
#contactform.form .btn{
	margin-top:20px;
	margin-bottom:20px;
}
.subscribe-message,
.contact-message{
	position: fixed;
	bottom: 20px;
	left: 20px;
	width: calc(100% - 40px);
	z-index: -1;
}
.subscribe-message .alert,
.contact-message .alert{
	color: #fff;
	font-size: 21px;
	font-family: Raleway;
	text-align: left;
	position: relative;
	margin-bottom: 0;
	border: none;
	-webkit-border-radius:  0px;
	-moz-border-radius:  0px;
	border-radius:  0px;
	opacity:.9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
	filter: alpha(opacity=90); 
}
.subscribe-message i,
.contact-message i{
	font-size: 28px;
	position: absolute;
	min-width: 55px;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	padding: 15px;
}
.subscribe-message span,
.contact-message span{
	margin-left: 60px;
	display: block;
}
.subscribe-message .alert-danger,.contact-message .alert-danger{background: #cc3530; }
.subscribe-message .alert-danger i,.contact-message .alert-danger i{background: #b80d07;}
.subscribe-message .alert-success,.contact-message .alert-success{background: #54C7FD }
.subscribe-message .alert-success i,.contact-message .alert-success i{background: #34AADC}
address{
	display: block;
	position: relative;
	overflow: hidden;
	text-align: left;
}
address i{
	font-size: 40px;
	color: #fff;
	margin: 0px 0 15px;
	display: block;
	text-align: center;
}
address .pull-left{
	width:30%;
}
address .pull-right{
	width:70%;
}
address span{
	color:#fff;
}
address span.address-title{
	display: block;
	font-size: 18px;
	font-family: Raleway, Open Sans, Sans-serif;
	font-weight: bold;
	border-bottom: 2px solid;
	width: 30px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

/*------------------------------------------------------------------
[Newsletter Form]
-------------------------------------------------------------------*/

#subscribeform input{
	width: 100%;
	border: 2px solid;
	border-right: 0px;
	-webkit-border-radius:  25px 0px 0px 25px !important;
	-moz-border-radius:  25px 0px 0px 25px !important;
	border-radius:  25px 0px 0px 25px !important;
	padding: 0 30px;
}

.subscribeform input::-webkit-input-placeholder {color: #FFFFFF}
.subscribeform input::-moz-placeholder {color: #FFFFFF}
.subscribeform input::-ms-input-placeholder  {color: #FFFFFF}

/*------------------------------------------------------------------
[Feature Box]
-------------------------------------------------------------------*/

.icon-box i {
	display: block;
	height: 104px;
	width: 104px;
	text-align: center;
	color: #01a2a6;
	font-size: 40px;
}
.icon-box.vertical{
	margin-bottom: 40px;
	text-align: center;
	overflow: hidden;
}
.icon-box.vertical i {
	font-size: 48px;
	margin-left:auto;
	margin-right:auto;
	line-height:104px;
}
.icon-box.vertical.left-block{
	margin-bottom: 40px;
	text-align: left;
	overflow: hidden;
}
.icon-box.vertical.left-block i {
	font-size: 48px;
	margin-left:0px;
	margin-right:auto;
	line-height:104px;
	text-align: left;
}
.icon-box.vertical.right-block{
	margin-bottom: 40px;
	text-align: right;
	overflow: hidden;
}
.icon-box.vertical.right-block i {
	font-size: 48px;
	margin-left:auto;
	margin-right:0px;
	line-height:104px;
	text-align: right;
}
.icon-box.horizontal{
	margin-bottom: 40px;
	text-align: left;
	overflow: hidden;
}
.icon-box.horizontal .pull-left {
	width: 25%;
}
.icon-box.horizontal .pull-right {
	width: 75%;
}
.icon-box.horizontal i {
	border: none;
	width: auto;
	font-size: 48px;
	padding-top: 0px;
	margin-bottom:32px;
}
.owl-carousel .owl-wrapper-outer {
	width: calc(100vw - 40px);
}
@media only screen and (min-width: 768px) {
	.owl-carousel .owl-wrapper-outer {
		width: 100%;
	}
}

/*------------------------------------------------------------------
[Social Icon]
-------------------------------------------------------------------*/

.social{
	margin: 40px auto;
}
.social a{
	color: #ffffff;
	width: 50px;
	height: 50px;
	display: block;
	line-height: 49px;
	-webkit-border-radius: 50px;
	-moz-border-radius:50px;
	border-radius:50px;
	z-index:1;
	font-size: 25px;
	position:relative;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	-ms-transition: color 0.3s;
	-o-transition: color 0.3s;
	transition: color 0.3s;
}
.social a:hover{
	color:#333333;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	-ms-transition: color 0.3s;
	-o-transition: color 0.3s;
	transition: color 0.3s;
}
.social a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 50px;
	-moz-border-radius:50px;
	border-radius:50px;  z-index: -1;
	-moz-box-shadow:inset 0 0 0 2px #ffffff;
	-webkit-box-shadow:inset 0 0 0 2px #ffffff;
	box-shadow:inset 0 0 0 2px #ffffff;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-webkit-transition: box-shadow 0.3s, -webkit-transform 0.3;
	-moz-transition: box-shadow 0.3s, -moz-transform 0.3;
	-ms-transition: box-shadow 0.3s, -ms-transform 0.3;
	-o-transition: box-shadow 0.3s, -o-transform 0.3;
	transition: box-shadow 0.3s, transform 0.3s;
}
.social a:hover::before {
	-moz-box-shadow:inset 0 0 0 45px #ffffff,0 0 0px 5px rgba(255, 255, 255, 0.2);
	-webkit-box-shadow:inset 0 0 0 45px #ffffff,0 0 0px 5px rgba(255, 255, 255, 0.2);
	box-shadow:inset 0 0 0 45px #ffffff,0 0 0px 5px rgba(255, 255, 255, 0.2);
	-webkit-transform: scale3d(0.9, 0.9, 1);
	-moz-transform: scale3d(0.9, 0.9, 1);
	-ms-transform:  scale3d(0.9, 0.9, 1);
	-o-transform: scale3d(0.9, 0.9, 1);
	transform: scale3d(0.9, 0.9, 1);
}
.social i{
	z-index:2;
}

/*------------------------------------------------------------------
[Portfolio]
-------------------------------------------------------------------*/

.portfolio-item{
	margin-bottom:20px;
}
.portfolio-item a{
	position:relative;
	display: block;
	overflow:hidden;
}
.portfolio-item a::before{
	content: '';
	position: absolute;
	width: 100%;
	height: 30%;
	bottom: 0;
	left: 0;
	z-index:1;
	opacity:.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	filter: alpha(opacity=80); 
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.portfolio-item:hover a::before{
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100); 
	height: 70%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.portfolio-item a::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
	box-shadow:inset 0px 0px 0px 0px #ffffff;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-ms-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;
}
.portfolio-item:hover a::after{
	-moz-box-shadow:inset 0px 0px 0px 5px rgba(255, 255, 255, 0.5);
	-webkit-box-shadow:inset 0px 0px 0px 5px rgba(255, 255, 255, 0.5);
	box-shadow:inset 0px 0px 0px 5px rgba(255, 255, 255, 0.5);
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-ms-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;
}
.portfolio-item img{
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);
	-webkit-transition: -webkit-transform 0.35s;
	-moz-transition: -moz-transform 0.35s;
	-ms-transition: -ms-transform 0.35s;
	-o-transition: -o-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-40px,0,0);
	-moz-transform: translate3d(-40px,0,0);
	-ms-transform:  translate3d(-40px,0,0);
	-o-transform:translate3d(-40px,0,0);
	transform:translate3d(-40px,0,0);
}
.portfolio-item:hover img{
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform:  translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}
.portfolio-item .portfolio-desc{
	position: absolute;
	bottom: 0;
	padding: 20px;
	width: 100%;
	text-align: left;
	color:#fff;
	z-index: 3;
	font-family:Raleway,Open Sans, Sans-serif,Arial;
}
.portfolio-item  h2,
.portfolio-item  p{
	-webkit-transition:all 0.35s;
	-moz-transition: all 0.35s;
	-ms-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;
	color:#fff;
}
.portfolio-item:hover p, .portfolio-item:hover h2{
	-webkit-transform: translateY(-40px);
	-moz-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	-o-transform: translateY(-40px);
	transform: translateY(-40px);
}
.portfolio-item  p{
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter: alpha(opacity=0); 
}
.portfolio-item:hover p {
	-webkit-transition-delay: 0.05s;
	-moz-transition-delay: 0.05s;
	-ms-transition-delay: 0.05s;
	-o-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	-moz-transition-duration: 0.35s;
	-ms-transition-duration: 0.35s;
	-o-transition-duration: 0.35s;
	transition-duration: 0.35s;
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100); 
}
.portfolio .portfolio-item{
	margin:0px 15px;
}

/*------------------------------------------------------------------
[Team]
-------------------------------------------------------------------*/

.team-member{
	background:rgba(255, 255, 255, 0.49);
	width:100%;
	height:100%;
	position:relative;
	display:block;
	padding: 45px 20px 40px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	overflow: hidden;
	margin-bottom:15px;
}
.team-member::before{
	content: '';
	position: absolute;
	width: 100%;
	height: 105px;
	top: 0;
	left: 0;
	background: none;
	z-index: 1;
	border-bottom: 1px solid rgba(255, 255, 255, 0.6);
	-webkit-border-radius:20px 20px 0 0;
	-moz-border-radius:20px 20px 0 0;
	border-radius: 20px 20px 0 0;
}
.team-member h3{
	font-weight:bold;
	margin-top: 15px;
}
.team-member img{
	width: 120px;
	margin: auto;
	z-index: 1;
	position: relative;
	-moz-box-shadow: 0 -1px 2px rgb(255, 255, 255), 0 1px 2px rgba(0, 0, 0, .2), 0 .25rem 1rem rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 -1px 2px rgb(255, 255, 255), 0 1px 2px rgba(0, 0, 0, .2), 0 .25rem 1rem rgba(0, 0, 0, .1);
	box-shadow: 0 -1px 2px rgb(255, 255, 255), 0 1px 2px rgba(0, 0, 0, .2), 0 .25rem 1rem rgba(0, 0, 0, .1);
}
.team-member img:after{
	position:absolute;
	content:'';
	width:100%;
	height:100%;
}
.team-member .social{
	margin-top:15px;
	margin-bottom:0;
}
.team-member .social ul{
	margin-bottom:0px;
}
.primary.team-member{
	background: none;
	padding:0px;
	z-index: 1;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	max-height: 475px;
}
.primary.team-member::before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	z-index:2;
	border: none;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	-webkit-transition: all 0.5s 0.1s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: all 0.5s 0.1s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: all 0.5s 0.1s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 0.5s 0.1s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 0.5s 0.1s cubic-bezier(0.19, 1, 0.22, 1);
	opacity:0;
}
.primary.team-member img{
	width: 100%;
	box-shadow: none;
	height: auto;
	display: block;	
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}
.primary.team-member::after{
	content: '';
	position: absolute;
	width: 40%;
	height: 200%;
	background: rgba(255,255,255,0.1);
	z-index: 1;
	right: 0;
	top: 0;
	margin: -5px 0 0 -5px;
	-webkit-transform-origin: 0 0;
	-webkit-transform: rotate(-20deg);
	-moz-transform-origin: 0 0;
	-moz-transform: rotate(-20deg);
	-ms-transform-origin: 0 0;
	-ms-transform: rotate(-20deg);
	transform-origin: 0 0;
	transform: rotate(-20deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}
.primary.team-member:hover::after{
	width: 150%;
	background: rgba(255,255,255,0.7);
	-webkit-transition: width 0.3s,background 0.5s;
	-moz-transition: width 0.3s,background 0.5s;
	-ms-transition: width 0.3s,background 0.5s;
	-o-transition: width 0.3s,background 0.5s;
	-webkit-transition: width 0.3s,background 0.5s;
	-moz-transition: width 0.3s,background 0.5s;
	-ms-transition: width 0.3s,background 0.5s;
	-o-transition: width 0.3s,background 0.5s;
	transition: width 0.3s,background 0.5s;
}
.primary.team-member .team-content{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	left: 0;
	margin: 0px auto;
	padding:20px;
	z-index: 3;
}
.primary.team-member h3,
.primary.team-member span,
.primary.team-member p,
.primary.team-member .social{
	-webkit-transition: all 0.5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: all 0.5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: all 0.5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 0.5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 0.5s 0s cubic-bezier(0.19, 1, 0.22, 1);
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter: alpha(opacity=0); 
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}
.primary.team-member:hover h3,
.primary.team-member:hover span,
.primary.team-member:hover p,
.primary.team-member:hover .social{
	-webkit-transition: all 0.5s 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: all 0.5s 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: all 0.5s 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 0.5s 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 0.5s 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100); 
}

/*------------------------------------------------------------------
[Progress]
-------------------------------------------------------------------*/

.progress{
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	border-radius: 25px;
	background:rgba(255, 255, 255, 0.3);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	position: relative;
}
.progress-bar{
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	border-radius: 25px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: #cccccc;
	position: relative;
}
.primary.progress{
	background:#f5f5f5;
	overflow:inherit;
}
.primary .progress-bar{
	border: 5px solid #f5f5f5;
}
.progress-bar-success{background-color:#48DC6C}
.progress-bar-info{background-color:#61D2FE}
.progress-bar-warning{background-color:#FFA500}
.progress-bar-danger{background-color:#FF5534}
.progress-bar-primary{background: #13e5c6;
	background: -moz-linear-gradient(left, #13e5c6 0%, #1fc7f1 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#13e5c6), color-stop(100%,#1fc7f1));
	background: -webkit-linear-gradient(left, #13e5c6 0%,#1fc7f1 100%);
	background: -o-linear-gradient(left, #13e5c6 0%,#1fc7f1 100%);
	background: -ms-linear-gradient(left, #13e5c6 0%,#1fc7f1 100%);
	background: linear-gradient(to right, #13e5c6 0%,#1fc7f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#13e5c6", endColorstr="#1fc7f1",GradientType=1 );
}
.progress-bar span{
	top: -20px;
	position: absolute;
	right: -15px;
	background: #1FC8F1;
	padding: 0px 5px;
	font-size: 10px;
	border-radius: 25px;
	line-height: 12px;
}
.progress-bar span::before{
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	border-color: transparent;
	border-style: solid;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #1FC8F1;
}
.progress-name{
	text-align:left;
	color:#ffffff;
	font-size: 12px;
}

/*------------------------------------------------------------------
[Product]
-------------------------------------------------------------------*/

.product-item{
	margin-top:15px;
}
.product-item img{
	width:100%;
}
/*------------------------------------------------------------------
[Pricing]
-------------------------------------------------------------------*/
.pricing-table{
	padding: 45px 30px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin-top:15px;
}
.pricing-table .price {
	font-size: 80px;
	line-height: 80px;
	font-weight: 400;
	display: inline-block;
	margin-bottom: 16px;
}
.pricing-table .btn,.pricing-table h4 {
	margin-bottom: 25px;
}
.pricing-table p:last-child {
	margin-bottom: 0;
}

/*------------------------------------------------------------------
[Extra Components]
-------------------------------------------------------------------*/

.nivo-lightbox-close {
	position: absolute;
	top: 0;
	right: 0;
	margin: 2rem;
}
.nivo-lightbox-overlay{z-index:1000}
.nicescroll-rails{z-index:-1!important;}

/*------------------------------------------------------------------
[Responsive]

@media only screen and (max-width : 1200px) {}
@media only screen and (max-width : 979px) {}
@media only screen and (max-width : 767px) {}
-------------------------------------------------------------------*/
@media only screen and (max-width : 480px) {
	.text-large{
		font-size:20px;
	}
	.text-xlarge{
		font-size:40px;
	}
	.text-xxlarge{
		font-size:50px;
	}
	#logo {
		margin-top: 20px;
	}
	.nav-social{
		margin-bottom:20px;
	}
	.logo img{
		max-width:150px;
	}
	.navigation{
		margin: 20px;
		height: 100px;
		overflow: auto;
		max-height: 100px;
	}
	.visible .navigation li{
		display:block
	}
}
@media only screen and (max-width : 320px) {
	#logo{
		margin-top: 60px;
	}
	.nav-social{
		margin-bottom: 60px;
	}
	.navigation{
		margin: 40px 20px;
		height: 125px;
		overflow: auto;
		max-height: 125px;
	}
}
@media only screen and (min-device-width: 375px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { 
	.logo img{
		max-width:150px;
	}
	#logo{
		margin-top: 20px;
		margin-bottom:20px;
	}
	.nav-social{
		margin-bottom: 20px;
	}
	.navigation{
		margin: 20px 20px;
		height: 125px;
		overflow: auto;
		max-height: 125px;
	}
}
@media only screen and (min-device-width: 375px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
	.logo img{
		max-width:150px;
	}
	#logo{
		margin-top: 60px;
	}
	.nav-social{
		margin-bottom: 60px;
	}
	.navigation{
		margin: 40px 20px;
		height: 300px;
		overflow: auto;
		max-height: 300px;
	}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
	.main {border-radius: 5px;}
}