body{ color:#777; font-family:'lato'; font-size:16px; line-height:21px;}
ul{ margin:0; padding:0; list-style:none;}
a, a:hover{color:#e3a22a;}
@font-face {
    font-family: 'lato';
    src: url('../fonts/lato-regular-webfont.woff2') format('woff2'),
         url('../fonts/lato-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'lato';
    src: url('../fonts/lato-semibold-webfont.woff2') format('woff2'),
         url('../fonts/lato-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'lato';
    src: url('../fonts/lato-bold-webfont.woff2') format('woff2'),
         url('../fonts/lato-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
header{ background:url(../images/banner-bg.jpg) no-repeat center center; background-size:cover; width:100%; height:100vh; display:table;}
header .banner{display:table-cell; vertical-align:middle; position:relative;}
header .banner .logo{ margin:120px 0 0;}
header .banner h1{ font-size:30px; line-height:34px; font-weight:400; color:#e3a22a; margin:45px 0 15px; padding:0;}
header .banner p{ font-size:18px; line-height:24px; color:#ccc; margin:0 0 40px; padding:0;}
header .banner ul li{ display:inline-block; margin:0 10px 0 0;}
header .banner .godown{ position:absolute; width:30px; height:45px; border:1px solid #fff; bottom:10px; left:50%; border-radius:15px; opacity:0.8;}
header .banner .godown .mcursor{ position:absolute; width:8px; height:8px; border-radius:50%; background:#fff; left:10px; top:8px;  animation: mcursor 1.3s infinite; -webkit-animation: mcursor 1.3s infinite;}

.navbar{ position:fixed; width:100%; background:#fff; z-index:-1; transition:all 300ms linear; opacity:0; box-shadow:0 0 20px rgba(0,0,0,0.2); padding:0;}
.navbar.shownavbar{ opacity:1; z-index:9;}
.navbar ul li{ display:inline-block;}
.navbar ul li a{ display:block; color:#000; padding:16px 20px; text-transform:uppercase; text-decoration:none;}
.navbar ul li.active a{ color:#fff; background:#e2a22a;}
.navbar img{ margin:6px 0 0;}
.navbar-toggle{ border:1px solid #999999;}
.mobile-menu{display:block; width:50px; height:52px; float:right; position:relative; top:0; right:0; margin-right:0 !important;}
.dl-menuwrapper button {background:transparent; border:none;}
.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active{background:transparent; border:none;}
.dl-menuwrapper ul.nav{ background:#e3a22a; border:none; box-shadow:0 0 5px rgba(0,0,0,0.2);}
.dl-menuwrapper ul.nav li{border-bottom:1px solid #fff; display:block;}
.dl-menuwrapper ul.nav li:last-child{border-bottom:none;}
.dl-menuwrapper ul.nav li a{ color:#fff; padding:12px 15px;}
.dl-menuwrapper ul.nav li.active a{ background:#d58a00;}

.siterow{ padding:100px 0; position:relative;}
.siterow.dark{ background:#f9f9f9;}
.siterow h2{ font-size:30px; line-height:34px; font-weight:400; color:#000; background:url(../images/titlebg.png) no-repeat center bottom; margin:0 0 50px; padding:0 0 15px;}
.ftrcoloumn{ padding-right:30px;}
.ftrcoloumn h3{ font-size:24px; line-height:28px; font-weight:600; color:#444; margin:30px 0 20px; padding:0;}
.siterow h4{ font-size:18px; line-height:18px; font-weight:400; color:#000; margin:0 0 5px; padding:0;}
#contact p{ margin:0 0 30px;}
#contact input, #contact textarea{ background:#fff; border:1px solid #e1e1e1; border-radius:4px; height:40px; padding:10px; width:100%; margin-bottom:20px;}
#contact textarea{ height:100px;}
#contact input[type=submit]{ background:#e3a22a; border:none; height:50px; font-size:16px; text-transform:uppercase; font-weight:600; color:#fff;}
#contact .has-error input, #contact .has-error textarea{ margin-bottom:0; border:1px solid #a94442;}
#contact .help-block{ margin-bottom:20px;}
.prccontainer{transition:all 300ms linear;}
.prccontainer:hover{ box-shadow:0 0 25px rgba(0,0,0,0.2);}
.prctitle{padding:30px; text-align:center;}
.prctitle.silver{ background:#8c8c8c;}
.prctitle.gold{ background:#e3a22a;}
.prctitle.platinum{ background:#468210;}
.prctitle .prcheading{ font-size:24px; line-height:24px; color:#fff; font-weight:600; text-transform:uppercase;}
.prctitle .price{ font-size:48px; line-height:48px; color:#fff; font-weight:600; padding:25px 0; position:relative;}
.prctitle .price:before{ position:absolute; content:"$"; font-size:20px; line-height:20px; margin:4px 0 0 -16px;}
.prctitle .price:after{ position:absolute; content:"/ Year"; font-size:14px; line-height:14px; font-weight:400; margin:28px 0 0 -2px;}
.prctitle a{ font-weight:700; display:inline-block; padding:15px 50px; text-transform:uppercase; border-radius:8px; background:#fff; transition:all 300ms linear;}
.prctitle.silver a{ color:#8c8c8c;}
.prctitle.gold a{ color:#e3a22a;}
.prctitle.platinum a{ color:#468210;}
.prctitle a:hover{ text-decoration:none; background:#000; color:#fff;}
.prccontent{ background:#fff; padding:30px 40px;}
.prccontent li{ display:block; background:url(../images/tick.png) no-repeat left 12px; padding:5px 0 5px 22px;}

#enquiry .modal-content{ background:#468210; color:#fff;}
#enquiry .modal-body h3{ margin:0; color:#fff; text-transform:uppercase; margin:20px 0 10px;}
#enquiry .modal-body p{ margin-bottom:30px;}
#enquiry .modal-body .btn{ margin-bottom:20px; padding:5px 20px; text-transform:uppercase;}
.modal{text-align: center; padding: 0!important;}
.modal:before{content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px;}
.modal-dialog{display: inline-block; text-align: left; vertical-align: middle;}

footer{ background:#3d3d3d; padding:50px 0; color:#cbcbcb;}
footer li{ display:inline-block;}
footer .footerleft li{ margin:0 6px 15px 0;}
footer .footerright li{ margin:0 0 0 5px;}
@keyframes mcursor {
    0%   { opacity:1; transform:translateY(0px);}
    100% { opacity:0; transform:translateY(9px);}
}
@-webkit-keyframes mcursor {
    0%   { opacity:1; transform:translateY(0px);}
    100% { opacity:0; transform:translateY(9px);}
}
@media only screen and (max-width:1199px){
	header .banner .logo{ margin:80px 0 0;}
	.siterow{ padding:70px 0;}
}
@media only screen and (max-width:991px){
	header .banner .logo{ margin:0;}
	header .banner h1{ font-size:24px; margin:35px 0 10px;}
	header .banner p{ font-size:16px; line-height:21px;}
	.navbar ul li a{ padding:16px 10px;}
	.ftrcoloumn{ padding-right:15px; margin:20px 0;}
	.prccontainer{ margin:0 auto; max-width:400px;}
	.prccontainer:last-child{ margin-bottom:0;}
	#pricing .col-md-4{ margin-bottom:40px;}
	#pricing .col-md-4:last-child{ margin-bottom:0;}
	.footerleft, .footerright{ float:none !important; text-align:center;}
	.footerright{ margin-bottom:40px;}
}
@media only screen and (max-width:767px){
	header{ padding:40px 0 60px; text-align:center;}
	.logo img, .appscreenshot img{ margin:auto;}
	.appscreenshot{ margin:50px 0 0;}
	.appscreenshot img{ max-height:400px;}
	.siterow{ padding:50px 0;}
	.siterow h2{ font-size:26px; line-height:30px;}
	.ftrcoloumn{ margin:0 auto 50px; max-width:480px;}
	#contact{ text-align:center;}
	#contact form{ margin:50px auto 0; max-width:400px;}
	header .banner h1{ line-height:26px; margin:35px 0 20px;}
	header .banner .logo img{ max-width:240px;}
}
@media only screen and (max-width:479px){
	#intro ul li img, .footerright ul li img{ width:130px; height:auto;}
}

.header {background-color: #005900;height: 56px;padding: 8px 0;}
.header-img {text-align: center;}
.shop-info-tab .nav > li > a {color:#777;}
.shop-info-tab .nav-tabs.nav-justified > li > a {border-radius: 4px 4px 0 0;}
body {background-color: #f8f8f8;}
.shop-info-tab .nav-tabs {background-color: #ffffff;margin-bottom:20px;}
.card-box {background-color: #fff;padding: 20px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);margin-bottom:20px;}
.card-title {color: #4b4b4b;font-size: 18px;font-weight: 600;margin: 0 0 10px;}
.card-box p {color: #929292;font-size: 14px;}
.sub-title {color: #4b4b4b;font-size: 16px;font-weight: 600;margin: 0 0 10px;}
.shop-info {margin-bottom: 20px;}
.shop-info-tab .nav-tabs.nav-justified {border-bottom: 1px solid #d4d4d4;}
.nav-tabs.nav-tabs-bottom > li {margin-bottom: -1px;}
.nav-tabs.nav-tabs-bottom > li.active > a, .nav-tabs.nav-tabs-bottom > li.active > a:hover, .nav-tabs.nav-tabs-bottom > li.active > a:focus {border-bottom-width: 2px;border-color: transparent;border-bottom-color: #4b9e00;background-color: transparent;transition: none 0s ease 0s; -moz-transition: none 0s ease 0s; -o-transition: none 0s ease 0s; -ms-transition: none 0s ease 0s; -webkit-transition: none 0s ease 0s;color: #777777;}
.shop-info-tab .nav-tabs.nav-justified > li {display: table-cell;width: 1%;}
.shop-info-tab .nav-tabs.nav-justified > li > a {margin-bottom: 0;}
.shop-info-tab .nav-tabs.nav-tabs-bottom > li > a:focus, .nav-tabs.nav-tabs-bottom > li > a:hover {background-color: #ffffff;border-color:#fff;border-bottom: 2px solid #4b9e00 !important;text-decoration: none;}
.image-slider {background-color: #fff;padding: 10px;}
#image_slide.owl-carousel .owl-item {text-align: center;}
#image_slide.owl-theme .owl-controls {margin: 0 !important;}
#image_slide.owl-theme .owl-nav [class*=owl-] {margin: -20px 0 0;padding: 0;position: absolute;text-indent: -9999px;top: 50%;width: 5px;}
#image_slide.owl-theme .owl-nav .owl-prev {background: rgba(0, 0, 0, 0) url("../images/left-arrow.png") no-repeat scroll center center;left: -5px;}
#image_slide.owl-theme .owl-nav .owl-next {background: rgba(0, 0, 0, 0) url("../images/right-arrow.png") no-repeat scroll center center;right: -5px;}
#image_slide.owl-theme .owl-dots, .owl-theme .owl-nav {margin-top: 0;}
.location-icon {background: rgba(0, 0, 0, 0) url("../images/location.png") no-repeat scroll left center;padding-left: 20px;}
.about-icon {background: rgba(0, 0, 0, 0) url("../images/fork.png") no-repeat scroll left center;padding-left: 25px;}
.info-icon {background: rgba(0, 0, 0, 0) url("../images/info.png") no-repeat scroll left center;padding-left: 25px;}
.card-title.info-icon {margin-bottom: 20px;}

.promotion-list {list-style: none;padding-left: 0;margin:0;}
.promotion-list > li {background-color: #fff;border: 1px solid #eaeaea;border-radius: 4px;margin-bottom: 5px;min-height: 68px;padding: 10px;}
.promotion-cont {position: relative;}
.promotion-type {height: 48px;position: absolute;width: 48px;}
.promotion-img {display: inline-block;height: 40px;line-height: 40px;text-align: center;width: 40px;}
.promotion-info {padding: 0 30px 0 50px;}
.promotion-title {color: #4b4b4b;font-weight: 600;font-size: 16px;}
.promo-cont {font-size: 14px;}
.text-ellipsis {display: block;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.event-list {list-style: none;padding-left: 0;margin:0;}
.event-list > li {background-color: #fff;border: 1px solid #eaeaea;border-radius: 4px;margin-bottom: 5px;min-height: 68px;padding: 10px;}
.event-cont {font-size: 14px;position: relative;}
.event-type {height: 48px;position: absolute;width: 48px;}
.event-img {display: inline-block;height: 40px;line-height: 40px;text-align: center;width: 40px;}
.event-info {padding: 0 30px 0 50px;}
.event-title {color: #4b4b4b;font-weight: 600;font-size: 16px;}
.event-date {color: #888;font-size: 12px;}
.shop-det-list {list-style: none;padding-left: 0;margin:0;}
.shop-type {height: 70px;position: absolute;width: 70px;}
.shop-img {display: inline-block;height: 60px;width: 60px;}
.shop-info-map {padding-left: 70px;}
.shop-det-title {color: #4b4b4b;font-size: 16px;font-weight: 600;margin: 0 0 5px;}
.shop-address-det {margin-bottom: 0;}

.review-map-list.review-list {list-style: none;padding-left: 0;margin:0;}
.review-map-list.review-list > li {border: 1px solid #eaeaea;border-radius: 4px;margin-bottom: 5px;padding: 10px;}
.review-map-list.review-cont {font-size: 14px;position: relative;}
.review-map-list .review-type {height: 48px;position: absolute;width: 48px;}
.review-map-list .review-icon {display: inline-block;height: 40px;line-height: 40px;text-align: center;width: 40px;}
.review-info {padding: 0 30px 0 50px;}
.review-date {color: #888;font-size: 12px;}
.review-author {color: #4b4b4b;font-weight: 600;font-size: 16px;}
.review-action .dropdown-menu {left: auto;right: 0;}
.review-star .rating-container {float:left;}
.rating-container .rating-stars::before {text-shadow:inherit !important;}
.rating-container {color: #c3c3c3 !important;}
.rating-gly-star {padding-left:0 !important;}
.rating-gly-star .rating-stars::before {padding-left:0 !important;}
.review-list.review-map-list > li {background-color:#fff;}
.review-map-list .rating-sm {font-size: 1em;}
.review-cont {font-size: 14px;}
.gm-style-iw + div {display: none;}

/* Installer */

.bwizard-steps {background-color:#efefef;display: inline-block;margin: 0 0 30px; padding: 0;background: #efefef;width: 100%;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
.bwizard-steps .active {color: #fff;background: #468210;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
.bwizard-steps .active a {color: #fff;cursor: default }
.bwizard-steps .label {color: #333;background-color:#fff;display: inline-block;line-height: 18px;border-radius:50%;height: 38px;padding: 10px;width: 38px;position: relative;top: -1px;font-size: 16px;margin: 0 5px 0 0;}
.bwizard-steps li {display: inline-block; position: relative;padding: 12px 12px 10px; line-height: 18px;list-style: none;min-height: 60px;width: 25%;float: left;zoom: 1;}
.bwizard-steps a {color: #333;}
.bwizard-steps a:hover {text-decoration: none;}
.bwizard-steps.clickable li:not(.active) {cursor: pointer;}
.bwizard-steps.clickable li:hover:not(.active) {background: #ccc;}
.bwizard-steps.clickable li:hover:not(.active):after {border-left-color: #ccc;}
.bwizard-steps.clickable li:hover:not(.active) a {color: #08c;}
.wizard-content {min-height:300px;}
.wizard-box {background-color: #fff;border: 1px solid #e7e7e7;padding: 30px;}
.installer-page {background-color:#fafafa;}
.installer-page .content {background-color:#fafafa;}
.wizard-box .tab-content {background-color: #fff;padding: 0;}
.installer-box {margin-top: 60px;}
.installer-title {margin-bottom: 30px;margin-top: 0;text-align:center;}
.pager.wizard {margin-bottom: 0;}
.wizard > li > a {color: #565656;}
.wizard-content .form-control {height: 40px;}
.pager li > button {background-color: #fff;border: 1px solid #ddd;border-radius: 15px;color: #636e7b ;display: inline-block;float: right;padding: 5px 14px;}
@media (max-width: 480px) {
	.bwizard-steps li:after,
	.bwizard-steps li:before {border: none;}
	.bwizard-steps li,
	.bwizard-steps li.active,
	.bwizard-steps li:first-child,
	.bwizard-steps li:last-child {margin-right: 0;padding: 0;background-color: transparent;}
}
.form-horizontal .control-label:not(.text-right) {text-align: left;}
.site-details {border: 1px solid #e7e7e7;border-radius: 3px;padding: 10px 20px;}
@media (max-width: 480px) {
	#image_slide.owl-carousel .owl-item img {width:100%;}
}
@media (max-width: 360px) {
	.shop-info-tab .nav-tabs.nav-justified > li > a {padding: 10px 5px;}
}
