/*
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

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

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


@import url(http://fonts.googleapis.com/css?family=Oswald:300,400,700|Open+Sans:300,400,400italic,600,800|Raleway:200,700,400,900|Roboto:100,300,400,900|Pacifico|Open+Sans+Condensed:300italic,700|Old+Standard+TT:400italic););

/* Basic Elements
============================================================ */

* {
	padding:0;
	margin:0;
}

html,body{
	background-image: url('../images/bg.jpg');

}

::-moz-selection {
	background: #FFCC00;
	text-shadow: none;
	color: #000000;
}

::selection {
	background: #FFCC00;
	text-shadow: none;
	color: #000000;
}

a:focus {
    outline: none;
}

a{
	-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;
}
a:hover{
	-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;
}

.flote-left{
	float: left;
}
.flote-right{
	float: right;
}

.margin{
	margin-top: 5px;
	margin-bottom: 5px;
}
.border{
	border: 1px solid #FF3300;
}


/* Preloader*/
#preloader {
	background-color: #D5DF06;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 99999999;
	background-image: url('../images/preloader-bg.png');
}
#loading-animation {
	left: 40%;
	position: absolute;
	top: 40%;
	width: 294px;
	height: 224px;
}

#loading-animation .logo{
	bottom: 0px;
	left: 0px;
	position: absolute;
}

.spinner {
  width: 100px;
  text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;  
	margin-top: 0px;
	margin-left: -50px;	
}

.spinner > div {
  width: 30px;
  height: 30px;
  background-color: #fff;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}


/* Home
-------------------------------------------------- */

#container{
	margin: 0px auto 0px auto;
	width: 1280px;
	background-color: #FFFFFF;
}

#header{
	height: 100px;
}
#header .logo{
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}
#header .menu{
	float: right;
	margin-top: 30px;
	margin-right: 20px;
}

#slider-container{
	height: 810px;
	position: relative;
}
#slider-container .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;
}
#slider-container .bottom-overlay{
	background-image: url('../images/slider-bottom-overlay.png');
	background-repeat: repeat-x;
	height: 159px;
	width: 1280px;
	position: absolute;
	bottom: 113px;
	left: 0px;
	z-index: 9;
}
#slider-container .main-slider{
	float: left;
	width: 1045px;
	position: relative;
	height: 695px;
}
#slider-container .right-slider{
	float: right;
	width: 230px;
	position: relative;
}
#slider-container .right-slider .box{
	width: 230px;
	height: 228px;
	background-color: #45BC00;
	position: relative;
}
#slider-container .right-slider .box .img{
	text-align: center;
	position: absolute;
	z-index: 99;
	left: 50px;
	top: 20px;
}
#slider-container .right-slider .box a{
	position: absolute;
	z-index: 99;
	text-transform: uppercase;
	font-family: 'Roboto', arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: 900;
	text-align: right;
	line-height: 25px;
	color: #FFFFFF;
	right: 10px;
	bottom: 6px;
	text-decoration: none;
}
#slider-container .right-slider .box a span{
	font-size: 20px;
	font-weight: 400;
	display: block;
}
#slider-container .right-slider .box a:hover{
	color: #000;
}
#slider-container .links{
	position: absolute;
	left: 0px;
	bottom: 20px;
	padding: 0px;
	margin: 0px 0px 0px 40px;
	list-style-type: none;
}
#slider-container .links li{
	padding: 10px;
	display: inline-block;
	border-left: 1px solid #262626;
	border-left-color: #EAEAEA;
}
#slider-container .links li:first-child {
	border-style: none;
}

#slider-container .links li a{
	font-family: 'Open Sans', arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 600;
	color: #006600;
	text-decoration: none;
	margin-left: 10px;
}
#slider-container .links li a:hover{
	border-bottom-style: dotted;
	border-width: 1px;
	border-color: #8CD83F;
}
#guide-box{
	margin: 0px 10px 10px 10px;
	padding: 0px 10px 10px 10px;
	height: 250px;
}
#guide-box .guide-photo{
	padding: 1px;
	margin: 10px;
	border: 1px solid #99CC00;
	float: left;
	-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;
}
#guide-box .guide-photo:hover{
	-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);
}

#product-container{
	background-position: left bottom;
	height: 480px;
	background-image: url('../images/product-bg.jpg');
	background-repeat: no-repeat;
}
#product-container .heading{
	padding: 0px;
	margin: 10px 0px 10px 0px;
	font-family: 'Open Sans', arial, Helvetica, sans-serif;
	font-size: 50px;
	font-weight: 800;
	text-align: center;
	color: #000000;
}
#product-container .heading span{
	font-family: 'Open Sans', arial, Helvetica, sans-serif;
	font-weight: 400;
	font-style: italic;
}
#product-container p{
	padding: 0px;
	margin: 0px auto 0px auto;
	font-family: 'Open Sans', arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	color: #000000;
	width: 90%;
}
#product-container .products{
	overflow: hidden;
	width: 85%;
	margin: 50px auto 0px auto;
	text-align: center;
}
#product-container .products .img{
	margin: 0px auto 0px auto;
}
#product-container .products .product-list{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	text-align: center;
}
#product-container .products .product-list li{
	padding: 0px;
	margin: 0px;
	font-family: 'Open Sans', arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
}
#product-container .products .product-list li span{
	font-family: 'Open Sans', arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #000;
	text-transform: none;
}
#product-container .products .product-list li a{
	font-family: 'Open Sans', arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	text-transform: none;
	color: #666666;
	text-decoration: underline;
	line-height: 10px;
}
#product-container .products .product-list li a:hover{
	color: #008000;
}
#bottom-banner{
	height: 225px;
	background-color: #86AD43;
	background-image: url('../images/banner-bg.jpg');
	background-repeat: no-repeat;
}
#bottom-banner .heading{
	padding: 0px;
	margin: 70px 0px 0px 100px;
	font-family: 'Open Sans', arial, Helvetica, sans-serif;
	font-size: 50px;
	font-weight: 800;
	color: #fff;
	float: left;
	width: 600px;
}
#bottom-banner .heading span{
	font-family: 'Open Sans', arial, Helvetica, sans-serif;
	font-weight: 400;
	display: block;
	font-size: 14px;
	line-height: 1.5em;
}
#bottom-banner .img{
	float: right;
	width: 203px;
	margin-right: 250px;
	margin-top: 3px;
}
#footer{
}
#footer .share-contact{
	height: 125px;
	background-color: #F2F2F2;
}
#footer .share-contact .social-box{
	float: left;
	margin-left: 20px;
	margin-top: 30px;
}
#footer .share-contact .social-box .social-title{
	font-family: 'Open Sans', arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 12px;
	margin-left: 10px;
	color: #787878;
}

#footer .share-contact .footer-contact{
	float: right;
	margin-right: 20px;
	margin-top: 10px;
	text-align: right;
}
#footer .share-contact .footer-contact .title{
	font-family: 'Old Standard TT', arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #808080;
	font-weight: 400;
	font-style: italic;
}
#footer .share-contact .footer-contact .phone{
	background-position: 70px bottom;
	font-family: 'Roboto', arial, Helvetica, sans-serif;
	font-size: 35px;
	color: #99CC00;
	font-weight: 300;
	background-image: url('../images/phone-icon.png');
	background-repeat: no-repeat;
	padding-left: 50px;
}
#footer .copyright-container{
	border-top-style: solid;
	border-width: 1px;
	border-color: #F2F2F2;
	overflow: hidden;
}
#footer .copyright-container .copyright{
	padding: 10px 10px 10px 20px;
	float: left;
	overflow: hidden;
}
#footer .copyright-container .copyright .footer-logo{
	float: left;
}
#footer .copyright-container .copyright .copyright-text{
	font-family: 'Open Sans',arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: 400;
	float: left;
	line-height: normal;
	margin-top: 4px;
	margin-left: 10px;
}
#footer .copyright-container .copyright .copyright-text a{
	border-width: 1px;
	border-color: #CCCCCC;
	color: #A5C46C;
	border-bottom-style: dotted;
	text-decoration: none;
	font-weight: 800;
}
#footer .copyright-container .copyright .copyright-text a:hover{
	color: #000;
}

#footer .design{
	font-family: 'Open Sans',arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: 400;
	float: right;
	margin-right: 20px;
	margin-top: 15px;
}
#footer .design img{
	margin-left: 5px;
	margin-top: -2px;
}