/* =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*

	#GREYHOUND | Parallax Coming Soon Template - YouTube
	@Author		   Torros / Madeon08
	@Type          CSS
	@Last Update   1:06 AM Saturday, May 17, 2014

	TABLE OF CONTENTS
	---------------------------
	 1. Global
	 	 1.1 Youtube
	 	 1.2 Parallax
		 1.3 Vegas slider
		 1.4 YouTube
	 2. Countdown
	 	 2.1 Newsletter
	 	 2.2 Mouse
	 3. About
	 	 3.1 Team
		 3.2 Philosophy
		 3.3 Swipebox
	 4. Contact Methods
	 	 4.1 Map
	 5. Services
	 6. Solutions/Prices
	 7. Contact Form
	 8. Footer
	 9. Loading
	10. Media Queries

  =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* */

/* ================================= */
/* ::::::::::: 1. Global ::::::::::: */
/* ================================= */
	
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0 none;
	padding: 0;
	vertical-align: baseline;
}

* {
	margin: 0;
	padding: 0;
	border: 0;
}

.clear {
	clear: both;
	width: auto;
}

html {
	position: relative;
	height: 100%;
}

body {
	background: #2B2D35;
	padding: 0;
	text-align: center;
	font-family: 'Open sans', 'Helvetica Neue', 'Lucida Grande', Arial, Verdana, sans-serif;
	position: relative;
	margin: 0;
	height: 100%;
	width: 100%;
	-webkit-font-smoothing: antialiased;
}

.wrapper {
	margin: 0 auto;
	overflow: hidden;
}

a {
	text-decoration: none;
	outline: none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Lato', 'Helvetica Neue', 'Lucida Grande', Arial, Verdana, sans-serif;
	font-weight: 300;
	color: #fff;
}

h1, h2 {
	width: 100%;
	float: left;
}

h1 {
	margin-top: 100px;
	color: #000;
	margin-bottom: 5px;
	font-size: 70px;
	font-weight: 100;
}

h2 {
	color: #6D461D;
	font-weight: 100;
	margin-top: 0;
	margin-bottom: 10px;
}

.main {
	float: left;
	width: 100%;
	margin: 0 auto;
}

.main h1 {
	padding: 150px 50px;
	float: left;
	width: 100%;
	font-size: 45px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-weight: 100;
	color: white;
	margin: 0;
	line-height: 70px;
}

.btn {
	display: inline-block;
	line-height: 100%;
	padding: 0.7em;
	text-decoration: none;
	color: #fff;
	width: 200px;
	line-height: 140%;
	font-size: 17px;
	font-family: 'Open sans', 'Helvetica Neue', 'Lucida Grande', Arial, Verdana, sans-serif;
	font-weight: bold;
}

.btn:hover, .btn:hover {
	background: #444;
}

.main section {
	overflow: hidden;
}

.display-none {
	display: none;
}

.index999 {
	z-index: 999 !important;
}

.index-999 {
	z-index: -999 !important;
}

.opacity-1 {
	opacity:1 !important;
}

.opacity-0 {
	opacity:0 !important;
}

/* ================================= */
/* :::::::::: 1.1 YouTube :::::::::: */
/* ================================= */

/* The class sub-picture is here for the mobile and tablet, she replaces the video by a full screen picture. It's used for a better loading on telephone network */
.sub-picture {
	background-color:none;
	background-image: url('../img/re-video-phone.jpg');
	background-size:cover;
}

/* ================================= */
/* :::::::::: 1.2 Parallax ::::::::: */
/* ================================= */
	
#parallax-solutions {
	background: url(../img/2-iphone.jpg);
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

#parallax-informations {
	background: url(../img/bg.jpg);
}

#coming-soon {
	background: rgba(0, 0, 0, 0.1) url('../img/pattern.png') repeat top left;
}

.parallax {
	background-attachment: fixed !important;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover !important;
	text-align: center;
}

/* ================================= */
/* ::::::: 1.3 Vegas slider :::::::: */
/* ================================= */

.vegas-loading {
	border-radius: 10px;
	background: #000;
	background: rgba(0,0,0,0.7);
	background: url(images/loading.gif) no-repeat center center; /* Loading Gif by http://preloaders.net/ */
	height: 32px;
	left: 20px;
	position: fixed;
	top: 20px;
	width: 32px;
	z-index: 0;
}

.vegas-overlay {
	background: transparent url(../overlays/01.png);
	opacity: 0.5;
	z-index: -1;
}

.vegas-background {
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
	max-width: none !important; /* counteracts global img modification by twitter bootstrap library */
	z-index: -2;
}

.vegas-overlay, .vegas-background {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* ================================= */
/* :::::::::: 1.4 YouTube :::::::::: */
/* ================================= */

#pattern {
	/*background: rgba(0, 0, 0, 0.1) url('../img/pattern.png') repeat top left;*/
	position: fixed;
	min-width: 100%;
	min-height: 100%;
	z-index: 0;
}

#video-volume {
    bottom: 36px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 24px;
    left: 46%;
    margin-left: -10px;
    position: absolute;
    width: 20px;
    z-index: 10;
}

#video-unmute {
    bottom: 36px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 24px;
    left: 46%;
    margin-left: -15px;
    position: absolute;
    width: 20px;
    z-index: 10;
}

#fullscreen {
	bottom: 36px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 24px;
    left: 54%;
    margin-left: -10px;
    position: absolute;
    width: 20px;
    z-index: 10;
}

#controlBar_bgndVideo {
	display:none;
}

/* ================================= */
/* ::::::::: 2. Countdown :::::::::: */
/* ================================= */

.main section.page1 h1 {
	text-align: center;
	padding: 0;
	margin-bottom: 15px;
	font-size: 55px;
	color: #88B7B3;
	background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation: hue 60s infinite linear;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
	-moz-animation: hue 60s infinite linear;
}

@-webkit-keyframes hue {
	from {
		-webkit-filter: hue-rotate(0deg);
	}
	
	to {
		-webkit-filter: hue-rotate(-360deg);
	}
}

/* ! ! ! ! ! For the moment, the rotation of a background on a text doesn't work on Firefox & IE, but only on the webkit browsers like Safari, Chrome etc... I've already added the @-moz-keyframes to be ready when it's will be functionnal on it ! ! ! ! ! */ 

@-moz-keyframes hue {
	from {
		-webkit-filter: hue-rotate(0deg);
	}
	
	to {
		-webkit-filter: hue-rotate(-360deg);
	}
}

#main-countdown {
	margin: -250px auto auto;
	position: relative;
	text-align: center;
	top: 50%;
	width: 100%;
	z-index: 999
}

#countdown_dashboard {
	display: block;
	margin: 30px auto;
	max-width: 900px;
	overflow: hidden
}

.dash {
	font-family: "Open sans", 'Helvetica Neue', 'Lucida Grande', Arial, Verdana, sans-serif;
	padding-bottom: 10px;
	position: relative;
	opacity: 0;
}

.dash-glob {
	border-left: 1px solid #FFF;
}

#countdown_dashboard .dash-glob:first-child {
	margin-left: 0;
	border-left: none
}

.dash_title {
	font-size: 16px;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
	width: 100%;
	color: #F1F1F1;
	display: block;
	clear: both;
}

.digit {
	color: #FFFFFF;
	font-size: 100px;
	font-weight: 300;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
	display: inline-block;
	overflow: hidden;
	text-align: center;
	height: 110px;
	line-height: 110px;
	position: relative;
	vertical-align: middle;
}

h4 {
	margin: 40px 0 60px 0;
	padding: 0 320px;
	font-size: 20px;
	line-height: 36px;
}

.page1 h4 {
	margin: 40px 0 80px 0;
}

/* ================================= */
/* :::::::: 2.1 Newsletter ::::::::: */
/* ================================= */

.fa-bell {
	background: #FFFFFF;
	border-radius: 5px;
	color: #333333;
	cursor: pointer;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 40px;
	-webkit-transition: all 500ms ease 0s;
	-moz-transition: all 500ms ease 0s;
	-ms-transition: all 500ms ease 0s;
	-o-transition: all 500ms ease 0s;
	transition: all 500ms ease 0s;
}

.fa-bell:hover {
	background: #88B7B3;
	color: #FFFFFF;
	-webkit-transition: all 500ms ease 0s;
	-moz-transition: all 500ms ease 0s;
	-ms-transition: all 500ms ease 0s;
	-o-transition: all 500ms ease 0s;
	transition: all 500ms ease 0s;
}

#bell-notification {
	height: 40px;
	left: 50%;
	overflow: hidden;
	position: absolute;
	top: 20px;
	width: 40px;
	z-index: 9999;
	margin-left: -20px;
	-webkit-transition: all 1500ms ease 0s;
	-moz-transition: all 1500ms ease 0s;
	-ms-transition: all 1500ms ease 0s;
	-o-transition: all 1500ms ease 0s;
	transition: all 1500ms ease 0s;
}

#subscribe {
	left: 50%;
	margin-left: -200px;
	overflow: hidden;
	padding: 5px 15px 15px;
	position: absolute;
	top: -120px;
	width: 400px;
	z-index: 9999;
	-webkit-transition: all 1500ms ease 0s;
	-moz-transition: all 1500ms ease 0s;
	-ms-transition: all 1500ms ease 0s;
	-o-transition: all 1500ms ease 0s;
	transition: all 1500ms ease 0s;
}

#subscribe .form-control {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: rgba(255,255,255,1);
	border-color: #474f6b;
	border-image: none;
	border-radius: 4px 0 0 4px;
	border-style: solid none solid solid;
	border-width: 2px medium 2px 2px;
	box-shadow: none;
	float: left;
	height: 42px;
	outline: medium none;
	padding: 10px 15px;
	transition: all 0.3s ease-in-out 0s;
	width: 265px;
	color: #333
}

#subscribe .form-control:hover, #subscribe .form-control:focus {
	border-color: #35C4A1;
	box-shadow: none;
}

#subscribe button.submit {
	background-color: #474f6b;
	border: medium none;
	border-radius: 0 4px 4px 0;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 20px;
	padding: 11px 16px;
	transition: all 0.3s ease-in-out 0s;
	width: 105px;
}

#subscribe .submit.focus, #subscribe .submit:hover {
	background-color: #35C4A1;
	color: #FFFFFF;
}

.controls .fa {
	color: #A5ABB5;
	font-size: 25px;
	margin: 9px 0 0 -80px;
	position: absolute;
}

p.message {
	font-size:12px;
	text-align:center
}

form.success-full .fa, form.success-full .message {
	color: #5CB85C;
}

form.error .fa, form.error .message {
	color: #cb4848;
}

form.bad-email .fa, form.bad-email .message {
	color: #cb4848;
}

.top-up {
	top: -100px !important;
	-webkit-transition: all 1500ms ease 0s;
	-moz-transition: all 1500ms ease 0s;
	-ms-transition: all 1500ms ease 0s;
	-o-transition: all 1500ms ease 0s;
	transition: all 1500ms ease 0s;
}

.sub-down {
    top: 80px !important;
}

/* ================================= */
/* ::::::::::: 2.2 Mouse ::::::::::: */
/* ================================= */

.scrollbott {
	bottom: 20px;
	color: #FFFFFF;
	display: block;
	font-size: 13px;
	left: 0;
	position: fixed;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	z-index: 0;
}

.scrollbott .magic {
	border: 2px solid #FFFFFF;
	border-radius: 9px;
	color: #FFFFFF;
	display: block;
	height: 28px;
	text-align: center;
	width: 18px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	margin: 0 auto;
}

.mouse-point {
	-webkit-animation: 1.5s ease 0s normal none infinite mouse-point-fade;
	-moz-animation: 1.5s ease 0s normal none infinite mouse-point-fade;
	animation: 1.5s ease 0s normal none infinite mouse-point-fade;
	background: #FFF;
	border-radius: 50%;
	height: 6px;
	left: 0;
	margin: 6px auto 0;
	right: 0;
	width: 6px;
	position: absolute
}

@-moz-keyframes mouse-point-fade {
	0% {
		margin-top: 3px;
		opacity: 0;
	}
	30% {
		opacity: 1;
	}
	100% {
		margin-top: 15px;
		opacity: 0;
	}
}

@-webkit-keyframes 
mouse-point-fade {
	0% {
		margin-top: 3px;
		opacity: 0;
	}
	30% {
		opacity: 1;
	}
	100% {
		margin-top: 15px;
		opacity: 0;
	}
}

/* ================================= */
/* ::::::::::: 3. About :::::::::::: */
/* ================================= */

.main section.page2 {
	background: #2B2D35;
	padding: 100px 0;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #FFF;
}

.main section.page2 h1 {
	text-align: center;
	padding: 0;
	margin-bottom: 60px;
	font-size: 50px;
	letter-spacing: -1px;
	color: #88B7B3;
}

.main section.page2 h2 {
	color: #FFFFFF;
	font-size: 50px;
	font-weight: 700;
	letter-spacing: -1px;
	padding: 0 0 10px;
	text-align: left;
}

.main section.page2 p {
	text-align: left;
	padding: 0;
	margin-bottom: 15px;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -1px;
	color: #FFF;
}

h3.title {
	color: #F7F7F7;
	display: block;
	font-size: 43px;
	font-weight: 100;
	letter-spacing: -0.02em;
	line-height: 0.9em;
	margin: 0;
	padding-bottom: 5px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}

p.subtitle {
	margin-bottom: 50px !important;
}

.subtitle.line-under {
	padding-bottom: 40px !important;
	position: relative;
	text-align: center !important;
	color: #CCCCCC !important
}

.subtitle {
	color: #646464;
	display: block;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.9;
	text-align: center;
}

.subtitle.line-under:after {
	background: none repeat scroll 0 0 #88B7B3;
	bottom: 0;
	content: "";
	height: 2px;
	left: 50%;
	margin-left: -55px;
	position: absolute;
	width: 110px;
}

/* ================================= */
/* ::::::::::: 3.1 Team :::::::::::: */
/* ================================= */

.og-grid {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	min-height: 390px;
}

.og-grid li {
	display: inline-block;
	margin: 0px 45px;
	vertical-align: top;
}

.og-grid li > a, .og-grid li > a img {
	border: none;
	outline: none;
	display: block;
	position: relative;
	overflow: hidden;
}

.og-grid li.og-expanded > a::after {
	top: auto;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #2B2D35;
	border-width: 15px;
	left: 50%;
	margin: -20px 0 0 -15px;
}

.og-expander {
	position: absolute;
	background: #2B2D35;
	top: auto;
	left: 0;
	width: 100%;
	margin-top: 10px;
	text-align: left;
	height: 0;
	overflow: hidden;
}

.og-expander-inner {
	padding: 50px 30px 15px;
	height: 100%;
}

.og-close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

.og-close::before, .og-close::after {
	content: '';
	position: absolute;
	width: 100%;
	top: 50%;
	height: 2px;
	background: #CCC;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.og-close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.og-close:hover::before, .og-close:hover::after {
	background: #FFF;
}

.og-fullimg, .og-details {
	width: 50%;
	float: left;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.og-details {
	padding: 0 40px 0 20px;
}

.og-details h5 small {
	color: #88B7B3;
	font-size: 80%;
}

.og-fullimg {
	text-align: right;
}

.og-fullimg img {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
}

.og-details h3 {
	font-size: 52px;
	font-weight: 700;
	color: #88B7B3;
	margin-top: 0;
	margin-bottom: 0
}

.og-details h4 {
	font-size: 24px;
	font-weight: lighter;
	color: #F5EED2;
	padding: 0 !important;
	margin: 0 !important
}

.og-details p {
	color: #999999;
	font-size: 21px;
	font-weight: 200;
	line-height: 32px;
	padding: 30px 0;
	max-width: 450px;
	margin-bottom: 50px !important;
}

.og-details a {
	font-weight: 700;
	font-size: 16px;
	color: #333;
	text-transform: uppercase;
	letter-spacing: 2px;
	border: 3px solid #333;
	display: inline-block;
	outline: none;
}

.og-details a::before {
	display: inline-block;
}

.og-details a:hover {
	border-color: #999;
	color: #999;
}

.og-loading {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ddd;
	box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
	position: absolute;
	top: 50%;
	left: 70%;
	margin: -25px 0 0 -25px;
	-webkit-animation: loader 0.5s infinite ease-in-out both;
	-moz-animation: loader 0.5s infinite ease-in-out both;
	animation: loader 0.5s infinite ease-in-out both;
}

.lil-serv {
	padding: 10px 0;
	border: 1px solid #FFF;
	border-bottom: 0;
}

.lil-serv h4 {
	padding: 0;
	margin: 0;
	font-weight: 700;
	color: #F5EED2;
}

.lil-serv p {
	text-align: center !important;
	font-weight: 100;
	margin-bottom: 0 !important;
}

.team {
	padding-bottom: 100px;
}

.border {
	background: #FFF;
	display: block;
	height: 1px;
	margin: 100px auto;
	width: 200px;
}

.progress {
	background-color: #F5F5F5;
	height: 5px;
	margin-bottom: 20px;
	overflow: hidden;
	border-radius: 0
}

.progress-bar-success {
	background-color: #88B7B3;
}

.social-team i {
	color: #FFF;
}

.social-team a:last-child {
	margin-right: 0px;
}

.social-team .btn.btn-clear {
	border: 1px solid #FFF;
}

.social-team .btn {
	margin-right: 5px;
}

.social-team .btn-round i {
	font-size: 16px;
	position: relative;
	top: 2px;
	left: 1px;
}

.social-team .btn-round {
	height: 30px;
	width: 30px;
}

img.servtopi {
	-moz-transform: scale(1) rotate(0deg);
	-webkit-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-webkit-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-ms-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
	overflow: hidden;
	position: relative;
}

img.servtopi:hover {
	-moz-transform: scale(1.3) rotate(-15deg);
	-webkit-transform: scale(1.3) rotate(-15deg);
	-o-transform: scale(1.3) rotate(-15deg);
	-ms-transform: scale(1.3) rotate(-15deg);
	transform: scale(1.3) rotate(-15deg);
	-webkit-transition: all 20s ease-out;
	-moz-transition: all 20s ease-out;
	-ms-transition: all 20s ease-out;
	-o-transition: all 20s ease-out;
	transition: all 20s ease-out;
}

@-webkit-keyframes 
loader {
	0% {
		background: #ddd;
	}
	33% {
		background: #ccc;
		box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;
	}
	66% {
		background: #ccc;
		box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;
	}
}

@-moz-keyframes 
loader {
	0% {
		background: #ddd;
	}
	33% {
		background: #ccc;
		box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;
	}
	66% {
		background: #ccc;
		box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;
	}
}

@keyframes 
loader {
	0% {
		background: #ddd;
	}
	33% {
		background: #ccc;
		box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;
	}
	66% {
		background: #ccc;
		box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;
	}
}

@media screen and (max-width: 830px) {
	.og-expander h3 {
		font-size: 32px;
	}
	
	.og-expander p {
		font-size: 13px;
	}
	
	.og-expander a {
		font-size: 12px;
	}
}

@media screen and (max-width: 650px) {
	.og-fullimg {
		display: none;
	}
	
	.og-details {
		float: none;
		width: 100%;
	}
}

/* ================================= */
/* :::::::: 3.2 Philosophy ::::::::: */
/* ================================= */

p.citation {
	font-family: "Reenie beanie", Arial, Helvetica, sans-serif;
	font-size: 30px !important;
	text-align: center !important;
	line-height: 80px !important;
}

#carousel-services {
	margin-top: 10px;
}

/* ================================= */
/* ::::::::: 3.3 Swipebox :::::::::: */
/* ================================= */

html.swipebox-html.swipebox-touch {
	overflow: hidden !important;
}

#swipebox-overlay img {
	border: none !important;
}

#swipebox-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999 !important;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#swipebox-slider {
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
	white-space: nowrap;
	position: absolute;
	display: none;
}

#swipebox-slider .slide {
	background: url(../img/loader.gif) no-repeat center center;
	height: 100%;
	width: 100%;
	line-height: 1px;
	text-align: center;
	display: inline-block;
}

#swipebox-slider .slide:before {
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right: -1px;
}

#swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	vertical-align: middle;
}

#swipebox-slider .slide .swipebox-video-container {
	background: none;
	max-width: 1140px;
	max-height: 100%;
	width: 100%;
	padding: 5%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video {
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative;
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	top: 0;
	left: 0;
}

#swipebox-action,
#swipebox-caption {
	position: absolute;
	left: 0;
	z-index: 999;
	height: 50px;
	width: 100%;
}

#swipebox-action {
	bottom: 0px;
}

/*#swipebox-action.visible-bars {
	-ms-transform: translateY(-50px);
	-webkit-transform: translateY(-50px);
	transform: translateY(-50px);
}*/

#swipebox-action #swipebox-prev,
#swipebox-action #swipebox-next,
#swipebox-action #swipebox-close {
	background-image: url(../img/swipebox-icons.png);
	background-repeat: no-repeat;
	border: none !important;
	text-decoration: none !important;
	cursor: pointer;
	position: absolute;
	width: 50px;
	height: 50px;
	top: 0;
}

#swipebox-action #swipebox-prev {
	background-position: -32px 13px;
	right: 100px;
}

#swipebox-action #swipebox-next {
	background-position: -78px 13px;
	right: 40px;
}

#swipebox-action #swipebox-close {
	background-position: 15px 12px;
	left: 40px;
}

#swipebox-action #swipebox-prev.disabled,
#swipebox-action #swipebox-next.disabled {
	opacity: 0.3;
}

#swipebox-caption {
	top: 0px;
	text-align: center;
}

/*#swipebox-caption.visible-bars {
	-ms-transform: translateY(50px);
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
}*/

#swipebox-slider.rightSpring {
	-webkit-animation: rightSpring 0.3s;
	animation: rightSpring 0.3s;
}

#swipebox-slider.leftSpring {
	-webkit-animation: leftSpring 0.3s;
	animation: leftSpring 0.3s;
}

@-webkit-keyframes rightSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: -30px;
  }

  100% {
    margin-left: 0px;
  }
}

@keyframes rightSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: -30px;
  }

  100% {
    margin-left: 0px;
  }
}

@-webkit-keyframes leftSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: 30px;
  }

  100% {
    margin-left: 0px;
  }
}

@keyframes leftSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: 30px;
  }

  100% {
    margin-left: 0px;
  }
}

@media screen and (max-width: 800px) {
  #swipebox-action #swipebox-close {
    left: 0;
  }

  #swipebox-action #swipebox-prev {
    right: 60px;
  }

  #swipebox-action #swipebox-next {
    right: 0;
  }
}

/* *-*-*-* Skin *-*-*-* */ 

#swipebox-overlay {
	background: #0d0d0d;
}

#swipebox-action,
#swipebox-caption {
	text-shadow: 1px 1px 1px black;
	background-color: #0d0d0d;
	background-color: #0d0d0d;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0d0d0d), to(black));
	background-image: -webkit-linear-gradient(top, #0d0d0d, black);
	background-image: linear-gradient(to bottom, #0d0d0d, black);
	opacity: 0.95;
}

#swipebox-action {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

#swipebox-caption {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	color: white !important;
	font-size: 15px;
	line-height: 43px;
	font-family: Lato, 'Helvetica Neue', 'Lucida Grande', Arial, Verdana, sans-serif;
}

/* ================================= */
/* :::::: 4. Contact Methods ::::::: */
/* ================================= */

.main section.page3 {
	background: #2B2D35;
	padding: 100px 0;
}

.informations {
	border-bottom: 1px solid #FFF;
	padding-bottom: 100px;
	min-height: 542px;
}

.contact-logo a {
	background: rgba(43,45,53,0.7);
	border: 1px solid #FFF;
	border-radius: 5px;
	color: #F8F8F8;
	width: 140px;
	height: 140px;
	text-align: center;
	margin: 0em auto 0;
	-webkit-transition: all 500ms ease 0s;
	-moz-transition: all 500ms ease 0s;
	-ms-transition: all 500ms ease 0s;
	-o-transition: all 500ms ease 0s;
	transition: all 500ms ease 0s;
}

.contact-logo a:hover {
	background: #2B2D35;
	color: #88B7B3;
	-webkit-transition: all 500ms ease 0s;
	-moz-transition: all 500ms ease 0s;
	-ms-transition: all 500ms ease 0s;
	-o-transition: all 500ms ease 0s;
	transition: all 500ms ease 0s;
}

.contact-logo a {
	text-decoration: none;
	cursor: pointer;
	display: block;
	padding: 3em 0;
}

.icon-contact {
	font-size: 4em;
	display: block;
}

h1.contact-methods {
	padding: 100px 50px 50px;
}

#parallax-informations h3 {
	color: #FFFFFF;
	font-weight: 700;
	text-shadow: 0 2px 3px #030303;
	text-transform: uppercase;
}

#parallax-informations h6 {
	font-weight: 700;
	text-transform: uppercase;
}

/* ================================= */
/* :::::::::::: 4.1 Map :::::::::::: */
/* ================================= */

/* Set a size for our map container, the Google Map will take up 100% of this container */

#map {
	height: 541px;
	/*min-width:1920px;*/
	width: 100%;
	z-index: -1;
	position: absolute;
	margin: auto;
	-webkit-transition: all 2500ms ease 0s;
	-moz-transition: all 2500ms ease 0s;
	-ms-transition: all 2500ms ease 0s;
	-o-transition: all 2500ms ease 0s;
	transition: all 2500ms ease 0s;
}

.move-top {
	opacity: 0 !important;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.move-down {
	margin-top: 10% !important;
	position: relative;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.frontoff {
	-webkit-transition: all 2500ms ease 0s;
	-moz-transition: all 2500ms ease 0s;
	-ms-transition: all 2500ms ease 0s;
	-o-transition: all 2500ms ease 0s;
	transition: all 2500ms ease 0s;
	z-index: 1000 !important;
	opacity: 1 !important;
	top: 0 !important
}

#hide-map {
	left: 50%;
	height: 80px;
	margin-left: -363px;
	overflow: hidden;
	padding: 15px;
	position: absolute;
	top: 0;
	width: 400px;
	z-index: -999;
	opacity: 0;
	-webkit-transition: all 1500ms ease 0s;
	-moz-transition: all 1500ms ease 0s;
	-ms-transition: all 1500ms ease 0s;
	-o-transition: all 1500ms ease 0s;
	transition: all 1500ms ease 0s;
}

.fa-compress {
	background: none repeat scroll 0 0 #FFFFFF;
	border-radius: 5px;
	color: #333333;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	position: absolute;
	right: 20px;
	text-align: center;
	top: 20px;
	width: 40px;
	-webkit-transition: all 500ms ease 0s;
	-moz-transition: all 500ms ease 0s;
	-ms-transition: all 500ms ease 0s;
	-o-transition: all 500ms ease 0s;
	transition: all 500ms ease 0s;
}

.fa-compress:hover {
	background: #333;
	color: #FFFFFF;
	-webkit-transition: all 500ms ease 0s;
	-moz-transition: all 500ms ease 0s;
	-ms-transition: all 500ms ease 0s;
	-o-transition: all 500ms ease 0s;
	transition: all 500ms ease 0s;
}

.fa-close-map {
	background: none repeat scroll 0 0 #FFFFFF;
	border-radius: 5px;
	color: #333333;
	height: 40px;
	line-height: 40px;
	position: absolute;
	right: 20px;
	text-align: center;
	top: 20px;
	width: 40px;
}

.fa-close-map:hover {
	background: #333;
}

.height-map {
	height: 520px !important;
}

h1.info-h1 {
	color: #000;
	font-size: 35px;
	padding: 0;
	line-height: 50px;
}

h1.info-h1 small {
	color: #2B2D35;
	font-size: 20px;
	font-weight: 100;
	padding: 0;
	line-height: 50px;
}

/* ================================= */
/* :::::::::: 5. Services :::::::::: */
/* ================================= */

.main section.page3 h1 {
	text-align: center;
	padding: 0;
	margin-bottom: 15px;
	font-size: 50px;
	letter-spacing: -1px;
	color: #88B7B3;
}

.function-logo {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background-color: #88B7B3;
	text-align: center;
	margin: 2em auto 0;
	padding: 3em 0;
	border: 1px solid #FFF;
}

.icon-function {
	color: white;
	font-size: 4em;
	display: block;
}

.function-desc {
	color: #F1F1F1;
}

/* ================================= */
/* :::::: 6. Solutions/Prices :::::: */
/* ================================= */

.main section.page4 {
	padding: 100px 0;
}

.main section.page4 h1 {
	color: #FFF;
	text-align: center;
	padding: 0;
	margin-bottom: 15px;
	font-size: 55px;
}

.page4 h4 {
	color: #FFFFFF;
	margin: 30px 0 60px 0;
}

.page4 .term {
	background: white;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 7px;
}

.page4 .term .solution {
	margin: 0;
	border-radius: 7px 7px 0 0;
	overflow: hidden;
	text-align: center;
	background: #2B2D35;
}

.page4 .term .solution h2 {
	padding: 1.3em 0.5em 0;
	margin: 0;
	font-size: 1.3em;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
}

.page4 .term .solution h3 {
	font-weight: 200;
	font-size: 4em;
	line-height: 1.5em;
	margin-top: 0;
	color: #88B7B3;
}

.page4 .term .solution h3 small {
	font-weight: 200;
	font-size: 0.5em;
	line-height: 1.5em;
	margin-top: 0;
	color: #88B7B3;
}

.page4 .term .solution p {
	font-size: 1.1em;
	font-weight: 200;
}

.page4 .term .solution div {
	padding: 2.2em 1em 0;
	text-align: right;
}

.page4 .term .solution input {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.page4 .term .solution sup {
	top: -1.5em;
	font-size: 0.3em;
	padding-left: 0.2em;
}

.page4 .term .solution sub {
	bottom: -0.1em;
	font-size: 0.2em;
}

.page4 .term .description-solution {
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.page4 .term .description-solution li {
	padding: 1.3em 0;
	font-size: 1em;
	font-weight: 200;
	border-bottom: 1px solid #eaeaea;
}

.page4 .term .description-solution li i {
	margin-right: 10px;
}

.page4 .term .contact-solution {
	display: block;
	margin: 0;
	text-align: center;
	border-radius: 0 0 7px 7px;
	overflow: hidden;
}

.page4 .term .contact-solution .contact-now {
	background: #88b7b3;
}

.page4 .term .contact-solution .contact-now .btn {
	background: #88b7b3;
	font-size: 1em;
	font-weight: 300;
	padding: 1.5em;
	color: white;
	border: none;
	border-radius: 0px;
	width: 100%;
	height: 100%
}

.page4 .term .contact-solution .contact-now .btn:hover {
	background: #68a49f;
}

.page4 .term.opportunity {
	padding: 1.5em 0 0;
	margin-top: -1.5em;
}

.page4 .term.opportunity .solution {
	margin: -1.5em 0 0;
	padding-top: 1.5em;
}

p.contact-now {
	margin: 0;
}

/* ================================= */
/* :::::::: 7. Contact Form :::::::: */
/* ================================= */

.main section.page5 {
	background: #2B2D35;
	padding: 100px 0;
}

.main section.page5 h1 {
	color: #88B7B3;
	text-align: center;
	padding: 0;
	margin-bottom: 15px;
	font-size: 55px;
}

.form-control {
	background: transparent;
	background-image: none;
	border: none;
	border-bottom: 1px solid #CCCCCC;
	border-radius: 0px;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset;
	color: #FFF;
	display: block;
	font-size: 14px;
	height: 34px;
	line-height: 1.42857;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	width: 100%;
}

.specsend {
	background: transparent;
	border: 1px solid #FFF;
	margin-top: 40px;
}

.form-control:focus {
	border-color: #88B7B3;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset, 0 0 0px rgba(102, 175, 233, 0.6);
	outline: 0 none;
}

.specsend:hover {
	color: #88B7B3;
	background: transparent;
}

.form-control::-moz-placeholder {
 color: #999999;
 opacity: 1;
}

.error {
	float: right;
	margin: -24px 2px 0 0;
	position: relative;
	top: 0;
}

.error i:before {
	color: #ff0000;
	font-size: 100%;
	vertical-align: top;
	content:"\f071";
	margin-right:10px;
	font-family: FontAwesome;
}
	
ul.alert-gliss {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.error {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.alert-problem {
	color:#FFF;
	background:url(../img/contact-problem.png) repeat;
	border-color:#FFF;
}

.alert-success {
	color:#FFF;
	background:url(../img/contact-success.png) repeat;
	border-color:#FFF;
	margin-top:20px;
}

/* ================================= */
/* ::::::::::: 8. Footer ::::::::::: */
/* ================================= */

footer {
	background: #FFF;
	padding: 20px 0 60px;
}

footer p {
	margin: 0;
}

.social-icons {
	margin-bottom: 15px;
}

.social-icons a:last-child {
	margin-right: 0px;
}

.social-icons .btn.btn-clear {
	border: 1px solid #333;
}

.btn.btn-clear.selected, .btn.btn-clear:hover {
	background: #88B7B3;
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
}

.btn.btn-clear {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 1px solid #333;
	color: #333;
	font-weight: 700;
	transition-property: transform;
}

.social-icons .btn {
	margin-right: 15px;
	transition-duration: 0.8s;
	-webkit-transition-duration: 0.8s;
}

.btn-round i {
	font-size: 20px;
	position: relative;
	top: 13px;
}

.btn-round {
	border-radius: 50%;
	display: inline-block;
	height: 50px;
	padding: 0;
	width: 50px;
}

.btn.btn-clear.selected, .btn.btn-clear:hover {
	background: #88B7B3;
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
}

#anchor {
	overflow: hidden;
	text-align: center;
	-webkit-transition: all 1500ms ease 0s;
	-moz-transition: all 1500ms ease 0s;
	-ms-transition: all 1500ms ease 0s;
	-o-transition: all 1500ms ease 0s;
	transition: all 1500ms ease 0s;
}

a#go-top {
	background: none repeat scroll 0 0 #2B2D35;
	border-radius: 7px 7px 0 0;
	bottom: 0;
	color: #333333;
	height: 50px;
	left: 50%;
	margin-left: -25px;
	padding: 10px 16px;
	position: absolute;
	top: 100px;
	z-index: 100;
	outline: none;
}

#go-top i {
	color: #FFF;
}

@-webkit-keyframes slideInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes slideInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		-ms-transform: translateY(2000px);
		transform: translateY(2000px);
	}
	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
}

/* ================================= */
/* :::::::::: 9. Loading ::::::::::: */
/* ================================= */

.globload {
	background-color: #2B2D35;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 100000;
	bottom: 0;
	left: 0;
	top: 0;
	right: 0;
}

.snaker {
	font-size: 10px;
	height: 30px;
	position: fixed;
	text-align: center;
	top: 47%;
	width: 100%;
}

.snaker > div {
	-webkit-animation: 1.2s ease-in-out 0s normal none infinite translating;
	-moz-animation: 1.2s ease-in-out 0s normal none infinite translating;
	-ms-animation: 1.2s ease-in-out 0s normal none infinite translating;
	-o-animation: 1.2s ease-in-out 0s normal none infinite translating;
	animation: 1.2s ease-in-out 0s normal none infinite translating;
	background-color: #88B7B3;
	display: inline-block;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	margin-bottom: 20px;
	background: #88B7B3;
	-webkit-animation-delay: -1.2s;
	animation-delay: -1.2s;
}

.snaker .circle2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
	background: #FFFFFF;
}

.snaker .circle3 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
	background: #88B7B3;
}

.snaker .circle4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
	background: #FFFFFF;
}

.snaker .circle5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
	background: #88B7B3;
}

.snaker .circle6 {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
	background: #FFFFFF;
}

.snaker h6 {
	font-family: 'Lucida Grande', Lato, 'Helvetica Neue', Arial, Verdana, sans-serif;
	font-weight: 300;
	font-size: 13px;
	color: #FFF
}

@-webkit-keyframes translating {
	0%, 40%, 100% {
		-webkit-transform: translateY(20px);
	}
	20% {
		-webkit-transform: translateY(10px);
	}
}

@keyframes translating {
	0%, 40%, 100% {
		transform: translateY(20px);
		-webkit-transform: translateY(20px);
	}
	20% {
		transform: translateY(10px);
		-webkit-transform: translateY(10px);
	}
}












/* switcher for preview */
#switcher {
    background-color: #252931;
    display: block;
    left: -150px;
    margin: 0;
    position: fixed;
    text-align: left;
	padding-bottom:10px;
    top: 10%;
    width: 150px;
    z-index: 999999;
	border-radius: 0 0 10px 0;
	-webkit-transition: all 1000ms ease 0s;
	-moz-transition: all 1000ms ease 0s;
	-ms-transition: all 1000ms ease 0s;
	-o-transition: all 1000ms ease 0s;
	transition: all 1000ms ease 0s;
}

#switcher .switch {
    color: #FFFFFF;
    font-size: 30px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: -44px;
    width: 44px;
}

#switcher a.switch {
    display: block;
    text-align: center;
	outline-style:none;
	background:#252931;
	border-radius:0 10px 10px 0;
}

#switcher h1 {
    color: #FFFFFF;
    font-size: 24px;
	margin:0 auto;
	text-align:center !important
}

.sidebar-nav > li a {
    color: #FFFFFF;
    display: block;
    padding: 3px 15px;
    text-decoration: none;
	font-size:14px;
}

.sidebar-nav > li.active > a {
    background-color: #303540;
    position: relative;
}

.sidebar-nav > li.active > a:before {
    background-color: #16A085;
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px;
}

.sidebar-nav > li a:hover {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
    color: #FFFFFF;
    text-decoration: none;
}

.showing {
	left:0 !important;
	-webkit-transition: all 1500ms ease 0s;
	-moz-transition: all 1500ms ease 0s;
	-ms-transition: all 1500ms ease 0s;
	-o-transition: all 1500ms ease 0s;
	transition: all 1500ms ease 0s;
}











/* ================================= */
/* :::::: 10. Media Queries :::::::: */
/* ================================= */

/* *=*=*=*=*=*=*=*=*=* Small screen *=*=*=*=*=*=*=*=*=* */
		
		@media only screen and  (max-width: 1600px) {
			
			#main-countdown {
				margin: -150px auto auto;
			}
			
			.page1 h4 {
				padding: 0 320px;
				margin: 0 auto 40px;
				font-size: 17px;
				line-height: 20px;
			}
			
		}
		
		@media only screen and  (max-width: 1280px) {
			
			#main-countdown {
				margin: -150px auto auto;
			}
			
			.page1 h4 {
				padding: 0 320px;
				margin: 0 auto 40px;
				font-size: 17px;
				line-height: 20px;
			}
			
		}
		
		@media only screen and (max-width: 1023px) {
			
			h4 {
				padding: 0 20px;
				margin: 0;
				font-size: 17px;
    			line-height: 20px;
			}
			
			.page1 h4 {
				padding: 0 20px;
				margin: 0 auto 40px;
				font-size: 17px;
    			line-height: 20px;
			}
			
			#countdown_dashboard .dash-glob:nth-child(3) {
				border: none;
			}
			
			.og-grid li {
				margin: 0px 100px 30px;
			}
			
			.digit {
				font-size:80px
			}
			
			.item img {
				width: 100%;
			}
			
			#parallax-informations h3 {
				font-size: 18px;
			}
			
			.page4 .term {
				margin-bottom: 20px;
			}
			
			.page4 .term.opportunity {
				margin-top: 0;
				padding-top: 0;
			}
			
			.page4 .term.opportunity .solution {
				margin-top: 0;
				padding-top: 0;
			}
			
			#formcontactus {
				margin-top: 40px;
			}
			
		}
		
		@media only screen and  (max-width: 640px) {
			
			.scrollbott {
				display:none;
			}
			
		}

/* *=*=*=*=*=*=*=*=*=* Tablet portrait *=*=*=*=*=*=*=*=*=* */

		@media only screen 
			and (min-device-width : 768px) 
			and (max-device-width : 1024px) 
			and (orientation : portrait) {
		
			.container { 
				width: 720px; 
			}
			
			#carousel-services {
				margin-top:40px;
			}
			
			#coming-soon {
				background: rgba(0, 0, 0, 0.6);
			}
			
			.dash-glob {
				width:100%;
			}
			
			#subscribe .form-control {
				border:none;
				color:#333;
				background:rgba(255,255,255,1)
			}
			
			.parallax {
				background-position: center top !important;
				background-attachment: scroll !important;
				height: auto;
				margin: 0 auto;		
				width: 100%;
			}
			
			#main-countdown {
				margin: 0 auto;
				top: 20%;
			}
			
			#countdown_dashboard .dash-glob:nth-child(3) {
				border: none;
			}
			
			.dash-glob {
				width: 50%;
			}
			
			.page1 h4 {
				padding: 0 200px;
				margin: 0 auto 40px;
				font-size: 17px;
    			line-height: 20px;
			}
			
			h4 {
				padding: 0 200px;
				margin: 0;
				font-size: 17px;
    			line-height: 20px;
			}
			
			#bell-notification {
				top: 20px;
			}
			
			.og-grid li {
				margin: 0px 15px;
			}
			
			.og-expander-inner {
				padding-bottom: 30px;
			}
			
			.og-expander h3 {
				font-size: 35px;
				margin-bottom: 10px;
			}
			
			#parallax-informations h3 {
				font-size: 18px;
			}
			
			#formcontactus {
				margin-top: 40px;
			}
			
			.og-grid li {
				margin: 0px 100px 20px;
			}
			
			.og-details p {
				margin-bottom: 10px !important;
			}
			
			.og-expander h3 {
				font-size: 32px;
			}
			
			.social-team {
				margin-bottom: 10px;
			}
			
			.social-team .btn-round i {
				top: 6px;
			}
			
			.item img {
				width: 100%;
			}
			
			#parallax-informations h3 {
				font-size: 15px;
			}
			
			.page4 .term {
				margin-bottom: 40px;
			}
			
			.page4 .term.opportunity {
				margin-top: 0;
				padding-top: 0;
			}
			
			.page4 .term.opportunity .solution {
				margin-top: 0;
				padding-top: 0;
			}
			
			.fa-bell:hover {
				background: #FFFFFF;
				color: #333333;
			}
		
		}

/* *=*=*=*=*=*=*=*=*=* Tablet landscape *=*=*=*=*=*=*=*=*=* */

		@media only screen 
			and (min-device-width : 768px) 
			and (max-device-width : 1024px) 
			and (orientation : landscape) { 
		
			#subscribe .form-control {
				border:none;
				color:#333;
				background:rgba(255,255,255,1)
			}
			
			#coming-soon {
				background: rgba(0, 0, 0, 0.6);
			}
			
			.parallax {
				background-position: center top !important;
				background-attachment: scroll !important;
				height: auto;
				margin: 0 auto;		
				width: 100%;
			}
			
			#main-countdown {
				margin: 0 auto;
				top: 20%;
			}
			
			.page1 h4 {
				padding: 0 200px;
				margin: 0 auto 40px;
				font-size: 17px;
    			line-height: 20px;
			}
			
			h4 {
				padding: 0 200px;
				margin: 0;
				font-size: 17px;
    			line-height: 20px;
			}
			
			#bell-notification {
				bottom: 40px;
			}
			
			.og-grid li {
				margin: 0px 15px;
			}
			
			.og-expander-inner {
				padding-bottom: 30px;
			}
			
			.og-expander h3 {
				font-size: 35px;
				margin-bottom: 10px;
			}
			
			#parallax-informations h3 {
				font-size: 18px;
			}
			
			#formcontactus {
				margin-top: 40px;
			}
			
			.fa-bell:hover {
				background: #FFFFFF;
				color: #333333;
			}
		}


/* *=*=*=*=*=*=*=*=*=* Phone portrait *=*=*=*=*=*=*=*=*=* */

		@media only screen 
			and (min-device-width : 320px) 
			and (max-device-width : 568px) 
			and (orientation : portrait) {
	
			.container { 
			 	width: 100%;
			 }
			 
			h1 {
				 font-size: 35px;
			}
			 
			h1.contact-methods {
				padding: 100px 0px 50px;
				font-size: 35px;
			}

			.main section.page1 h1 {
				font-size: 30px;
				line-height: 40px;
			}
			 
			h2 {
				font-size: 35px;
				line-height: 35px;
			}
			
			h3.title {
				font-size: 25px;
			}
			
			h4 {
				padding: 0;
				margin: 0;
				font-size: 17px;
    			line-height: 20px;
			}
			
			#coming-soon {
				background: rgba(0, 0, 0, 0.6);
			}
			
			.page1 h4 {
				padding: 0;
				margin: 0 auto 20px;
				font-size: 17px;
    			line-height: 20px;
			}
			
			#main-countdown {
				margin: 0 auto;
				top: 15%;
			}
			
			#countdown_dashboard {
				display: block;
				margin: 0px auto;
				max-width: 900px;
				overflow: hidden;
			}
			
			.dash {
				margin:0;
				width:100%;
			}
			
			#countdown_dashboard .dash-glob:nth-child(3) {
				border: none;
			}
			
			.og-grid li {
			margin: 0px 0px 20px;
			}
			
			.og-details {
				padding: 0;
			}
			
			.og-details p {
				margin-bottom: 10px !important;
			}
			
			.og-expander h3 {
				font-size: 24px;
			}
			
			.social-team .btn-round i {
				top: 6px;
			}
			
			.main section.page2 h2 {
				font-size: 30px;
				letter-spacing: 0px;
			}
			
			p.citation {
				font-size: 20px !important;
				line-height: 40px !important;
			}
			
			.info-content {
				max-width: 180px;
			}
			
			h1.info-h1 {
				font-size: 20px;
				line-height: 10px;
				margin-top: 20px;
			}
			
			h1.info-h1 small {
				margin-top: 10px;
				font-size: 15px;
				line-height:15px;
				float: left;
			}
			
			#hide-map {
				top: -20px;
			}
			
			.parallax {
				background-position: center top !important;
				background-attachment: scroll !important;
				height: auto;
				margin: 0 auto;		
				width: 100%;
			}
			
			#parallax-informations h3 {
				font-size: 15px;
				margin: 10px 0 5px;
			}
			
			#parallax-informations h6 {
				margin-bottom: 15px;
			}
			
			.page4 .term.opportunity {
				margin-top: 0;
				padding-top: 0;
			}
			
			.page4 .term.opportunity .solution {
				margin-top: 0;
				padding-top: 0;
			}
			
			#formcontactus {
				margin-top: 40px;
			}
			
			.social-icons .btn {
				margin-right: 0;
			}
			
			.social-icons .btn-round {
				height: 40px;
				width: 40px;
			}
			
			.social-icons .btn-round i {
				top: 7px;
			}
			
			a#go-top {
				top: 90px;
			}
			
			#carousel-services {
				margin-top:40px;
			}
			
			.sub-down {
				top: 35% !important;
			}
	
			#subscribe {
				margin-left: -150px;
				width: 300px;
				top:-150px;
			}
			
			#subscribe .form-control {
				width: 270px;
				border:none;
				border-radius:4px;
				margin-bottom:10px;
				color:#333333;
				background:rgba(255,255,255,1)
			}
			
			#subscribe input#mail-sub {
				width: 100%;
			}
	
			#subscribe button.submit {
				border-radius: 4px;
				color: #FFFFFF;
				font-size: 16px;
				line-height: 20px;
				padding: 11px 16px;
				transition: all 0.3s ease-in-out 0s;
				width: 100%;
				margin-left:0;
			}
			
			.controls .fa {
				margin: 9px 0 0 -30px;
			}
			
			#countdown_dashboard {
				margin-bottom:0;
				margin-top:0;
			}
			
			.digit {
				font-size:42px;
				height:50px;
				line-height:50px;
			}
			
			.fa-bell:hover {
				background: #FFFFFF;
				color: #333333;
			}

		}
		
/* *=*=*=*=*=*=*=*=*=* Phone landscape *=*=*=*=*=*=*=*=*=* */

		@media only screen 
			and (min-device-width : 320px) 
			and (max-device-width : 568px) 
			and (orientation : landscape) {
	
			.container { 
			 	width: 100%;
			 }
			 
			h1 {
				 font-size: 35px;
			}
			 
			h1.contact-methods {
				padding: 100px 0px 50px;
				font-size: 35px;
			}
			
			#coming-soon {
				background: rgba(0, 0, 0, 0.6);
			}

			.main section.page1 h1 {
				font-size: 30px;
				line-height: 40px;
				margin: 0;
				padding: 0;
			}
			 
			h2 {
				font-size: 35px;
				line-height: 35px;
			}
			
			h3.title {
				font-size: 25px;
			}
			
			h4 {
				padding: 0;
				margin: 0;
				font-size: 17px;
    			line-height: 20px;
			}
			
			.page1 h4 {
				padding: 0;
				margin: 0 auto 20px;
				font-size: 17px;
    			line-height: 20px;
			}
			
			#main-countdown {
				margin: 0 auto;
				top: 20%;
			}
			
			#countdown_dashboard {
				display: block;
				margin: 0px auto;
				max-width: 900px;
				overflow: hidden;
			}
			
			.scrollbott {
				display: none;
			}
			
			.dash {
				margin:0;
				width:100%;
			}
			
			.dash-glob {
				width: 25%;
			}
			
			.og-grid li {
				margin: 0px 100px 20px;
			}
			
			.og-details {
				padding: 0;
			}
			
			.og-details p {
				margin-bottom: 10px !important;
			}
			
			.og-expander h3 {
				font-size: 24px;
			}
			
			.social-team .btn-round i {
				top: 6px;
			}
			
			.main section.page2 h2 {
				font-size: 30px;
				letter-spacing: 0px;
			}
			
			p.citation {
				font-size: 20px !important;
				line-height: 40px !important;
			}
			
			.info-content {
				max-width: 180px;
			}
			
			h1.info-h1 {
				font-size: 20px;
				line-height: 10px;
				margin-top: 20px;
			}
			
			h1.info-h1 small {
				margin-top: 10px;
				font-size: 15px;
				line-height:15px;
				float: left;
			}
			
			#hide-map {
				top: -20px;
			}
			
			.parallax {
				background-position: center top !important;
				background-attachment: scroll !important;
				height: auto;
				margin: 0 auto;		
				width: 100%;
			}
			
			#parallax-informations h3 {
				font-size: 15px;
				margin: 10px 0 5px;
			}
			
			#parallax-informations h6 {
				margin-bottom: 15px;
			}
			
			.page4 .term {
				margin-bottom: 15px;
			}
			
			.page4 .term.opportunity {
				margin-top: 0;
				padding-top: 0;
			}
			
			.page4 .term.opportunity .solution {
				margin-top: 0;
				padding-top: 0;
			}
			
			#formcontactus {
				margin-top: 40px;
			}
			
			a#go-top {
				top: 100px;
			}
			
			#carousel-services {
				margin-top:40px;
			}
			
			.sub-down {
				top: 35% !important;
			}
	
			#subscribe {
				margin-left: -150px;
				width: 300px;
				top:-150px;
			}
			
			#subscribe .form-control {
				width: 270px;
				border:none;
				border-radius:4px;
				margin-bottom:10px;
				color:#333333;
				background:rgba(255,255,255,1)
			}
			
			#subscribe input#mail-sub {
				width: 100%;
			}
	
			#subscribe button.submit {
				border-radius: 4px;
				color: #FFFFFF;
				font-size: 16px;
				line-height: 20px;
				padding: 11px 16px;
				transition: all 0.3s ease-in-out 0s;
				width: 100%;
				margin-left:0;
			}
			
			.controls .fa {
				margin: 9px 0 0 -30px;
			}
			
			#countdown_dashboard {
				margin-bottom:0;
				margin-top:0;
			}
			
			.digit {
				font-size:42px;
				height:50px;
				line-height:50px;
			}
			
			.fa-bell:hover {
				background: #FFFFFF;
				color: #333333;
			}
		}