@import url("https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic");
@import url("bootstrap.css");
@import url("custom-bootstrap.css");
@import url("animate.css");
@import url("animates.min.css");

*{margin:0 auto; padding:0;}
body {margin: 0; padding: 0; font-family:'Roboto', sans-serif; Open Sans; font-size:1.4em; background:#fff; height: auto; max-width:100%;
      color:#121212;
	  -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}

ul li {list-style:none;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
h2{font-size:2.1em; color:#00a76c; font-weight:500;}
table {width: 100%;}
img {border: none;}
a {text-decoration:none !important; cursor: pointer; outline:none; 
	-moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}
a:hover {text-decoration:none;
	-moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}
a:focus {outline:none !important;}

.marginTop35{margin-top:35px;}
.marginBtm25{margin-bottom:25px;}

/*==HEADER CSS==*/
.header{
	background:url(../images/header-bg.png) no-repeat top center;
	/*-webkit-background-size:cover;
  	-moz-background-size:cover;
  	-o-background-size:cover;
  	   background-size:cover;*/
	   position:relative;
	  /* min-height:570px;*/
	    overflow: hidden;
		background-size:100% 17%;
}
.logo{padding:8px 0 0 97px;}
.logo img{width:85%; height:auto;}
.smobitrigger, .mnuclose { display: none; }
.navigation nav ul {padding:0px 55px 0 0; margin: 0px; list-style: none;}
.navigation nav ul li { display: inline-block; }
.navigation nav ul li a {color: #fff; font-size:1.3em; font-weight:400; display: inline-block; text-transform: capitalize;
  text-decoration:none; padding:15px 20px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
.navigation nav ul li a:hover {color: #0c837f;}

#carousel-example-generic{margin:30px 0;/* min-height:400px;*/}
p.sliderContent{font-size:2.1em;color:#fff;font-weight:400;}
p.sliderSubContent{font-size:1.6em;color:#fff;margin-top:10px; font-weight:300;}
.storeImg{margin-top:20px;overflow:hidden;}
.storeImg img{width:160px; height:auto; margin-right:10px;}
.sliderLeft{left:-9%;}
	
/*sliders*/
/*.sliderImgConatiner{overflow:hidden;}
.sliderImgContainer .obj1{position:absolute;width:25%;left:38%;top:2em}
.sliderImgContainer .obj2{position:absolute;width:70%;left:16%;top:11em}
.sliderImgContainer .obj3{position:relative;width:85%;margin:6.2em 7% 0}
.sliderImgContainer .obj4{position:absolute;width:48%;left:21%;top:3em}
.sliderImgContainer .obj5{position:relative;width:48%;float:right;margin-top:9em}
.sliderImgContainer .obj6{position:relative;width:55%;z-index:0;margin:4.5em 30% 0;}
.sliderImgContainer .obj7{position:absolute;width:65%;left:22%;top:-5PX;}
.sliderImgContainer .obj8{position:relative;width:55%;margin:4em 0 0; float:right}*/
	
.sliderImgConatiner{overflow:hidden;}
.sliderImgContainer .obj1{position:absolute;width:20%;left:38%;top:2em}
.sliderImgContainer .obj2{position:absolute;width:55%;left:21%;top:11em}
.sliderImgContainer .obj3{position:relative;width:66%;margin:5.5em 14% 0}
.sliderImgContainer .obj4{position:absolute;width:36%;left:25%;top:3em}
.sliderImgContainer .obj5{position:relative;width:36%;float:right;margin: 9em 7em 0;}
.sliderImgContainer .obj6{position:relative;width:45%;z-index:0;margin:4.5em 28% 0;}
.sliderImgContainer .obj7{position:absolute;width:58%;left:21%;top:-5PX;}
.sliderImgContainer .obj8{position:relative;width:48%;margin:4em 115px 0; float:right}
	
/*content*/
.content-img img{width:70%; height:auto;}
.para{font-size:1.3em; color:#666565; font-weight:300; line-height:1.6em; margin-top:10px;}


/*Client Testimonials*/
.paddingLR0{padding-left:0; padding-right:0;}
.carousel .carouselHeader{color:#00a76c;font-size:30px;line-height:48px;margin-bottom:20px;text-align:center}
.carousel .item{height:400px;}
#myCarousel .item{height:300px;}
/*.carousel .item  .carousel-caption img.openquote{position:absolute;left:-3%;top:10%}
.carousel .item .carousel-caption img.closequote{position:absolute;right:-3%;top:30%}*/
.carousel .item .carousel-caption h3{font-size:1.3em; line-height:28px; margin:auto; font-weight:300; position:relative;}
.carousel .item .carousel-caption h3:before{
	content:'';
	background:url(../images/openquote.png) no-repeat;
	width:21px;
	height:15px;
	position:absolute;
	left:-35px;
	}
.carousel .item .carousel-caption h3:after{
	content:'';
	background:url(../images/closequote.png) no-repeat;
	width:21px;
	height:15px;
	position:absolute;
	right:-35px;
	}	
.carousel .item .carousel-caption p{float:right;font-family:'Roboto';font-size:16px;margin:25px 25px 0 0}
#myCarousel .item img{margin-bottom:15px;}
.carousel .item .carousel-caption{color:#666565;text-shadow:none;}
.carousel .item .carousel-caption i{font-family:'Roboto';}
.carousel .carousel-indicators li{border:1px solid #00a76c}
.carousel .carousel-indicators li.active{background:#00a76c}

/*Count Numbers*/
#lines{padding-bottom:50px;background:url('../images/lines.png') no-repeat; background-size:100%;     padding:80px 0 150px 0;}
.circleDesc{margin:60px auto;color:#ffffff;width:90%;overflow:hidden;border-radius:50%;webkit-border-radius:50%;moz-border-radius:50%;
text-align:center;position:relative}

.color1{background:#70c4e6}
.color2{background:#52d9d5}
.color3{background:#b5d973}
.color4{background:#a2d7ee}

.circle1, .circle2, .circle3, .circle4{display: inline-block; min-width:55%; white-space: nowrap;}
.circle1:before {border-radius: 50%; width: 100%; padding-bottom: 100%; margin: 15px .5px; background: white; content: '';
			display: inline-block; vertical-align: middle; padding-bottom: 0vw; width: 15vw;  height: 15vw; background:#70c4e6}
.circle2:before {border-radius: 50%; width: 100%; padding-bottom: 100%; margin: 15px .5px; background: white; content: '';
			display: inline-block; vertical-align: middle; padding-bottom: 0vw; width: 15vw;  height: 15vw; background:#52d9d5}
.circle3:before {border-radius: 50%; width: 100%; padding-bottom: 100%; margin: 15px .5px; background: white; content: '';
			display: inline-block; vertical-align: middle; padding-bottom: 0vw; width: 15vw;  height: 15vw; background:#b5d973}
.circle4:before {border-radius: 50%; width: 100%; padding-bottom: 100%; margin: 15px .5px; background: white; content: '';
			display: inline-block; vertical-align: middle; padding-bottom: 0vw; width: 15vw;  height: 15vw; background:#a2d7ee;
			}									
.circle1 p, .circle2 p, .circle3 p, .circle4 p {
  display: inline-block;
  
  /* -.5em = white space between p elements... */
  margin: 0 -.5em 0 -100%;
  padding: 0;
  /* ... text can be middle too! [1] */
  vertical-align: middle;
  white-space: normal;
  width: 100%;
  /* for some reason that I can't figure out right now...
    viewport units eliminate the white space issue */
  margin: 0 0 0 -15vw;
  width: 15vw;
  color:#fff;
}
.circle1 p span, .circle2 p span, .circle3 p span, .circle4 p span {
	display:block; text-align:center; font-size:1.1em; font-weight:400;}
.counter{font-size:3em !important; font-weight:500 !important;}


/*INNER PAGE CONTENT*/
.content{}
/*.content ul {list-style-type: none; counter-reset: item; margin: 0; padding: 0;}
.content ul > li {display: table; counter-increment: item; margin-bottom: 0.6em;
			margin-top:1em;
			font-size:1.2em;
			font-weight:500;}
.content ul > li:before {content: counters(item, ".") ". "; display: table-cell; padding-right: 0.6em;}
.content li ul > li {margin: 0;}
.content li ul > li:before {content: counters(item, ".") " ";}

.content ul > li p{color:#666565; font-size:1em; font-weight:300; margin-top:0.5em; line-height:1.5em;}
.content ul > li p a{color:#46c1bd;}*/


.content ul {list-style-type: none; counter-reset:item;  margin:0; padding:0; width:100%}
.content li {display: table; counter-increment:item; margin-bottom:0.6em; margin-top:1em; color:#1a1a1a; font-size:1.2em;
			font-weight:500; }
.content li p{color:#666565; font-size:1em; font-weight:300; margin-top:0.5em; line-height:1.5em;}
.content li p a{color:#46c1bd;}



.content li:before {content: counters(item, ".") ". ";  padding-right: 0.6em;}
.content li li {
    margin: 0; margin-top:1em; color:#2a2a2a; font-size:1em; font-weight:500; 
}

.content li li:before {
    content: counters(item, ".") " ";
}
/*.content ul ul li:before {
    content: no-close-quote;
    counter-increment: none;
    display: list-item;
    margin-right: 100%;
    position: absolute;
    right:10px;
}*/















/*FOOTER*/
.footer{
	background:url(../images/footerBackground.png) no-repeat bottom center;
	
	   position:relative;
	   
	    overflow: hidden;
		background-size:100% 100%;
		min-height:425px;
}
.register{margin-top:30px;}
.register input{display:inline-block;  width:78%; margin:0 0 16% 0;}


.footerNav ul{margin:0;padding:0;list-style-type:none;}
.footerNav li{padding:10px; box-shadow: inset 0 -1px 0 #51cac7, inset 0 -2px 0 #34adaa}
.footerNav li a{color:#ffffff;font-size:1.1em; font-weight:300;}

.footer-content{}
.footer-content h3{font-size:1.2em;color:#fff !important; font-weight:500; margin-bottom:15px;}
.footer-content p{font-size:1.1em;color:#fff; font-weight:300; line-height:22px;}
.social{text-align:center;}
.social ul{margin:0; padding:0;}
.social li{margin:0; padding:8px 0;}
.social li img{width:20%; height:auto;}
.social li:first-child{position:relative;top:102px;	left:-55px;}

.footerHeader{padding:5px 0;font-size:1.5em;color:#ffffff}
.footerContent{padding:5px 0;font-size:1.1em;color:#ffffff;line-height:2em;text-align:justify}
.footerImage img{height:45px;float:left;margin:20px 25px 20px -15px}
.footerCopyrights{line-height:2em;font-size:1.1em;color:#ffffff}
img.twitter{position:absolute;margin:1em auto 0; left:28%;width:74px}
img.facebook{position:absolute;margin:3.5em auto 0; left:16%;width:70px}
img.linkedin{position:relative;margin:7em 0 0 25%;width:70px}

.marginBtm35{margin-bottom:35px}








 @media all and (max-width : 768px) {

	.smobitrigger, .mnuclose { display: inline-block; }
	.smobitrigger {color: #fff; font-size:21px; line-height:0px; padding:10px; top:15px; right:0px;	}
	.mnuclose { font-size:18px; padding: 10px 20px; width: 100%; background:#34a9a6;}
	.smobitrigger span, .mnuclose span { font: 0/0 a; text-shadow: none;	  color: transparent;}
	.navigation nav ul { padding-bottom: 40px;  overflow-y: auto;  padding:0;	}
	.navigation nav ul li, .navigation nav ul li a { width: 100%; }
	.navigation nav ul li a { padding-top: 5px; padding-bottom: 5px;	}
	.navigation nav ul li a:hover { background: rgba(0, 0, 0, 0.29); }
	.mobimenu {list-style: none; padding: 20px; margin: 0px; width: 210px; position: fixed; height: 100%; top: 0px; right: -250px;}
	.mnuopn { right: 0px !important; }
	.ovrActv { position: fixed; background: rgba(0, 0, 0, 0.79); width: 100%; height: 100%; z-index: 9998;  transition: 0.5s;
	  -webkit-transition: 0.5s;
	  -moz-transition: 0.5s;
	  -ms-transition: 0.5s;
	  -o-transition: 0.5s;
	}
	.logo{padding:8px 0 0 5px;}
	.logo img{width:100%; height:auto;}
	
	

}
@media all and (max-width:992px) and (min-width:768px){
	.register input{display:inline-block;  width:70%; margin:0 0 16% 0;}
	.social li img{width:35%; height:auto;}
}

@media all and (max-width:768px) and (min-width:320px){
		.storeImg {text-align:center;}
		.storeImg img{width:100px; height:auto; margin-right:10px;}
		#carousel-example-generic{margin-top:50px;}
		.circle1:before {width:40vw;  height:40vw;}
		.circle2:before {width:40vw;  height:40vw;}
		.circle3:before {width:40vw;  height:40vw;}
		.circle4:before {width: 40vw;  height: 40vw; }
		.circle1 p, .circle2 p, .circle3 p, .circle4 p{width: 40vw; margin: 0px 0px 0px -40vw;}

		.footer{background:url(../images/mobileFooterBackground.png) no-repeat bottom center;  position:relative; 
	    overflow: hidden;	background-size:100% 100%}
		.footerNav ul{margin:0 0px 30px 0;padding:0;list-style-type:none; float:left; width:48%;}
		.footerNav li a { font-size:.9em;}
		
		.social ul{margin:-45px 0 0 0;}
		.social li:first-child {position: relative;	top: 90px; left: -43px;	}
		.footerImage img{height:auto; width:100%; float:left; margin:4px 0;}
		.register {	margin-top: 17px;}
		.register input{display: inline-block; width:72%; margin: 0 0 16% 0;}
		.social li img{width:40%; height:auto;}
		.content-img img {width: 90%; height: auto;}
		h2{text-align:center; margin:.6em 0; font-size:1.8em;}
		.para {font-size: 1.3em; text-align:center;}
		.text-btn button{margin-top:25px; margin-bottom:25px;}
		
		.sliderLeft{left:0; margin: -4% 0 0 0;}
		.sliderImgContainer .obj1{position:absolute;width:25%;left:38%;top:2em}
		.sliderImgContainer .obj2{position:absolute;width:70%;left:16%;top:10em}
		.sliderImgContainer .obj3{position:relative;width:85%;margin:5em 8% 0}
		.sliderImgContainer .obj4{position:absolute;width:48%;left:13%;top:3em}
		.sliderImgContainer .obj5{position:relative;width:48%;float:right;margin-top:9em; left:12%}
		.sliderImgContainer .obj6{position:relative;width:55%;z-index:0;margin:4.5em 22% 0;}
		.sliderImgContainer .obj7{position:absolute;width:65%;left:16%;top:8px;}
		.sliderImgContainer .obj8{position:relative;width:62%;margin:4em 4em 0; float:right}
		
		
		


}
	
@media all and (max-width:767px) and (min-width:560px) {
    .header{background:url(../images/mobile-header-bg.png) no-repeat top center; position:relative; transform:none;
	   	 overflow: hidden; background-size:100% 7%
		 	/*-webkit-background-size:cover;
  	-moz-background-size:cover;
  	-o-background-size:cover;
  	   background-size:cover;*/
	  /* min-height:390px;*/
	  }
	p.sliderContent{font-size:1.5em;color:#fff;font-weight:400; text-align:center;}
	p.sliderSubContent{font-size:1.2em;color:#fff; margin-top:10px; font-weight:300; text-align:center;}
	
	.social li img{width:16%; height:auto;}
	
	.carousel .item{height:590px;}
	.storeImg {margin-top:520px;   overflow: hidden;}
	.storeImg img{width:28%;}
}	

@media all and (max-width:559px) and (min-width:320px) {
    .header{background:url(../images/mobile-header-bg-small.png) no-repeat top center;
	/*-webkit-background-size:cover;
  	-moz-background-size:cover;
  	-o-background-size:cover;
  	   background-size:cover;*//*	   min-height:233px;*/
	   position:relative; transform: none;  overflow: hidden;background-size:100% 6%}
	
	p.sliderContent{font-size:1em;color:#fff;font-weight:400; text-align:center;}
	p.sliderSubContent{font-size:1em;color:#fff;margin-top:10px;text-align:center; font-weight:300;}
 	.carousel .item .carousel-caption{position: relative; width:90%; left:0; right:0;}
	.carousel-indicators{bottom: -10px;}
	.carousel .item .carousel-caption h3:before{content:'';	left:0px;}
	.carousel .item .carousel-caption h3:after{content:''; right:-10px;}
	#lines {padding: 0px 0px 10px 0;}
	
	/*.register input {
		display: inline-block;
		width:53vw;
		margin:12vh 0;
	}*/
	.carousel .item{height:500px;}
	.storeImg {margin-top:360px;   overflow: hidden;}
	.storeImg img{width:35%;}
}