/*
Theme Name: Ratna Krishi.
Theme URI: http://www.ratnakrishi.com/
Description: Ratna Krishi - Abhay Minerals Products | A natural way to save our land and health.
Author: iColab Softwares Pvt. Ltd.
Author URI: http://www.icolabsoft.com
Version: v1.2015

################################################################ 

██╗ ██████╗ ██████╗ ██╗      █████╗ ██████╗                                 
██║██╔════╝██╔═══██╗██║     ██╔══██╗██╔══██╗                                
██║██║     ██║   ██║██║     ███████║██████╔╝                                
██║██║     ██║   ██║██║     ██╔══██║██╔══██╗                                
██║╚██████╗╚██████╔╝███████╗██║  ██║██████╔╝                                
╚═╝ ╚═════╝ ╚═════╝ ╚══════╝╚═╝  ╚═╝╚═════╝                                 
                                                                            
███████╗ ██████╗ ███████╗████████╗██╗    ██╗ █████╗ ██████╗ ███████╗███████╗
██╔════╝██╔═══██╗██╔════╝╚══██╔══╝██║    ██║██╔══██╗██╔══██╗██╔════╝██╔════╝
███████╗██║   ██║█████╗     ██║   ██║ █╗ ██║███████║██████╔╝█████╗  ███████╗
╚════██║██║   ██║██╔══╝     ██║   ██║███╗██║██╔══██║██╔══██╗██╔══╝  ╚════██║
███████║╚██████╔╝██║        ██║   ╚███╔███╔╝██║  ██║██║  ██║███████╗███████║
╚══════╝ ╚═════╝ ╚═╝        ╚═╝    ╚══╝╚══╝ ╚═╝  ╚═╝╚═╝  ╚═╝╚══════╝╚══════╝
                                                                            
██████╗ ██╗   ██╗████████╗    ██╗  ████████╗██████╗                         
██╔══██╗██║   ██║╚══██╔══╝    ██║  ╚══██╔══╝██╔══██╗                        
██████╔╝██║   ██║   ██║       ██║     ██║   ██║  ██║                        
██╔═══╝ ╚██╗ ██╔╝   ██║       ██║     ██║   ██║  ██║                        
██║      ╚████╔╝    ██║██╗    ███████╗██║   ██████╔╝██╗                     
╚═╝       ╚═══╝     ╚═╝╚═╝    ╚══════╝╚═╝   ╚═════╝ ╚═╝                     
                                                                            
################################################################ */



/* About
-------------------------- */
#inner-header {
	position: relative;
	height: 366px;
}
#inner-header .top-overlay{
	background-image: url('../images/slider-top-overlay.png');
	background-repeat: repeat-x;
	height: 159px;
	width: 1280px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 9;
}
#inner-header .bottom-overlay{
	background-image: url('../images/slider-bottom-overlay.png');
	background-repeat: repeat-x;
	height: 159px;
	width: 1280px;
	position: absolute;
	left: 0px;
	z-index: 9;
	bottom: 0px;
}
#page-container{
	background-position: left bottom;
	padding: 50px;
	background-image: url('../images/product-bg.jpg');
	background-repeat: repeat-x;
}
#page-container .heading{
	padding: 0px;
	margin: 30px 0px 30px 0px;
	font-family: 'Open Sans', arial, Helvetica, sans-serif;
	font-size: 50px;
	font-weight: 800;
	color: #000000;
}
#page-container .heading span{
	font-family: 'Open Sans', arial, Helvetica, sans-serif;
	font-weight: 400;
	font-style: italic;
}
#page-container p{
	padding: 0px;
	font-family: 'Open Sans', arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #000000;
	margin-bottom: 10px;
	text-align: justify;
}
#page-container .future-service{
	overflow: hidden;
	margin-top: 50px;
}
#page-container .future-service .title{
	font-family: 'Open Sans', arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: 800;
	color: #000000;
}
#page-container .future-service ul{
	margin: 5px 12px 12px 12px;
	padding: 0px;
}

#page-container .future-service ul li{
	font-family: 'Open Sans', arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #000000;
}

#page-container .future-service .future-column{
	border: 1px solid #CCCC00;
	width: 352px;
	height: 150px;
	float: left;
	margin: 10px 40px 30px 0px;
	text-align: center;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}
#page-container .future-service .future-column:hover{
	border: 1px solid #CCCC00;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-webkit-box-shadow: 0px 10px 15px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 10px 15px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 10px 15px 0px rgba(50, 50, 50, 0.75);
}
#page-container .future-service .future-column img{
	margin-bottom: 10px;
}
#page-container .future-service .future-column span{
	font-family: 'Open Sans', arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 600;
	color: #000000;
}

#page-container .future-service .gallery{
	border: 1px solid #CCCC00;
	float: left;
	margin: 10px 20px 30px 0px;
	text-align: center;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}
#page-container .future-service .gallery:hover{
	border: 1px solid #CCCC00;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-webkit-box-shadow: 0px 10px 15px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 10px 15px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 10px 15px 0px rgba(50, 50, 50, 0.75);
}

/* Products
-------------------------- */

#page-container .product-container{
	overflow: hidden;
	margin-top: 50px;
}
#page-container .product-container .product-column{
	border: 1px solid #CCCC00;
	width: 542px;
	float: left;
	margin: 10px 40px 30px 0px;
	text-align: center;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	background-color: #FFFFFF;
}
#page-container .product-container .product-column:hover{
	border: 1px solid #000;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-webkit-box-shadow: 0px 10px 15px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 10px 15px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 10px 15px 0px rgba(50, 50, 50, 0.75);
}

#page-container .product-container .product-column .image{
	border-width: 4px;
	border-color: #CCCC00;
	position: relative;
	border-bottom-style: solid;
}
#page-container .product-container .product-column .image .title{
	font-family: 'Open Sans', arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: 800;
	color: #000000;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	line-height: 1em;
}
#page-container .product-container .product-column .intro{
	padding: 10px;
	margin: 0px;
	font-family: 'Open Sans', arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #000000;
	text-align: left;
}
#page-container .product-container .product-column .intro-small{
	padding: 10px;
	margin: 0px;
	font-family: 'Open Sans', arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #000000;
	text-align: left;
}
#page-container .product-container .product-column .details{
	padding: 10px;
	margin: 0px;
	font-family: 'Open Sans', arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #000000;
	text-align: left;
}
#page-container .product-container .product-column p{
	margin: 0px 0px 5px 0px;
	font-family: 'Open Sans', arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #000000;
	text-align: justify;
}
#page-container .product-container .product-column ul{
	margin: 5px 12px 12px 12px;
	padding: 0px;
}

#page-container .product-container .product-column ul li{
	font-family: 'Open Sans', arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #000000;
}

#page-container .other-container{
	overflow: hidden;
	margin-top: 50px;
}
#page-container .other-container .image{
	border: 1px solid #669900;
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}
#page-container .other-container .image:hover{
	border: 1px solid #000;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-webkit-box-shadow: 0px 10px 15px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 10px 15px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 10px 15px 0px rgba(50, 50, 50, 0.75);
}

#page-container .other-container .title{
	font-family: 'Open Sans', arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 800;
	color: #669900;
	text-decoration: underline;
}
#page-container .other-container .intro{
	margin: 0px;
	font-family: 'Open Sans', arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #000000;
	text-align: left;
}
#page-container .other-container .list-title{
	margin: 10px 0px 5px 0px;
	font-family: 'Open Sans', arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 800;
	color: #669900;
	text-align: justify;
}
#page-container .other-container ul{
	margin: 5px 12px 12px 12px;
	padding: 0px;
}

#page-container .other-container ul li{
	font-family: 'Open Sans', arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #000000;
}
#page-container .other-container .liner{
	background-color: #CCCC00;
	height: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#page-container .next-prev{
	border: 1px solid #517700;
	background-color: #669900;
	color: #FFFFFF;
	padding: 10px;
	text-align: center;
	font-family: 'Open Sans', arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: 600;
	display: block;
	margin-top: 50px;
	text-transform: uppercase;
	text-decoration: none;
}
#page-container .next-prev:hover{
	border: 1px solid #517700;
	background-color: #4D7100;
	color: #FFFFFF;
	text-shadow: 5px 5px 5px #000;
}

/*------- story -----------
------------------------*/

#page-container .future-service .story-column{
	border: 4px solid #CCCC00;
	float: left;
	margin: 0px 35px 10px 0px;
	text-align: center;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}
#page-container .future-service .story-column:hover{
	border: 4px solid #000;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-webkit-box-shadow: 0px 10px 15px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 10px 15px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 10px 15px 0px rgba(50, 50, 50, 0.75);
}
#page-container .future-service .story-column img{
	margin-bottom: 10px;
}
#page-container .future-service .story-column .name{
	font-family: 'Open Sans', arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 900;
	color: #000000;
}
#page-container .future-service .story-column .info{
	font-family: 'Open Sans', arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #000000;
	margin-bottom: 10px;
}
#page-container .future-service .story-column .info span{
	display: block;
}

/*------- contact -----------------------------------*/

#page-container .contact-address{
	width: 380px;
	float: left;
	margin-top: 20px;
	margin-bottom: 50px;
}
#page-container .contact-address .heading{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-family: 'Open Sans', arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: 800;
	color: #000000;
}
#page-container .contact-address .address{
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-family: 'Open Sans', arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #000000;
}
#page-container .contact-address .address span{
	margin: 0px;
	padding: 0px;
	font-family: 'Open Sans', arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 800;
	color: #000000;
}
#page-container .contact-address .address a{
	color: #000;
}
#page-container .contact-address .address a:hover{
	color: #669900;
}



/*------- table -----------------------------------*/
table {
	border-spacing: 0;
	border: 1px solid #99CC00;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

table tr th{
	border-bottom: 1px solid;
	text-align: left;
	padding: 9px 20px;
	border-right: 1px solid;
	font-family: 'Open Sans Condensed', arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	text-transform: uppercase;
}
table tr td{
	padding: 9px 20px;
	border-right: 1px solid;
	border-bottom: solid 1px #569B28;
	font-family: "Open Sans", arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	border: 1px solid #9CDB73;
}
table tr td i{
	color: #80D04A;
}
table tr td a{
	font-family: 'Roboto', arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #5BA42B;
	font-weight: 400;
	margin-left: 10px;
}
table tr td a:hover{
	text-decoration: underline;
}
table tr th:last-child, table tr td:last-child{
	border-right: 0px;
}



table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: #f9f9f9; 
}

table tr.odd{
	color: #000;
	background-color: #ffffff;
}


.table-green th {
	background: #59ba47;
	color: #fff;
}
.table-blue th {
	background: #3498db;
	color: #fff;
}
.table-yellow th {
	background: #f1c40f;
	color: #fff;
}
.table-red th {
	border-color: #EC7062;
	background: #e74c3c;
	color: #fff;
}
.table-green th {
	border-color: #9CDB73;
	background: #80D04A;
	color: #fff;
}
.table-grey th {
	border-color: #E2E2E2;
	background: #F5F5F5;
	color: #000;
	text-align: center;
}