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

	#OLYMPE | Smart Coming Soon Template
	@Author		   Madeon08
	@Type          CSS
	@Last Update   7:00 PM Monday, September 29th, 2014

	TABLE OF CONTENTS
	---------------------------
	 1. Global
	 	 1.1 Basic styles
	 2. Welcome
	 3. Countdown
	 	 3.1 Chevron
		 3.2 YouTube
     4. Map
	 5. Newsletter
	 6. About
	 7. Contact Form
	 8. Inline popups
	 9. Footer
	10. Loading
	11. 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%;
}

/* ================================= */
/* ::::::: 1.1 Basic styles :::::::: */
/* ================================= */

body {
	background: #111111;
	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;
}

a:focus {
	outline: none;
	outline-offset: 0px;
}

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%;
}

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

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

h4 {
	font-size: 18px;
	line-height: 26px;
}

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

.main h1 {
	padding: 150px 50px;
	width: 100%;
	font-size: 45px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-weight: 300 !important;
	color: white;
	margin: 0;
}

.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;
}

.btn, .btn.disabled, .btn[disabled] {
    background-color: transparent;
    border-color: transparent;
    border: none;
}

.btn:hover, .btn:focus, .btn:active, .btn.active {
    color: white;
    background-color: transparent;
    border: none;
    outline: none !important;
}

.tooltip {
	text-transform: none;
}

.tooltip-inner {
  color: white;
  background-color: #434a54;
}

.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
  border-top-color: #434a54;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #434a54;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #434a54;
}

.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #434a54;
}

.main section {
	overflow: hidden;
}

.display-none {
	display: none;
}

.border {
	background: #CCC;
	display: block;
	height: 1px;
	margin: 30px auto 25px;
	width: 50px;
}

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

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

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

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

.visible {
	visibility: visible;
}

.invisible {
	visibility: hidden;
}

/* ================================= */
/* :::::::::: 2. Welcome ::::::::::: */
/* ================================= */

.outer {
    width:100%;
    height:100%;
    position: absolute;
}

.tlt {
    font-size: 50px;
    font-family: 'Lato', 'Helvetica Neue', 'Lucida Grande', Arial, Verdana, sans-serif;
    color: #FFF !important;
    letter-spacing: 2px;
    font-weight: 300;
    position: absolute;
    text-align: center;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
    width: 100%;
    z-index: 9999;
}

section.welcome-section {
	background: rgba(0,0,0,0.3);
}

#welcome {
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%;
	height: auto;
	z-index: 999
}

.main section.welcome-section h1 {
	text-align: center;
	padding: 0px 0 5px;
	color: #f1e7c0;
}

#welcome h2 {
    margin: 0 0 20px;
    font-size: 17px;
    line-height: 20px;
    color: #FFF;
}

a.anchor-link {
	color: #F8F8F8;
	outline: none;
	padding-top: 10px;
}

@-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;
}

@-webkit-keyframes slideInDown {
	
		0% {
			opacity: 0;
			-webkit-transform: translateY(-2000px);
			transform: translateY(-2000px);
		}
		
		100% {
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}
	
	}
	
 @keyframes slideInDown {
	 
		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);
		}

	}

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

/* ================================= */
/* :::::::::: 3.1 Chevron :::::::::: */
/* ================================= */

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

/* ================================= */
/* :::::::::: 3.2 YouTube :::::::::: */
/* ================================= */

#pattern {
	background: url(../img/pattern.png) repeat;
    min-height: 100%;
    min-width: 100%;
    position: fixed;
}

.sub-picture {
	background-image: url('http://placehold.it/1920x1080/6C7A89/F8F8F8&text=Background+for+mobile');
	background-size:cover;
	background-position: center;
	min-height: 1000px;
	width: 100%;
	z-index:-1;
	position: fixed;
}

/* ================================= */
/* ::::::::::::: 4. Map :::::::::::: */
/* ================================= */

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

#map {
	height: 100%;
	margin: auto;
	width: 100%;
	position: absolute;
}

.map-show {
	z-index: 9999 !important;
	opacity: 1 !important;
	top: 0 !important;
	height: 100% !important;
	width: 100% !important;
}

h2 small {
	font-weight: 300;
	color: #333333;
}

#close-map {
	left: 50%;
	height: 80px;
	margin-left: -363px;
	overflow: hidden;
	padding: 15px;
	position: absolute;
	top: -120px;
	width: 400px;
	z-index: 99999;
	-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-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;
	cursor: pointer;
}

.fa-close-map:hover {
	background: #CCCCCC;
	color: #333333;
}

.sub-down {
	top: 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;
}

/* ================================= */
/* ::::::::::: 6. About :::::::::::: */
/* ================================= */

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

.main section.about-section {
	background: #EEEEEE;
	padding: 100px 0;
	text-align: justify;
	position: relative;
	z-index: 99;
}

.main section.about-section h2 {
	font-family: 'Maven Pro', sans-serif;
	font-size: 2.571em;
	line-height: 1.222em;
	margin-bottom: 20px;
	font-weight: 400;
}

.main section.about-section p {
	color: #8f9396;
}

.contact-button {
    background: #f1e7c0;
    border-radius: 5px;
    border: 1px solid #ded2a1;
    color: #333;
    font-family: 'Lato',sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.02em;
    margin: 5px 0;
    padding: 13px 20px 13px;
    text-shadow: none;
    transition: all 200ms ease-out 0s;
}

.contact-button:hover {
	background: #efd588;
	border: 1px solid #ded2a1;
	color: #000;
}

.about-second-button {
    background: transparent;
    border-radius: 5px;
    border: 1px solid #CCCCCC;
    color: #6C7175;
    font-family: 'Lato',sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.02em;
    margin: 5px 0;
    padding: 13px 20px 13px;
    text-shadow: none;
    transition: all 200ms ease-out 0s;
}

.about-second-button:hover {
	background: #26C281;
	border: 1px solid #CCCCCC;
	color: #F8F8F8;
}

.about-section .btn i {
	padding-right: 5px;
}

.carousel-inner {
	border-radius: 5px !important;

}

.carousel-inner .item {
	border-radius: 5px !important;

}

.carousel-control {
	border-radius: 5px !important;

}

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

.main section.contact-section {
	padding: 100px 0;
	background: rgba(0,0,0,0.3);
}

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

h3.title-spec {
	font-family: 'Open sans', 'Helvetica Neue', 'Lucida Grande', Arial, Verdana, sans-serif;
	color: #f1e7c0;
	display: block;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 0.9em;
	margin: 0;
	padding-bottom: 30px;
	position: relative;
	text-align: center;
	text-transform: none;
}

#contact-form h4 {
	margin: 0px 0 40px;
}

.form-control {
	background: transparent;
	background-image: none;
	border: none;
	border-bottom: 1px solid #F8F8F8;
	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 !important;
	border: 1px solid #FFF !important;
	margin-top: 40px;
	width: auto;
	padding-left: 3em !important;
	padding-right: 3em !important;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-in-out !important;
	-moz-transition: all 0.3s ease-in-out !important;
	-ms-transition: all 0.3s ease-in-out !important;
	-o-transition: all 0.3s ease-in-out !important;
	transition: all 0.3s ease-in-out !important;
}

.specsend:hover {
	background: #f1e7c0 !important;
	color: #333333 !important;
	-webkit-transition: all 0.3s ease-in-out !important;
	-moz-transition: all 0.3s ease-in-out !important;
	-ms-transition: all 0.3s ease-in-out !important;
	-o-transition: all 0.3s ease-in-out !important;
	transition: all 0.3s ease-in-out !important;
}

.specsend:after {
	position: absolute;
	content: '\f1d9';
	font-family: 'FontAwesome';
	font-weight: normal;
	right: -3em;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color: #333;
}

.specsend:hover:after {  
  right: 1.2em;
}

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

.requiretop::-webkit-input-placeholder,
.requiretop::-webkit-input-placeholder
{
	color:    #FFFFFF !important;
}


.requiretop:-moz-placeholder,
.requiretop:-moz-placeholder 
{
	color:    #FFFFFF !important;
}

.requiretop:-ms-input-placeholder,
.requiretop:-ms-input-placeholder 
{
	color:    #FFFFFF !important;
}

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

.error-form 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;
}

.alert-success {
	color: #333;
	margin-top: 20px;
}

#contact-form li {
	list-style: none;
	margin-bottom: 20px;
	color: #F8F8F8;
	text-align: left;
}

/* ================================= */
/* :::::::: 8. Inline popup :::::::: */
/* ================================= */

.white-popup {
	background: #002A66;
	margin: 0 auto;
	max-width: 800px;
	padding: 25px;
	position: relative;
	width: auto;
}

#popup-informations {
	text-align: center;
}

#popup-informations i {
	color: #B4A189;
}

#popup-informations h2 {
    color: #B4A189;
	text-align: center;
	margin: 0;
}

#popup-informations h3 {
	color: #B4A189;
	font-size: 14px;
	font-weight: 400;
	margin: 0;
	padding: 0;
	line-height: 20px;
	text-align: center;
}

#popup-informations h4 {
	color: #333;
}

#popup-informations a {
	color: #c0af6f;
	cursor: pointer;
	display: block;
}

#popup-informations a:hover {
	text-decoration: none;
}

.fa-info, .fa-play, .fa-pause {
	background: none;
	border-radius: 5px;
	border: 1px solid #B4A189;
	color: #B4A189;
	cursor: pointer;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 40px;
	-webkit-transition: all 200ms ease 0s;
	-moz-transition: all 200ms ease 0s;
	-ms-transition: all 200ms ease 0s;
	-o-transition: all 200ms ease 0s;
	transition: all 200ms ease 0s;
}

.fa-info:hover, .fa-play:hover, .fa-pause:hover {
	border-color: #f1e7c0;
	background: #f1e7c0;
	color: #333;
	-webkit-transition: all 200ms ease 0s;
	-moz-transition: all 200ms ease 0s;
	-ms-transition: all 200ms ease 0s;
	-o-transition: all 200ms ease 0s;
	transition: all 200ms ease 0s;
}

/* ================================= */
/* ::::::::::: 9. Footer ::::::::::: */
/* ================================= */

footer {
	/*background: rgba(0, 0, 0, 0.6);*/
	background: #002A66;

	padding: 20px 0;
	position: relative;
	z-index: 99;
}

footer p {
	margin: 0;
	font-family: 'Montserrat', 'Helvetica Neue', 'Lucida Grande', Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #B4A189;
}

#mail-us-footer {
	max-width: 60%;
	margin: 0 auto 25px;
}

#mail-us-footer a {
	font-family: 'Roboto Slab', 'Helvetica Neue', 'Lucida Grande', Arial, Verdana, sans-serif;
	font-weight: 100;
	font-size: 35px;
	color:#002A66;
	background-color: #B4A189;
	padding: 10px 0 13px;
	display: block;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#mail-us-footer a:hover {
  background-color: #FFF;
  color: #333333;
  text-decoration: none;
}

h2#call-us-footer {
	font-family: 'Montserrat', 'Helvetica Neue', 'Lucida Grande', Arial, Verdana, sans-serif;
	font-size: 26px;
	color: #B4A189;
}

span.separator-number {
	padding:0px 2%;
	display:inline-block;
}

p.text-footer {
	font-family: 'Montserrat', 'Helvetica Neue', 'Lucida Grande', Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #B4A189;
	margin: 20px 0;
}

.btn-round i {
	background: transparent;
	border: 1px solid #B4A189;
	color: #B4A189;
	display: table-cell;
	font-size: 20px;
	height: 45px;
	line-height: 1;
	transition: all 200ms ease-in 0s;
	vertical-align: middle;
	width: 45px;
	margin: 0 10px;
	border-radius: 5px;
}

.btn-round {
	display: inline-block;
	height: 45px;
	padding: 0;
	width: 45px;
}

#anchor {
	overflow: hidden;
	text-align: center;
	-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;
}

a#go-top {
	background: transparent;
	border-radius: 7px 7px 0 0;
	bottom: 0;
	color: #333333;
	height: 45px;
	width: 45px;
	margin-top: 20px;
	padding: 0;
	z-index: 100;
	outline: none;
}

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

/* ================================= */
/* :::::::::: 10. Loading :::::::::: */
/* ================================= */

.globload {
	background: rgb(0,42,102); /* Old browsers */

	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 100000;
	bottom: 0;
	left: 0;
	top: 0;
	right: 0;
}

.globload img {
	 display:block;
	 margin:auto;
	 margin-bottom:20px;
}

.spinner {
	font-size: 10px;
	height: 200px;
	width: 200px;
	position: absolute;
	margin: auto;
	text-align: center;
	top: 0;
	bottom: 0;
	left:0;
	right:0;
}

.ball-anim {
  width: 130px;
  height: 70px;
  padding-top: 10px;
  margin: 0 auto;
}

.ball {
  width: 0.8em;
  height: 0.8em;
  margin: 5px;
  border-radius: 50%;
  float:left;
  }    
    .ball:nth-child(1) {
      background: #B4A189;
      -webkit-animation: right 1s infinite ease-in-out;
      -moz-animation: right 1s infinite ease-in-out;
      animation: right 1s infinite ease-in-out;    
    }

    .ball:nth-child(2) {
      background: #B4A189;
      -webkit-animation: left 1.1s infinite ease-in-out;
      -moz-animation: left 1.1s infinite ease-in-out;
      animation: left 1.1s infinite ease-in-out;
    }

    .ball:nth-child(3) {
      background: #B4A189;
      -webkit-animation: right 1.05s infinite ease-in-out;
      -moz-animation: right 1.05s infinite ease-in-out;
      animation: right 1.05s infinite ease-in-out;
    }

    .ball:nth-child(4) {
      background: #B4A189;
      -webkit-animation: left 1.15s infinite ease-in-out;
      -moz-animation: left 1.15s infinite ease-in-out;
      animation: left 1.15s infinite ease-in-out;
     }

    .ball:nth-child(5) {
      background: #B4A189;  
      -webkit-animation: right 1.1s infinite ease-in-out;
      -moz-animation: right 1.1s infinite ease-in-out;
      animation: right 1.1s infinite ease-in-out;
    }

    .ball:nth-child(6) {
      background: #B4A189;  
      -webkit-animation: left 1.05s infinite ease-in-out;
      -moz-animation: left 1.05s infinite ease-in-out;
      animation: left 1.05s infinite ease-in-out;
     }

    .ball:nth-child(7) {
      background: #B4A189;  
      -webkit-animation: right 1s infinite ease-in-out;
      -moz-animation: right 1s infinite ease-in-out;
      animation: right 1s infinite ease-in-out;
    }


@-webkit-keyframes right {
  0%   { -webkit-transform: translateY(-15px);   }
  50%  { -webkit-transform: translateY(15px);    }
  100% { -webkit-transform: translateY(-15px);   }
}

@-webkit-keyframes left {
  0%   { -webkit-transform: translateY(15px);    }
  50%  { -webkit-transform: translateY(-15px);   }
  100% { -webkit-transform: translateY(15px);    }
}

@-moz-keyframes right {
  0%   { -moz-transform: translateY(-15px);   }
  50%  { -moz-transform: translateY(15px);    }
  100% { -moz-transform: translateY(-15px);   }
}

@-moz-keyframes left {
  0%   { -moz-transform: translateY(15px);    }
  50%  { -moz-transform: translateY(-15px);   }
  100% { -moz-transform: translateY(15px);    }
}

@keyframes right {
  0%   { transform: translateY(-15px);  }
  50%  { transform: translateY(15px);   }
  100% { transform: translateY(-15px);  }
}

@keyframes left {
  0%   { transform: translateY(15px);   }
  50%  { transform: translateY(-15px);  }
  100% { transform: translateY(15px);   }
}

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

/* ================================= */
/* :::::: 11. Media Queries :::::::: */
/* ================================= */

/* *=*=*=*=*=*=*=*=*=* Small screen *=*=*=*=*=*=*=*=*=* */
		
@media only screen and (max-width: 1600px) {

		.welcome-section h2 {
			font-size: 17px;
			line-height: 20px;
		}
	
	}

@media only screen and (max-width: 1280px) {

		.welcome-section h2 {
			font-size: 17px;
			line-height: 20px;
		}
	
	}

@media only screen and (max-width: 1023px) {

		h4 {
			font-size: 17px;
			line-height: 20px;
		}
		
		.welcome-section h2 {
			font-size: 17px;
			line-height: 20px;
		}
		
		#countdown_dashboard .dash-glob:nth-child(3) {
			border: none;
		}
		
		.digit {
			font-size: 80px
		}
		
		.item img {
			width: 100%;
		}
		
		#newsletter-section h3 {
			font-size: 18px;
		}
		
		#formcontactus {
			margin-top: 40px;
		}

		#myCarousel {
			margin-top: 50px;
		}
		
	}
	
@media only screen and (max-width: 568px) {

		.main section.welcome-section h1 {
			font-size: 35px;
		}
		
		#subscribe .form-control {
			width: 100%;
		}
		
		#subscribe button.submit {
			width: 100%;
		}
		
		#subscribe .form-control {
			width: 100%;
			margin-bottom: 10px;
			border-right:5px solid rgba(255,255,255,0.2);
			border-radius: 5px;
			background: transparent;
		}
		
		#subscribe input#mail-sub {
			width: 100%;
		}
		
		#subscribe button.submit {
			border-radius: 5px;
			color: #FFFFFF;
			font-size: 16px;
			line-height: 20px;
			padding: 11px 16px;
			transition: all 0.3s ease-in-out 0s;
			width: 100%;
			margin-left: 0;
		}
		
		.fa-bell {
			margin-bottom: 15px;
		}
		
		.digit {
			font-size: 50px;
		}

		.main section.about-section h2 {
			font-size: 2em;
		}

		.main section.about-section {
    		text-align: left;
		}

		.main section.about-section .btn {
    		width: 100%;
		}

		.main section.about-section .about-second-button {
			margin-bottom: 20px;
		}

		#mail-us-footer {
    		margin: 0 auto 25px;
    		max-width: 100%;
		}

		#mail-us-footer a {
			font-size: 28px;
		}

		h2#call-us-footer {
    		font-size: 20px;
		}

		p.text-footer {
			font-size: 11px;
		}

		#myCarousel {
			margin-top: 0px;
		}
		
	}

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

@media only screen  and (min-device-width : 768px)  and (max-device-width : 1024px)  and (orientation : portrait) {

		.container {
			width: 720px;
		}

		#pattern {
			display: none;
		}

		.fa-play, .fa-pause {
			display: none;
		}
		
		#carousel-services {
			margin-top: 40px;
		}
		
		.dash-glob {
			width: 100%;
		}
		
		#countdown_dashboard .dash-glob:nth-child(3) {
			border: none;
		}
		
		.dash-glob {
			width: 50%;
		}
		
		.welcome-section h2 {
			font-size: 17px;
			line-height: 20px;
		}
		
		h4 {
			font-size: 17px;
			line-height: 20px;
		}
		
		#formcontactus {
			margin-top: 40px;
		}
		
		.item img {
			width: 100%;
		}
		
		.about-section p {
			font-size: 12px;
		}
		
	}

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

@media only screen  and (min-device-width : 768px)  and (max-device-width : 1024px)  and (orientation : landscape) {

		.fa-play, .fa-pause {
			display: none;
		}

		#pattern {
			display: none;
		}

		#subscribe .form-control {
			border: none;
			color: #333;
			background: rgba(255,255,255,1)
		}
		
		h4 {
			font-size: 17px;
			line-height: 20px;
		}
		
		.welcome-section h2 {
			font-size: 17px;
			line-height: 20px;
		}
		
		#formcontactus {
			margin-top: 40px;
		}
		
		.about-section p {
			font-size: 12px;
		}
		
	}

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

@media only screen  and (min-device-width : 320px)  and (max-device-width : 568px)  and (orientation : portrait) {

		.container {
			width: 100%;
		}

		#pattern {
			display: none;
		}

		.fa-play, .fa-pause {
			display: none;
		}
		
		section {
			padding: 50px 0 !important;
		}
		
		h1 {
			font-size: 35px;
		}
		
		.main section.welcome-section h1 {
			font-size: 30px;
			line-height: 40px;
		}
		
		h2 {
			font-size: 35px;
			line-height: 35px;
		}
		
		h3.title {
			font-size: 25px;
		}
		
		h4 {
			font-size: 17px;
			line-height: 20px;
		}
		
		.welcome-section h2 {
			font-size: 17px;
			line-height: 20px;
		}
		
		#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;
		}
		
		.info-content {
			max-width: 180px;
		}
		
		#formcontactus {
			margin-top: 40px;
		}
		
		.social-icons .btn {
			margin-right: 5px;
		}
		
		.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: 0 !important;
		}
		
		.fa-bell {
			margin-bottom: 15px;
		}

		#subscribe {
			padding-left: 0;
			padding-right: 0;
		}
		
		#subscribe .form-control {
			width: 100%;
			margin-bottom: 10px;
		}
		
		#subscribe input#mail-sub {
			width: 100%;
		}
		
		#subscribe button.submit {
			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: 12px 0 0 220px;
		}
		
		#countdown_dashboard {
			margin-bottom: 0;
			margin-top: 0;
		}
		
		.digit {
			font-size: 42px;
			height: 50px;
			line-height: 50px;
		}
		
		.mfp-bg {
			height: auto;
			background: none;
		}
		
		.mfp-wrap {
			background: #002A66;
			height: auto;
			max-height: 200%;
		}
		
		.mfp-container {
			max-height: 200%;
			height: auto;
			background: #002A66;
		}
		
		.mfp-close {
			position: absolute;
			top: 5px !important;
			right: 5px !important;
			background-size: cover !important;
			z-index: 99999 !important;
			width: 40px !important;
			height: 40px !important;
		}

		#popup-informations {
			padding-top: 70px;
		}
		
		#popup-informations h2 {
			font-size: 22px;
			font-weight: 300;
		}
		
		.info-content h2 {
			font-size: 16px;
			line-height: 16px;
			margin-top: 20px;
		}
		
		.info-content h2 small {
			font-size: 14px;
		}
		
		.about-section p {
			font-size: 12px;
		}
		
		h3.title-spec {
			font-size: 30px;
		}
		
		.welcomeblock {
			padding-top: 50px;
		}

		.specsend:hover:after {  
		    right: 1.6em;
		}
		
	}
		
/* *=*=*=*=*=*=*=*=*=* Phone landscape *=*=*=*=*=*=*=*=*=* */

@media only screen  and (min-device-width : 320px)  and (max-device-width : 568px)  and (orientation : landscape) {

		.container {
			width: 100%;
		}

		#pattern {
			display: none;
		}

		.fa-play, .fa-pause {
			display: none;
		}
		
		section {
			padding: 50px 0 !important;
		}
		
		h1 {
			font-size: 35px;
		}
		
		.main section.welcome-section h1 {
			font-size: 30px;
			line-height: 40px;
			margin: 0;
			padding: 0;
		}
		
		h2 {
			font-size: 35px;
			line-height: 35px;
		}
		
		h3.title {
			font-size: 25px;
		}
		
		h4 {
			font-size: 17px;
			line-height: 20px;
		}
		
		.welcome-section h2 {
			font-size: 17px;
			line-height: 20px;
		}

		.scrollbott {
			bottom:5px;
		}
		
		#countdown_dashboard {
			display: block;
			margin: 0px auto;
			max-width: 900px;
			overflow: hidden;
		}
		
		.dash {
			margin: 0;
			width: 100%;
		}
		
		.dash-glob {
			width: 25%;
		}
		
		.info-content {
			max-width: 180px;
		}
		
		#formcontactus {
			margin-top: 40px;
		}
		
		a#go-top {
			top: 100px;
		}
		
		#carousel-services {
			margin-top: 40px;
		}
		
		.sub-down {
			top: 0 !important;
		}
		
		#subscribe {
			width: 100%;
		}
		
		#subscribe .form-control {
			width: 100%;
			margin-bottom: 10px;
		}
		
		#subscribe input#mail-sub {
			width: 100%;
		}
		
		#subscribe button.submit {
			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: 12px 0 0 430px;
		}
		
		#countdown_dashboard {
			margin-bottom: 0;
			margin-top: 0;
		}
		
		.digit {
			font-size: 42px;
			height: 50px;
			line-height: 50px;
		}
		
		.mfp-bg {
			height: auto;
			background: none;
		}
		
		.mfp-wrap {
			background: #002A66;
			height: auto;
			max-height: 400%;
		}
		
		.mfp-container {
			max-height: 400%;
			height: auto;
			background: #F0F0F0;
		}
		
		.mfp-close {
			position: absolute;
			top: 5px !important;
			right: 5px !important;
			background-size: cover !important;
			z-index: 99999 !important;
			width: 40px !important;
			height: 40px !important;
		}
		
		#popup-informations h2 {
			font-size: 22px;
			font-weight: 300;
		}
		
		.info-content h2 {
			font-size: 16px;
			line-height: 16px;
			margin-top: 20px;
		}
		
		.info-content h2 small {
			font-size: 14px;
		}
		
		.about-section p {
			font-size: 12px;
		}
		
		h3.title-spec {
			font-size: 30px;
		}
		
	}