@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300);
/* body */
body{ padding:0px; margin:0px;  font-family: 'droid_regular'; font-size:13px; color:#000;}

@font-face {
    font-family: 'droid_regular';
    src: url('../fonts/droidsans-webfont.eot');
    src: url('../fonts/droidsans-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/droidsans-webfont.woff2') format('woff2'),
url('../fonts/droidsans-webfont.woff') format('woff'),
url('../fonts/droidsans-webfont.ttf') format('truetype'),
url('../fonts/droidsans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'droid_bold';
    src: url('../fonts/droidsans-bold-webfont.eot');
    src: url('../fonts/droidsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/droidsans-bold-webfont.woff2') format('woff2'),
url('../fonts/droidsans-bold-webfont.woff') format('woff'),
url('../fonts/droidsans-bold-webfont.ttf') format('truetype'),
url('../fonts/droidsans-bold-webfont.svg#droid_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
.clearDIV{ clear:both;}
/*body*/

/**color**/
.black{ color:#000;}
.white{ color:#fff;}
.blue{ color:#008ef1;}
.img-center{ text-align:center;}
/**color**/

#apDiv1 {
	position: fixed;
	bottom:200px;
	width: 65px;
	height: 51px;
	z-index: 1;
	right: 0;
}

.form-deatail{ width:96%; padding:2%; border: solid #CCC 1px; margin:20px 0px;}
.f-col-2{ width:20%; height:auto; padding:8px 0% 8px 2%; float:left; font-size:14px; color:#000; text-align:left;font-family: 'droid_regular';}
.f-col-2-1{ width:72%; height:auto; padding:8px 0% 8px 2%; float:left; font-size:14px; color:#000; text-align:left;font-family: 'droid_regular';}


.c-col-3 { width:27%; float:left; height:auto; padding:2%; text-align:center; border: dotted 1px #666666; margin:1%;}
.c-col-3 h3 { font-size:18px; font-weight:bold; color:#000;}
.c-col-3 p { margin:20px !important;}
.c-col-3 span{ font-size:14px;font-family: 'droid_regular'; margin-bottom:20px; display:block;}
.c-col-3 a { font-size:14px;font-family: 'droid_regular'; margin-bottom:20px; display:block; text-decoration:none; color:#06F;}
.g-map{ width:96%; padding:2%; border: solid #CCC 1px; margin:20px 0px;}

.table-packages td{width:32%; padding:2px;}

input, textarea{ border: solid #CCC 1px; width:100%;}


/** a link **/
a{ color:#000; text-decoration:none;}
a:hover{ color:#1aafef; text-decoration:none;}
img { border-image:none;}
/** a link **/

/**container and wrapper **/
#wrapper{ width:100%; height:auto;}
.container{ width:100%; height:auto;}
.inner-container{ width:960px; margin:0px auto;}
.container-box{ width:100%; padding:3%; height:auto;}
.box{ width:100%; height:auto;}
/**container and wrapper **/

/**colume**/
.col-2{ width:50%; float:left; height:auto;}
.col-3{ width:33.33%; float:left; height:auto;}
.col-4{ width:24.9%; height:auto; float:left; border: solid #e4e4e4 1px; margin:0.1%; padding-bottom:3%;}
.col-5{ width:20%; float:left; height:auto;}
/**colume**/

/** Heading  90c223 **/
.maintitle-35{ font-size:35px; color:#000;}
.title-2-30{ font-size:30px; color:#000;}
/** Heading **/
.top-bar{ width:100%; height:auto; padding:0px 20px; background-color:#E5ECAB; text-align:right;display: inline-block; font-size: 25px; color:#90c223;  }
/**header**/
.logo{ width:230px; height:118px; float:left; }
nav{ width:850px; padding-left:100px !important; height:auto; float:left; display:block;  margin-top:55px !important;}
.customer-login-btn{ width:137px; height:auto; float:left;margin-top:40px !important;}
.c-l-btn{
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	height:auto;
	color: #fff;
	font-size: 15px;
	font-family: 'droid_regular';
	padding: 7px 0px 7px 0px;
	text-align:center;
	width:100%;
	float:right;
	background-color:#4486f7;
	font-weight:bold;
	}
	
.c-l-btn a { text-decoration:none; color:#fff;}
	
.c-l-btn:hover{ background-color:#039;}	
	
.c-l-btn div { display:inline-block; margin:auto;}	
/**header**/


/**phone bar**/
.phone-bar{ width:100%; height:auto; padding:8px 0px; background-color:#90c223; text-align:right; }
.phone-bar-box{ padding:0px 15px; display: inline-block; color:#FFF; font-family: 'droid_regular'; font-size:13px;}
.phone-bar-box a { color:#fff;}
/**phone bar**/



/**products & Serivces box**/
.pro-ser-box{
	width: 100%;
	height: auto;
	background-image: url(../img/products-bg.jpg);
	background-repeat: repeat;
	background-position: center center;
}

.pro-ser-inner-box{ width:100%; height:auto; text-align:center;}
.pro-ser-inner-box span { display:inline-block; margin:10px auto; padding:10px;}
.pro-ser-inner-box a { font-family: 'Roboto Condensed', sans-serif; color:#000; font-size:16px; text-align:center; font-weight:300;}

.circle-div{
	width: 170px;
	height: 170px;
	background-color: #fff;
	align:center;
	padding:5px;
	/**margin: 10px auto;**/
	-webkit-border-radius: 90px;
	-moz-border-radius: 90px;
	border-radius: 90px;
	border:#999 solid 1px;
	}
	
	
.s1{
	/**background-image: url(../img/blood-collection-home.jpg);**/
	background-repeat: no-repeat;
	background-position: center center;
	
}
.s2{
	/**background-image: url(../img/s2.png);**/
	background-repeat: no-repeat;
	background-position: center center;
}

.s3{
	/**background-image: url(../img/s3.png);**/
	background-repeat: no-repeat;
	background-position: center center;
}

.s4{
	/**background-image: url(../img/s4.png);**/
	background-repeat: no-repeat;
	background-position: center center;
}

.s5{
	background-image: url(../img/s5.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.s6{
	background-image: url(../img/s6.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.s7{
	background-image: url(../img/s7.png);
	background-repeat: no-repeat;
	background-position: center center;
}


.col-4-logo{ width:30%; margin:2%; height:auto; float:left; padding:2px;  font-family: 'Roboto Condensed', sans-serif; color:#000; font-size:16px; text-align:center; font-weight:300; }
.col-4-logo img { width:98%; height:auto;}
/**products & Serivces box**/


/**banner**/
.banner{
	width: 100%;
	height: auto;
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #06C;
	border-bottom-color: #06C;
}

.banner-next{
	width: 100%;
	height: auto;
	margin:0px 0px 0px 0px;
	padding:0px;
}
.banner-next img { width:100%; height:auto;border-top-width: 4px;
	border-bottom-width: 4px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #06C;
	border-bottom-color: #06C;}
	
.banner-next{ background-color:#000; width:100%; height:auto; padding:50px 0px; text-align:right;}	

.banner-next h1{font-family: 'Roboto Condensed', sans-serif; font-size:36px; color:#FFF; margin:0px; padding:0px; font-weight:700; text-align:left !important;}

.banner-next span{ display:inline-block; color:#FFF;font-family: 'Roboto Condensed', sans-serif; font-size:14px;font-weight:300; padding:10px;}

/**banner**/

/**bannerMini**/
.bannermini{
	width: 40%;
	height: auto;
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #06C;
	border-bottom-color: #06C;
}

.bannermini-next{
	width: 40%;
	height: auto;
	margin:0px 0px 0px 0px;
	padding:0px;
}
.bannermini-next img { width:40%; height:auto;border-top-width: 4px;
	border-bottom-width: 4px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #06C;
	border-bottom-color: #06C;}
	
.bannermini-next{ background-color:#000; width:40%; height:auto; padding:50px 0px; text-align:right;}	

.bannermini-next h1{font-family: 'Roboto Condensed', sans-serif; font-size:36px; color:#FFF; margin:0px; padding:0px; font-weight:700; text-align:left !important;}

.bannermini-next span{ display:inline-block; color:#FFF;font-family: 'Roboto Condensed', sans-serif; font-size:14px;font-weight:300; padding:10px;}

/**bannerMini**/





.left-link-box{ width:230px; height:auto; padding:10px; background-color:#01a4ef;float:left; margin-top:30px;}
.left-link-box h2 {font-family: 'Roboto Condensed', sans-serif; font-size:24px; color:#FFF; font-weight:400; margin:10px 0px 0px 10px; padding:0px;}
.left-link-box ul { margin:20px 0px 30px 20px; padding:0px; list-style-type:none;font-family: 'Roboto Condensed', sans-serif;font-weight:300; font-size:16px;}

.right-box h3 {font-family: 'Roboto Condensed', sans-serif; font-size:28px; color:#000; font-weight:400; margin:10px 0px 0px 10px; padding:0px;}


.left-link-box a { color:#FFF;}
.left-link-box a:hover{ text-decoration:underline;}

.left-link-box li { padding:5px 0px;}
.right-box{ width:880px; float:left; padding:30px 20px 40px 20px;}
.right-box p { margin:0px; margin:10px 0px 0px 10px; font-family: 'Roboto Condensed', sans-serif; font-size:14px; font-weight:300; line-height:22px;}








/**home**/
.home-title{
	width: auto;
	height: auto;
	font-size: 36px;
	color: #333;
	margin:0px 0px 30px 0px !important;
	font-family: 'Roboto Condensed', sans-serif;
	text-align:center;
	text-transform:uppercase;
	font-weight:700;
}
.home-para{ font-size:14px;font-family: 'droid_regular'; color:#000; margin:0px 0px 0px 0px; line-height:22px; text-align:justify;}
/** end home**/

/**4 services box**/
.services-box{ width:100%; height:auto; background-color:#fff; margin-top:0px;}
.circle-1{
	width:197px;
	height:113px;
	margin:30px auto 0px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
	text-align:center;
	background-image:url(../img/Online-Software.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	}
	
/*.circle-1:hover{
	-webkit-border-radius: 90px;
	-moz-border-radius: 90px;
	border-radius: 90px;
	border: 2px solid #4a5a61;
	width:150px;
	height:150px;
	margin:30px auto 0px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
	background-color:#4a5a61;
	background-image:url(../img/icon-1-roll.png);
	background-repeat:no-repeat;
	background-position:center center;
	}*/
	
	
	
.circle-2{
	width:197px;
	height:113px;
	margin:30px auto 0px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
	text-align:center;
	background-image:url(../img/Diagnosticcentre.png);
	background-repeat:no-repeat;
	background-position:center center;
	}
	
/*.circle-2:hover{
	-webkit-border-radius: 90px;
	-moz-border-radius: 90px;
	border-radius: 90px;
	border: 2px solid #588194;
	width:150px;
	height:150px;
	margin:30px auto 0px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
	background-color:#588194;
	background-image:url(../img/icon-2-roll.png);
	background-repeat:no-repeat;
	background-position:center center;
	}*/
	
	
	
.circle-3{
	width:197px;
	height:113px;
	margin:30px auto 0px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
	text-align:center;
	background-image:url(../img/Digital-Marketing.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	}
	
	
.circle-4{
	width:197px;
	height:113px;
	margin:30px auto 0px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
	text-align:center;
	background-image:url(../img/Services.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	}	
	
/*.circle-3:hover{
	-webkit-border-radius: 90px;
	-moz-border-radius: 90px;
	border-radius: 90px;
	border: 2px solid #8c183f;
	width:150px;
	height:150px;
	margin:30px auto 0px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
	background-color:#8c183f;
	background-image:url(../img/icon-3-roll.png);
	background-repeat:no-repeat;
	background-position:center center;
	}	*/
	
.img-circle {
    border-radius: 50%;
}		
.home-page-sub-title{ font-size:24px; color:#000; font-weight:300;font-family: 'Roboto Condensed', sans-serif; text-align:center; margin-bottom:20px; margin-top:10px;}
.home-page-sub-title a, { text-decoration:none; color:#000;}
.home-para-2 a { text-decoration:none; color:#888484;}
.home-link a { color:#06F; text-decoration:none; padding-top:30px; display:block; text-align:center; margin-bottom:0px;}
.home-para-2{ font-size:13.5px; color:#888484; font-family: 'Roboto Condensed', sans-serif; text-align: justify; font-weight:300;}
.home-link{ font-size:13px; color:#06F; font-family: 'droid_regular'; }
.col-4-cover-1{ width:82%;  margin:2% auto; margin-top:10%;}
.col-4-cover-2, .col-4-cover-3{ width:82%; height:auto; margin:2% auto;}
.col-4-cover-4{ width:82%; height:auto; margin:2% auto;}
/**end 4 services box**/


/***footer  background-color:#121214; copyright bg=#1179ca**/
footer{ width:100%; height:auto; margin:0px; padding:0px; background-color:#121214;}
.copyright{ width:100%; height:auto; margin:0px; padding:12px 0px; background-color:#90c223;font-size:13px; color:#FFF;}
.col-40{ float:left; width:40%; height:auto;font-family: 'droid_regular';color:#FFF;}
.col-60{ float:left; width:60%; height:auto; text-align:right;font-family: 'droid_regular'; font-size:13px; color:#FFF;}
.col-60 span { display:inline-block; padding:0px 12px;}
.col-60 a { color:#FFF;}
.followus{font-family: 'droid_regular'; font-size:13px; color:#FFF;}
.followus span { display:inline-block; padding:0px 5px 0px 0px;}
.followus span:hover{ opacity:0.5;}
.contact span { display:inline-block; padding:0px 5px 0px 0px;}
.contact{font-family: 'droid_regular'; font-size:13px; color:#FFF; text-align:right;}
.contact a { color:#FFF;}
.con-follow{ padding:10px 0px;}

.right-box h2 {
    margin: 0px;
    margin: 10px 0px 0px 10px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
}


/**next page**/
.sub-title-next-page {
    width: auto;
    height: auto;
    font-size: 30px;
    color: #000;
    border-left: 15px solid #01426f;
    padding-left: 20px;
    margin: 0px 0px 30px !important;
    font-family: "droid_regular";
    line-height: 30px;
	text-transform:uppercase;
}


.left-side{ width:70%; float:left; margin-right:5%;}
.right-side{ width:25%; float:left;}
.fab-box{ background-color:#f8f8f8; width:85%; height:auto; padding:7% 5% 3% 10%;}

.fab-title-next-page {
    width: auto;
    height: auto;
    font-size: 14px;
    color: #000;
    border-left: 5px solid #000;
    padding-left: 11px;
    margin: 0px 0px 10px !important;
    font-family: "droid_regular";
    line-height: 14px;
	font-weight:bold;
}

.fab-box span{
	font-family: "droid_regular";
	font-size: 13px;
	padding-left: 11px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6D6D6;
	padding-bottom:20px;
	margin-bottom:30px;
	line-height:22px;
}

.soluiotn-info-graphics { width:100%; height:auto; margin-bottom:50px; text-align:center; margin-top:50px;}

.soluiotn-list{
	background-image: url(../img/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	font-family: "droid_regular";
	font-size: 13px;
	line-height:22px;
	color:#000;
	display:block;
	padding-left:35px;
	margin-bottom:20px;
}

.sol-img-2 { margin-top:110px;}
.sol-img-3 { margin-top:80px;}
.sol-img-4 { margin-top:50px;}
.sol-4box { 
	width:19%; float:left; text-align:center; 
	margin:1% 1% 5% 1%; padding:3% 2% 3% 2%; 
	font-family: "droid_regular"; font-size:13px; line-height:18px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	height:150px;
	}
.sol-4box span { display:block;}
.col-3-cover{ padding:12%;}
.technology-sub-title{ font-size:16px; color:#000; font-weight:bold;font-family: 'droid_regular'; text-align:center; margin-bottom:10px; margin-top:20px;}
.col-3-cover p { text-align:justify;font-family: "droid_regular"; font-size:13px; line-height:20px; margin-top:20px;}
.col-3-cover span { text-align:center; display:block;}
.tecnology-img {}
.ab-img {}
.m-heading {}

/**contact-box**/
.contact-box{
	border: 1px solid #CCC;
	padding:3%;
	margin-top:30px;
}
.form-row{font-family: "droid_regular"; font-size:13px; line-height:18px; margin-bottom:5px;}
.inputext{
	width: 100%;
	border: 1px solid #999;
	margin-bottom: 20px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.submit-btn{ background-color:#008ef1; color:#FFF; border:none; padding:1% 3%;}
.submit-btn:hover{ background-color:#006; color:#FFF;}
.map-box{
	height:270px;
	background-color: #d1eafc;
	border: 5px solid #FFF;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.33);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.33);
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.33);
	margin-bottom:20px;
}

.contact-title{font-family: "droid_regular"; font-size:15px; font-weight:bold; color:#008ef1; margin-bottom:10px; margin-top:10px;}
.address-text{font-family: "droid_regular"; font-size:13px; color:#000; padding-left:22px; display:block;}
.address-text strong { font-weight:bold;}
.address-text a { color:#008ef1; text-decoration:none;}

.col-30{ float:left; width:15%; padding-right:5%;font-family: "droid_regular"; font-size:13px; color:#000;}
.col-70{ float:left; width:80%; padding-right:0%;font-family: "droid_regular"; font-size:13px; color:#000;}
.requst-demo{ width:70%; margin:40px auto !important;}
.thank-you{font-family: "droid_regular"; font-size:18px; color:#f00; margin-bottom:40px; font-weight:bold;}


figure {
  position: relative;
  max-width: 400px;
  
}

figcaption {
  position: absolute;
  bottom: 15px;
  left: 0;
  -webkit-box-sizing: border-box; 
     -moz-box-sizing: border-box; 
          box-sizing: border-box;
  width: 100%;
height:25px;
  padding: 20px;
  color: #fff;
  background: #000; /* Fallback color */
  background: rgba(0, 0, 0, .6);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}


/* grid */
.row {
  display: flex;
  flex-flow: row wrap;
  margin: 0 auto;
  margin-bottom: -4px;
  justify-content:space-around;
 
  border:0px;
 
}
.row:last-child {
  margin-bottom: 0px;
}
[class*="col-"] {
 
  border:0 px;
  flex-basis:0 auto;
  margin-bottom: 0px;

 margin:auto;
}

.table-packages td{width:32%; padding:2px;}

.offers-div{box-shadow:0px 3px 4px -1px rgba(0,0,0,.1); margin:0 5px 25px; padding-bottom:10px; width:100%;align:center;text-align:center;}
.offers-div{border:0px solid #e1e1e1;}
.offers-div h6{color:rgb(0, 100, 147); padding:0; margin:0 0px 10px; text-align:center; font-size:.8.5em; font-weight:bold;}
.offers-div img{border:1px solid #f1f1f1; margin:0 0 10px; max-width:90%; height:150px; margin:0 auto;}
/*.offers-div .price{margin:5px 0 0 20px; padding:0px; font-size:10px;}*/
.offers-div .price{margin:5px 5px;  font-size:1em;text-align:center;align:center; }
.offers-div .view-details{color:#006493; font-size:.9em;}
/*.offers-div .mrp-price{line-height:15px; margin-bottom:5px;}
    .offers-div .discount{color:#d9534f ; line-height:15px}margin-left:10px;
*/
.offers-div h4{color:#82bb02; font-size:1em; font-weight:600;text-align:center;}
.offers-div .mrp-price{line-height:15px; margin-bottom:5px; margin-right:10px; margin-left:10px; color:#000; text-decoration:line-through; font-size:.8em;}
.offers-div .discount{color:brown; font-weight:bold; line-height:15px; font-size:.8em;text-align:center; margin-bottom:5px;padding-bottom:5px;align:center;}
.offers-div .footer{padding:5px; text-align:center;}
.shadow-none{box-shadow:none;}

.package-details{overflow: hidden;
	box-sizing: border-box;
	margin: 0px 0 5px;
	padding:10px;
	border:1px solid #e7e7e7;
	background:rgba(255,255,255,0.4);}
.package-details h2{font-size: 14px; margin:-10px -10px 10px; padding:10px; color:#373435; font-weight:bold; background:#efefef;}
.package-details h2 span{color:#373435; font-size:16px;}
.package-details  ul{margin:0; padding:0; list-style:none;}
.package-details li{margin:0 15px; padding:0; line-height:none; line-height:25px; list-style-type:square;}
.package-details h3{font-size:14px; font-weight:bold; margin:0;}
.package-details h3 p{color:#006493; margin:15px 0 0; font-size:18px;}
.package-details h4{color:#82bb02; font-size:1em; font-weight:600}
.package-details .divider{border:0; border-bottom:1px dashed #a1a1a1; margin:15px 0;}
.package-details .discount{background:linear-gradient(#028ccc,#006493); color:#fff; font-size:12px; float:right; text-align:center; border-radius:4px; padding:5px 10px;}
.package-details .validity{font-size:14px; color:#a1a1a1; padding:10px 0 25px; text-align:center;}
.package-details .offer-price{background:#006493; margin:0 -10px -10px; padding:7px 10px; color:#fff; font-size:16px; font-weight:bold;}
.package-details .offer-price a{float:right; font-size:24px; color:#fff;}

/* DropDown Username Menu */

.dropdown {
     position: relative;
    display: inline-block;
}

.dropdown .dropbtn {
    cursor: pointer;
    font-size: 16px;    
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
 background: #fff url('../img/caret.png') no-repeat;
  background-position: 90% 95%;
}

.navbar a:hover, .dropdown:hover .dropbtn, .dropbtn:focus {
    background-color: red;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

.show {
    display: block;
}


@media all and ( min-width: 600px ) {

.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{height:auto;}
  /* set col widths */
  
 .col-1-1 {
    width: 100%;
  }
  .col-2-3 {
    width: 66.66%;
  }
  .col-1-2 {
    width: 50%;
  }
  .col-1-3 {
    width: 26.6%;
  }
  .col-1-4 {
    width: 25%;
  }
  .col-1-8 {
    width: 12.5%;
  }

}
@media all and ( min-width: 1200px ) {

  /* adjust width */
  .col-1-8 {
    float: left;
    width: 12.5%;
  }

  /* 8 span rows */
  .row-8 {
    padding-left: 140px;
  }
  /* reset these... */
  .row-8 [class*="col-"]:nth-child(4n+1) {
    margin-left: 0;
  }
  .row-8 [class*="col-"]:nth-child(5n-1) {
    margin-right: 20px;
  }
  .row-8 [class*="col-"]:nth-child(6n-1) {
    clear: none;
  }
  /* and add this */
  .row-8 [class*="col-"]:nth-child(1) {
    margin-left: -140px;
  }

}


/*  Grid  */
/* Animate text  */


@import "compass/css3";

* {
  @include box-sizing(border-box); 
}

section1 {
  background: #eee;
  width: 1000px;
  margin: 0 auto;
  overflow: hidden;
}

.module {
  background: white;
  float: left;
  margin:10px;
  width:100%;
  float:left;
}


.come-in {
  -webkit-transform: translateY(150px);
  -webkit-animation: come-in 0.8s ease forwards;
  -moz-transform: translateY(150px);
  -moz-animation: come-in 0.8s ease forwards;
}
.come-in:nth-child(odd) {
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
}
.already-visible {
  -webkit-transform: translateY(0);
  -webkit-animation: none;
  -moz-transform: translateY(0);
  -moz-animation: none;
}

@-webkit-keyframes come-in {
  to {  -webkit-transform: translateY(0);    
  }
}
@-moz-keyframes come-in {
  to {  -moz-transform: translateY(0);    
  }
}

.eighty.start {
    width: 0px;
    background: #aae0aa;
    -webkit-animation: eighty 2s ease-out forwards;
       -moz-animation: eighty 2s ease-out forwards;
        -ms-animation: eighty 2s ease-out forwards;
         -o-animation: eighty 2s ease-out forwards;
            animation: eighty 2s ease-out forwards;
}
/*  Animate text */




ul.bullet04{margin:0 0 20px; padding:0; list-style:none;}
.bullet04 li{font-size:14px; color:#000; background:url(../img/bullet04.gif) no-repeat 0px 14px; padding:5px 10px 0 15px; margin:0; list-style:none}