/*
	Cascading Style Sheet
	CREATED BY:Prerana Chimania	
	EMAIL: prerana@appsol.in
	CLIENT:rythlifesciences.com/temp-name
	Purpose:Demo
	TYPE: Main		
	Layout- Fixed 
	Date:7 august 2014

*/
/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */

.pure-table {
    /* Remove spacing between table cells (from Normalize.css) */
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #d3e1e9;
}
a{text-decoration:none;}
a{}
.grid-lt a{ color:#0A1852;  margin-left:10px;  border-bottom:solid 1px #0A1852;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
.bdr{border:solid 1px #C23D8B;}

.mrg-top{margin-top:1%;}
.mrg-lt{margin-left:1%;}
.mrg-rt{margin-right:1%;}
.bg-blue{background-color:#0A1852;}
.bg-dark-blue{background-color:#275067;}
.bg-pink{background:#c23d8b;}
/*end reset*/
body{
	font-family:"Gibson Semibold", sans-serif;
	color:#7D7D7D;
	width:100%;
	height:auto;	
		
}
.wrap{width:90%; height:auto; margin:0 auto;}
#header{background: #01315a; display: block;height: 60px;overflow: hidden;position: fixed;top: 0;width: 	100%;z-index: 999;}
.logo{float:left; height:60px; }
.logo a{display:block; height:60px;}
.contact-us {background: #FA6210;color: #fff;float: right;font-family: "Gibson Semibold", sans-serif;   			 font-size: 12px;letter-spacing: 2px;line-height: 60px;
			padding: 0 30px;text-transform: uppercase;
			}

#header nav{width:100%; margin-top:1%;font-family:"Gibson Semibold"} 
#header nav a{margin-right:1%; margin-left:1%; float:right; font-size: 12px; color:#fff; font-family:"Gibson Semibold", sans-serif;letter-spacing: 2px;text-transform: uppercase; text-align:center;padding:1%; color:#fff;}


#slider{width:100%; height:auto; color:##01315a; background:#0F1567; margin-top:4.5%;}

#slider img{width:100%;height:326px;}



.images {width:100%; height:auto;background:#08bbd5;}
.thumb_image{width:250px; height:150px; border:2px solid black; float:left; margin:10px 7px 10px 17px }

#content{width:100%;min-height:500px;background:#f1f6f9; color:#8b8b8b; }
#content p{line-height:23px;}
#product{width:100%;min-height:100%;background:#f1f6f9; color:#8b8b8b; padding-top:8%; border-top:solid 2px #fff;}
/*Grid*/

.grid-lt{
	width: 70%;
	float:left;
	
	
}
.grid-lt h1{color:#0A1852;font-family: "Gibson Semibold", sans-serif; font-size:1.5em; padding:1%; text-transform:uppercase;}
.grid-lt h4{ color:#bb3512; font-size:1.5em; padding:1%;}
.grid-lt p{ color:#8b8b8b; text-align:justify;padding:1%; font-size:14px;  font-family:"Gibson Semibold", sans-serif;}
.grid-lt  ul li{margin:1%;}
.grid-lt ul li a{color:gray; font-size:1.2em;}
.grid-rt{
	width: 25%;
	float:right;
	height:auto;
	overflow:hidden;
}
.grid-rt  h1{color:#fff; text-align:center; font-size:1.5em; padding:2%; font-family: "Gibson Semibold", sans-serif; }
.grid-rt ul li{margin:3%; text-transform:capitalize;}
.grid-rt ul li a{color:gray;}
.grid{
width:100%;
}
.footer{width:100%;height:40px;background-color:#FC2F03; }
.footer p,.footer a{text-align:center;padding:1%; color:#fff;}
/*Navigation*/

nav a{font-size:1.2em; color:#8b8b8b; font-family:"Gibson Semibold", sans-serif;letter-spacing: 2px;text-transform: uppercase;}
.span{background: #fff; text-align: left; margin:2%;float:left; width:28%;  border:solid 1px #0A1852}
.span img{ width:100%; }
.span  h1{color:#fff; text-align:center; font-size:1.2em; padding:2%; text-transform:capitalize; font-family: "Gibson Semibold", sans-serif; }
.span  p{color:#fff; text-align:center;  padding:2%; min-height:40px; font-family: "Gibson Semibold", sans-serif; }
.textbox{ width:80%; padding:10px 10px;border:solid 1px #0A1852; background:#fff; color:#0A1852; margin-bottom:2%;}
input[type=submit] {	background: #0864B7;color:#fff; width:185px; font-family: "Gibson Semibold", sans-serif !important;
font-size:18px;letter-spacing:2px; padding:15px 30px; border:solid 1px #0864B7;}
.address{width:100%; height:auto; overflow:hidden;}
.address p{ width:100%;font-size:15px;float:left;text-transform:uppercase;line-height:15px!important; padding:3%;		background-color:#fff; color:#3391E7;}


#newsticker-demo .title {
text-align:center;
font-size:14px;
font-weight:bold;
padding:5px;
}

.newsticker-jcarousellite { width:100%; }
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }
.newsticker-jcarousellite .thumbnail { float:left; width:100%; height:60px;}

.newsticker-jcarousellite .info { float:right; width:190px; }
.newsticker-jcarousellite .info span.cat { display: block; font-size:10px; color:#808080; }

.clear { clear: both; }

.CSSTableGenerator {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:auto;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{
	
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#e5e5e5; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:15px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
	background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");	background: -o-linear-gradient(top,#cccccc,b2b2b2);

	background-color:#cccccc;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#000000;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
	background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");	background: -o-linear-gradient(top,#cccccc,b2b2b2);

	background-color:#cccccc;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}
/* CSS for responsive iframe */
/* ========================= */

/* outer wrapper: set max-width & max-height; max-height greater than padding-bottom % will be ineffective and height will = padding-bottom % of max-width */
#Iframe-Master-CC-and-Rs {
  max-width: 512px;
  max-height: 100%; 
  overflow: hidden;
}

/* inner wrapper: make responsive */
.responsive-wrapper {
  position: relative;
  height: 0;    /* gets height from padding-bottom */
  
  /* put following styles (necessary for overflow and scrolling handling on mobile devices) inline in .responsive-wrapper around iframe because not stable in CSS:
    -webkit-overflow-scrolling: touch; overflow: auto; */
  
}
 
.responsive-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  
  margin: 0;
  padding: 0;
  border: none;
}

/* padding-bottom = h/w as % -- sets aspect ratio */
/* YouTube video aspect ratio */
.responsive-wrapper-wxh-572x612 {
  padding-bottom: 107%;
}

/* general styles */
/* ============== */
.set-border {
  border: 5px inset #4f4f4f;
}
.set-box-shadow { 
  -webkit-box-shadow: 4px 4px 14px #4f4f4f;
  -moz-box-shadow: 4px 4px 14px #4f4f4f;
  box-shadow: 4px 4px 14px #4f4f4f;
}
.set-padding {
  padding: 40px;
}
.set-margin {
  margin: 30px;
}
.center-block-horiz {
  margin-left: auto !important;
  margin-right: auto !important;
}