﻿/* ==========================================================================

    Coming soon: Birva
    Type: Color Background

   ========================================================================== */
body {
    color: #fff;
    font-family: 'Segoe UI', sans-serif;
    background:none repeat scroll 0 0 #054c2a;
}
html, body {height: 100%;}

/* Website highlight color */
::-moz-selection {background: rgba(62,138,112,0.9);text-shadow: none;}
::selection {background: rgba(62,138,112,0.9);text-shadow: none;}

/* Placeholder color */
::-webkit-input-placeholder {color: #404040;}
:-moz-placeholder {color: #404040;opacity: 1;}
::-moz-placeholder {color: #404040;opacity: 1;}
:-ms-input-placeholder {color: #404040;}

/* common style */
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {font-weight: 300;font-family: 'Segoe UI', sans-serif;}
h1 {font-size: 48px;margin-top:0px;}
p {font-size: 20px;font-weight: 400;line-height: 28px;margin: 0 0 15px 0;}
#overlay {position: fixed;width: 100%;height: 100%;z-index: 0;background-size: 2px 100%;background:transparent; rgba(0,0,0,.6) !important;}
.margint0{margin-top:0px;}
/* General input styles */
input[type="text"], input[type="email"], textarea {outline: none;border: solid 1px #fff;font-size: 18px;background: none;font-weight: 300;color: #fff;-webkit-appearance: none;
    border-radius: 0;box-shadow: none}
input[type="text"]:focus, input[type="email"]:focus, textarea:focus {border-color: #3e8a70;outline: none;-o-transition: .4s;-ms-transition: .4s;-moz-transition: .4s;    -webkit-transition: .4s;transition: .4s;}

/* Preloader */
#preloader {background-color: #FFFFFF;bottom: 0;left: 0;position: fixed;right: 0;top: 0;z-index: 2147483647;}
#status {background-image: url("../images/preloader.gif");background-position: center center;background-repeat: no-repeat;height:auto;
left: 50%;top: 50%;position: absolute;width:50px;height:50px;margin: -25px 0 0 -25px;}

/* Background image styles */
#supersized {position: fixed; left: 0; top: 0; overflow: hidden; z-index: -999; height: 100%; width: 100%; }
#supersized img{width: auto; height: auto;position: relative; outline: none;border: none; }
#supersized a {z-index: -30; position: fixed; overflow: hidden; top: 0; left: 0;width: 100%; height: 100%; display: block; }

header {padding: 20px 0;margin: 0;position: relative;}
.logo { outline: none!important;}
.home-panel h1{font-size:62px;line-height:60px;font-weight:bold; color:#24a63f;margin:0; text-align:center}
.countdown{clear:both;background:none repeat scroll 0 0 rgba(255, 255, 255, 0.9)}
/* Nav styles */
.nav-handle {font-size: 30px;cursor: pointer;padding: 9px 20px 10px 20px; -o-transition: .4s; -ms-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s;    transition: .4s; position: absolute;top: 0;right: 15px; color:#054c2a;}
.nav-handle.active {color: #fff;background: #054c2a;}
nav {position: absolute;width:81px;z-index: 3;display: none;right: 15px;top: 62px;}
nav ul {list-style: none;padding: 0 0 0 15px;margin: 0;text-align:center;}
nav a {color: #054c2a;font-size: 18px;margin: 0 0 1px 0;font-weight: 300;display: block;background: #f1f1f1;padding: 15px 19px;
    -o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s;
    outline: none!important;
}
nav a:hover, nav a:focus, nav a:active {color: #fff;background: #3e8a70;text-decoration: none;}

.main-column section {display: none;}
.content-column {position: relative;z-index: 3;height: 100%;padding: 0 35px;}
.content-column-background {position: fixed;top: 0;left: 0;z-index: 2;height: 100%;background: rgba(255,255,255,0.8);}
.content-inner {min-height: 100%;padding: 0 0 150px 0;color:#404040;}

.about-panel,.contact-panel{text-align:center;padding-top:0px;}
.cbox{width:50%;margin:0 auto;height: auto;top:50%;position: relative;text-align:center;z-index: 10;
	-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
main {padding: 0 0 80px 0;text-align: center;}


/* Subscribe styles */
.subscribe-form {margin: 40px 0 0;display: inline-block;}
#subscribe-loading {text-align: center;margin: 0 0 0 10px;display: none;}
.btn-subscribe-container {height: 62px;float: left;position: relative;}
.txt-subscribe {height: 60px;width: 342px;padding: 0 22px;margin: 0;float: left;text-transform: lowercase;}
.txt-subscribe::-webkit-input-placeholder {text-transform: none;color:#fff;}
.txt-subscribe:-moz-placeholder {text-transform: none;color:#fff;}
.txt-subscribe::-moz-placeholder {text-transform: none;color:#fff;}
.txt-subscribe:-ms-input-placeholder {text-transform: none;color:#fff;}
.txt-subscribe.placeholder {text-transform: none;}
.btn-subscribe {background: #fff;border: none;color: #054c2a;height: 60px;font-size: 20px;font-weight: 400;padding: 0 22px;-o-transition: .4s;-ms-transition: .4s;
    -moz-transition: .4s;-webkit-transition: .4s;transition: .4s;}
.btn-subscribe:hover {color: #fff;background: #3e8a70;}
.btn-subscribe:active, .btn-subscribe:focus {outline: none;}
div.subscribe-message {font-size: 18px;line-height: 25px;text-align: center;}
.subscribe-error-field, .subscribe-message {font-size: 18px;line-height: 23px;font-weight: 300;text-align: left;clear: both;padding-top:10px}
.subscribe-error-field .fa {color: #fff;font-size: 21px;float: left;margin: 1px 10px 0 0;}
.subscribe-error div, .subscribe-success div {float: left;}
.subscribe-message .fa {font-size: 21px;margin: 2px 10px 0 0;}
.subscribe-message div {display: inline;}

/* Contact form styles */
.contact-form {display: inline-block;width: 487px;margin: 15px 0 0;}
.contact-form input[type="text"], .contact-form textarea {margin-top: -1px;position: relative;z-index: 1;resize: none;padding: 16px 22px;width: 100%;}
.contact-panel .contact-form input[type="text"],.contact-panel .contact-form textarea {margin-bottom: 5px;padding: 10px 20px;}
.contact-panel input[type="text"], .contact-panel input[type="email"], .contact-panel textarea {color: #333;border:none;border-bottom:1px solid #054c2a;font-weight:400;}
input.txt-name:focus, input.txt-email:focus, textarea.txt-message:focus {z-index: 2;}
.txt-email {text-transform: lowercase;}
.txt-email::-webkit-input-placeholder {text-transform: none;}
.txt-email:-moz-placeholder {text-transform: none;}
.txt-email::-moz-placeholder {text-transform: none;}
.txt-email:-ms-input-placeholder {text-transform: none;}
.txt-email.placeholder {text-transform: none;}
.btn-contact-container {display: block;height: 65px;margin: 0 0 15px 0;}
.btn-contact {background: #054c2a;width: 100%;border: none;color: #fff;height: 60px;outline: none;font-size: 24px;font-weight: 300;padding: 0 22px;
    -o-transition: .4s;-ms-transition: .4s;-moz-transition: .4s;-webkit-transition: .4s;transition: .4s;}
.btn-contact:hover {color: #fff;background: #3e8a70;}
div.contact-message {font-size: 18px;line-height: 25px;padding: 15px 0 0;display: inline-block;text-align: center;}
div.contact-message div {float: left;}
.contact-error-field, .contact-message {font-size: 18px;line-height: 25px;font-weight: 500;text-align: left;clear: both;}
.contact-error-field .fa {color: #d76e6e;font-size: 21px;float: left;margin: 2px 10px 0 0;}
.contact-message .fa {font-size: 21px;float: left;margin: 2px 10px 0 0;}
.contact-success {color: #90dc73;}
.contact-error {color: #d76e6e;}
#contact-loading {margin: 5px 0 0;display: none;}

/* jQuery Countdown styles 1.6.2. */
/* Countdown timer */
#countdown_dashboard .row p{padding:0 40px;margin-bottom:40px;}
.dash {width: 100%;height: 150px;overflow: hidden;display: inline-block;position:relative;}
.dash-container {padding: 24px 0 0;color: #054c2a;}
.dash .digit {font-size: 72px;display: inline-block;text-align: center;overflow: hidden;line-height:72px;letter-spacing: -2px;font-weight:300;}
.dash_title {clear: both;display: block;font-size: 24px;font-weight: 400;}
.digit_container {width: 100%;text-align: center;}
.text-center{text-align:center;}

/* Slider */
#owl-slider .item{text-align: center;}
#owl-slider .item p{font-size:18px;}
.owl-pagination {text-align: center;width: 100%;margin: 20px 0 0;}
.owl-theme .owl-controls .owl-page {display: inline-block;}
.owl-theme .owl-controls .owl-page span {display: block;width: 12px;height: 12px;margin: 25px 7px 0 7px;filter: Alpha(Opacity=50);opacity: 0.6;display: inline-block;
    border:1px solid #054c2a;}
.owl-theme .owl-controls .owl-page.active span {filter: Alpha(Opacity=100);opacity: 1;background:#054c2a}
.slider-icon-container {padding: 40px 0 5px 0;display: inline-block;}
.slider-icon-container i {font-size: 42px;}



/* Footer styles */
footer {margin: -100px 0 0;color:#24a63f}
footer a {color:#24a63f;-o-transition: .4s;-ms-transition: .4s;-moz-transition: .4s;-webkit-transition: .4s;transition: .4s;}
footer a:hover {color: #054c2a;text-decoration: none;}
.social-media {list-style: none;margin: 0;padding:0 0 20px;display: inline-block}
.social-media li {display: inline;padding: 0 20px 0 0;}
.social-media a {background: #054c2a;-moz-border-radius: 0 50% 0 50%;-webkit-border-radius: 0 50% 0 50%;border-radius: 0 50% 0 50%;text-align: center;width: 40px;
    height: 40px;line-height: 40px;display: inline-block;font-size: 24px;outline: none!important;color: #fff;}
.social-media a:hover {color: #fff; background: #054c2a;}
.address{font-weight:600;font-size:1.1em; line-height:20px;}



/* Mobile styles */
@media (max-width: 767px) {
    main {padding: 0;}
	.home-panel h1{font-size:72px !important;line-height:65px !important;vertical-align:middle;}
    h1 {font-size:38px;}
    footer {text-align: center;margin: 40px 0 0;padding: 0 0 40px 0;}
    footer small {text-align: center;}
    .social-media li {padding: 0 10px 0 0;}
    .content-column {height: auto;padding: 0 15px;background: rgba(255,255,255,.9);}
    .content-column-background {display: none;}
    .content-inner {padding: 0 0 35px 0;}
    .subscribe-form {margin: 58px 0 0;}
    

   
    input.txt-subscribe {width: 59%;font-size: 18px;padding: 0 15px;}
    .contact-form input, .contact-form textarea {font-size: 18px;padding-right: 15px!important;padding-left: 15px!important;}
    .btn-subscribe, .btn-contact {font-size: 18px;padding: 0 15px;}
    .countdown_amount {font-size: 25px;}
    .countdown_section {font-size: 14px;display: inline-block;text-align: center;width: 110px;height: 110px;margin: 15px;padding: 26px 0 0;line-height: 26px;}
    div.contact-message div {float: none;}
    .subscribe-error-field, .subscribe-message {font-size: 18px;}
    .subscribe-error-field .fa {font-size: 21px;margin-top: 2px;}
    .contact-form {width: 100%;}
	
	 .about-panel, .contact-panel{padding:0;}
	 .cbox{width:100%;margin:20px auto;height: auto;top:0;position: relative;text-align:center;z-index: 10;
	-webkit-transform: none;-moz-transform: none;transform: none;-ms-transform: none;-o-transform: none;}
}

/* Tablets*/
@media (min-width: 768px) and (max-width: 991px) {

	.cbox{width:100%;margin:20px auto;height: auto;top:0;position: relative;text-align:center;z-index: 10;
	-webkit-transform: none;-moz-transform: none;transform: none;-ms-transform: none;-o-transform: none;}
	
    .content-column {height: auto;background: rgba(255,255,255,.9);}
    .content-column-background {display: none;}
    .content-inner {padding: 0 0 81px 0;}
    footer {text-align: center;margin: 40px 0 0;padding: 0 0 40px 0;}
    main {padding: 0;}
    footer small {text-align: center;}
  
    .subscribe-form {margin: 116px 0 0;}
    .countdown_section {float: left;margin: 15px;}
}

/* MD styles */
@media (min-width: 992px) and (max-width: 1199px) {
    .txt-subscribe {width: 260px;}
    footer {text-align: center;margin: -120px 0 0;}
    footer small {text-align: center;}
    main {padding: 0 0 120px 0;}
    .contact-form {width: 100%;}
}

@media only screen and (max-width: 479px) {
.home-panel h1{font-size:62px !important;line-height:52px !important;vertical-align:middle;}
.cbox{width:auto%;margin:20px auto;height: auto;top:0;position: relative;text-align:center;z-index: 10;
	-webkit-transform: none;-moz-transform: none;transform: none;-ms-transform: none;-o-transform: none;}
 input.txt-subscribe {width:48%;}
 .about-panel, .contact-panel{padding:0;}
}


/*==================================
        THEE STYLE SWITHER
==================================*/ 

#style-switcher div h3 {
     color: #1D1D1D;
    font-size: 19px;
    margin: 8px 3px 12px;
}
#style-switcher {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.08);
    left: -189px;
    position: fixed;
    top: 17%;
    width: 195px;
    z-index: 9999;
}
#style-switcher div {
    padding: 5px 10px;
}
#style-switcher .bottom {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #252525;
    padding: 0;
}
#style-switcher .bottom a.settings {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.08);
    display: block;
    height: 41px;
    position: absolute;
    right: -40px;
    top: 0;
    width: 40px;
    padding: 3px;
}
#style-switcher .bottom a.settings i {
    margin-left: 1px;
    margin-top: 3px;
    color: #000;
}
#style-switcher select {
    background: none repeat scroll 0 0 #F6F6F6;
    border: 1px solid #FFFFFF;
    line-height: 1;
    margin-bottom: 10px;
    padding: 5px 10px;
    width: 150px;
}
.options_box {
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.sw-page{
 background:#222;
    color: #FFFFFF;
    display: block;
    margin: 5px 0;
    padding: 10px;
}
.sw-page:hover{
 background:#000000;
}
.variant{background:#000;}
ul.colors {
    list-style: none outside none;
    margin: 0 0 10px;
    overflow: hidden;
	padding:0;
}
ul.colors li {
    float: left;
    margin: 2px;
}
ul.colors li a {
    cursor: pointer;
    display: block;
    height: 35px;
    width: 35px;
	border-radius:4px;
	-webkit-border-radius:4px;
}

ul.colors .color1 {
    background: none repeat scroll 0 0 #00a86e ;
}
ul.colors .color2 {
    background: none repeat scroll 0 0 #fc4c46;
}
ul.colors .color3 {
     background: none repeat scroll 0 0 #CB8D1E;
}
ul.colors .color4 {
     background: none repeat scroll 0 0 #0F5959;
}
ul.colors li a.active {
    
    position: relative;
}
ul.colors li a.active:after {
	color: #fff;
    content:"\f00c";
    font-family: "FontAwesome";
    font-size: 10px;
    right: 12px;
    position: absolute;
    top: 9px;
}
.icon-2x{
font-size:28px;
line-height:30px;
}
@media only screen and (max-width: 479px) {
#style-switcher {
    display: none;
}
}

.mt20 {margin-top:20px}
.mt30 {margin-top:30px}
.mt40 {margin-top:40px}
.mt50 {margin-top:50px}

.pd20{padding:47px 0;}

.cdg {color:#006332}

.logos img {transition: transform 1.25s ease; border:1px solid trasnparent;}
.logos img:hover {
    transform:scale(1.1);
    -ms-transform:scale(1.05); /* IE 9 */
    -moz-transform:scale(1.05); /* Firefox */
    -webkit-transform:scale(1.05); /* Safari and Chrome */
    -o-transform:scale(1.05); /* Opera */
	-moz-box-shadow: 0 0 3px #999;
-webkit-box-shadow: 0 0 3px #999;
box-shadow: 0 0 3px #999;
}

.copy {padding-top:40px; font-size:14px; color: #666;}
.alo {font-size:35px; font-weight:500; color:#24a63f}
hr {color: #006332;
background-color: #006332;
height: 3px; text-align:center; width:70%}
