/*
 Table Of Contents
 1) @fontface 
 2) General Text Formatting and Typography
 3) Site Wide Content
 	3.1) General Style
 	3.2) Sprite Icon
 	3.3) Botton Style
 	3.4) Img Thumb
 	3.5) Table Style
 	3.6) Tab Style
 	3.7) Accordion Style
 	3.8) Notification Style
 	3.9) List Style
 	3.10) Blockquote Style
 	3.11) Progress Style
 	3.12) Breadcrumb Banner Section
 	3.13) Global Animations Style
 	3.14) Side Nav Style
 	3.15) pagiantion Style
 4) Header Styles
 	4.1) Header First
 	4.2) Header Second
 	4.3) Header Third
 5) Footer Styles
	 5.1) Footer first
	 5.2) Footer Second
	 5.3) Footer Third
 ===============================================*/


/*====================================Font Family Here==========*/

@font-face {
    font-family: "SegoeUI";
    font-style: normal;
    font-weight: normal;
    src: url("font/segoeui.eot?#iefix") format("embedded-opentype"), 
	url("font/segoeui.woff") format("woff"), 
	url("font/segoeui.ttf") format("truetype"), url("font/segoeui.svg#segoeui") format("svg");
}



/*
2)General Text Formatting
 ----------------------------------------*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color: #3b3b3b;
	font-weight: 400;
}
h1, .h1 {
	font-size: 36px;
	margin-bottom: 30px;
}
h2, .h2 {
	font-size: 30px;
	
}
h3, .h3 {
	font-size: 26px;
	
}
h4, .h4 {
	font-size: 24px;
	margin-bottom: 40px;
}
h5, .h5 {
	font-size: 20px;

}
h6, .h6 {
	font-size: 18px;
	/*margin-bottom: 39px;*/
}
p {
	font-size:13px;
	color: #686868;
	line-height: 1.5;
	font-weight: normal;
	font-family: "SegoeUI";
}
a:hover, a:focus {
	text-decoration: none;
}
/*a:focus, a:active {
	outline: none;
	list-style-position: outside;
	list-style-type: none;
	display: none;
}
*/




body {
	margin:0;
	padding:0;
	font-family:"SegoeUI";
	text-rendering: optimizeLegibility;
	overflow-x:hidden;
	color: #444444;
}

* {
margin:0;
padding:0;


}
#wrapper {
	max-width: 1920px;
	margin:auto;
}

	
#header{
	clear:both;
	float:left;
	background-color:#FFFFFF;
	height:auto;
	width: 100%;
	padding-bottom: 15px;
	
}

a				{
	text-decoration:none;
	transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s; /* Firefox 4 */
    -webkit-transition: all 0.3s ease 0s; /* Safari and Chrome */
    -o-transition: all 0.3s ease 0s; /* Opera */ 	color: #444;
}
/*
img				{ border:none;
				max-size: 100%;	
					 }
				
					
/**************************************Header****************************/

.logo {
	color: #004593;
	font-family: Lato;
	font-weight: bolder;
	font-size: 40px ;
	margin-top: 0px;
	margin-right: 0;
	margin-left: 0;
	text-transform: uppercase;
	padding-top: 60px;
	width: 75%;
	float: left;
	text-align: center;
	line-height: 22px;
}
em {
	font-family: "Chaparral Pro";
	text-align: center;
	font-size: 15px;
}

.certificate {
	text-decoration: none;
	float: right;
	width: 30%;
	display: block;
	margin-top: 10px;
	text-align: right;
}
/**************************************Navigation****************************/
#nav-menu {
	background-color: #000000;
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: left;
}



.social-menu {
	float: right;
	height: 37%;
	width: 10px;
}


/**************************************Button****************************/
.readmore {
	height: 32px;
	width: 460px;
	float: right;
	margin-right: 10px;
}
.button-expand-red {
	background-color: #f4f4f4;
	font-family: "SegoeUI";
	font-size: 13px;
	font-weight: normal;
	color: #222222;
	text-align: right;
	float: right;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	border: 2px solid #222222;
}
.button-expand-red:hover {
	background-color: #004593;
	color: #FFFFFF;
	
}

.button-expand {
	background-color: #f4f4f4;
	font-family: "SegoeUI";
	font-size: 13px;
	font-weight: normal;
	color: #222222;
	text-align: center;
	
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	border: 2px solid #222222;
}
.button-expand:hover {
	background-color: #004593;
	color: #FFFFFF;
	
}

/**************************************Grid System****************************/
.row { 
		position: relative; 
		width: 1004px; 
		margin: 0 auto;
	}
	
	.row .row { 
		width: auto; 
		margin: 0;
	 }

.span1 {
	float: left;
	height: auto;
	width: 10%;
	margin-top: 10px;
	
}

.span2 {
	float: right;
	height: 22px;
	width: 80%;
	position: relative;
	color: #44444;
	font-family: "SegoeUI";
	font-size: 13px;
	text-align: right;
}
.span2 ul {
	
	display: inline;
	list-style-type: none;
}
.span2 li {
	
	display: inline;
	list-style-type: none;
}
.span2 li.wishlist {
	margin-right: 10px;
}
.span2 li.wishlist span.icon {
	width: 16px;
	height: 22px;
	line-height:22px;
	display: inline-block;
	text-indent: -999em;
	margin-right: 2px;
	background-image: url(../images/wishlist.jpg);
	background-repeat: no-repeat;
}
.span2 li.shopping {
	margin-right: 10px;
}
.span2 li.shopping span.icon {
	width: 16px;
	height: 22px;
	line-height:22px;
	display: inline-block;
	text-indent: -999em;
	margin-right: 2px;
	background-image: url(../images/shopping-bag.jpg);
	background-repeat: no-repeat;
	
}
.span2 li.shopping span#cartCount {
	background: #ffe5e5; padding:3px 8px; margin-left:6px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;
	
}
.span2 span {
	
	color: #44444;
	font-family: "SegoeUI";
}
.span2 a:hover {
	color: #44444;
	font-family: "SegoeUI";
	text-decoration: underline;
}
.span3 {
	height: auto;
	width: 100%;
	float: right;
	background-color: #FFFFFF;
}
.span4 {
	height: auto;
	width: 100%;
	float: left;
	background-color: #FFFFFF;
	font-family: "SegoeUI";
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.span4 ul {
	
	display: inline;
	list-style-type: none;
}
.span4 li {
	
	display: inline;
	list-style-type: none;
}
.span4 li.bus {
	margin-right: 10px;
}
.span4 li.bus span.busicon {
	width: 35px;
	height: 35px;
	line-height:35px;
	display: inline-block;
	text-indent: -999em;
	margin-right: 2px;
	background-image: url(../images/bus.jpg);
	background-repeat: no-repeat;
}
.span4 li.circle {
	margin-right: 10px;
	margin-left: 160px;
}
.span4 li.circle span.circleicon {
	width: 35px;
	height: 35px;
	line-height:35px;
	display: inline-block;
	text-indent: -999em;
	margin-right: 2px;
	background-image: url(../images/circle.jpg);
	background-repeat: no-repeat;
}
.span4 li.tag {
	margin-right: 10px;
	float: right;
}
.span4 li.tag span.tagicon {
	width: 35px;
	height: 35px;
	line-height:35px;
	display: inline-block;
	text-indent: -999em;
	margin-right: 2px;
	background-image: url(../images/tag.jpg);
	background-repeat: no-repeat;
}




.span5 {
	height: auto;
	width: 100%;
	float: left;
	background-color: #FFFFFF;
}
.span5 h1 {
	font-family: "SegoeUI";
	font-weight: lighter;
	color: #14396e;
	font-size: 2.0em;
	padding-left: 10px;
}
.span5 p {
	font-family: "SegoeUI";
	font-weight: normal;
	color: #595959;
	font-size: 12px;
	padding-left: 10px;
	text-align: justify;
	padding-right: 10px;
}
.img1 {
	height: 298px;
	width: 246px;
	float: left;
	background-color: #FFFFFF;
	margin-left: 30px;
}
.img-panel {
	height: 298px;
	width: 426px;
	float: left;
	background-color: #FFFFFF;
}
.img2 {
	height: 144px;
	width: 426px;
	float: left;
	background-color: #FFFFFF;
	margin-right: 12px;
	margin-left: 12px;
}
.img3 {
	height: 144px;
	width: 426px;
	float: left;
	background-color: #FFFFFF;
	margin-right: 12px;
	margin-left: 12px;
	margin-top: 10px;
}

.img4 {
	height: 298px;
	width: 246px;
	float: right;
	background-color: #FFFFFF;
	margin-right: 30px;
}

.span6 {
	background-color: #FFFFFF;
	float: left;
	font-family: LinotypeDidotRoman;
	font-size: 15px;
	height: auto;
	padding-bottom: 20px;
	text-align: center;
	width: 100%;
	padding-top: 20px;
}

.span6 h2 {
	color: #383737;
	font-size: 16px;
	font-family: LinotypeDidotRoman;
	margin-bottom: 16px;
	overflow: hidden;
	font-weight: normal;
}
.span6 .left_line {
	position: absolute;
	left: 0px;
	top: 50%;
	width: 2000px;
	height: 1px;
	margin-left: -2008px;
	background-color: #aba8b4;
}
.span6 .text {
	position: relative;
}
.span6 .right_line {
	position: absolute;
	right: 0px;
	top: 50%;
	width: 2000px;
	height: 1px;
	margin-right: -2008px;
	background-color: #aba8b4;
}
.span6 .sub_title {
	font-size: 20px;
	color: #808080;
	margin-bottom: 0px;
	font-family: Lato_light;
}


.span7 {
	height: auto;
	width: 100%;
	float: left;
	background-color: #fff;
	
}
.span7 h3 {
	color: #555555;
	font-family: "SegoeUI";
	font-weight: bold;
	text-transform: uppercase;
	font-size: 32px;
}
.span7 p {
	color: #8e8e8e;
	font-family: "SegoeUI";
	font-weight: normal;
	text-transform: none;
	font-size: 12px;
	padding-right: 10px;
	padding-left: 10px;
	
}
#line {
	height: 6px;
	width: 100%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #a3c95c;
	clear: both;
}
#slider-section {
	height: 309px;
	width: 1004px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
}
.other-page {
	height: 288px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: left;
	
}
.other-page img {
	height: 288px;
	width: 100%;
	
}
.mid-section {
	height: auto;
	width: 100%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: left;
}
.headings {
	font-family: "SegoeUI";
	font-size: 1.8em;
	color: #FFFFFF;
	text-decoration: none;
	height: auto;
	width: 250px;
	position: absolute;
	left: 155px;
	top: 282px;
	z-index: 400;
}



#mid-end-section {
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	padding-top: 10px;
}


.span8 {
	height: auto;
	width: 100%;
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
}
.span8 h3 {
	color: #555555;
	font-family: LinotypeDidotRoman;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 20px;
	padding-left: 140px;
}
.span8 h2 {
	color: #555555;
	font-family: LinotypeDidotRoman;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 20px;
	padding-bottom: 10px;
}
.span8 p {
	color: #444444;
	font-family: SegoeUI;
	font-weight: normal;
	text-transform: none;
	font-size: 12px;
	padding-right: 10px;
	line-height: 18px;
	margin-left: 140px;
	text-align: justify;
	
}
.left-panel{
	float: left;
	height: auto;
	width: 660px;
	background-image: url(../images/footer-logo.jpg);
	background-position: left 20px;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 25px;


}
.social-sec {
	float: right;
	height: auto;
	width: 300px;
	padding-top: 10px;
	padding-bottom: 25px;
}



.span9 {
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-decoration: none;
	float: left;
	background-color: #000000;
}
.span9 h5{
	font-weight:bold;
	font-family:Gibson;
	;
	font-size: 0.7em;
	color: #FFFFFF;
	padding-left: 5px;
	letter-spacing: 1px;
	line-height: 10px;
}
.box-1 {
	height: auto;
	width: 170px;
	float: left;
	color: #b40725;
	font-weight: normal;
	line-height: 15px;
	list-style-type: none;
	padding-left: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.footer-ul {
list-style:none;
    margin:0;
    padding:0;
}


.footer-li-a {
	color:#7c7c7c;
	text-decoration:none;
	font-size:12px;
	padding-left: 10px;
}


footer-li-a:hover{
	text-decoration:underline;
	color: #00AAAA;
}

.span10 {
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	padding-top: 10px;
	
}

.span11 {
	float: left;
	height: auto;
	width: 222px;
	background-image: url(images/home.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: "SegoeUI";
	color: #FFFFFF;
	font-size: 13px;
	padding-left: 35px;
}
.span12 {
	float: left;
	height: auto;
	width: 160px;
	background-image: url(images/telephone.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: "SegoeUI";
	color: #FFFFFF;
	font-size: 13px;
	padding-left: 30px;
}
.span13 {
	float: left;
	height: 25px;
	width: 222px;
	background-image: url(images/mail.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: "SegoeUI";
	color: #FFFFFF;
	font-size: 13px;
	padding-left: 35px;
	padding-top: 5px;
}

.span13 a{
color: #FFFFFF;
	font-size: 13px;

}
.span14 {
	float: right;
	height: auto;
	width: 222px;
	text-align: right;
}

.span15 {
	float: left;
	height: auto;
	width: 400px;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
}


.span16 {
	float: right;
	height: auto;
	width: 222px;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
}

.span16 a {
	color: #FFFFFF;
}


.span17 {
	height: auto;
	width: 100%;
	float: right;
	background-color: #f4f4f4;
	padding-bottom: 10px;
}
.span17 h1 {
	font-family: "SegoeUI";
	font-weight: lighter;
	color: #14396e;
	font-size: 2em;
	padding-left: 20px;
}
.span17 h2 {
	font-family: "SegoeUI";
	font-weight: lighter;
	color: #14396e;
	font-size: 1.7em;
	padding-left: 10px;
}

.span17 p {
	font-family: "SegoeUI";
	font-weight: normal;
	color: #595959;
	font-size: 12px;
	padding-left: 20px;
	text-align: justify;
	padding-right: 20px;
}



.span18 {
	height: auto;
	width: 95%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.span19 {
	height: auto;
	width: 78%;
	float: left;
	background-color: #f4f4f4;
	padding-bottom: 10px;
}
.span19 h1 {
	font-family: "SegoeUI";
	font-weight: lighter;
	color: #14396e;
	font-size: 2em;
	padding-left: 20px;
}
.span19 h2 {
	font-family: "SegoeUI";
	font-weight: lighter;
	color: #14396e;
	font-size: 1.7em;
	padding-left: 10px;
}
.span19 p {
	font-family: "SegoeUI";
	font-weight: normal;
	color: #595959;
	font-size: 12px;
	padding-left: 20px;
	text-align: justify;
	padding-right: 20px;
}
.span20 {
	height: auto;
	width: 21%;
	float: right;
	background-color: #F4F4F4;
}
.video {
	float: left;
	height: 231px;
	width: 365px;
}
.facebook {
	background-color: #3c5b9b;
	float: left;
	height: 76px;
	width: 184px;
	clear: both;
	margin-top: 5px;
	background-image: url(images/facebook.jpg);
	background-repeat: no-repeat;
	background-position: center 40px;
	font-family: "SegoeUI";
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	padding-top: 80px;
	line-height: 20px;
}
.facebook a {
	
	font-family: "SegoeUI";
	color: #FFFFFF;
	
}

.video img {
	width: 100%;
}
.twitter {
	background-color: #1baae2;
	float: right;
	height: 76px;
	width: 175px;
	margin-top: 5px;
	background-image: url(images/twitter.jpg);
	background-repeat: no-repeat;
	background-position: center 40px;
	font-family: "SegoeUI";
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	padding-top: 80px;
	line-height: 20px;
}
.twitter a {
	
	font-family: "SegoeUI";
	color: #FFFFFF;
	
}




#copyright-sec {
	height: 40px;
	width: 1004px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	
}


/*===========================Copyright====================*/
.copright-text {
	font-family: "SegoeUI";
	font-size: 12px;
	color: #7c7c7c;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 35px;
	float: left;
	width: 400px;
}
.nestor-vision {
	font-family: "SegoeUI";
	font-size: 12px;
	color: #7c7c7c;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 40px;
	float: right;
	width: 170px;
}
.nestor-vision a {
	font-family: "SegoeUI";
	font-size: 12px;
	color: #7c7c7c;
	text-decoration: none;

}
.nestor-vision a:hover {
	font-family: "SegoeUI";
	font-size: 12px;
	color: #d64937;
	text-decoration: none;
	
}

h6 {
	font-family: "SegoeUI";
	font-weight: lighter;
	color: #14396e;
	font-size: 1.2em;
	padding-left: 10px;
	padding-bottom: 5px;
}
h5 {
	font-family: "SegoeUI";
	font-weight: lighter;
	color: #14396e;
	font-size: 1.2em;
	padding-left: 20px;
	padding-bottom: 5px;
}




/*    ANIMATIONS   */

.animate	{
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}

.animate.queue	{
	-webkit-animation-delay: 1s;
	   -moz-animation-delay: 1s;
	     -o-animation-delay: 1s;
	        animation-delay: 1s;
}

.animate.queue2s	{
	-webkit-animation-delay: 2s;
	   -moz-animation-delay: 2s;
	     -o-animation-delay: 2s;
	        animation-delay: 2s;
}

.animate.queue3s	{
	-webkit-animation-delay: 3s;
	   -moz-animation-delay: 3s;
	     -o-animation-delay: 3s;
	        animation-delay: 3s;
}

.animate.queue4s	{
	-webkit-animation-delay: 4s;
	   -moz-animation-delay: 4s;
	     -o-animation-delay: 4s;
	        animation-delay: 4s;
}

/* Fade In Down */
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-100px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-100px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-100px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-100px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
/* Fade In Down */


/* Social 1 Animation */


#social1 {position:relative;}
#social1 img{
position:absolute;
left:0;
top:0;
-webkit-transition: margin-top;
-webkit-transition-timing-function: ease-in;
-webkit-transition-duration: 250ms;
}
#social1:hover img{
margin-top:-40px;
}
#social1 .details{
position:absolute;
left:0;
top:0;
z-index:-1;
}

/* Social 2 Animation */


#social2 {position:relative;}
#social2 img{
position:absolute;
left:0;
top:0;
-webkit-transition: margin-top;
-webkit-transition-timing-function: ease-in;
-webkit-transition-duration: 250ms;
}
#social2:hover img{
margin-top:-40px;
}
#social2 .details{
position:absolute;
left:0;
top:0;
z-index:-1;
}

/* Social 3 Animation */


#social3 {position:relative;}
#social3 img{
position:absolute;
left:0;
top:0;
-webkit-transition: margin-top;
-webkit-transition-timing-function: ease-in;
-webkit-transition-duration: 250ms;
}
#social3:hover img{
margin-top:-40px;
}
#social3 .details{
position:absolute;
left:0;
top:0;
z-index:-1;
}

/* Social 4 Animation */


#social4 {position:relative;}
#social4 img{
position:absolute;
left:0;
top:0;
-webkit-transition: margin-top;
-webkit-transition-timing-function: ease-in;
-webkit-transition-duration: 250ms;
}
#social4:hover img{
margin-top:-40px;
}
#social4 .details{
position:absolute;
left:0;
top:0;
z-index:-1;
}

/* Social 5 Animation */


#social5 {position:relative;}
#social5 img{
position:absolute;
left:0;
top:0;
-webkit-transition: margin-top;
-webkit-transition-timing-function: ease-in;
-webkit-transition-duration: 250ms;
}
#social5:hover img{
margin-top:-62px;
}
#social5 .details{
position:absolute;
left:0;
top:0;
z-index:-1;
}




/* ==========================================================================
   #Tablet (Portrait)
   ========================================================================== 

	@media (min-width: 768px) and (max-width: 980px) {
		
		.row { width: 705px; }
		
		.kissan-name {
				color: #004593;
				font-family: Lato;
				font-weight: bolder;
				font-size: 30px;
				margin-top: 0px;
				margin-right: 0;
				margin-left: 40px;
				text-transform: uppercase;
				padding-top: 50px;
				width: 70%;
				float: left;
				text-align: center;
}
			em {
				font-family: "Chaparral Pro";
				text-align: center;
				font-size: 11px;
			}
		.certificate {
			text-decoration: none;
			float: right;
			width: 10%;
			display: block;
			margin-top: 10px;
			margin-right: 10px;
			text-align: right;
		}
	
		.span1 { 
			width: 45px;  
			margin-left: 15px; 
		}
		
		.span2 { 
			width: 100%; 
			margin-left: 15px; 
		}
		
		.span3 { 
			width: 100%;
			height:auto;
			margin-left: 15px; 
		}
		
		.span4 { 
			height: 204px;
			width: 100%;
			float: left;
			background-color: #d0494a;
		}
		.span44 { 
			width: 225px; 
			margin-left: 15px; 
		}
		
		.span5 { 
			height: 204px;
			width: 100%;
			float: right;
			background-color: #f4f4f4;
		}
		
		.span6 { 
			height: 392px;
			width: 43%;
			float: left;
			background-color: #f4f4f4;
			margin-bottom: 15px;
		}
	
		
		.span7 { 
			height: 392px;
			width: 53%;
			float: right;
			background-color: #f4f4f4;
			margin-left: 23px;
			text-align: center; 
		}
		
		.span8 { 
			height: 392px;
			width: 100%;
			float: left;
			background-color: #d0494a;
			margin-left: 10px;
		}
		
		.video {
			float: left;
			height: 231px;
			width: 100%;
}
.facebook {
	background-color: #3c5b9b;
	float: left;
	height: 76px;
	width: 100%;
	clear: both;
	margin-top: 5px;
	background-image: url(images/facebook.jpg);
	background-repeat: no-repeat;
	background-position: center 40px;
	font-family: "SegoeUI";
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	padding-top: 80px;
	line-height: 20px;
}
.twitter {
	background-color: #1baae2;
	float: right;
	height: 76px;
	width: 100%;
	margin-top: 5px;
	background-image: url(images/twitter.jpg);
	background-repeat: no-repeat;
	background-position: center 40px;
	font-family: "SegoeUI";
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	padding-top: 80px;
	line-height: 20px;
}
	#client-sec {
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
	clear: both;
	padding-top: 160px;
}	
		.span9 { 
			height: auto;
			width: 100%;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 0px;
			margin-left: 0px;
			margin-top: 10px;
			margin-right: auto;
			margin-bottom: 0px;
			margin-left: auto;
			font-family: "SegoeUI";
			color: #555555;
			font-size: 18px;
			text-decoration: none;
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-bottom-color: #a3c95c;
			float: left; 
		}
		
		.span10 { 
			width: 100%;
			
		}
		.span10 img { 
			width: 100%;
			
		}
		.span11 { 
			width: 645px; 
			margin-left: 15px; 
		}
		
		.span12 { 
			width: 500px;
			margin-left: 15px; 
		}
		.span13 { 
			width: 500px;
			margin-left: 15px; 
			
		}
		
			.span18 { 
			width: 100%;
			text-align: center;
		}
		
		.span19 { 
			width: 100%;
			margin-left: 15px; 
			text-align: center;
		}
		
		.span20 { 
			display: none; 
		}
		
		
		.hidden-desktop { display: inherit !important; } 
		.visible-desktop { display: none !important; }
		.visible-tablet { display: inherit !important; } 
		.hidden-tablet { display: none !important; }
		
	}



/* ==========================================================================
   #Mobile (Portrait and Landscape )
   ========================================================================== 

	@media (max-width: 767px) {
		
		.row { width: auto; }
		
		
		
			
			.kissan-name {
				color: #004593;
				font-family: Lato;
				font-weight: bolder;
				font-size: 25px;
				margin-top: 0px;
				margin-right: 0;
				
				text-transform: uppercase;
				padding-top: 50px;
				width: 100%;
				float: left;
				text-align: center;
}
			em {
				font-family: "Chaparral Pro";
				text-align: center;
				font-size: 11px;
			}
		.certificate {
			text-decoration: none;
			float: right;
			width: 100%;
			display: block;
			
			text-align: center;
		}
		.span1 { 
			width: 100%;  
			text-align: center;
		}
		
		
		
		.span2 { 
			width: 100%; 
			margin-left: 15px; 
		}
		
		.span3 { 
			width: 100%; 
			margin-left: 15px; 
		}
		
		.span4 { 
			height: 150px;
			width: 100%;
			float: left;
			background-color: #d0494a;
		}
		.span44 { 
			width: 225px; 
			margin-left: 15px; 
		}
		
		.span5 { 
			height: auto;
			width: 100%;
			float: right;
			background-color: #f4f4f4;
		}
		.span5 h1 {
			font-family: "SegoeUI";
			font-weight: lighter;
			color: #14396e;
			font-size: 1.5em !important;
			padding-left: 10px;
}
		
		.span6 { 
			height: auto;
			width: 100%;
			float: left;
			background-color: #f4f4f4;
			margin-bottom: 12px;
		}
	
		
		.span7 { 
			height: auto;
			width: 100%;
			float: right;
			background-color: #f4f4f4;
			margin-left: 23px;
			text-align: center; 
			margin-bottom: 15px;
		}
		
		.span8 { 
			height: 392px;
			width: 100%;
			float: left;
			background-color: #d0494a;
			margin-left: 10px;
		}
		
		.video {
			float: left;
			height: 231px;
			min-width: 100%;
}
.facebook {
	background-color: #3c5b9b;
	float: left;
	height: 76px;
	width: 100%;
	clear: both;
	margin-top: 5px;
	background-image: url(images/facebook.jpg);
	background-repeat: no-repeat;
	background-position: center 40px;
	font-family: "SegoeUI";
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	padding-top: 80px;
	line-height: 20px;
}
.twitter {
	background-color: #1baae2;
	float: right;
	height: 76px;
	width: 100%;
	margin-top: 5px;
	background-image: url(images/twitter.jpg);
	background-repeat: no-repeat;
	background-position: center 40px;
	font-family: "SegoeUI";
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	padding-top: 80px;
	line-height: 20px;
}
	#client-sec {
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
	clear: both;
	
}	
		.span9 { 
			height: auto;
			width: 100%;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 0px;
			margin-left: 0px;
			margin-top: 10px;
			margin-right: auto;
			margin-bottom: 0px;
			margin-left: auto;
			font-family: "SegoeUI";
			color: #555555;
			font-size: 18px;
			text-decoration: none;
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-bottom-color: #a3c95c;
			float: left; 
		}
		
		.span10 { 
			width: 100%;
			
		}
		.span10 img { 
			width: 100%;
			
		}
		.span11 { 
			width: 100%; 
			margin-left: 15px; 
		}
		
		.span12 { 
			width: 100%;
			margin-left: 15px; 
			
		}
		
				
		.span14 {
		
		height: auto;
		width: 100%;
		text-align: center;
		
		
}
		.span15 {
		
		height: auto;
		width: 100%;
		text-align: center;
		
		
}
.span16 {
		
		height: auto;
		width: 100%;
		text-align: center;
		
		
}

				
			.span18 { 
			width: 100%;
			text-align: center;
		}
		
		.span19 { 
			width: 100%;
			margin-left: 15px; 
			text-align: center;
		}
		
		.span20 { 
			display: none; 
		



	}

		
		
		
		
		
		
/*---------------------------------------Span here-----*/		
		
		
		
		
/* ==========================================================================
   #Clearing
   ==========================================================================

	/**
 	 * Automatically Clear Fix rows
 	
	 
	.row:after {
		visibility: hidden;
		
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}

	/**
 	 * Clear Fix hack
	 * Usage:  add  class="fixed"  to div's that have floated elements in them
 	
	 
	.fixed:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	
	/**
 	 * Clear content
	 * Usage:  <br class="clear"> 
 	 
	 
	.clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
	} 


/* ==========================================================================
   #Responsive Images and Embeds
   ========================================================================== 

	.responsive-img { 
		max-width: 100%; 
		height: auto; 
	}
	
	/**
 	 * 1. 16/9 ratio
 	
	 
	.responsive-embed {
		position: relative;
		overflow: hidden;
		height: 0;
		padding: 0;
		padding-bottom: 56.25%; /* 1
		margin-bottom: 20px;
	}

	.responsive-embed iframe,
	.responsive-embed object,
	.responsive-embed embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
/* ==========================================================================
   #Align
   ========================================================================== 

	.float-left { float: left; }
	.float-right { float: right; }
	
	
	
	/* ==========================================================================
   #Mobile (Portrait and Landscape )
   ========================================================================== 

	@media (max-width: 767px) {
		
		.row { width: auto; }
		
		.span1,
		
		.span3,
		.span4,
		.span44,
		.span5,
		.span6,
		.span7,
		.span8,
		.span9,
		.span10,
		.span11,
		.span12,
		.span13,
		.span14,
		.span15,
		.span16,
		.span17
		.span18,
		.span19,
		.span21
		 { 
			float: none;
			display: block;
			width: 100%;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
					box-sizing: border-box;
			margin-left: 0;
		}
		
		.hidden-desktop { display: inherit !important; }
		.visible-desktop { display: none !important; }
		.visible-phone { display: inherit !important; }
		.hidden-phone { display: none !important; }
		
	}