/********************************************************
    Template Name: Justwait
    Created By: CaptionCoder
    Website: http://captioncoder.com
    Version: 1.0
*********************************************************/

/*
============================
[ CSS Table Of Content ]
----------------------------
    1.0 - General
    2.0 - Preloader
    3.0 - Navigation Area
    4.0 - Section Title
    5.0 - Header
    6.0 - About Us
    7.0 - Services
    8.0 - Contact Us
    9.0 - Footer

-----------------------------
[ End CSS Table Of Content ]
=============================
*/


body{
	font-family: Roboto Slab, Roboto Condensed, Khand, Iceberg, sans-serif;
}
a, a:hover, a:focus{
  outline: none;
  text-decoration: none;
}
h1,h2,h3,h4,h5,h6{
	color: #333;
}
h3{
	color: #555;
}
p{
	font-size: 16px;
	color: #555;
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 300;
	line-height: 30px;
}
ul{
  list-style: none;
}
.transparent-overlay-60 {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
}
.section-padding {
  padding: 110px 0;
}
.content-area {
  margin-top:80px;
}
.top-margin-60{
	margin-top: 30px;
}
/****************************Preloader Start**************************
***********************************************************************/
#preloader { 
  position: fixed; 
  left: 0; 
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%; 
  overflow: visible; 
  background: #fff url('img/preloader.gif') no-repeat center center; 
}

/****************************Preloader End**************************
***********************************************************************/
/*
|---------------------------------------------------------------------------------
|  NAVIGATION AREA
|---------------------------------------------------------------------------------
*/
.navbar {
  border: 0 solid transparent;
  margin-bottom: 0;
  min-height: 80px;
}
.navbar {
  border-radius: 0px;
}
.navbar-default .navbar-nav li {
  background: #f3cc29 none repeat scroll 0 0;
  height: 80px;
  margin: 0 10px;
  transform: skew(-18deg);
  width: 160px;
  text-align: center;
}
.navbar-default .navbar-nav li a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #171717;
  font-family: "Roboto Slab",sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  transform: skew(18deg);
}
.navbar-default .navbar-nav .active a,
.navbar-default .navbar-nav .active a:hover,
.navbar-default .navbar-nav > .active > a:focus{
  background: none;
  outline: none;
  color:#171717;
  font-weight: 700;
}
.navbar-nav > li > a {
  padding: 30px;
}
.navbar-default ul.navbar-nav li a:hover, 
.navbar-default ul.navbar-nav li a:focus{
  background: none;
  color:#171717;
  font-weight: 700;
}
.navbar-default .navbar-nav li:hover{
  background: #ddd;
}
.navbar-default .navbar-nav li:hover a{
  font-weight: 700;
}
.navbar-default .navbar-nav li.active{
  background: #ddd;
}
.navbar-default {
  background-color: rgba(0, 0, 0, 0.4);
}
.navbar-brand {
 padding: 30px 15px;
}
.navbar-header > a.navbar-brand img {
  margin-top: -15px;
  width: 227px;
}
.navbar-active.navbar-default {
  background: rgba(0,0,0,0.85);
  border-bottom: none;
}
.navbar-active.navbar {
  height: 80px;
}
.navbar-active .navbar-brand {
  height: 70px;
  margin-top: 17px;
  padding: 21px 15px;
}
.navbar-active .navbar-nav > li > a {
  top: 0;
}
.navbar-active .navbar-header > a.navbar-brand img {
  margin-top: -23px;
}
.navbar-active .navbar-nav{
  height: 67px;
}
.navbar-active.navbar-fixed-top{
  top: 0;
}
.navbar-collapse ul{
  margin-right: 0;
}
/*
|-----------------------------------------------------------------------------
|  Section Title
|-----------------------------------------------------------------------------
*/
.section-title-1 {
  margin-top: -26px;
  position: relative;
}
.section-title-1::before {
  background: #f3cc29 none repeat scroll 0 0;
  bottom: 25px;
  content: "";
  height: 46px;
  left: 0;
  position: absolute;
  width: 10px;
}
.section-title-1::after {
  background: #333 none repeat scroll 0 0;
  bottom: 6px;
  content: "";
  height: 19px;
  left: 0;
  position: absolute;
  width: 10px;
}
.section-title-1 h1, .section-title-2 h1 {
  font-family: "Roboto Slab",sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
  margin-left: 30px;
}
.section-title-1 p,
.section-title-2 p{
  color: #333;
  margin-left: 30px;
}
.section-title-2{
	margin-top: -26px;
	position: relative;
	float: right;
	text-align: right;
}
.section-title-2 h1,
.section-title-2 p{
	margin-left: 0;
	margin-right: 30px;
}
.section-title-2::before {
  background: #f3cc29 none repeat scroll 0 0;
  bottom: 34px;
  content: "";
  height: 46px;
  position: absolute;
  right: 0;
  width: 10px;
}
.section-title-2::after {
  background: #333 none repeat scroll 0 0;
  bottom: 15px;
  content: "";
  height: 19px;
  position: absolute;
  right: 0;
  width: 10px;
}
/*
|-----------------------------------------------------------------------------
|  Header
|-----------------------------------------------------------------------------
*/
.polygon {
  position: absolute;
  height: 100%;
  width: 100%;  
}
canvas#myCanvas {
  height: 999px;
  left: 0;
  position: absolute;
  width: 100%;
}
#header {
  border-bottom: 20px solid #f3cc29;
  position: relative;
}
.inner-header {
  padding: 200px 0 399px;
}
.header-content {
  margin-top: 80px;
}
.header-content > span {
  color: #fff;
  display: inline-block;
  font-family: "Khand",sans-serif;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 8px;
  line-height: 26px;
  margin-bottom: 30px;
}
.required.email {
  background: #f3cc29 none repeat scroll 0 0;
  border: medium none;
  color: #171717;
  font-family: "Roboto Condensed",sans-serif;
  font-size: 16px;
  height: 74px;
  letter-spacing: 4px;
  padding: 0 30px;
  width: 555px;
}
.required.email:focus{
  outline: none
}
.required.email::-webkit-input-placeholder{
  color: #78771f;
}
.required.email::-moz-input-placeholder{
  color: #78771f;
}
.required.email:focus,
.required.email:active{
  border:none;
  color:#171717;
  opacity: 1;
}
.clear{
	position: relative;
}
.clear input[type="submit"] {
  background: #c7a722 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-size: 60px;
  height: 74px;
  margin-top: -10px;
  position: absolute;
  right: 292px;
  top: -64px;
  width: 95px;
}
.clear input[type="submit"]:hover{
	background: #a88d1c;
}
#mc_embed_signup div.mce_inline_error {
  background-color: #6b0505;
  color: #fff;
  display: inline-flex;
  font-size: 14px;
  font-weight: 100;
  padding: 10px;
  z-index: 1;
}
#mce-responses {
  display: inline;
}
#mce-responses .response {
  color: #35ff2b;
  display: inline-block;
  font-size: 16px;
  font-weight: 100;
  margin-top: 10px;
  padding: 0 282px;
}
.countdown-wrapper ul {
  margin-left: -70px;
  margin-top: 60px;
}
.countdown-wrapper ul li {
  display: inline-block;
  height: 120px;
  margin-left: 30px;
  width: 120px;
}
.countdown-wrapper ul li span {
  color: #fff;
  font-family: "Iceberg",sans-serif;
  font-size: 60px;
  font-weight: 700;
}
.countdown-wrapper ul li p {
  color: #fff;
  font-family: "Iceberg",sans-serif;
  font-size: 16px;
  letter-spacing: 2px;
}
.scroll-icon {
  position: relative;
}
.scroll-icon .icofont.icofont-scroll-bubble-down {
  bottom: -308px;
  color: #fff;
  font-size: 35px;
  position: absolute;
}
/*
|-----------------------------------------------------------------------------
|  About US
|-----------------------------------------------------------------------------
*/
#about{
	background: #f3f3f3;
}
.company-about h3 {
  color: #333;
  font-family: "Roboto Slab",sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  position: relative;
  text-transform: capitalize;
}
.company-about h3::before {
  background: #fff none repeat scroll 0 0;
  bottom: -20px;
  content: "";
  height: 4px;
  position: absolute;
  width: 590px;
}
.company-about > p {
  margin-top: 50px;
}
.img-bg {
  background: #f3cc29 none repeat scroll 0 0;
  content: "";
  height: 380px;
  margin-top: 30px;
  position: absolute;
  right: 15px;
  width: 526px;
}
.about-us-img{
	position: relative;
}
.about-us-img::before {
  background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
  content: "";
  height: 380px;
  left: 0;
  opacity: 0;
  position: absolute;
  width: 526px;
}
.about-us-img > img {
  border: 20px solid #fff;
  height: 380px;
  width: 526px;
  background: #ddd;
}
.about-us-img:hover::before{
	opacity: 1;
}
/*
|-----------------------------------------------------------------------------
|  Services
|-----------------------------------------------------------------------------
*/
.service-area {
  margin-top: 145px;
}
.service-title > h3 {
  color: #333;
  font-family: "Roboto Slab",sans-serif;
  font-size: 20px;
  font-weight: 400;
  margin-left: 112px;
}
.service-title .icofont.icofont-test-tube-alt,
.service-title .icofont.icofont-instrument,
.service-title .icofont.icofont-globe,
.service-title .icofont.icofont-mobile-phone,
.service-title .icofont.icofont-chart-histogram-alt,
.service-title .icofont.icofont-gears {
  float: left;
  position: relative;
}
.service-title .icofont-test-tube-alt::before,
.service-title .icofont-instrument::before,
.service-title .icofont-globe::before,
.service-title .icofont-mobile-phone::before,
.service-title .icofont-chart-histogram-alt::before,
.service-title .icofont-gears::before {
  color: #fff;
  font-size: 30px;
  left: 35px;
  position: absolute;
  top: -8px;
  z-index: 2;
}
.service-title .icofont-test-tube-alt::after,
.service-title .icofont-instrument::after,
.service-title .icofont-globe::after,
.service-title .icofont-mobile-phone::after,
.service-title .icofont-chart-histogram-alt::after,
.service-title .icofont-gears::after{
  background: #333 none repeat scroll 0 0;
  content: "";
  height: 60px;
  left: 12px;
  position: absolute;
  top: -21px;
  transform: skew(-20deg);
  width: 80px;
  z-index: 1;
}
.service-title{
	position: relative;
}
.service-title::before {
  background: #f3cc29 none repeat scroll 0 0;
  bottom: -21px;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  transform: skew(-20deg);
  width: 100%;
}
.service-details p{
	margin-top: 40px;
}
.service-info-1:hover .service-title .icofont-test-tube-alt::after,
.service-info-2:hover .service-title .icofont-instrument::after,
.service-info-3:hover .service-title .icofont-globe::after,
.service-info-4:hover .service-title .icofont-mobile-phone::after,
.service-info-5:hover .service-title .icofont-chart-histogram-alt::after,
.service-info-6:hover .service-title .icofont-gears::after{
	background: #f3cc29;
}
.service-info-1:hover .service-title .icofont-test-tube-alt::before,
.service-info-2:hover .service-title .icofont-instrument::before,
.service-info-3:hover .service-title .icofont-globe::before,
.service-info-4:hover .service-title .icofont-mobile-phone::before,
.service-info-5:hover .service-title .icofont-chart-histogram-alt::before,
.service-info-6:hover .service-title .icofont-gears::before{
	color:#333;
}
.service-info-4,
.service-info-5,
.service-info-6{
  margin-top: 80px;
}
/*
|-----------------------------------------------------------------------------
|  Contact Us
|-----------------------------------------------------------------------------
*/
#contact{
	background: #f3f3f3;
}
.contact-info-1,
.contact-info-2,
.contact-info-3{
	background: #f3cc29;
	width: 360px;
	height: 60px;
	padding: 16px 0;
}
.contact-info-1 .icofont-phone::before,
.contact-info-2 .icofont-email::before,
.contact-info-3 .icofont-globe::before {
  color: #fff;
  font-size: 25px;
  left: 36px;
  margin-top: -12px;
  position: absolute;
  top: 50%;
  z-index: 2;
}
.contact-info-1 .icofont-phone::after,
.contact-info-2 .icofont-email::after,
.contact-info-3 .icofont-globe::after{
	background: #333;
	width: 67px;
	height: 60px;
	position: absolute;
	content: "";
	left:16px;
	top: 0;
	z-index: 1;
}
.contact-info-1 p,
.contact-info-2 p,
.contact-info-3 p {
  color: #171717;
  margin-left: 88px;
}
.form-group {
  position: relative;
}
.form-group input[type="text"],.form-group input[type="email"], .form-group textarea{
	background: #fff;
	border: none;
	border-bottom: 2px solid #777;
	width: 555px;
	height: 60px;
	border-radius: 0;
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 300;
	padding: 0 0 0 60px;
	box-shadow:none;
	font-size: 16px;
	margin-top: 30px;
}
.form-group .icofont-user::before,
.form-group .icofont-email::before,
.form-group .icofont-ui-folder::before,
.form-group .icofont-ui-note::before {
  bottom: 20px;
  font-size: 25px;
  left: 18px;
  position: absolute;
  color:#f3cc29;
}
.form-group textarea {
  height: 150px;
  padding: 20px 0 0 60px;
  width: 555px;
}
.form-group textarea:hover, .form-group textarea:focus,
.form-group input[type="text"]:hover,.form-group input[type="email"]:hover,
.form-group input[type="text"]:focus,.form-group input[type="email"]:focus{
	box-shadow: 0 0 20px rgba(243,204,41,0.2);
	border-color: #f3cc29;
}
.form-group .icofont-ui-note::before {
  bottom: 0;
  left: 18px;
  top: 20px;
}
.btn.btn-submit.form-control{
  background: #333 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  color: #fff;
  font-family: "Roboto Slab",sans-serif;
  font-size: 16px;
  height: 60px;
  margin-top: 15px;
  padding: 19px 0;
  text-transform: uppercase;
}
.form-group:hover .icofont-user::before,
.form-group:hover .icofont-email::before,
.form-group:hover .icofont-ui-folder::before,
.form-group:hover .icofont-ui-note::before,
.form-group:focus .icofont-user::before,
.form-group:focus .icofont-email::before,
.form-group:focus .icofont-ui-folder::before,
.form-group:focus .icofont-ui-note::before{
	color:#333;
}
.btn.btn-submit.form-control:hover,
.btn.btn-submit.form-control:focus{
	background: #f3cc29;
	color:#333;
	outline: none;
}
.input-email-status,.input-subject-status,.input-fname-status {
  position: absolute;
  top: -30px;
}
.input-message-status {
  position: absolute;
  top: 0;
}
.input-email-status p,.input-subject-status p,.input-fname-status p,.input-message-status p{
  font-size: 12px;
  color: #ff0000;
}
.input-email-status p span,.input-subject-status p span,.input-fname-status p span,.input-message-status p span{
  color:#ff0000;
  margin-right: 10px;
}
/*
|-----------------------------------------------------------------------------
|  Footer Are Start
|-----------------------------------------------------------------------------
*/
#footer{
	background: #333;
}
.footer-area-padding{
	padding: 60px 0 86px 0;
}
.footer-social > ul {
  display: inline-flex;
  margin-left: -65px;
  margin-top: 40px;
}
.footer-social ul li {
  padding: 0 35px;
}
.footer-social ul li a {
  font-size: 20px;
  color:#fff;
  position: absolute;
  z-index: 5;
}
.footer-social ul li a::before {
  background: transparent none repeat scroll 0 0;
  border: 2px solid #f3cc29;
  content: "";
  height: 40px;
  left: -13px;
  position: absolute;
  top: -4px;
  transform: skew(-20deg);
  width: 44px;
}
.footer-social ul li a::after {
  background: #f3cc29 none repeat scroll 0 0;
  content: "";
  height: 32px;
  left: -9px;
  position: absolute;
  top: 0;
  transform: skew(-20deg);
  width: 36px;
  z-index: -1;
  opacity: 0;
}
.footer-social ul li:hover a{
	color:#333;
}
.footer-social ul li:hover a::after{
	opacity: 1;
}
#footer-bottom{
	background: #171717;
	border-top: 1px solid #f3cc29;
	padding: 10px 0;
}
.copyright-text {
  margin-top: 12px;
}
.copyright-text span{
	color: #f3cc29;
}
.copyright-text p{
	font-size: 14px;
	color: #fff;
}
.copyright-text p a{
	color:#f3cc29;
	text-decoration: none;
}
.copyright-text p a:hover, .copyright-text p a:focus{
	color:#d4b224;
	outline: none;
}