html {
    	margin-right: 0;
    	overflow: visible;
	}
	
	body{
		font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
	
		-webkit-transition: margin-top 0.4s ease;
	       -moz-transition: margin-top 0.4s ease;
	         -o-transition: margin-top 0.4s ease;
	            transition: margin-top 0.4s ease;
	}

	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
		font-family: 'Open Sans';
		font-weight: 500;
	}

	::selection {
	    background: #e54e53;
	    color: #fff;
	}


	.header{
		position: fixed;
		top:0;
		z-index: 999;
		background: #fff;
		width: 100%;
		
		-webkit-box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.07);
		   -moz-box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.07);
				box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.07);
	}

	.scrolling .header{
		-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);
		   -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);
				box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);
	}

	@media only screen and (max-width: 768px) {
		.header{
			position: relative;
		}
		body{
			margin-top:0;
		}	
	}
	
	.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: #f5f6fa;
		padding-top: 20px;
		padding-bottom: 100px;
	}
	
	.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;
	}
	
	.footer{
		padding-top: 20px !important;
		padding-bottom: 20px !important;
		border: none !important;
		color: #777777;
		font-weight: 300;
	}

	.footer a{
		color: #999;
		text-decoration: none !important;
	}

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

	.to-top{
		height: 36px;
		line-height: 36px;
		width: 42px;
		background-color: rgba(0,0,0,.8);
		color: #fff;
		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;
	}

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

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

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

/* ====================================================================== *
      AUTO GRID COLORS
 * ====================================================================== */

	.features-container i {
	    color: #333 !important;
	    font-size: 25px;
	}
	
	.to-top:hover {
	    background-color: #717171 !important;
	}

	.content .navbar-nav>li.active>a,
	.content .navbar-nav>li>a:hover, 
	.nav>li.open>a, 
	.nav>li.open>a:hover, 
	.nav>li.open>a:focus,
	.nav>li.dropdown>a.selected, 
	.nav>li.dropdown>a.selected:hover, 
	.nav>li.dropdown>a.selected:focus {
		background: none !important;
		color: #333 !important;
	}

	::selection {
	    background: #333;
	    color: #fff;
	}

	.navbar-nav>li>.dropdown-menu {
	  	width: 250px !important;
	}

	ul.dropdown-menu-column:first-child{
	  	width: 100% !important;
	  	float: none;
	  	border-right: none !important;
	}