@charset "utf-8";
/* CSS Document */
@font-face{font-family:'poppinsregular';src:url(../fonts/poppins-regular-webfont.woff2) format("woff2"),url(../fonts/poppins-regular-webfont.woff) format("woff");font-weight:400;font-style:normal}
@font-face{font-family:'poppinsbold';src:url(../fonts/poppins-bold-webfont.woff2) format("woff2"),url(../fonts/poppins-bold-webfont.woff) format("woff");font-weight:400;font-style:normal}
@font-face{font-family:'lobster_twobold';src:url(../fonts/lobstertwo-bold-webfont.woff2) format("woff2"),url(../fonts/lobstertwo-bold-webfont.woff) format("woff");font-weight:400;font-style:normal}
a{text-decoration:none;outline:0;-webkit-transition:all .3s linear,background .3s linear;transition:all .3s linear,background .3s linear}
a:hover,a:active,a:focus,input:focus,input:hover,button:focus,.btn:focus,button:hover,.btn:hover,button:active,.btn:active,button:active:focus,.btn:active:focus{text-decoration:none;outline:none}
ol,ul{padding:0}
body{font-family:'poppinsregular';font-size:14px;color:#393939;overflow-x:hidden}
/*Scroll to top css start*/
#return-to-top{position:fixed;bottom:20px;right:20px;background:#000;background:rgba(162,192,70,0.7);width:50px;height:50px;display:none;text-decoration:none;border-radius:35px;-webkit-transition:all .3s linear;-webkit-transition:all .3s ease;transition:all .3s ease}
#return-to-top i{color:#fff;margin:0;position:relative;left:16px;top:13px;font-size:19px;-webkit-transition:all .3s ease;transition:all .3s ease}
#return-to-top:hover{background:rgba(162,192,70,0.9)}
#return-to-top:hover i{color:#fff;top:5px}
/*Scroll to top css Ends*/
/*********************/
/*Header css starts*/
/*******************/
.logo img{width: 220px;}
.logo{display:inline-block}
.logo-section{position:relative;padding:20px 0;width: 100%;float:left}
#toggle{display:block;width:53px;height:53px;margin:20px auto 10px;box-shadow:0 0 10px 0 rgba(0,0,0,0.2);border-radius:50%}
.menu-blk{display:inline-block;position:absolute;right:0;top:21%}
#toggle span:after,#toggle span:before{content:"";position:absolute;left:0;top:-9px}
#toggle span:after{top:9px}
#toggle span{position:relative;display:block}
#toggle span,#toggle span:after,#toggle span:before{width:28px;height:3px;background-color:#97ca4d;-webkit-transition:all .3s;transition:all .3s;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:0}
#toggle span{display:inline-block;margin-top:25px}
#toggle.on span{background-color:transparent}
#toggle.on span:before{-webkit-transform:rotate(45deg) translate(5px,5px);transform:rotate(45deg) translate(5px,5px)}
#toggle.on span:after{-webkit-transform:rotate(-45deg) translate(7px,-8px);transform:rotate(-45deg) translate(7px,-8px)}
#toggle.on + #menu{opacity:1;visibility:visible}
#menu{position:relative;color:#999;width:200px;margin:auto;text-align:center;border-radius:0;background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,0.2);opacity:0;visibility:hidden;-webkit-transition:opacity .4s;transition:opacity .4s;z-index: 1000;}
#menu:after{position:absolute;top:-15px;left:43%;content:"";display:block;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:20px solid #fff;z-index:-1}
#menu ul li{text-align:left;list-style:none;display:block}
#menu ul{margin-bottom:0}
#menu ul li a{border-bottom:1px solid rgba(0,0,0,0.2);color:#393939;display:block;padding: 8px 15px;
line-height: 22px;}
#menu ul li.dropdown > a{background:#efefef}
#menu ul li ul a{padding-left: 30px;}
#menu ul li a:hover,#menu ul li a:focus{background:#97CA4D;color: #fff;}
/*********************/
/*Header css Ends*/
/*******************/
/***************************/
/*Banner section css starts*/
/**************************/
.banner-section{background:url(../images/main-banner.png);background-position:top center;padding:125px 0 110px;background-repeat:no-repeat}
.banner-heading h2{margin:0 0 30px;font-size:30px;color:#fff;text-transform:uppercase;line-height:34px;font-family:'poppinsbold'}
.banner-heading h2 span{color:#97ca4d}
.banner-content ul li{font-size:16px;color:#fff;line-height:25px;list-style:none;position:relative;padding-left:30px;margin-bottom:35px}
.banner-content ul li:before{position:absolute;content:"\f0a9";font-family:fontawesome;font-size:20px;line-height:25px;top:2px;left:0;color:#fff}
.store-btns{margin:35px 0}
.banner-img{position:relative;margin-bottom:30px}
.banner-img img{margin:0 auto}
/***************************/
/*Banner section css Ends*/
/**************************/
/************************************/
/*Cappy screens section css Starts*/
/*********************************/
#cappy-screens{margin-top:30px;float:left;width:100%;position:relative}
#cappy-screens .owl-item .item img{margin:0 auto}
#cappy-screens .owl-item .item.android{position:relative;padding-top:45px;margin-bottom:13px}
#cappy-screens .owl-item .item.android::after{position:absolute;content:url(../images/phone.png);top:0;left:1px;right:0;margin:0 auto;text-align:center}
#cappy-screens .owl-item .item.iphone{position:relative;padding-top:45px;margin-bottom:13px}
#cappy-screens .owl-item .item.iphone::after{position:absolute;content:url(../images/iphone.png);top:0;left:1px;right:0;margin:0 auto;text-align:center}
#cappy-screens .owl-item .item.iphone img{margin-top: 18px;
margin-bottom: -14px;}
.screen-content{background-color:#E6EAEB;padding:30px 15px;margin-top:13px}
.carousel-heading h2{text-align:center;padding:0 0 15px;position:relative;font-size:30px;color:#000;font-weight:700;margin:0 0 20px}
.carousel-heading h2::before{width:110px;background-color:#aec158}
.carousel-heading h2::before,.carousel-heading h2::after{position:absolute;content:"";bottom:0;margin:0 auto;left:0;right:0;height:1px}
.carousel-heading h2::after{width:2px;background-color:#fff}
.carousel-heading{margin:30px 0}
#cappy-screens .owl-nav .owl-prev{position:absolute;top:45%;left:-40px}
#cappy-screens .owl-nav .owl-next{position:absolute;top:45%;right:-40px}
/********************************/
/*Cappy screens section css Ends*/
/*******************************/
.slogan-section{padding:35px 0;border-top: 1px solid #e6eaea;}
.slogan-text h2{font-size:45px;font-family:'lobster_twobold'}
/********************/
/**Footer css starts**/
/********************/
.footer-logo a{display:inline-block;margin-bottom:20px}
.footer-logo a img{width:200px}
.footer-section{box-shadow:0 -7px 8px 0 rgba(230,234,234,0.4);border-top:1px solid #e6eaea;padding:30px 0 15px}
.copyright-blk ul li a,.copyright-blk ul li{color:#757575}
.copyright-blk ul li a:hover{color:#97CA4D}
.copyright-blk ul li{position:relative;padding-right:10px}
.copyright-blk ul li::after{content:"|";right:0;position:absolute;top: 0;}
.copyright-blk ul li:last-child::after{content:none}

/***************************/
/**Inner Page css starts**/
/*************************/
.inner-section {
padding: 30px 0px;
background-image: linear-gradient(to bottom, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.80) 50%,rgba(255,255,255,0.95) 29%,rgba(255,255,255,1) 32%,rgba(255,255,255,1) 100%), url(../images/inner-bg1.png);
background-repeat: no-repeat;
background-size: 100%;
}
.inner-section-contact {
padding: 30px 0px;
background-image: linear-gradient(to bottom, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.80) 50%,rgba(255,255,255,0.95) 29%,rgba(255,255,255,1) 32%,rgba(255,255,255,1) 100%), url(../images/inner-bg3.png);
background-repeat: no-repeat;
background-size: 100%;
}
.inner-section-dc {
padding: 30px 0px;
background-image: linear-gradient(to bottom, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.80) 50%,rgba(255,255,255,0.95) 29%,rgba(255,255,255,1) 32%,rgba(255,255,255,1) 100%), url(../images/inner-bg1.png);
background-repeat: no-repeat;
background-size: 100%;
}
.inner-section-blank {
	padding: 30px 0px;
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.80) 50%,rgba(255,255,255,0.95) 29%,rgba(255,255,255,1) 32%,rgba(255,255,255,1) 100%),;
	background-color: #f5f7f5;
}
.inner-content h1,.inner-content h2,.inner-content h3,.inner-content h4,.inner-content h5,.inner-content h6{color:#578A20}
.inner-content p{font-size:16px;color:#333;}
.inner-content ul{margin-left:30px;}
.inner-content ul li{font-size:16px;color:#333;line-height:25px;list-style:none;position:relative;padding-left:30px;margin-bottom:10px}
.inner-content ul li:before{position:absolute;content:"\f0a9";font-family:fontawesome;font-size:20px;line-height:21px;top:2px;left:0;color:#578A20}



.wrap {
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}

a:focus,
a:hover,
a:active {
  outline: 0;
  text-decoration: none;
}

.panel {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #fff;
  background: none;
  box-shadow: none;
}

.panel:last-child {
  border-bottom: none;
}

.panel-group > .panel:first-child .panel-heading {
  border-radius: 4px 4px 0 0;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-group .panel + .panel {
  margin-top: 0;
}

.panel-heading {
  background-color:#556B2F;
  border-radius: 0;
  border: none;
  color: #fff;
  padding: 0;
}

.panel-title a {
  display: block;
  color: #fff;
  padding:18px 20px;
  position: relative;
  font-size: 16px;
  font-weight: 400;
}

.panel-body {
  background: #fff;line-height: 26px;
font-size: 16px;padding: 30px;
}

.panel:last-child .panel-body {
  border-radius: 0 0 4px 4px;
}

.panel:last-child .panel-heading {
  border-radius: 0 0 4px 4px;
  -webkit-transition: border-radius 0.3s linear 0.2s;
  transition: border-radius 0.3s linear 0.2s;
}

.panel:last-child .panel-heading.active {
  border-radius: 0;
  -webkit-transition: border-radius linear 0s;
  transition: border-radius linear 0s;
}
/* #bs-collapse icon scale option */

.panel-heading a:before {
  content: '\f106 ';
  position: absolute;
  font-family: 'Fontawesome';
  right: 5px;
  top: 10px;
  font-size: 24px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.panel-heading.active a:before {
  content: ' ';
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: scale(0);
          transform: scale(0);
}

#bs-collapse .panel-heading a:after {
  content: ' ';
  font-size: 24px;
  position: absolute;
  font-family: 'Fontawesome';
  right: 5px;
  top: 10px;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#bs-collapse .panel-heading.active a:after {
  content: '\f106 ';
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
/* #accordion rotate icon option */

#accordion .panel-heading a:before {
  content: '\f106 ';
  font-size: 24px;
  position: absolute;
  font-family: 'Fontawesome';
  right: 15px;
  top: 17px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#accordion .panel-heading.active a:before {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.video-title h2{margin: 0 0 50px;
font-size: 30px;
color:rgb(57,57,57);
text-transform: uppercase;
line-height: 34px;
font-family: 'poppinsbold';position:relative;}
.video-title h2 span{color:#97CA4D;}
.video-section{padding:50px 0;}
#video a{position:relative}
#video img{box-shadow: 0 0px 7px 5px rgba(230,234,234,0.8);
border: 1px solid #e6eaea;}
.xplay-btn{margin: 0 auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;box-shadow: none !important;border: 0 !important;/*! background: #000; *//*! height: 100%; */}

/*31-03-2017*/
.social-icons {
    list-style-type: none;
    margin: 0 auto;position: absolute;right: 0;
z-index: 10000;
    padding: 0;}
@media (max-width:510px){
.social-icons {
     right: 90px; }	
	}
.social-icons .tab {
    margin-bottom: 5px;
    padding: 6px;
    background: hsla(0, 0%, 0%, .2);
    border-radius: 25px 0 0 25px;
}
 
.social-icons .tab a {
    padding:11px 10px 6px 10px;
    width: 20px;
    font-size: 20px;
    text-align: center;
    background: #fff;
    border-radius: 20px;
}
.screen-reader {
    position: absolute;
    left: -9999px;
    top: -9999px;
}
.social-icons .tab a{color: hsl(195, 100%, 60%);}
.social-icons .tab a:hover {
    background-color: hsl(195, 100%, 60%);
}
.social-icons .tab a:hover{color:#fff;}
.vertical .tab {
    float: left;
    border-radius: 0 0 25px 25px;
    margin-right: 5px;
    padding-top: 37px;padding-bottom: 10px;
}
.fancybox-iframe body{ 
    background-color:rgba(255,255,255,1.00) !important;
}
body:-webkit-full-page-media {
    background-color: rgb(255, 255, 255);
}
@media (max-width:767px){
.vertical .tab{padding-top: 24px;padding-bottom: 5px;}
.social-icons .tab a {padding: 7px 5px 2px 7px;width: 10px;font-size: 14px;}
}
.tw-icon{background: #33CCFF;
color: #fff !important;
width: 34px;
height: 34px;
display: inline-block;
line-height: 38px;
border-radius: 50px;
font-size: 17px;}
.tw-icon:hover{background: #f8f8f8;color: #33CCFF !important;}
body{background-color: #fff !important;}
/*31-03-2017*/