body{ 
   background: #000;
   font-family: 'Droid Sans', sans-serif;
   font-weight: 400;
}

a{ 
   color: #43a3da; 
   text-decoration: none;
   transition: color 0.5s;
   -webkit-transition: color 0.5s;
}
a:hover{ color: #666; }
a.fa-instagram:hover{ color: #49779c; }
a.fa-facebook:hover{ color: #49659f; }
a.fa-linkedin:hover{ color: #0077b5; }
a.fa-pinterest:hover{ color: #ce202a; }
a.fa-twitter:hover{ color: #00acee; }

h1,h2,h3,h4,h5{ font-weight: 700; }
h2,h3{ color: #43a3da; }
h1{ font-size: 36px; }
h2{ font-size: 36px; }
h3{ font-size: 20px; }
h4{ font-size: 18px;  }
h5{ font-size: 14px; color: #666; }
input:focus, textarea:focus{ border: none; outline: none; }
input, textarea{ border: none; outline: none; }
.clear{ clear: both; }
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
Pseudo ::after element
.clearfix:after {
clear: both;
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}

.cols{ width: 100%; }
.cols .col2, 
.cols .col4, 
.cols .col5, 
.cols .col3{ float: left; margin-bottom: 20px; }

.cols .col3{ width: 27.33%; padding-right: 9%; }
.cols .col3:nth-child(3n){ padding-right: 0; }

.cols .col2{ width: 45.5%; padding-right: 9%; }
.cols .col2:nth-child(2n){ padding-right: 0; }

.cols .col4{ width: 18.25%; padding-right: 9%; }
.cols .col4.narrow{ width: 22%; padding-right: 4%; }
.cols .col4:nth-child(4n){ padding-right: 0; }

.cols .col5{ width: 12.8%; padding-right: 9%; }
.cols .col5.narrow{ width: 16.8%; padding-right: 4%; }
.cols .col5:nth-child(5n){ padding-right: 0; }

.rounded{ border-radius: 5px; }

header, footer{ background: #fff; float: left; width: 100%; background: rgba(255,255,255,0.9); z-index: 99; position: relative; }
header #logo{ float: left; width: 50%; }
header #logo img{ 
   margin: 30px 0 30px 30px; 
   padding-right: 21px; 
   float: left; 
   border-right: #ccc 1px dotted; 
}
header #logo figcaption{ 
   float: left; 
   padding: 36px 0 0 21px; 
   font-size: 11px; 
   color: #ccc;  
}

header nav.main{ float: right; width: 50%; position: relative; }
header nav.main ul{ float: right; }
nav.main ul li{ float: left; }
nav.main ul li{ 
   padding: 0px 20px 25px 20px;
   border-right: #43a3da 1px dotted;
   margin-top: 40px;
}
nav.main ul li:last-child{ border: none; margin-right: 10px; }
nav.main ul li a{ font-size: 14px; }
nav.main span.fa-bars{ 
   position: absolute; 
   top: 30px; 
   right: 30px; 
   font-size: 24px; 
   background: #666; 
   color: #fff; 
   padding: 9px;
   border-radius: 2px;
   line-height: 19px;
   display: none;
}

main{ 
   color: #fff; 
   text-align: center; 
   float: left; 
   width: 100%; 
   position: relative; 
   z-index: 100;
}

main > article:first-child{ width: 750px; margin: 0 auto; }
main > article:first-child h1{ 
   text-transform: uppercase; 
   margin: 120px 0 20px 0; 
   text-shadow: 1px 1px 1px rgba(0,0,0, 0.05); 
}
main > article:first-child p{ font-size: 18px; line-height: 22px; }

#comingsoon{ 
   background: #fff; 
   color: #43a3da; 
   width: 860px; 
   margin: 0 auto;
   margin-top: 80px;
   border-radius: 5px;
   box-shadow: 1px 1px 5px 0px rgba(0,0,0, 0.4);
}
#comingsoon h2{ 
   font-size: 16px; 
   font-weight: 700px; 
   padding: 40px 0;
   text-transform: uppercase;
}
ul.counter{ width: 75%; margin: 0 auto; list-style: none;}
ul.counter li{ width: 25%; float: left; }
ul.counter li:last-child{ border: none; }
ul.counter li div{ 
   border-left: #43a3da 1px dotted; 
   padding-top: 7px; 
   position: relative; 
}
ul.counter li div:before{ 
   content: "."; 
   font-size: 24px; 
   line-height: 0; 
   font-family: verdana, sans-serif;
   position: absolute;
   top: -10px;
   right: -5px;
}
ul.counter li:last-child div:before{ content: ""; }
ul.counter li:first-child div{ border:none; }
ul.counter li span:first-child{ 
   font-size: 36px; 
   font-weight: 700; 
   padding-bottom: 10px; 
   border-bottom: #43a3da 1px dotted;
   display: block;
   margin: 0 20px;
}
ul.counter li span:last-child{ 
   font-size: 12px; 
   font-weight: 700;
   padding-top: 10px;
   padding-bottom: 40px;
   display: block;
   text-transform: uppercase;
}

.newsletter{ margin: 80px auto; width: 492px; }
.newsletter form{
   padding-left: 5px;
   background: #fff;
   border-radius: 5px;
   box-shadow: 1px 1px 5px 0px rgba(0,0,0, 0.4); 
}
.newsletter input{ border: none; height: 47px; }
.newsletter input[type=email]{
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   width: 85%;
   padding-left: 15px;
   float: left;
   font-size: 14px;
   line-height: 20px;
   font-family: 'Droid Sans', sans-serif;
   color: #666;
   font-weight: 700;
}
.newsletter input::-webkit-input-placeholder { 
   color: #ccc; 
   font-size: 12px; 
   font-weight: 400;
}
.newsletter input:-moz-placeholder { 
   color: #ccc;
   font-size: 12px;
   font-weight: 400;
}
.newsletter input::-moz-placeholder { 
   color: #ccc; 
   font-size: 12px; 
   font-weight: 400; 
}
.newsletter input:-ms-input-placeholder { 
   color: #ccc; 
   font-size: 12px; 
   font-weight: 400; 
}
.newsletter input[type=submit]{ 
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   margin-left: -5px;
   height: 47px;
   font-size: 30px;
   color: #43a3da;
   font-weight: 700;
   background:#43a3da url(../img/dotted-arrow.png) top left no-repeat;
   width: 15%;
   padding: 0 8px 0 22px;
   font-family: 'Droid Sans', sans-serif;
   cursor: pointer;
   transition: color 0.5s;
   -webkit-transition: color 0.5s;
}
.newsletter input[type=submit]:hover{ color: #999; background-color: #999; }
.newsletter p{ 
   font-size: 12px; 
   opacity: 0.5; 
   text-align: left; 
   margin: 10px 0 0 4px; 
}

.social.main{ margin-bottom: 80px; }
.social.main li{ display: inline; margin: 0 10px; }
.social.main a{ 
   color: #fff; 
   font-size: 18px; 
   opacity: 0.5;
   transition: color 0.3s;
   -webkit-transition: opacity 0.3s;
}
.social.main a:hover{ opacity: 1; }

section.inner-page{ 
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   display: none;
   text-align: left; 
   width: 60%; 
   margin: 0 auto;
   border-radius: 5px;
   padding: 72px 80px 40px;
   margin-bottom: 80px;
   box-shadow: 1px 1px 5px 0px rgba(0,0,0, 0.4);
   background: rgba(255,255,255, 0.96); 
   color: #444;
   position: absolute;
   top: 120px;
   left: 20%;
   z-index: 1000;
}
section.inner-page a.close{
   position: absolute;
   top: 10px;
   right: 10px;
   font-size: 20px;
   color: #43a3da;
}
section.inner-page > h2{ margin-bottom: 34px; }
section.inner-page p{ 
   font-size: 14px; 
   line-height: 21px; 
   color: #999; 
   margin-bottom: 16px; 
}
section.inner-page p strong{ font-size: 18px; color: #666; font-weight: 700; }
section.inner-page h3{ margin-top: 60px; margin-bottom: 30px; }
section.inner-page .features{ list-style: none; }
section.inner-page .features h5{ margin-bottom: 10px; line-height: 20px; }
section.inner-page .features h5 span{ padding-right: 10px; }
section.inner-page .features p{ 
   font-size: 13px; 
   line-height: 19px; 
   color: #999;
}
section.inner-page dl{ 
   float: left; 
   width: 270px; 
   font-size: 14px; 
   line-height: 22px; 
}
section.inner-page dl dt{ color: #999; width: 80px; margin-bottom: 2px; }
section.inner-page dl:last-child dt{ float: left; }
section.inner-page dl dd{ color: #666; margin-bottom: 2px; }

#sendemail{ clear: both; float: left; width: 100%; }
#sendemail h3{ margin-bottom: 16px; margin-top: 58px; }
#sendemail p{ margin-bottom: 20px; }
.inner-page input, .inner-page textarea{
   border-radius: 5px;
   border: #ccc 1px solid;
   height: 38px;
   font-size: 14px;
   line-height: 20px;
   font-family: 'Droid Sans', sans-serif;
}
form.default{ margin-bottom: 40px; }
form.default .left{ 
   box-sizing: border-box; 
   -moz-box-sizing: border-box; 
   -webkit-box-sizing: border-box; 
   float: left; 
   width: 42%; 
   padding-right: 10px; 
}
form.default .right{ 
   box-sizing: border-box; 
   -moz-box-sizing: border-box; 
   -webkit-box-sizing: border-box; 
   float: left; 
   width: 42%; 
   padding-right: 10px; 
}
form.default input[type=email],
form.default input[type=text],
form.default input[type=url]{
   box-sizing: border-box;  
   -moz-box-sizing: border-box;  
   -webkit-box-sizing: border-box;  
   width: 100%; 
   padding-left: 10px; 
   margin-bottom: 10px;
}
form.default textarea{ 
   box-sizing: border-box; 
   -moz-box-sizing: border-box; 
   -webkit-box-sizing: border-box; 
   width: 100%; 
   float: right; 
   height: 134px; 
   padding: 10px 0 0 10px; 
}
form.default input[type=submit]{
   float: right;
   margin-top: 20px;
   background-color: #43a3da;
   width: 130px;
   height: 40px;
   border: none;
   color: #fff;
   font-size: 18px;
   font-weight: 700;
   text-transform: uppercase;
   cursor: pointer;
}
form.default .status{
   font-size: 13px;
   color: #666;
   display: none;
   float: left;
   line-height: 18px;
   margin-top: 10px;
}

form.default .status.error{ color: #f00; }

.list-fancy li h4{ margin: 15px 0;  }
.list-fancy li p{ font-size: 12px; line-height: 18px; margin-bottom: 8px; }
.list-fancy li a{ font-size: 12px; display: block; }
.list-fancy img{ width: 100%; }
.list-fancy .social li{ float: left; padding-right: 10px; font-size: 18px; }
.list-fancy .social li a{ font-size: 18px; margin-top: 13px; }
.list-fancy .social{ float: left; margin-bottom: 24px; }

footer{ padding: 20px 0 80px 0; text-align: center; }
footer address p{ 
   font-size: 11px; 
   color: #ccc; 
   line-height: 14px; 
}

/* theme color */
/*body{ background-color: #a7a37e; }
body,a,#comingsoon,h2,h3{ color: #a7a37e; }
nav.main ul li{ border-right-color: #a7a37e; }
ul.counter li div{ border-left-color: #a7a37e; }
ul.counter li span:first-child{ border-bottom-color: #a7a37e; }
.newsletter input::-webkit-input-placeholder { color: #a7a37e; }
.newsletter input:-moz-placeholder { color: #a7a37e;   }
.newsletter input::-moz-placeholder { color: #a7a37e;   }
.newsletter input:-ms-input-placeholder {   color: #a7a37e;   }
.newsletter input[type=submit]{ color: #a7a37e; background-color:#a7a37e; }
form.default input[type=submit]{ background-color: #a7a37e; }
section.inner-page a.close{ color: #a7a37e; }*/