@import 'bootstrap.min.css';											/* bootstrap framework CSS */
@import 'font-awesome.min.css';											/* FontAwesome CSS */
@import 'theme.css';													/* Theme color styles */
@import '../css/owl.transitions.css';									/* Owl carousel transitions */
@import '../css/owl.carousel.css';										/* Owl carousel styles */
@import url('https://fonts.googleapis.com/css?family=Raleway:400,700');	/* Google Webfonts */


/* 2. Basic Document Styles */

html,body {
	width:100%;
	height:100%;
	-webkit-font-smoothing:antialiased;
}
body {
	font-family: Arial,sans-serif;
	line-height:1.3;
	overflow-x:hidden;
}
img {
	-moz-user-select:none; 
	-webkit-user-select:none;
	-ms-user-select:none; 
	user-select:none; 
	-webkit-user-drag:none;
	user-drag:none;
}
input,select,textarea {
	font-family: Arial,sans-serif;
	outline:none;
}
textarea {
	overflow:auto;
}
a,input,button {
	outline:none !important;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
strong {
	font-weight:700;
}
h1,h2,h3,h4,h5,h6 {
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:400;
}
.fa {
	font-family: inherit;
}
.fa:before {
	font-family: 'FontAwesome';
}
.btn-default {
	font-size:1.1em;
	border:none;
	text-transform:uppercase;
	letter-spacing:2px;
}
.btn-default2 {
	font-size:1.1em;
	border:none;
	letter-spacing:2px;
}
.btn-lg {
	font-size:1.2em;
}
.form-control {
	height:40px;
	padding:0 15px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
textarea.form-control {
	padding:10px 15px;
}
.bg-primary,.bg-success,.bg-info,.bg-warning,.bg-danger {
	padding:10px 20px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}


/* 3. Common Styles */

#loader {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999;
}
.loader-circle {
	display:inline-block;
	border-width:1px;
	border-style:solid;
	position:absolute;
	width:50px;
	height:50px;
	top:50%;
	left:50%;
	margin:-25px 0 0 -25px;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
}
.no-cssanimations .loader-circle {
	display:none;
}
.loader-circle:before,.loader-circle:after {
	content:'';
	display:block;
	height:3px;
	width:51px;
	position:absolute;
	top:23px;
	left:-1px;
}
.loader-circle:before {
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
}
.loader-text {
	position:absolute;
	top:50%;
	width:100%;
	padding:40px 0 0;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:2px;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
}
#page {
	height:100%;
	position:relative;
	overflow:hidden;
	background-size:cover;
}
#page-bg {
	height:100%;
	width:100%;
	background-size:cover;
	position:relative;
	top:0;
}
#page-bg.hideme {
	top:-100%;
}
.overlay {
	height:100%;
}
#main-nav {
	position:absolute;
	width:100%;
	bottom:5px;
	z-index:200;
}
#main-nav.hideme {
	opacity:0;
	visibility:hidden;
}
#main-nav a {
	padding:0;
	text-transform:uppercase;
	letter-spacing:2px;
	position:relative;
	z-index:5;
}
#main-nav span {
	display:block;
	padding:0;
	max-height:7px;
	overflow:hidden;
	opacity:0;
}
#main-nav span:before {
	display:block;
	text-align:center;
	padding:0 0 10px;
	font-size:1.5em;
}
.no-opacity #main-nav span,.no-opacity #subscribe-submit {
	filter:alpha(opacity=0);
}
#main-nav a:after {
	content:'';
	width:1px;
	height:50%;
	top:25%;
	left:-2px;
	z-index:5;
	position:absolute;
	z-index:6;
	opacity:.1;
}
.no-opacity #main-nav a:after {
	filter:alpha(opacity=10);
}
#main-nav a.active {
	z-index:10;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
#main-nav a:first-child:after,#main-nav a.active:after {
	display:none;
}
#main-nav:hover span {
	padding:7% 0;
	max-height:300px;
	opacity:1;
}
.no-opacity #main-nav:hover span {
	filter:alpha(opacity=100);
}
.page-content {
	height:100%;
}
.wrapper {
	max-width:1170px;
	margin:0 auto;
	height:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.page-box {
	height:100%;
	width:100%;
	display:table;
}
#header {
	text-align:center;
	padding:0 0 5%;
}
#logo img {
	max-width:100%;
}
.page-inner {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.section-title {
	font-size:5em;
}
.section-title.smaller {
	font-size:3.5em;
}
.sub-title {
	font-size:2em;
	line-height:1.2;
}
#subscribe-btn a {
	text-decoration:none;
	margin:3% 0 0;
}
.corners-top {
	position:relative;
}
.corners-bottom {
	padding:20px;
}
.corners-top:before,.corners-top:after,.corners-bottom:before,.corners-bottom:after {
	content:'';
	position:absolute;
	width:20px;
	height:20px;
	border-width:1px;
	border-style:solid;
}
.corners-top:before {
	left:-1px;
	top:0;
	border-bottom:none;
	border-right:none;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
}
.corners-top:after {
	right:0;
	top:0;
	border-bottom:none;
	border-left:none;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
}
.corners-bottom:before {
	left:-1px;
	bottom:0;
	border-top:none;
	border-right:none;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
}
.corners-bottom:after {
	right:0;
	bottom:0;
	border-top:none;
	border-left:none;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
}
#carousel,#carousel .owl-wrapper-outer,#carousel .owl-wrapper,#carousel .owl-item {
	height:100%;
}
.col-icon {
	display:inline-block;
}
.col-icon .corners-bottom {
	padding:40px;
}
.team-photo {
	display:inline-block;
	width:80%;
}
.team-photo img {
	display:block;
	width:100%;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.margin-bottom {
	margin:0 0 2%;
}
.margin-bottom-2x {
	margin:0 0 4%;
}
.margin-bottom-3x {
	margin:0 0 6%;
}
.margin-bottom-4x {
	margin:0 0 8%;
}
.margin-bottom-5x {
	margin:0 0 10%;
}
.font-2x {
	font-size:1.2em;
}
.font-3x {
	font-size:1.3em;
}
.font-4x {
	font-size:1.4em;
}
.font-5x {
	font-size:1.5em;
}
#contact-form {
	padding:0 15%;
}


/* 4. Counter */

#counter {
	padding:2% 10% 3%;
}
#counter span {
	width:25%;
	position:relative;
	display:inline-block;
	vertical-align:middle;
	font-size:1.3em;
	text-transform:uppercase;
	letter-spacing:2px;
	line-height:1.3;
	font-weight:700;
}
#counter strong {
	font-size:3em;
	display:block;
}
#counter i {
	position:relative;
	display:block;
	font-style:normal;
}
#counter .corners-bottom {
	padding-left:0;
	padding-right:0;
}


/* 5. Subscribe */
#subscribe {
	position:absolute;
	width:100%;
	height:100%;
	bottom:-100%;
	left:0;
	z-index:999;
}
#subscribe.showme {
	bottom:0;
}
.subscribe-box {
	padding:3% 0;
}
.form-message {
	padding:0;
	margin:0;
	display:none;
}
.form-message p {
	display:block;
	margin:0 0 3%;
}
#subscribe-form {
	padding:0 0 2%;
	width:40%;
	margin:0 auto;
}
.form-wrap {
	position:relative;
}
#subscribe-email {
	width:100%;
	padding-right:65px;
}
.form-submit:before {
	content:"\f0e0";
	font-family: 'FontAwesome';
	font-size:1.3em;
	position:absolute;
	display:block;
	text-align:center;
	right:2px;
	top:2px;
	z-index:10;
	width:50px;
	height:36px;
	line-height:34px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#subscribe-submit {
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	padding:0;
	margin:0;
	width:50px;
	height:36px;
	position:absolute;
	right:2px;
	top:2px;
	z-index:20;
	opacity:0;
}
.subscribe-notes {
	font-size:1.2em;
}
#social-box {
	font-size:1.9em;
}
#social-box ul,#social-box li {
	padding:0;
	margin:0;
	list-style:none;
}
#social-box li {
	display:inline-block;
}
#social-box a {
	margin:0 10px;
}
#close-popup {
	padding:4% 0 0;
	text-align:center;
}
#close-popup > a {
	display:inline-block;
	width:40px;
	height:40px;
	line-height:40px;
	border-width:1px;
	border-style:solid;
	position:relative;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
#close-popup > a:before,#close-popup > a:after {
	content:'';
	display:block;
	height:16px;
	width:16px;
	position:absolute;
	border-width:1px;
	border-style:solid;
}
#close-popup > a:before {
	top:4px;
	left:4px;
	border-top:none;
	border-left:none;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
}
#close-popup > a:after {
	bottom:4px;
	right:4px;
	border-bottom:none;
	border-right:none;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
}
#close-popup > a:hover {
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}


/* 6. Video Background */

#video-controls {
	display:none;
	right:40px;
	bottom:40px;
	position:fixed;
	z-index:999;
}
#video-controls a {
	display:inline-block;
	margin:0 10px;
	text-align:center;
	vertical-align:middle;
	font-size:1.2em;
	opacity:.7;
	text-decoration:none;
}
#video-controls a:hover {
	opacity:1;
}


/* 7. Transitions */

#main-nav,#main-nav a,#main-nav span,#main-nav span:before,.btn-default,.btn-default2,.btn-default:before,.form-control,.form-submit:before,#social-box a,#close-popup > a,#video-controls a {
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	-ms-transition:all .2s ease-out;
	-o-transition:all .2s ease-out;
	transition:all .2s ease-out;
}
#main-nav a {
	-webkit-transition-property:background;
	-moz-transition-property:background;
	-ms-transition-property:background;
	-o-transition-property:background;
	transition-property:background;
}
#main-nav a,#main-nav span,#main-nav span:before {
	-webkit-transition-delay:.1s;
	-moz-transition-delay:.1s;
	-ms-transition-delay:.1s;
	-o-transition-delay:.1s;
	transition-delay:.1s;
}
#main-nav:hover a,#main-nav:hover span,#main-nav:hover span:before {
	-webkit-transition-delay:0s;
	-moz-transition-delay:0s;
	-ms-transition-delay:0s;
	-o-transition-delay:0s;
	transition-delay:0s;
}
#page-bg,#subscribe {
	-webkit-transition:all .4s ease-out;
	-moz-transition:all .4s ease-out;
	-ms-transition:all .4s ease-out;
	-o-transition:all .4s ease-out;
	transition:all .4s ease-out;
}
#main-nav {
	-webkit-transition-delay:.4s;
	-moz-transition-delay:.4s;
	-ms-transition-delay:.4s;
	-o-transition-delay:.4s;
	transition-delay:.4s;
}
#page-bg,#subscribe,#main-nav.hideme {
	-webkit-transition-delay:0s;
	-moz-transition-delay:0s;
	-ms-transition-delay:0s;
	-o-transition-delay:0s;
	transition-delay:0s;
}
#page-bg.hideme,#subscribe.showme {
	-webkit-transition-delay:.2s;
	-moz-transition-delay:.2s;
	-ms-transition-delay:.2s;
	-o-transition-delay:.2s;
	transition-delay:.2s;
}


/* 9. Responsive */

/* MAX 1170px */
@media only screen and (max-width:1170px){
	.wrapper {
		margin:0;
		padding:0 50px;
	}
}

/* MAX 970px */
@media only screen and (max-width:970px){
	.section-title {
		font-size:3.6em;
	}
	.section-title.smaller {
		font-size:2.7em;
	}
	.sub-title {
		font-size:1.5em;
	}
	#main-nav a {
		padding-top:5px;
	}
	#main-nav a span {
		display:none;
	}
	#subscribe-form {
		width:50%;
	}
	#counter span {
		font-size:1.1em;
	}
	.font-2x {
		font-size:1.1em;
	}
	.font-3x {
		font-size:1.2em;
	}
	.font-4x {
		font-size:1.3em;
	}
	.font-5x {
		font-size:1.4em;
	}
	.btn-lg {
		font-size:1em;
	}
	.col-icon .corners-bottom {
		padding:35px;
	}
}

/* MAX 800px */
@media only screen and (max-width:800px){
	#header {
		padding:0 0 3%;
	}
	.section-title {
		font-size:3em;
	}
	.section-title.smaller {
		font-size:2.1em;
	}
	.sub-title {
		font-size:1.2em;
	}
	#counter span {
		font-size:1em;
	}
	.subscribe-notes {
		font-size:1.1em;
	}
	.font-2x {
		font-size:1em;
	}
	.font-3x {
		font-size:1.1em;
	}
	.font-4x {
		font-size:1.2em;
	}
	.font-5x {
		font-size:1.3em;
	}
	.btn-lg {
		font-size:.9em;
	}
	.col-icon .corners-bottom {
		padding:30px;
	}
	.team-photo .corners-bottom {
		padding:15px;
	}
	.col-team h4 {
		font-size:1em;
	}
}

/* MAX 767px */
@media only screen and (max-width:767px){
	#logo img {
		max-width:40%;
	}
	.subscribe-notes {
		font-size:1.1em;
	}
	.col-about {
		clear:both;
		padding-top:2%;
		text-align:left;
	}
	.col-icon {
		margin:0 20px 20px 0;
		float:left;
	}
	.col-icon .corners-bottom {
		padding:20px;
	}
	.col-icon i {
		font-size:2em;
	}
	.col-about h4 {
		margin:0 0 2.5%;
	}
	.col-team {
		text-align:left;
		margin:2% 0;
	}
	.col-team:nth-child(odd) {
		clear:left;
	}
	.col-team:nth-child(even) {
		clear:right;
	}
	.team-photo {
		width:30%;
		float:left;
	}
	.team-photo .corners-bottom {
		padding:10px;
	}
	.col-team h4,.col-team h6,.col-team p {
		margin:0 0 2%;
		float:right;
		width:64%;
	}
	.col-team h6 {
		font-size:.7em;
		margin:0 0 4%;
	}
	.col-team p {
		margin:0;
	}
}

/* MAX 640px */
@media only screen and (max-width:640px){
	#loader {
		position:fixed;
	}
	#page-bg,.overlay,.page-content,.wrapper,.page-content,.page-box {
		height:auto;
	}
	#page {
		overflow:visible;
	}
	#page-bg {
		background-attachment:fixed;
		max-height:50000px;
	}
	#page-bg.hideme {
		top:0;
		visibility:hidden;
		opacity:0;
		max-height:100%;
		overflow:hidden;
	}
	.overlay {
		padding:50px 0;
	}
	#main-nav {
		display:none;
	}
	#carousel,#carousel .owl-wrapper-outer,#carousel .owl-wrapper,#carousel .owl-item {
		height:auto!important;
		width:100%!important;
		float:none!important;
		left:0!important;
		position:static!important;
		-webkit-animation:none!important;
		-moz-animation:none!important;
		animation:none!important;
		-webkit-transform:none!important;
		-moz-transform:none!important;
		transform:none!important;
	}
	#contact-form {
		padding:0 5%;
	}
	#subscribe {
		position:absolute;
		bottom:auto;
		top:0;
		height:100%;
		z-index:50;
		opacity:0;
		visibility:hidden;
	}
	#subscribe.showme {
		bottom:auto;
		top:0;
		opacity:1;
		visibility:visible;
	}
	#subscribe .overlay,#subscribe .wrapper,#subscribe .page-box {
		height:100%;
		padding:0;
	}
	#subscribe .overlay {
		padding:40px 0;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	#logo img {
		max-width:30%;
	}
	#subscribe-btn a {
		margin:5% 0 0;
	}
	#subscribe-form {
		width:70%;
	}
	.subscribe-notes {
		font-size:.9em;
	}
	#social-box {
		font-size:1.4em;
	}
	.section-title {
		font-size:2.8em;
	}
	.section-title.smaller {
		font-size:2.2em;
	}
	.sub-title {
		font-size:1.2em;
	}
	#counter {
		padding:2% 0 3%;
	}
	.col-team {
		margin:2.5% 0;
		float:none!important;
		width:auto!important;
		clear:both!important;
	}
	.col-team h4 {
		margin:0 0 2%;
		font-size:1.2em;
	}
	.col-team h6 {
		font-size:.9em;
		margin:0 0 3%;
	}
	.team-photo {
		width:20%;
	}
	.col-team h4,.col-team h6,.col-team p {
		width:76%;
	}
}

/* MAX 568px */
@media only screen and (max-width:568px){
	#subscribe {
		height:auto;
	}
}

/* MAX 480px */
@media only screen and (max-width:480px){
	.wrapper {
		padding:0 40px;
	}
	#header {
		padding:0 0 7%;
	}
	#logo img {
		max-width:45%;
	}
	.section-title {
		font-size:2.2em;
	}
	.section-title.smaller {
		font-size:1.6em;
	}
	.sub-title br {
		display:none;
	}
	#counter {
		padding:4% 0 5%;
	}
	#counter span {
		font-size:.7em;
	}
	#counter .corners-bottom {
		padding:10px 0;
	}
	#subscribe {
		height:100%;
	}
	#subscribe .corners-bottom {
		padding:10px;
	}
	.subscribe-notes {
		font-size:.8em;
	}
	.margin-bottom {
		margin-bottom:3%;
	}
	.margin-bottom-2x {
		margin-bottom:6%;
	}
	.margin-bottom-3x {
		margin-bottom:8%;
	}
	.margin-bottom-4x {
		margin-bottom:10%;
	}
	.margin-bottom-5x {
		margin-bottom:12%;
	}
	.col-about {
		padding-top:4%;
	}
	.col-icon {
		margin-bottom:20px;
	}
	.col-team {
		margin:3.5% 0
	}
}

/* MAX 360px */
@media only screen and (max-width:360px){
	.wrapper {
		padding:0 30px;
	}
	#logo img {
		max-width:55%;
	}
	#counter span {
		width:50%;
	}
	#subscribe .wrapper {
		padding:0 30px;
	}
	.subscribe-box {
		padding:9% 0;
	}
	#subscribe-form {
		width:100%;
	}
	.subscribe-notes {
		padding:5% 0 0;
	}
	#close-popup {
		padding:9% 0 0;
	}
	#contact-form {
		padding:0;
	}
	#contacts .sub-title {
		margin-bottom:10%!important;
	}
	.margin-bottom {
		margin-bottom:5%;
	}
	.margin-bottom-2x {
		margin-bottom:5%;
	}
	.margin-bottom-3x {
		margin-bottom:12%;
	}
	.margin-bottom-4x {
		margin-bottom:15%;
	}
	.margin-bottom-5x {
		margin-bottom:18%;
	}
	.col-about {
		padding-top:5%;
	}
	.col-icon {
		margin-bottom:20px;
	}
	.col-team {
		margin:10% 0 0;
		text-align:center;
	}
	.col-team:first-child {
		margin-top:5%;
	}
	.team-photo {
		float:none;
		width:50%;
		margin:0 0 5%;
	}
	.col-team h4,.col-team h6,.col-team p {
		width:auto;
		float:none;
	}
}
