@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900);
@import url(https://fonts.googleapis.com/css?family=Lobster);

body {

background-size: cover;
font-family: "Roboto";
font-size:14px;
width:100%;
height:100%;
margin:0px;
 padding:0px;
}
canvas {
position: absolute !important;
width: 100% !important;
top: 0;
text-align: center;
height: 100% !important;
z-index: -1;
}
.text-center{
text-align:center;
}
/* thumb-demo */
.thumb{
width:23.5%; 
display:inline-block; 
margin:0px 5px 30px 5px;
text-decoration:none;
}
.thumb img{ 
max-width:100%; 
margin-bottom:10px;
border:1px solid #fff;
}
.thumb span{ 
text-align: center; 
font-weight:bold; 
margin:0px 0 0 0; 
padding:0px 0px 0px 0px; 
text-transform:uppercase; 
font-size:16px; 
color:#fff;
}
.thumb:hover span{ 
color:#FB501A;
}
/* end-thumb-demo */
ul, li{
margin:0px;
padding:0px;
list-style:none;
}
.clearfix {
clear: both;
}
.container {
margin: 0 24px;
padding: 0 0px;
}
/* background */
.naturel-background {
background: url(../img/naturel-background.jpg) no-repeat center center fixed;
background-size: cover;
}
.particles-background {
background: url(../img/particles-background.jpg) no-repeat center center fixed;
background-size: cover;
}
.white-background {

}
.main-background {
background: url(../img/main-background.jpg) no-repeat center center fixed;
background-size: cover;
}
/* end-background */

/* punchline */
.punchline{
font-size:24px;
color:#fff;
margin-bottom:30px;
text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);
text-align:center;
width:34%;
margin:auto;
padding-bottom:20px;
}
/* end-punchline */
#flake {
color: #fff;
position: absolute;
font-size: 25px;
line-height: 16px;
top: -50px;
}
#particles-js{
width: 100%;
height: 100%;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}

/* Logo */
.logo {
text-align: center;
padding: 20px 0 0px 0;
}
.logo img.logo {
position: relative;
z-index: 1;

}
/* CountDown */
.counter{
margin:0;
text-align:center;
}
.counter ul.countdown{
margin: 0px 0 25px 0;
padding: 0;
display: block;
width: 100%;
float: left;
}
.counter ul.countdown li{
display:inline-block;
padding:20px 6px;
margin:0px 4px;
background-color:rgba(67,114,150,0.2);
border:1px solid rgba(255,255,255,0.1);
}
.counter ul.countdown li span{
color:#fff;
font-size:65px;
font-weight:700;
line-height:70px;
padding:0 16px;
}
.counter ul.countdown li p{
color:#fff;
font-size:14px;
font-weight:600;
margin:0px 15px 8px 15px;
text-transform:uppercase;
}
.counter .subscribe {
float:none;
margin:auto;
display:inline-block;
text-align:center;
width: 80%;
margin: 0px 0 0 0;
}
.counter .subscribe .field{
width:55%;
display:inline-block;
text-align:center;
padding:10px;
}
.counter .subscribe .field .form-group{
float:none;
display:inline-block;
width:100%;
}
.counter .subscribe .field .form-group:last-child{
margin-right:0px;
}
.counter .subscribe h4{
text-align:center;
width:100%;
font-size:34px;
text-transform:uppercase;
color:#fff;
margin:0px 0px 8px 0px;
padding:0px;
}
h1 {text-align:center;
width:100%;
font-size:34px;
text-transform:uppercase;
color:#333;
margin:30px 0px 28px 0px;
padding:0px;}
.counter .subscribe p {
float: right;
color:#fff;
text-align:center;
font-size:23px;
margin: 0 0 10px 0;
width:100%;
}
.counter .subscribe input[type=email], .counter .subscribe input[type=text] {
background-color:rgba(255,255,255,1);
color: #333;
font-size: 14px;
border: 0px;
float:left;
width:98%;
padding-left:2%;
height:45px;
}
.counter .subscribe button[type=submit] {
background:#FB501A none repeat scroll 0 0;
border:0px;
font-size:14px;
text-transform:uppercase;
color:#fff;
font-weight:bold;
width:100%;
float:left;
cursor:pointer;
height:45px;
padding:0px 13px;
margin:0px 0px 0px 0px;
}
/* blackkcounter */
.blackkcounter ul.countdown li{
background-color:rgba(0,0,0,0);
border-right:1px dashed #333;
}
.blackkcounter ul.countdown li:last-child{
border-right:0px;
}
.blackkcounter ul.countdown li span{
color:#333;
}
.blackkcounter ul.countdown li p{
color:#333;
}
.blackkcounter .subscribe h4{
color:#333;
}
.blackkcounter .subscribe p{
color:#333;
}
/* end-blackkcounter */

/* Footer */
.footer {
border-top: solid 1px #356595;
width: 100%;
margin-top:20px;
text-align:center;
}
.footer p {
font-size: 14px;
color:#fff;
margin: 12px 0;
}
.footer .footer-social {
margin: 8px 0;
}
.footer .footer-social ul {
text-align:center;
width:100%;
}
.footer .footer-social ul li {
display:inline-block;
margin: 0 4px 0 0;
cursor: pointer;
float:none;
}
.footer .footer-social ul li a.fa {
color: #fff;
font-size: 16px;
border: solid 1px #fff;
padding: 8px 12px;
text-align: center;
display: inline-block;
text-align: center;
}
/* end-Footer */

/* blackkcounter-footer */
.blackkcounter-footer {
border-top: solid 1px #333;
width: 100%;
margin-top:20px;
text-align:center;
}
.blackkcounter-footer p {
font-size: 14px;
color:#333;
margin: 12px 0;
}
.blackkcounter-footer .footer-social {
margin: 8px 0;
}
.blackkcounter-footer .footer-social ul {
text-align:center;
width:100%;
}
.blackkcounter-footer .footer-social ul li {
display:inline-block;
margin: 0 4px 0 0;
cursor: pointer;
float:none;
}
.blackkcounter-footer .footer-social ul li a.fa {
color: #333;
font-size: 16px;
border: solid 1px #333;
padding: 8px 12px;
text-align: center;
display: inline-block;
text-align: center;
}
/* end-blackkcounter-footer */