﻿@font-face {
     font-family: 'icomoon';
     src: url("../fonts/icomoon/icomoon.eot?srf3rx");
     src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
     font-weight: normal;
     font-style: normal;
}
/* ======================================================= * * Template Style * Edit this section * * ======================================================= */
 
.testimonial img {
    max-width: 250px;
	margin-bottom: 20px;
}
.testimonial {
    margin-bottom:40px;
	padding-bottom:20px;
	border-bottom: 2px solid #dedede;
}


body {
     font-family: "Roboto", Arial, sans-serif;
     line-height: 1.8;
     font-size: 16px;
     background: #fff;
     color: #848484;
     font-weight: 300;
     overflow-x: hidden;
}
 img {
     max-width: 100%;
}
 body.wwinc-offcanvas {
     overflow: hidden;
}
 #backtop {
     position: fixed;
     left:auto;
     right: 20px;
     top:auto;
     bottom: 20px;
     outline: none;
     overflow:hidden;
     color:#fff;
     text-align:center;
     background-color:rgba(49,79,96,0.84);
     height:40px;
     width:40px;
     line-height:40px;
     font-size:14px;
     border-radius:2px;
     cursor:pointer;
     transition:all 0.3s linear;
     z-index:999999;
     opacity:1;
     display:none;
}
 #backtop:hover {
     background-color:#4CB648;
}
 #backtop.mcOut {
     opacity:0;
}
 a {
     color: #4CB648;
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
}
 a:hover {
     text-decoration: none !important;
     color: #4CB648 !important;
}
 p, ul, ol {
     margin-bottom: 1.5em;
     font-size: 20px;
     color: #848484;
     font-family: "Roboto", Arial, sans-serif;
}
 h1, h2, h3, h4, h5, h6 {
     color: #212121;
     font-family: "Roboto", Arial, sans-serif;
     font-weight: 400;
     margin: 0 0 30px 0;
}
 figure {
     margin-bottom: 2em;
}
 ::-webkit-selection {
     color: #fcfcfc;
     background: #4CB648;
}
 ::-moz-selection {
     color: #fcfcfc;
     background: #4CB648;
}
 ::selection {
     color: #fcfcfc;
     background: #4CB648;
}
 .videoWrapper {
     position: relative;
     padding-bottom: 51.25%;
     padding-top: 25px;
     height: 0;
     border: 1px solid #555;
}
 .videoWrapper iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .videotutorials {
     position: relative;
     padding-top: 0;
     height: auto;
     text-align: center;
     margin: 0 auto;
     width: 95%;
     border: 1px solid;
	 max-height: 300px;
}
 #wwinc-header {
     position: relative;
     margin-bottom: 0;
     z-index: 9999999;
}
 .wwinc-cover, .wwinc-hero {
     position: relative;
     height: 800px;
}
 .wwinc-cover-inner, .wwinc-hero-inner {
     position: relative;
     height: 125px;
	 background-size: cover;
}
 @media screen and (max-width: 768px) {
     #offcanvas-menu ul li ul {
         display: block!important;
         border-top: 1px dotted #555;
         padding-left: 10px!important;
    }
     .wwinc-cover, .wwinc-hero {
         height: 700px;
    }
}
 .wwinc-cover.wwinc-hero-2, .wwinc-hero.wwinc-hero-2 {
     height: 600px;
}
 .wwinc-cover.wwinc-hero-2 .wwinc-overlay, .wwinc-hero.wwinc-hero-2 .wwinc-overlay {
     position: absolute !important;
     width: 100%;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     z-index: 1;
     background: rgba(0, 0, 0, 0.7);
}
 .wwinc-overlay {
     position: absolute !important;
     width: 100%;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     z-index: 1;
     background: rgba(0, 0, 0, 0.3);
}
 .wwinc-cover {
     background-size: cover;
     position: relative;
}
 @media screen and (max-width: 768px) {
     .wwinc-cover {
         height: inherit;
         padding: 3em 0;
    }
}
 .wwinc-cover .btn {
     padding: 1em 2em;
     opacity: .9;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     -ms-border-radius: 30px;
     border-radius: 30px;
}
 .wwinc-cover.wwinc-cover_2 {
     height: 600px;
}
 @media screen and (max-width: 768px) {
     .wwinc-cover.wwinc-cover_2 {
         heifght: inherit;
         padding: 3em 0;
    }
}
 .wwinc-cover .desc {
     top: 30%;
     position: absolute;
     width: 100%;
     margin-top: -100px;
     z-index: 2;
     color: #fff;
}
 @media screen and (max-width: 768px) {
     .wwinc-cover .desc {
         padding-left: 15px;
         padding-right: 15px;
    }
}
 .wwinc-cover .desc h2 {
     color: #fff;
     font-size: 55px;
     font-weight: 300;
     margin-bottom: 10px;
     line-height: 60px;
     letter-spacing: 1px;
}
 .wwinc-cover .desc h2.downloadnow {
     color: #fff;
     font-size: 55px;
     font-weight: 300;
     margin-bottom: 10px;
     line-height: 60px;
     letter-spacing: 1px;
}
 @media screen and (max-width: 1180px) {
     .wwinc-cover .desc h2 {
         font-size: 50px;
    }
     .wwinc-cover .desc h2.downloadnow {
         font-size: 40px;
         line-height: 1.2;
    }
}
 @media screen and (max-width: 768px) {
     .wwinc-cover .desc h2 {
         font-size: 20px;
         line-height: 35px;
    }
     .wwinc-cover .desc h2.downloadnow {
         font-size: 23px;
         line-height: 1.2;
    }
}
 .wwinc-cover .desc span {
     display: block;
     margin-bottom: 25px;
     font-size: 24px;
     letter-spacing: 1px;
     color: rgba(255, 255, 255, 0.8);
}
 @media screen and (max-width: 768px) {
     .wwinc-cover .desc span {
         line-height: 35px;
    }
}
 .wwinc-cover .desc span i {
     color: #DA1212;
}
 .wwinc-cover .desc span a {
     color: rgba(255, 255, 255, 0.8);
}
 .wwinc-cover .desc span a:hover, .wwinc-cover .desc span a:focus {
     color: #fff !important;
}
 .wwinc-cover .desc span a.wwinc-site-name {
     padding-bottom: 2px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
/* Superfish Override Menu */
 .sf-menu {
     margin: 0 !important;
}
 .sf-menu {
     float: right;
}
 .sf-menu ul {
     box-shadow: none;
     border: transparent;
     min-width: 12em;
     width: 12em;
     background-color:#4cb648;
}
 .sf-menu a {
     color: rgba(255, 255, 255, 0.5);
     padding: 0.6em 0.6em !important;
     border-left: none;
     border-top: none;
     text-decoration: none;
     zoom: 1;
     font-size: 16px;
     border-bottom: none !important;
     font-weight: 300;
}
 .sf-menu>li:last-child {
     background-color:#4CB648;
     border-radius:10px;
}
 .sf-menu li:last-child a {
     color:#fff;
}
 .sf-menu li:last-child:hover {
     background-color:#555;
}
 .sf-menu a:hover, .sf-menu a:focus {
     color: #fff !important;
}
 .sf-menu li.active a:hover, .sf-menu li.active a:focus {
     color: #fff;
}
 .sf-menu li, .sf-menu ul li, .sf-menu ul ul li, .sf-menu li:hover, .sf-menu li.sfHover {
     background: transparent;
}
 .sf-menu ul li a, .sf-menu ul ul li a {
     text-transform: none;
     padding: 0.25em 1em !important;
     letter-spacing: 1px;
}
 .sf-menu li:hover a, .sf-menu li.sfHover a, .sf-menu ul li:hover a, .sf-menu ul li.sfHover a, .sf-menu li.active a {
     color: #fff;
}
 .sf-menu ul li:hover, .sf-menu ul li.sfHover {
     background: transparent;
}
 .sf-menu ul li {
     background: transparent;
}
 .sf-arrows .sf-with-ul {
     padding-right: 2.5em;
     *padding-right: 1em;
}
 .sf-arrows .sf-with-ul:after {
     content: '';
     position: absolute;
     top: 50%;
     right: 1em;
     margin-top: -3px;
     height: 0;
     width: 0;
     border: 5px solid transparent;
     border-top-color: #ccc;
}
 .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after {
     border-top-color: #ccc;
}
 .sf-arrows ul .sf-with-ul:after {
     margin-top: -5px;
     margin-right: -3px;
     border-color: transparent;
     border-left-color: #ccc;
}
 .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after {
     border-left-color: #ccc;
}
 #wwinc-header-section {
     padding: 0;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 2;
}
 .nav-header {
     margin-top: 40px;
     position: relative;
     float: left;
     width: 100%;
}
 #wwinc-logo {
     z-index: 2;
     font-size: 38px;
     text-transform: uppercase;
     font-weight: 900;
     float: left;
     margin-bottom: 0;
     margin-top: 0;
}
 #wwinc-logo a {
     position: relative;
}
 #wwinc-logo span {
     padding: 0;
     margin: 0;
     font-weight: 100;
}
 @media screen and (max-width: 768px) {
     #wwinc-logo {
         width: 100%;
         float: none;
         text-align: center;
    }
}
 @media screen and (max-width: 480px) {
     #wwinc-logo img{
         width: 80%;
         position:relative;
         top: -7px;
         left: -15px;
    }
}
 #wwinc-logo a {
     color: #fff;
}
 #wwinc-logo a:hover, #wwinc-logo a:focus {
     color: #fff !important;
}
 #wwinc-menu-wrap {
     position: relative;
     z-index: 2;
     display: block;
     float: right;
}
 #wwinc-primary-menu > li > ul li.active > a {
     color: #4CB648 !important;
}
 #wwinc-primary-menu > li > .sf-with-ul:after {
     border: none !important;
     font-family: 'icomoon';
     speak: none;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
    /* Better Font Rendering =========== */
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     position: absolute;
     float: right;
     margin-right: -8px;
     top: 50%;
     margin-top: -7px;
     content: "\e922";
     color: rgba(255, 255, 255, 0.5);
}
 #wwinc-primary-menu > li > ul li {
     position: relative;
}
 #wwinc-primary-menu > li > ul li > .sf-with-ul:after {
     border: none !important;
     font-family: 'icomoon';
     speak: none;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
    /* Better Font Rendering =========== */
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     position: absolute;
     float: right;
     margin-right: 10px;
     top: 20px;
     font-size: 16px;
     content: "\e924";
     color: rgba(0, 0, 0, 0.5);
}
 #wwinc-primary-menu .wwinc-sub-menu {
     padding: 10px 7px 10px;
     background: #fff;
     left: 0;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     border-radius: 5px;
     -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
     -ms-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
     -o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}
 #wwinc-primary-menu .wwinc-sub-menu > li > .wwinc-sub-menu {
     left: 100%;
}
 #wwinc-primary-menu .wwinc-sub-menu:before {
     position: absolute;
     top: -9px;
     left: 20px;
     width: 0;
     height: 0;
     content: '';
}
 #wwinc-primary-menu .wwinc-sub-menu:after {
     position: absolute;
     top: -8px;
     left: 30px;
     width: 0;
     height: 0;
     border-right: 8px solid transparent;
     border-bottom: 8px solid #fff;
     border-left: 8px solid transparent;
     content: '';
}
 #wwinc-primary-menu .wwinc-sub-menu .wwinc-sub-menu:before {
     top: 6px;
     left: 100%;
}
 #wwinc-primary-menu .wwinc-sub-menu .wwinc-sub-menu:after {
     top: 7px;
     right: 100%;
     border: none !important;
}
 .site-header.has-image #primary-menu .sub-menu {
     border-color: #ebebeb;
     -webkit-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
     -moz-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
     -ms-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
     -o-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
     box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
}
 .site-header.has-image #primary-menu .sub-menu:before {
     display: none;
}
 #wwinc-primary-menu .wwinc-sub-menu a {
     letter-spacing: 0;
     padding: 0 15px;
     font-size: 18px;
     line-height: 34px;
     color: #575757 !important;
     text-transform: none;
     background: none;
}
 #wwinc-primary-menu .wwinc-sub-menu a:hover {
     color: #4CB648 !important;
}
 #wwinc-demo-section, #wwinc-promo-section, #wwinc-programs-section, #wwinc-schedule-section, #wwinc-subscription-section, #wwinc-about-section, #wwinc-contact-section, #wwinc-team-section, #wwinc-blog-section, #wwinc-contact {
     padding: 7em 0;
}
 @media screen and (max-width: 768px) {
     #wwinc-demo-section, #wwinc-promo-section, #wwinc-programs-section, #wwinc-schedule-section, #wwinc-subscription-section, #wwinc-about-section, #wwinc-contact-section, #wwinc-team-section, #wwinc-blog-section, #wwinc-contact {
         padding: 4em 0;
    }
}
 .wwinc-lightgray-section {
     background: rgba(0, 0, 0, 0.06);
}
 .heading-section {
     margin-bottom: 0;
}
 .heading-section h2 {
     font-size: 35px;
     letter-spacing: 1px;
     text-transform: uppercase;
     position: relative;
     font-weight: 900;
}
 .program {
    /*margin-bottom: 4em;
    */
}
 .program img {
     color: red;
     width: 70px;
     margin-bottom: 30px;
}
 .program h3 {
     font-size: 20px;
}
 .program-schedule h3 {
     font-size: 18px;
}
 @media (max-width: 1199px) and (min-width: 992px) {
     .program-schedule h3 {
         font-size: 16px;
    }
}
 .crea-footer {
     max-width: 250px;
     width: 100%;
}
 @media (max-width: 991px) {
     .crea-inline {
         margin-top: 5px;
         display: block;
         width: 100%;
    }
}
 .program.program-schedule .crea-logo {
     line-height: 64px;
     margin-bottom: 30px;
}
 .program.program-schedule .crea-logo img {
     width: 100% !important;
     max-width: 125px !important;
     margin: auto;
}
 .program.program-schedule {
     margin-bottom: 2em;
     padding: 40px;
     background: #fff;
     min-height: 300px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     -ms-border-radius: 4px;
     border-radius: 4px;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .program.program-schedule img {
     width: 40px !important;
}
 .program.program-schedule h3 {
     margin-bottom: 0;
}
 .program.program-schedule small {
     display: block;
     font-size: 12px;
}
 .program.program-schedule:hover, .program.program-schedule:focus {
     -webkit-box-shadow: 0px 6px 55px -23px rgba(0, 0, 0, 0.72);
     -moz-box-shadow: 0px 6px 55px -23px rgba(0, 0, 0, 0.72);
     box-shadow: 0px 6px 55px -23px rgba(0, 0, 0, 0.72);
}
 .schedule {
     padding: 0;
     margin: 0 0 40px 0;
}
 .schedule li {
     display: -moz-inline-stack;
     display: inline-block;
     zoom: 1;
     font-size: 16px;
}
 .schedule li a {
     color: rgba(0, 0, 0, 0.5);
     padding: 5px 20px;
     cursor: pointer;
}
 .schedule li a:active, .schedule li a:focus {
     text-decoration: none;
}
 .schedule li a.active {
     background: #4CB648;
     color: #fff !important;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     -ms-border-radius: 30px;
     border-radius: 30px;
}
 @media screen and (max-width: 768px) {
     .schedule li {
         display: -moz-inline-stack;
         display: inline-block;
         zoom: 1;
         margin-bottom: 10px;
         font-size: 18px;
    }
}
 .schedule-content {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .schedule-content.active {
     opacity: 1;
     visibility: visible;
}
 .wwinc-table, .wwinc-table-cell, .wwinc-parallax {
     height: 500px;
}
 .wwinc-parallax {
     background-color: #555;
     background-attachment: fixed;
     background-size: cover;
     position: relative;
}
 .wwinc-parallax .overlay {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: black;
     opacity: .2;
}
 @media screen and (max-width: 768px) {
     .wwinc-parallax {
         height: inherit;
         padding: 4em 0;
    }
}
 .wwinc-parallax .wwinc-intro h1 {
     color: #fff;
     font-size: 70px;
     font-weight: 300;
     margin-bottom: 10px;
}
 .wwinc-parallax .wwinc-intro h2 {
     color: #fff;
     font-size: 30px;
     font-weight: 300;
     margin-bottom: 10px;
}
 @media screen and (max-width: 768px) {
     .wwinc-parallax .wwinc-intro h1 {
         font-size: 30px;
    }
     .wwinc-parallax .wwinc-intro h2 {
         font-size: 25px;
    }
}
 .wwinc-parallax .wwinc-intro p {
     color: #fff;
}
 .wwinc-parallax .wwinc-intro p a {
     color: #fff;
     border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}
 .wwinc-parallax .wwinc-intro p a:hover {
     color: #fff;
}
 .wwinc-parallax .wwinc-intro.box-area {
     padding: 40px;
     background: #222831;
}
 .wwinc-table {
     display: table;
}
 .wwinc-table-cell {
     display: table-cell;
     vertical-align: middle;
}
 .wwinc-pricing {
     padding: 7em 0;
}
 @media screen and (max-width: 768px) {
     .wwinc-pricing {
         padding: 3em 0;
    }
}
 .wwinc-pricing .pricing {
     display: block;
     float: left;
     margin-bottom: 30px;
}
 .wwinc-pricing .price-box {
     text-align: center;
     padding: 30px;
     background: #fff;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     border-radius: 5px;
     margin-bottom: 40px;
     position: relative;
     border:1px solid #4CB648;
}
 .wwinc-pricing .price-box.popular .btn-select-plan {
     background: #4CB648;
}
 .wwinc-pricing .price-box.popular .price {
     color: #4CB648;
}
 .wwinc-pricing .price-box .btn-select-plan {
     padding: 10px 20px;
     background: #5bc0de;
     color: #fff;
}
 .wwinc-pricing .price-box .classes {
     padding: 0;
}
 .wwinc-pricing .price-box .classes li {
     display: block;
     list-style: none;
     margin: 0;
     font-size: 16px;
     padding: 8px 10px;
}
 .wwinc-pricing .price-box .classes li.color {
     background: rgba(0, 0, 0, 0.04);
}
 .wwinc-pricing .pricing-plan {
     margin: 0 0 50px 0;
     padding: 0;
     font-size: 13px;
     letter-spacing: 2px;
     text-transform: uppercase;
     font-weight: 700;
     color: #888f94;
}
 .wwinc-pricing .pricing-plan.pricing-plan-offer {
     margin-bottom: 24px;
}
 .wwinc-pricing .pricing-plan span {
     display: block;
     margin-top: 10px;
     margin-bottom: 0;
     color: #d5d8db;
}
 .wwinc-pricing .price {
     font-size: 72px;
     color: #6d6d6d;
     line-height: 80px;
}
 .wwinc-pricing .price .currency {
     font-size: 30px;
     top: -0.9em;
     padding-right: 10px;
}
 .wwinc-pricing .price small {
     font-size: 13px;
     display: block;
     text-transform: uppercase;
     color: #888f94;
}
 .team-section-grid {
     position: relative;
     background-size: cover;
     height: 450px;
     margin-bottom: 30px;
     overflow: hidden;
}
 .team-section-grid .overlay-section {
     position: absolute;
     top: 0;
     bottom: -450px;
     left: 0;
     right: 0;
     opacity: 0;
     background: rgba(0, 0, 0, 0.5);
     -webkit-transition: 0.6s;
     -o-transition: 0.6s;
     transition: 0.6s;
}
 .team-section-grid .overlay-section h3 {
     color: #fff;
     margin-bottom: 10px;
     font-size: 20px;
     text-transform: uppercase;
     letter-spacing: 3px;
}
 .team-section-grid .overlay-section span {
     display: block;
     margin-bottom: 15px;
}
 .team-section-grid .overlay-section p {
     color: rgba(255, 255, 255, 0.7);
}
 .team-section-grid .overlay-section p.wwinc-social-icons a:hover, .team-section-grid .overlay-section p.wwinc-social-icons a:focus {
     text-decoration: none !important;
}
 .team-section-grid .overlay-section p.wwinc-social-icons i {
     font-size: 40px;
     color: #fff;
}
 .team-section-grid .overlay-section span {
     color: #fff;
     display: block;
}
 .team-section-grid .overlay-section .desc {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     padding: 30px;
}
 .team-section-grid:hover .overlay-section {
     bottom: 0;
     opacity: 1;
}
 .about {
     padding-bottom: 5em;
}
 .about img {
     margin-bottom: 50px;
}
 .contact {
     padding-bottom: 5em;
}
 .contact img {
     margin-bottom: 50px;
}
 #wwinc-contact .contact-info {
     margin: 0;
     padding: 0;
}
 #wwinc-contact .contact-info li {
     list-style: none;
     margin: 0 0 20px 0;
     position: relative;
     padding-left: 40px;
}
 #wwinc-contact .contact-info li i {
     position: absolute;
     top: .3em;
     left: 0;
     font-size: 22px;
     color: rgba(0, 0, 0, 0.2);
}
 #wwinc-contact .contact-info li a {
     font-weight: 400 !important;
     color: rgba(0, 0, 0, 0.3);
}
 #wwinc-contact .form-control {
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     -ms-box-shadow: none;
     -o-box-shadow: none;
     box-shadow: none;
     border: none;
     border: 1px solid rgba(0, 0, 0, 0.1);
     font-size: 18px;
     font-weight: 400;
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     -ms-border-radius: 0px;
     border-radius: 0px;
}
 #wwinc-contact .form-control:focus, #wwinc-contact .form-control:active {
     border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
 #wwinc-contact input[type="text"] {
     height: 50px;
}
 #wwinc-contact .form-group {
     margin-bottom: 30px;
}
 .section-title {
     font-weight: 900;
     text-transform: uppercase;
}
 .wwinc-blog {
     margin-bottom: 50px;
     position: relative;
}
 .wwinc-blog .inner-post {
     position: absolute;
     top: 0;
     left: 0;
     width: 200px;
     height: 150px;
}
 .wwinc-blog .inner-post img {
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     -ms-border-radius: 4px;
     border-radius: 4px;
}
 @media screen and (max-width: 768px) {
     .wwinc-blog .inner-post {
         width: 100%;
         position: relative !important;
         height: inherit !important;
         margin-bottom: 30px;
    }
}
 .wwinc-blog .desc {
     padding-left: 230px;
}
 @media screen and (max-width: 768px) {
     .wwinc-blog .desc {
         padding-left: 0;
    }
}
 .wwinc-blog .desc h3 {
     font-size: 22px;
     margin-bottom: 10px;
     line-height: 32px;
}
 .wwinc-blog .desc h3 a {
     color: rgba(0, 0, 0, 0.7);
}
 .wwinc-blog .desc span {
     display: inline-block;
     margin-bottom: 15px;
     margin-right: 20px;
}
 .wwinc-blog .desc.desc2 {
     padding-left: 100px;
}
 @media screen and (max-width: 768px) {
     .wwinc-blog .desc.desc2 {
         padding-left: 0;
    }
}
 .wwinc-blog .meta-date {
     position: absolute;
     top: 0;
     left: 0;
     padding: 10px 20px;
     background: #4CB648;
}
 @media screen and (max-width: 768px) {
     .wwinc-blog .meta-date {
         position: relative;
         float: left;
         width: 100%;
         margin-bottom: 20px;
    }
}
 .wwinc-blog .meta-date p {
     margin: 0;
     display: block;
     color: #fff;
}
 .wwinc-blog .meta-date p span {
     display: block;
     font-size: 14px;
}
 @media screen and (max-width: 768px) {
     .wwinc-blog .meta-date p span {
         float: left;
         margin-right: 10px;
         margin-top: 8px;
    }
}
 .wwinc-blog .meta-date p span.date {
     font-size: 30px;
     font-weight: 900;
     line-height: 28px;
}
 @media screen and (max-width: 768px) {
     .wwinc-blog .meta-date p span.date {
         display: -moz-inline-stack;
         display: inline-block;
         zoom: 1;
         float: left;
         margin-right: 10px;
         margin-top: 8px;
    }
}
 #map {
     width: 100%;
     height: 500px;
     position: relative;
}
 @media screen and (max-width: 768px) {
     #map {
         height: 200px;
    }
     .mobilepricetext {
        font-size:40px;
         line-height: normal;
    }
}
 .wwinc-social-icons > a {
     padding: 4px 10px;
     color: #4CB648;
}
 .wwinc-social-icons > a i {
     font-size: 26px;
}
 .wwinc-social-icons > a:hover, .wwinc-social-icons > a:focus, .wwinc-social-icons > a:active {
     text-decoration: none;
     color: #212121;
}
 #footer {
     background: #222831;
     padding: 60px 0 40px;
}
 #footer .section-title {
     color: rgba(255, 255, 255, 0.8);
}

 .wwinc-demo .contact-info li {
     list-style: none;
     margin: 0 0 20px 0;
     position: relative;
     padding-left: 40px;
}
 .wwinc-demo .contact-info li i {
     position: absolute;
     top: 5px;
     left: 0;
     font-size: 22px;
     color: #4CB648;
}
 .wwinc-demo .contact-info li a {
     color: #4CB648;
}
 #footer .contact-info {
     margin: 0 0 60px 0;
     padding: 0;
}
 #footer .contact-info li {
     list-style: none;
     margin: 0 0 20px 0;
     position: relative;
     padding-left: 40px;
}
 #footer .contact-info li i {
     position: absolute;
     top: 5px;
     left: 0;
     font-size: 22px;
     color: rgba(255, 255, 255, 0.7);
}
 #footer .contact-info li a {
     color: rgba(255, 255, 255, 0.6);
}
 #footer .contact-form .form-group input[type="name"], #footer .contact-form .form-group input[type="text"], #footer .contact-form .form-group input[type="email"], #footer .contact-form .form-group textarea {
     font-size: 16px;
}
 #footer .contact-form .form-group input[type="name"]::-webkit-input-placeholder, #footer .contact-form .form-group input[type="text"]::-webkit-input-placeholder, #footer .contact-form .form-group input[type="email"]::-webkit-input-placeholder, #footer .contact-form .form-group textarea::-webkit-input-placeholder {
     color: rgba(255, 255, 255, 0.5);
}
 #footer .contact-form .form-group input[type="name"]:-moz-placeholder, #footer .contact-form .form-group input[type="text"]:-moz-placeholder, #footer .contact-form .form-group input[type="email"]:-moz-placeholder, #footer .contact-form .form-group textarea:-moz-placeholder {
    /* Firefox 18- */
     color: rgba(255, 255, 255, 0.5);
}
 #footer .contact-form .form-group input[type="name"]::-moz-placeholder, #footer .contact-form .form-group input[type="text"]::-moz-placeholder, #footer .contact-form .form-group input[type="email"]::-moz-placeholder, #footer .contact-form .form-group textarea::-moz-placeholder {
    /* Firefox 19+ */
     color: rgba(255, 255, 255, 0.5);
}
 #footer .contact-form .form-group input[type="name"]:-ms-input-placeholder, #footer .contact-form .form-group input[type="text"]:-ms-input-placeholder, #footer .contact-form .form-group input[type="email"]:-ms-input-placeholder, #footer .contact-form .form-group textarea:-ms-input-placeholder {
     color: rgba(255, 255, 255, 0.5);
}
 #footer .contact-form .form-group input {
     color: rgba(255, 255, 255, 0.5);
     border: none;
     background: rgba(0, 0, 0, 0.2);
     box-shadow: none;
}
 #footer .contact-form .form-group textarea {
     color: rgba(255, 255, 255, 0.5);
     border: none;
     background: rgba(0, 0, 0, 0.2);
     box-shadow: none;
}
 #footer #btn-submit {
     color: rgba(255, 255, 255, 0.9) !important;
     background: #4CB648 !important;
}
 #footer .copy-right {
     border-top: 1px solid rgba(255, 255, 255, 0.1);
     padding-top: 50px;
     margin-top: 50px;
}
 #footer .copy-right p {
     color: rgba(255, 255, 255, 0.3);
     letter-spacing: 1px;
     font-size: 14px;
     text-transform: uppercase;
}
 #footer .copy-right p a {
     color: rgba(255, 255, 255, 0.5);
}
 .btn {
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .btn {
     text-transform: uppercase;
     letter-spacing: 2px;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .btn.btn-primary {
     background: #4CB648;
     color: #fff;
     border: none !important;
     border: 2px solid transparent !important;
}
 .btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus {
     box-shadow: none;
     background: #4CB648;
     color: #fff !important;
}
 .btn:hover, .btn:active, .btn:focus {
     background: #393e46 !important;
     color: #fff !important;
     outline: none !important;
}
 .btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active {
     border-color: transparent;
}
 .js .animate-box {
     opacity: 0;
}
 #wwinc-wrapper {
     overflow-x: hidden;
     position: relative;
}
 .wwinc-offcanvas {
     overflow: hidden;
}
 .wwinc-offcanvas #wwinc-wrapper {
     overflow: hidden !important;
}
 #wwinc-page {
     position: relative;
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
}
 .wwinc-offcanvas #wwinc-page {
     -moz-transform: translateX(-240px);
     -webkit-transform: translateX(-240px);
     -ms-transform: translateX(-240px);
     -o-transform: translateX(-240px);
     transform: translateX(-240px);
}
 @media screen and (max-width: 768px) {
     #wwinc-menu-wrap {
         display: none;
    }
}
 #offcanvas-menu {
     position: absolute;
     top: 0;
     bottom: 0;
     z-index: 99;
     background: #222;
     right: -240px;
     width: 240px;
     padding: 20px;
     overflow-y: scroll !important;
}
 #offcanvas-menu ul {
     padding: 0;
     margin: 0;
}
 #offcanvas-menu ul li {
     padding: 0;
     margin: 0 0 10px 0;
     list-style: none;
}
 #offcanvas-menu ul li a {
     font-size: 18px;
     color: rgba(255, 255, 255, 0.4);
}
 #offcanvas-menu ul li a:hover {
     color: #4CB648;
}
 #offcanvas-menu ul li > .wwinc-sub-menu {
     margin-top: 9px;
     padding-left: 20px;
}
 #offcanvas-menu ul li.active > a {
     color: #4CB648;
}
 #offcanvas-menu ul .wwinc-sub-menu {
     display: block !important;
}
 .wwinc-nav-toggle {
     cursor: pointer;
     text-decoration: none;
}
 .wwinc-nav-toggle.active i::before, .wwinc-nav-toggle.active i::after {
     background: #fff;
}
 .wwinc-nav-toggle.dark.active i::before, .wwinc-nav-toggle.dark.active i::after {
     background: #fff;
}
 .wwinc-nav-toggle:hover, .wwinc-nav-toggle:focus, .wwinc-nav-toggle:active {
     outline: none;
     border-bottom: none !important;
}
 .wwinc-nav-toggle i {
     position: relative;
     display: -moz-inline-stack;
     display: inline-block;
     zoom: 1;
     width: 30px;
     height: 2px;
     color: #fff;
     font: bold 14px/.4 Helvetica;
     text-transform: uppercase;
     text-indent: -55px;
     background: #fff;
     transition: all 0.2s ease-out;
}
 .wwinc-nav-toggle i::before, .wwinc-nav-toggle i::after {
     content: '';
     width: 30px;
     height: 2px;
     background: #fff;
     position: absolute;
     left: 0;
     -webkit-transition: 0.2s;
     -o-transition: 0.2s;
     transition: 0.2s;
}
 .wwinc-nav-toggle.dark i {
     position: relative;
     color: #000;
     background: #000;
     transition: all 0.2s ease-out;
}
 .wwinc-nav-toggle.dark i::before, .wwinc-nav-toggle.dark i::after {
     background: #000;
     -webkit-transition: 0.2s;
     -o-transition: 0.2s;
     transition: 0.2s;
}
 .wwinc-nav-toggle i::before {
     top: -7px;
}
 .wwinc-nav-toggle i::after {
     bottom: -7px;
}
 .wwinc-nav-toggle:hover i::before {
     top: -10px;
}
 .wwinc-nav-toggle:hover i::after {
     bottom: -10px;
}
 .wwinc-nav-toggle.active i {
     background: transparent;
}
 .wwinc-nav-toggle.active i::before {
     top: 0;
     -webkit-transform: rotateZ(45deg);
     -moz-transform: rotateZ(45deg);
     -ms-transform: rotateZ(45deg);
     -o-transform: rotateZ(45deg);
     transform: rotateZ(45deg);
}
 .wwinc-nav-toggle.active i::after {
     bottom: 0;
     -webkit-transform: rotateZ(-45deg);
     -moz-transform: rotateZ(-45deg);
     -ms-transform: rotateZ(-45deg);
     -o-transform: rotateZ(-45deg);
     transform: rotateZ(-45deg);
}
 .wwinc-nav-toggle {
     position: absolute;
     top: 0px;
     right: 0px;
     z-index: 9999;
     margin: 0 auto;
     display: none;
     cursor: pointer;
}
 @media screen and (max-width: 768px) {
     .wwinc-nav-toggle {
         display: block;
         top: 0px;
    }
}
 @media screen and (max-width: 480px) {
     .col-xxs-12 {
         float: none;
         width: 100%;
    }
}
 .row-bottom-padded-lg {
     padding-bottom: 7em;
}
 @media screen and (max-width: 768px) {
     .row-bottom-padded-lg {
         padding-bottom: 2em;
    }
}
 .row-top-padded-lg {
     padding-top: 7em;
}
 @media screen and (max-width: 768px) {
     .row-top-padded-lg {
         padding-top: 2em;
    }
}
 .row-bottom-padded-md {
     padding-bottom: 4em;
}
 @media screen and (max-width: 768px) {
     .row-bottom-padded-md {
         padding-bottom: 2em;
    }
}
 .row-top-padded-md {
     padding-top: 4em;
}
 @media screen and (max-width: 768px) {
     .row-top-padded-md {
         padding-top: 2em;
    }
}
 .row-bottom-padded-sm {
     padding-bottom: 2em;
}
 @media screen and (max-width: 768px) {
     .row-bottom-padded-sm {
         padding-bottom: 2em;
    }
}
 .row-top-padded-sm {
     padding-top: 2em;
}
 @media screen and (max-width: 767px) {
     .row-top-padded-sm {
         padding-top: 2em;
    }
}
 .border-bottom {
     border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
 .lead {
     line-height: 1.8;
}
 .no-js #loader {
     display: none;
}
 .js #loader {
     display: block;
     position: absolute;
     left: 100px;
     top: 0;
}
 .wwinc-loader {
     position: fixed;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     z-index: 9999;
     background: url(../images/hourglass.svg) center no-repeat #222222;
}
 @media screen and (max-width: 991px) {
     .phone-app {
         display:none;
    }
}
 @media screen and (max-width: 768px) {
     .phone-app {
         display:none;
    }
}
 .help-block ul li {
     color: #F00!important;
     font-weight:500;
}
/*# sourceMappingURL=style.css.map */
