/* ======================================================= 
 *
 *    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
 *      [4] WELCOME SECTION
 *      [5] CONTENT
 *      [6] FEATURES
 *      [7] FOOTER
 *      [8] TO TOP
 *      [9] RESPONSIVE DESIGN
 *    
 * ======================================================= */




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

	.content{
		width: 1200px;
		max-width: 100%;
		margin: auto;
	}

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

	.section{
		background: #fff;
		width: 100%;
		padding: 100px 0;
	}

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

	.grid-section{
		background-repeat: no-repeat;
	    background-size: 100% 100%;
		/*background: rgb(250, 250, 250);*/
		background: #ffffff;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	.animate-on-load{
		opacity: 0;
	}

	.headline{
		text-align: center;
		margin-bottom: 80px;
	}

	.headline h2{
	    font-family: 'Montserrat', sans-serif;
	    font-weight: 400;
	    font-size: 34px;
	    margin-bottom: 40px;
	    margin-top: 0 !important;
	}

	.headline p{
		color: #999999;
		font-size: 18px;
	}


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

	.to-top{
		height: 16px;
		line-height: 16px;
		width: 16px;
		color: #000;
		cursor: pointer;
		text-align: center;
		font-size: 12px;

		-webkit-border-radius: 3px 3px 0 0;
		   -moz-border-radius: 3px 3px 0 0;
		     -o-border-radius: 3px 3px 0 0;
		        border-radius: 3px 3px 0 0;

		-webkit-transition: all 0.2s;
		   -moz-transition: all 0.2s;
		    -ms-transition: all 0.2s;
		     -o-transition: all 0.2s;
		        transition: all 0.2s;        
	}

	.to-top i{
		margin-top: 10px;
	}

	

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

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