/* ======================================================= 
 *
 *    Media boxes Demo  
 *    By castlecode
 *
 *    Contact: http://codecanyon.net/user/castlecode
 *
 *    Copyright (c) 2013, castlecode. All rights reserved.
 *    Available only in http://codecanyon.net/
 *    
 *    ---------------------------------
 *    CONTENTS
 *    ---------------------------------
 *    
 *    (1) GRAPHIC STYLE (Play around in this section)
 *
 *      [1] MAIN STUFF
 *      [2] HEADER
 *      [3] MENU
 *      [3.1] SHRINK MENU
 *      [4] BIG BANNER
 *      [5] CONTENT
 *      [6] FEATURES
 *      [7] FOOTER
 *      [8] TO TOP
 *      [9] RESPONSIVE DESIGN
 *    
 * ======================================================= */




/* ====================================================================== *
      [5] CONTENT
 * ====================================================================== */

	.content{
		width: 95%;
		margin: auto;
	}

	.content h2{
		color: #575757;
		font-size: 20px;
	}

	.content h4{
		margin: 20px 0;
		color: #575757;
	}

	.content p{
		color: #575757;
		margin-bottom: 0;
	}

	.grid-section{
		/*background-image: none !important;*/
		background-repeat: no-repeat;
	    /*background-attachment: fixed;*/
	    background-size: 100% 100%;
		background: #fff;
		/*background: #343a40;*/
		padding-top: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #eee;
	}
	
	.animate-on-load{
		opacity: 0;
	}

/* ====================================================================== *
      [6] FEATURES
 * ====================================================================== */
	
	.features-container{
		text-align: center;
	}
	
	.features-container hr{
		margin: 40px 0 !important;
	}

	.features-container i{
		color: #575757;
		font-size: 30px;
	}

	.features-container h4{
		font-size: 13px;
		font-weight: 600;
	}

	.features-container p{
		margin-bottom: 50px;
		color: #777777;
		font-size: 12px;
		line-height: 21px;
	}

	.col-md-6{
		padding-left: 40px;
		padding-right: 40px;
	}

	.features{
		color:rgb(88, 88, 88);
	}


/* ====================================================================== *
      [8] TO TOP
 * ====================================================================== */
	
	.fixed{
		position: fixed;
		right: 17px;
		bottom: 17px;
		display: none;
		z-index: 999;
	}

	.fixed>*{
		float: left;
		text-decoration: none !important;
	}

	.buy-now{
		display: none;
		margin-right: 6px;
		background-color: rgba(0,0,0,0.6);
		padding: 0px 10px;
		height: 29px;
		line-height: 29px;
		color: #fff;
		font-size: 12px;

		-webkit-border-radius: 2px;
		   -moz-border-radius: 2px;
		     -o-border-radius: 2px;
		        border-radius: 2px;
	}

	.to-top{
		height: 29px;
		width: 29px;
		background-color: rgba(0,0,0,0.6);
		color: #fff;
		cursor: pointer;
		text-align: center;
		font-size: 12px;

		-webkit-border-radius: 2px;
		   -moz-border-radius: 2px;
		     -o-border-radius: 2px;
		        border-radius: 2px;
	}

	.to-top>i{
		margin-top: 6px;
	}

	.to-top:hover{
		background-color:#42414d!important;
	}

/* ====================================================================== *
      [9] RESPONSIVE DESIGN
 * ====================================================================== */

	@media only screen and (max-width: 990px) {
		.content{
			width: 100%;
			padding: 0px 10px !important;
		}	
	}

	@media only screen and (max-width: 760px) {
		.content .navbar-nav>li>a{
			padding: 15px 15px !important;
		}
	}