/*
* Document: Main style Sheet
* Author: Future IT Solutions
* Website: http://www.futureitsolutions.co.za
*/

a{color:#ccc;}a:hover,a:active{color: #85c226; text-decoration:none;}
body{padding-top: 0;padding-bottom: 0; overflow-y: scroll; background: #f5f5f5;font-family: 'Open Sans', sans-serif; font-size: 14px;}.container{ box-shadow: 0px 5px 16px 0px rgba(50, 50, 50, 0.6);	 border-bottom: 3px solid #85C226; background: #fff;}.content{visibility:hidden; display:none;}.container_bg{ }.content.active{visibility:visible;display:block;}
/*container responsive style*/

/*navbar style */
.navbar-default{ background:#1f1a17; border-top:2px solid #85c226;  border-bottom: 2px solid #85c226; margin:0;border-radius:0;}.navbar-brand{float:right;text-align:right;}
.navbar-default .nav li a{color: #fff; font-size:16px; height: 55px; line-height:30px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;text-transform:uppercase;}
.navbar-default .nav li a:hover{ background-color: #85c226; color: #fff;}.navbar-default li a:focus{ color:#85c226;}.navbar-default .navbar-nav> .active > a, .navbar-default .navbar-nav> .active> a:hover, .navbar-default .navbar-nav> .active> a:focus{ color:#fff;  background-color:#85c226;}.navbar-default .navbar-toggle {border:none; padding-top: 18px;}.navbar-default .navbar-toggle .icon-bar{ background:#fff; border-color:transparent;}.navbar-default .navbar-toggle:hover, .navbar-default:focus{ background-color:#85c226;}.yamm .nav,.yamm .collapse,.yamm .dropup,.yamm .dropdown { position: static; font-size:9px;}.yamm .container { position: relative;}.yamm .dropdown-menu {left: auto; font-size:9px;}.yamm .yamm-content { padding: 20px 30px; font-size:9px;}.yamm .dropdown.yamm-fw .dropdown-menu {left: 0;right: 0; width:100%;text-decoration:none;}.yamm .dropdown.yamm-fw .dropdown-menu ul > li > a:hover {background-color:#1f1a17;color:#85c226;}.yamm .dropdown.yamm-fw .dropdown-menu ul > li > a{font-size:12px;border-bottom:#85c226 solid 1px;}.yamm .dropdown.yamm-fw .dropdown-menu ul > li {padding-bottom:5px;}.yamm .dropdown.yamm-fw .dropdown-menu ul > li > ul > li{text-decoration:none; list-style:none; float:left;padding-bottom:0px !important;}.yamm .dropdown.yamm-fw .dropdown-menu ul > li > ul > li > a{font-size:10px; border-bottom:none;padding-bottom:-3px;}.top-number{font-size:20px;padding-top:16px;text-align:right; color:#f5f5f5;}.dropdown:hover .dropdown-menu {
display: block;
}
/***End of navigation***/
/***Start Header ***/
.boxed:after{border-bottom:1px solid rgba(181,181,181,0.7); padding-bottom:10px;}
.header{ padding-bottom: 5px;}
.read-more{color:#FFFFFF;background-color:#1f1a17;transition:background-color 0.3s linear 0s;border-radius:4px;cursor:pointer;display:inline-block;}
.read-more:hover{background-color:#85c226;}
/***Start Slider***/
#home { padding-top: 0px;  padding-bottom: 5px;}
.sliderX{ margin: 0 0 60px; background: #fff;padding:0;position:relative;zoom:1;background-color:#85c226;overflow:hidden;margin:0;}.sliderX .slides{padding:0;zoom:1;}.sliderX .slides img{width:100%;min-width:648px;min-height:270px;display:block;}.sliderX .slides>li{display:none;padding:0;position:relative;-webkit-backface-visibility:hidden;}.sliderX >li img{position:relative;width:100%;}.slider-caption{color:#fff;margin:0;position:absolute;top:0;left:0;text-transform:capitalize;z-index:7;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-webkit-justify-content-center:left;-ms-flex-pack:left; justify-content:left; -webkit-box-align:left;-webkit-align-items:left;-ms-flex-align:left;align-items:left;display:none;}.slider-btn{background:#1f1a17;border-radius:2px;color:#fff;border: 2px solid transparent;font-weight:bold;margin:40px 0 0 0;-webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;height:50px;width:250px;padding: 12px 10px 10px 10px;}.slider-btn:hover,slider-btn:focus{background:#85c226;color:#fff;border: 2px solid transparent;}
/***Start Index page Grids***/
.home-grid:before{ box-shadow: 0px 0px 0px 5px rgba(100, 100, 100, 0.09);}.home-grid{padding-bottom: 10px;margin-bottom:10px;margin-top:15px;} .home-grid h2{font-weight:400;padding-bottom:20px;}.home-grid h3{font-weight:400;padding-bottom:6px;padding-top:6px; background:#85c226;color:#fff;}.home-grid .fa{background:#1f1a17;border-radius:50%;color:#fff;font-size:28px;width:100px;line-height:100px;text-align:center;margin-top:30px;margin-bottom:10px;-webkit-transition:all 0.4s ease;transition:1ll 0.4s ease;}.home-grid .fa:hover{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);background:#85c226;}
.home-grid .col-md-4{box-shadow: 5px 5px 12px 0px rgba(100, 100, 100, 0.09);margin-right:10px; width:31.9%;border:1px solid rgba(133,194,38,0.1);transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;}.home-grid .col-md-4:hover{border:1px solid #85C226;-webkit-transform: scale(1.09) translateY(-5px);z-index: 1;background:#fff;}
@media (max-width: 768px){.home-grid .col-md-4{width:100%;margin-bottom:10px;}.home-grid{background:none;}}
/***Start about pages***/
.about{color:#333;padding:60px 0 60px 0;}.about .col-md-12{padding:20px 0 0 0;}.about h2{font-weight:400;padding: 0 0 20px 0;}.about h4{font-weight:600;padding-top:6px;padding-bottom:8px;}.about .team{background:#f9f9f9;box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);padding:30px 0 30px 0;}.about .team h2{font-weight:400; padding:0 0 20px 0;}.about .team h3{background:#85c226;color:#fff;font-weight:600;padding:10px;}.about .team:hover{border:1px solid #85C226;-webkit-transform: scale(1.52) translateY(-5px);z-index: 1;}.fancy-title.title-bottom-border h1,.fancy-title.title-bottom-border h2,.fancy-title.title-bottom-border h3,.fancy-title.title-bottom-border h4,.fancy-title.title-bottom-border h5,.fancy-title.title-bottom-border h6{display:block;background:0 0;padding:0 0 10px;border-bottom:2px solid #85c226}.fancy-title{position:relative;margin-bottom:30px}.fancy-title h1,.fancy-title h2,.fancy-title h3,.fancy-title h4,.fancy-title h5,.fancy-title h6{position:relative;display:inline-block;background-color:#FFF;padding-right:15px;margin-bottom:0}.fancy-title h4,.fancy-title h5,.fancy-title h6{padding-right:10px}.fancy-title.title-border-color:before,.fancy-title.title-border:before,.fancy-title.title-double-border:before{content:'';position:absolute;width:100%;height:0;border-top:3px double #E5E5E5;left:auto;top:46%;right:0}.fancy-title.title-border:before{top:49%;border-top:1px solid #EEE}.fancy-title.title-border-color:before{top:49%;border-top:1px solid #1ABC9C;opacity:.6}
/***Social Responsibility***/

/***Products***/
.product-grid{}.product-grid  {padding-bottom: 10px;margin-bottom:15px;margin-top:15px;} .product-grid h2{font-weight:400;padding-bottom:20px;}.product-grid h3{font-weight:400;padding-bottom:6px;padding-top:6px; background:#85c226;color:#fff;}.product-grid .fa{background:#1f1a17;border-radius:50%;color:#fff;font-size:28px;width:100px;line-height:100px;text-align:center;margin-top:30px;margin-bottom:10px;-webkit-transition:all 0.4s ease;transition:1ll 0.4s ease; visibility:hidden;}.product-grid .fa:hover{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);background:#85c226;}.product-grid .col-md-3{box-shadow: 5px 5px 12px 0px rgba(100, 100, 100, 0.09); width:31.9%;margin-right:10px;margin-bottom:15px;border:1px solid rgba(133,194,38,0.1);transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;}.product-grid .col-md-3:hover{border:1px solid #85C226;-webkit-transform: scale(1.09) translateY(-5px);z-index: 1;background:#fff;}.product-intro{}.product-intro p{}.product-intro > ul > li{ list-style:none;}.product-intro h3 {background:none;color:#1f1a17}.product-intro ul > li:before{content:" ";color:#85c226;}.product-intro .fa-check{color:#85c226;}
@media (max-width: 768px){.product-grid .col-md-3{width:100%;margin-bottom:10px;}.product-grid{background:none;}}
/*Pricing table and price blocks*/
.price-head {margin-bottom:6%;text-align: center;}
.price-head h3 {color: #404042;font-size: 3em;text-decoration: none;font-weight: 700;font-family: 'Lato', sans-serif;}
.price-head p {
	color: #7B7A7A;
	font-size: 1.3em;
	line-height: 1.7em;
	margin: 0.5em auto;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}
.pricing-plans{
	background: #fff;
	padding-top: 2.3em;
	padding-bottom: 5em;
	border-top:1px solid #E7E7E8;
}
/*----*/
.pricing-grid1,.pricing-grid2,.pricing-grid3{float: left;text-align: center;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;padding: 2px;}
.pricing-grid1:hover {border-radius: 0.3em;border:1px dashed #85c226;-webkit-transform: scale(1.04) translateY(-5px);z-index: 1;}
.pricing-grid2:hover {border-radius: 0.3em;border:1px dashed #85c226;	-webkit-transform: scale(1.04) translateY(-5px);z-index: 1;}
.pricing-grid3:hover {border-radius: 0.3em;border:1px dashed #85c226;-webkit-transform: scale(1.04) translateY(-5px);z-index: 1;}
 .pricing-grid1:hover .cart a,.pricing-grid2:hover .cart a,.pricing-grid3:hover .cart a{}
.pricing-grid1:nth-child(3){margin-right:0;}
.pricing-grid1 h3 a,.pricing-grid2 h3 a,.pricing-grid3 h3 a{padding: 0.6em 1em;display: block;color: #C7C4C4;font-family: 'Lato', sans-serif;font-size: 0.9em;transition: 0.5s all;	-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;	text-decoration: none;font-weight:700;text-transform: uppercase;}
.price-value h3{
	font-size:1.3em;
	color: #485460;
	font-family: 'Lato', sans-serif;
}
.price-value {
	background:#F9F9F9;
}
.price-value ul,.pricing-grid1 ul,.pricing-grid2 ul,.pricing-grid3 ul{
	padding: 0;
	margin-top: 12px;
}
.price-value ul li,.pricing-grid1,.pricing-grid2 ul li,.pricing-grid3 ul li {
	list-style: none;
}
.price-value ul li{
	list-style: none;
}

.price-number1{
	border-top-right-radius: 0.3em;
	border-top-left-radius: 0.3em;
	background: #85c226;
	padding:8px 0
}
.price-number2{
	border-top-right-radius: 0.3em;
	border-top-left-radius: 0.3em;
	background: #85c226;
	padding:8px 0
}
.price-number3{
	border-top-right-radius: 0.3em;
	border-top-left-radius: 0.3em;
	background: #85c226;
	padding:8px 0
}
.price-number1 h3 ,.price-number2 h3 ,.price-number3 h3 {
	font-style: normal;
	font-weight:700;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size:2.5em;
	vertical-align:baseline;
}
.price-number1 h4 lable,.price-number2 h4 lable,.price-number3 h4 lable{
	font-style: normal;
	font-weight:900;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size: 4em;
	vertical-align:bottom;
}
.pricing-grid1 ul li ,.pricing-grid2 ul li ,.pricing-grid3 ul li {
	color: #777;
	font-size:16px;
	text-align: center;
	display: block;
	padding:6px 0;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	text-decoration: none;
	font-weight:500;
	font-family: 'Lato', sans-serif;
}

.price-bg {
	background: #F9F5F9;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
.price-bg ul {
	border-bottom-right-radius: 0.3em;
	border-bottom-left-radius: 0.3em;
	padding: 0;
}
.price-bg ul li{
	list-style: none;
}
.cart1,.cart2,.cart3{
	padding: 1em 0em 2em;
	display: block;
}
.cart1 a,.cart2 a,.cart3 a{
	color: #FFF;
	font-size: 0.9em;
	font-weight: 500;
	padding: 0.8em 2em;
	font-family: 'Lato', sans-serif;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	text-decoration: none;
	background: #1f1a17;
	text-transform:uppercase;
	-webkit-appearance:none;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
}
.category-tab {
  overflow: hidden;
}

.category-tab ul {
  background: #1f1a17;
  border-bottom: 1px solid #85c226;
  list-style: none outside none;
  margin: 0 0 30px;
  padding: 0;
  width: 100%;
}

.category-tab ul li a {
  border: 0 none;
  border-radius: 0;
  color: #B3AFA8;
  display: block;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  text-transform: uppercase;
}

.category-tab ul  li  a:hover{
	background:#85C226;
	color:#fff;
}

.shop-details-tab {
  box-shadow: 0 2px 6px rgba(31, 26, 23, 0.3);
  margin-bottom: 75px;
  margin-left: 15px;
  margin-right: 15px;
  padding-bottom: 10px;
}
.shop-details-tab .col-sm-12 {
	padding-left: 0;
	padding-right: 0;
}
.nav-tabs  li.active  a, .nav-tabs  li.active  a:hover, .nav-tabs  li.active  a:focus {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #85c226;
  border:0px;
  color: #FFFFFF;
  cursor: default;
  margin-right:0;
  margin-left:0;
}

.nav-tabs  li  a {
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  line-height: 1.42857;
  margin-right:0;
}
/*************************
******* about css********
**************************/
.team h4 {
  margin-top: 0;
  text-transform: uppercase;
}

.team h5 {
  font-weight: 300;
}
.team .single-profile
{
	width: 90%;
	  padding: 40px 30px;
	 margin: 0 0 40px;
	background: #F9F9F9;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	padding: 0;
	text-align:center;
	box-shadow: 0 1px 3px rgba(100, 100, 100, 0.3);
}
.team .single-profile img
{
	padding: 12px;
	border-radius:2px;
	 width: 100%;
}
.team .single-profile:hover
{

		border:1px solid #85C226;
	-webkit-transform: scale(1.2) translateY(-5px);
	z-index: 100000;
	 
}



/*--------------*/
@media(max-width:1366px){
	.pricing-grid1 h3 a, .pricing-grid2 h3 a, .pricing-grid3 h3 a {
	padding: 0.6em 1em;
	font-size: 0.8em;
	}
	.price-number1 h4 span, .price-number2 h4 span, .price-number3 h4 span {
	font-size: 3.7em;
	}
	.price-number1 h4 lable, .price-number2 h4 lable, .price-number3 h4 lable {
	font-size:3.7em;
	}
	.pricing-grid1 ul li a, .pricing-grid2 ul li a, .pricing-grid3 ul li a {
	font-size: 17px;
	}
	.price-head h3 {
	font-size:2.8em;
	}
}
@media(max-width:768px){
	.price-number1 h4 span, .price-number2 h4 span, .price-number3 h4 span {
	font-size: 3em;
	}
	.price-number1 h4 lable, .price-number2 h4 lable, .price-number3 h4 lable {
	font-size: 2.9em;
	}
	.pricing-grid1 ul li a, .pricing-grid2 ul li a, .pricing-grid3 ul li a {
	font-size: 15px;
	}
	.price-number1,.price-number2,.price-number3 {
	padding: 1px 0;
	}
	.pricing-grid1 h3 a, .pricing-grid2 h3 a, .pricing-grid3 h3 a {
	padding: 0.4em 1em;
	font-size: 0.7em;
	}
	.pricing-plans {
	padding-top: 1.6em;
	padding-bottom: 3em;
	}
	.pricing-grid1, .pricing-grid2, .pricing-grid3 {
	width:40%;
	float: none;
	text-align: center;
	margin: 1.5em auto;
	}
	.price-head h3 {
	font-size:2.3em;
	}
}
@media(max-width:640px){
	.price-number1 h4 span, .price-number2 h4 span, .price-number3 h4 span {font-size: 3em;}
	.price-number1 h4 lable, .price-number2 h4 lable, .price-number3 h4 lable {font-size: 2.9em;}
	.pricing-grid1 ul li a, .pricing-grid2 ul li a, .pricing-grid3 ul li a {font-size: 15px;}
	.pricing-grid1 h3 a, .pricing-grid2 h3 a, .pricing-grid3 h3 a {padding: 0.4em 1em;font-size: 0.7em;}
	.price-head h3 {font-size:2em;}}
@media(max-width:480px){
	.pricing-grid1, .pricing-grid2, .pricing-grid3 {
	width: 68%;
	float: none;
	text-align: center;
	margin: 1.5em auto;
	}
	.price-head h3 {
	font-size:1.8em;
	}
	#testimonial p {
	font-size: 0.9em;
	line-height: 1.8em;
	margin: 1em auto 0;
	}

}
@media(max-width:320px){
	.price-head h3 {
	font-size: 1.3em;
	}
	.pricing-plans {
	padding-top: 0.5em;
	padding-bottom: 1em;
	}
	.price-head p {
	font-size:16px;
	margin: 0;
	}
	.pricing-grid1, .pricing-grid2, .pricing-grid3 {
	width: 91%;
	margin: 1.5em auto;
	}
	.pricing-grid1 h3 a, .pricing-grid2 h3 a, .pricing-grid3 h3 a {
	padding: 0.4em 1em;
	font-size: 0.6em;
	}
	
}

/***Services***/

/***Contact Form***/

/***Get Quote Form***/
.request_quote{position: fixed;display: none;top: 30%;right: -1px;width: 35px;height: auto;background-size: 35px auto;-webkit-border-top-left-radius: 4px;-webkit-border-bottom-left-radius: 4px;
 -moz-border-radius-topleft: 4px;-moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;  background-repeat: no-repeat; background-color: #1F1A17;
-webkit-box-shadow: 0 0 3px rgba(128, 128, 128, 0.6);-moz-box-shadow: 0 0 3px rgba(128, 128, 128, 0.6);-o-box-shadow: 0 0 3px rgba(128, 128, 128, 0.6);box-shadow: 0 0 3px rgba(128, 128, 128, 0.6);
  display: none;white-space: nowrap;font-size: 0;color: transparent;overflow: hidden;z-index: 99997;}.request_quote:hover{background:#85c226;}
/***Footer***/
.footer{padding:10px 0px;background-color:#f5f5f5;border-top:2px solid #85c226; margin-top:20px;padding-bottom:25px;}.footer-area{width:100%;}.footer .copy-right{color:#666;max-width:50%;float:left;padding-left:10px;font-size:12px;}.footer .footer-menu{float:right;padding-right:10px;}.footer .footer-menu a{padding-top:0;}.footer .footer-menu ul li ul{top:21px;} .footer-menu li{float:left;position:relative;list-style:none;}.footer-menu a{color: #666666;display: block;float: left;font-size: 10px;height: 21px;padding: 5px 0 0 16px;font-size: 12px;}.footer-menu ul li:hover > a{color:#85c226;}
@media (max-width: 768px){.footer .copy-right{float:none;max-width:100%;text-align:center;margin-bottom:5px;}.footer .footer-menu{float:none;text-align:center;}.footer-menu li{float:none;display:inline;padding:5px 5px 0;}}
/***go to top***/

.go-top{background-color: #1f1a17;border-radius: 50%;bottom: 2em;right: 2em;color: #FFF;font-size:36px;display: none;position: fixed;text-decoration: none;width: 60px;height: 60px;line-height: 60px;text-align: center;}.go-top:hover {color: #85c226;}
/* end go top */

@media only screen and (max-width: 1199px) {.sliderX h1 { font-size: 30px; }.sliderX h2 { font-size: 24px; }}

/* start 768 media quires */
@media only screen and ( max-width: 768px ) {.navbar-default .navbar-brand {	margin-left: 20px; }	.navbar-default .navbar-nav	{ margin: 0; }.navbar-default .navbar-collapse{padding-left: 20px;		padding-right: 20px;}.sliderX h1 { font-size: 26px; }.sliderXr h2 { font-size: 18px; }.slider-btn { 	margin-top: 10px; 	width: 180px;	height: 40px;	padding-top: 8px;}.top-number{display:none;}}
/* end  768 media quires */
/* start  680 media quires */
@media only screen and ( max-width: 680px ) {
	.navbar-default .navbar-nav li a { border-bottom: 1px solid #f6f6f6; line-height: normal; height: 40px; }.navbar-brand{float:none;}.dropdown-menu {
top:40%;
}}
/* end  680 media quires */
/* start  600 media quires */
@media only screen and ( max-width: 640px ) {	.sliderX h1 { font-size: 20px; }	.sliderX h2 { font-size: 14px; }.slider-btn {width: auto;	height: auto;	padding: 10px 20px;margin-top: 10px;}.navbar-brand{float:none;}}