/****************************
SCROLL&STRAP TEMPLATE V 1.0.
http://sitediscount.ru
******************************/


/********************* -= [ TABLE OF CONTENTS ] =- ***************

GLOBAL STYLES................................30
THEME COLORS.................................48
CUSTOM BACKGROUND STYLES.....................70
HEADER.......................................79
NAVIGATION MENU.............................268
CUSTOM SLIDER STYLE.........................416
TYPOGRAPHY..................................472
TITLE STYLES................................501
SECTIONS....................................527
ARROW IN CONTACT SECTION....................673
ELEMENTS....................................698
	- BADGES................................901
BROWSER SHOTS EFFECTS.......................930
FOOTER & FOOTER ELEMENTS...................1025
CUSTOM BUTTONS.............................1157
	- CUSTOM BUTTONS SIZES.................1413
PARALLAX EFFECTS...........................1474
@MEDIA.....................................1642


*****************************************************************/

/************************* GLOBAL STYLES *******************/
	body{
		background: url(../img/png.png) repeat;
		font-size:13px;
	}
	.main-wrapper
	{
		height: 100%;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
		min-height: 100%;
		min-width: 100%;
		width: 100%;
		overflow:hidden;
	}
	/********************* / GLOBAL STYLES ********************/
	
.features-title{ font-size:20px;}
	
	/**********************  THEME COLORS ***********************/
		.main-color{
			color:#e40000;
		}
		.main-br-color{
			background-color:#e40000;
		}
		
		.main-color-line{
			border-bottom:0px solid #e40000;
			display:inline-block;
			padding-bottom:1px;
		}
		
		.main-color-line strong{
			font-size:30px;
			
			
		}
		.color-white{
			color:rgba(250, 250, 250 , 0.02);
		}
		.color-white:hover{
			color:rgba(250, 250, 250 , 1);
		}
		
	/********************** /THEME COLORS *************************/
	
	/********************** CUSTOM BACKGROUND STYLES *************************/
	
	.lines-bg-color {
		background: #e40000 url(../img/line_bg.png) top left repeat;
	}
	.dott-bg{
		background-image:url(../img/section-top-bg.png)repeat;
	}
	
	/************************ HEADER ************************************************/
	section #header-section {	
		padding-bottom:70px;
		display:inline-block;
		min-height:880px;
		position:relative;
		padding-top:0px;
		-webkit-box-shadow: none;
		-moz-box-shadow:  none;
		box-shadow:  none;
		overflow:hidden;
	
	}

		
		#header-section {
			background: #222 url(../img/background1.jpg) bottom center repeat fixed;
			height: 880px;
			height: 880px;
			width: 100%;
			max-width:100%;
			z-index: -999;
			padding-top:0px;
			
			}
			
			
			
			#header-section .hero-unit {
				
				
				z-index: 1;
			}
			
			#header-section .wrap-hero{
				position:fixed;
				top:45px;
				text-align:center;
				width:100%;
				left:0px;
				min-width:100%;
				display:block;
				
			
			}
			#header-section .logowrap{
				position:absolute;
				top:10px;
			}
			#header-section .hero-unit.hide{
				
				 filter: alpha(opacity=0);
				 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* IE 5.5+*/
				-moz-opacity: 0; /* Mozilla 1.6 - */
				-khtml-opacity: 0; /* Konqueror 3.1, Safari 1.1 */
				opacity: 0; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
					-moz-transition: opacity 2s ease-in-out;
				-o-transition: opacity 2s ease-in-out;
				-webkit-transition: opacity 2s ease-in-out;
				-ms-transition: opacity 2s ease-in-out;
				transition: opacity 2s ease-in-out;

			}
			#header-section .hero-unit{
				background:none;
				-moz-transition: opacity 2s ease-in-out;
				-o-transition: opacity 2s ease-in-out;
				-webkit-transition: opacity 2s ease-in-out;
				-ms-transition: opacity 2s ease-in-out;
				transition: opacity 2s ease-in-out;
				text-align:center;
				max-width:1350px;
				color:#fff;
				text-shadow: 0 1px 2px #000000;	
				margin-left:auto;
				margin-right:auto;
				
			}
			.inner-wrap-hero{
				padding:0px 20px;
				text-align:center;
			}
			
			#header-section .hero-unit h1 span{
				
				/*margin-top:0px;
				font-size:65px;*/
				display:inline-block;
				font-size:20px;
				color: #fff/*rgba(250, 250, 250, 1)*/;
				line-height: 25px;
				margin:5px 0px -5px;
				padding:10px 20px;
				font-weight:500;
				text-shadow:none;
				filter: alpha(opacity=0);
					filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
					-moz-opacity: 0;
					-khtml-opacity: 0;
					opacity: 0;
					transform: scale(2,4);
					-ms-transform: scale(2,4); /* IE 9 */
					-webkit-transform: scale(2,4); /* Safari and Chrome */
					-o-transform: scale(2,4); /* Opera */
					-moz-transform: scale(2,4); /* Firefox */
						-moz-transition: all 0.7s ease-in-out;
						-o-transition: all 0.7s ease-in-out;
						-webkit-transition:all  0.7s ease-in-out;
						-ms-transition: all  0.7s ease-in-out;
						transition: all 0.7s ease-in-out;
				
			}
			
			#header-section .hero-unit h1 span.active{
					filter: alpha(opacity=100);
					filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
					-moz-opacity: 1;
					-khtml-opacity: 1;
					opacity: 1;
					transform: scale(1,1);
					-ms-transform: scale(1,1); /* IE 9 */
					-webkit-transform: scale(1,1); /* Safari and Chrome */
					-o-transform: scale(1,1); /* Opera */
					-moz-transform: scale(1,1); /* Firefox */
					font-family: 'Source Sans Pro', sans-serif;
					color:#000;
					
			}
			
			
			
			#header-section .hero-unit span{
				
				margin:10px 0 10px;
				display:inline-block;
				font-weight:300;
				
			}
			
			#header-section .hero-unit span:first-child{
				font-size: 70px;
				border-top: 1px dotted rgba(250, 250, 250, 1);
				border-bottom: 1px dotted rgba(250, 250, 250, 1);
				background: rgba(0, 0, 0, 0.0.5);
				line-height: 60px;
				font-weight:400;
				
			
			}
			
			.goprice{
				margin-top:30px;
				display:inline-block;
			}	
			.goprice a, .goprice a:hover{
				text-decoration:none;
				
			}
			#slogan-section-3 .goprice{
			filter: alpha(opacity=0);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
			-moz-opacity: 0;
			-khtml-opacity: 0;
			opacity: 0;
			-moz-transition: all 5s ease;
			-o-transition: all 5s ease;
			-webkit-transition: all 5s ease;
			-ms-transition: all 5s ease;
			transition: all 5s ease;
			box-sizing:border-box;
			-moz-box-sizing:border-box;
			color:#fff;
			font-size:80%;
		}
		
		#slogan-section-3 .goprice.active{
			filter: alpha(opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
			-moz-opacity: 1;
			-khtml-opacity: 1;
			opacity: 1;
			margin-top:40px;
		}
			
			#slogan-section-3 .goprice a{
				color:#e40000;
				font-size:140%;
			
			}
			
			#slogan-section-1 .goprice a{
				color:#e40000;
				font-size:140%;
			
			}
/********************************* NAVIGATION MENU *************************************/
			.navbar-static-top {
				z-index: 1000;
			}
			.navbar-fixed-top .navbar-inner,  .navbar-static-top .navbar-inner {
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none;
				background:rgba(0, 0, 0, 100);				
				padding-top:10px;
				padding-bottom:10px;
				border-bottom: none;
				-moz-transition: padding 0.5s ease-in-out;
				-o-transition: padding 0.5s ease-in-out;
				-webkit-transition: padding 0.5s ease-in-out;
				-ms-transition: padding 0.5s ease-in-out;
				transition: padding 0.5s ease-in-out;
				z-index:1030;
				filter: none;
			}
			
			.navbar-static-top{
				position:relative;
			}
			.navbar-inner.navbar-scroll {
				border-top: none;
				background:rgba(0, 0, 0, 100);
				padding-bottom:10px;
				padding-top:10px;
				-moz-transition: padding 0.5s ease-in-out;
				-o-transition: padding 0.5s ease-in-out;
				-webkit-transition: padding 0.5s ease-in-out;
				-ms-transition: padding 0.5s ease-in-out;
				transition: padding 0.5s ease-in-out;
			}
			
			.navbar .nav > li > a {
				float: none;
				padding: 5px 15px 5px;
				color: #fff; font-weight: 400;
				text-decoration: none;
				text-shadow: 0 1px 0 #000;
				text-transform:uppercase;
				margin-right:5px;
				margin-top:5px;
				-moz-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				-webkit-transition: all 0.3s ease;
				-ms-transition: all 0.3s ease;
				transition: all 0.3s ease;
				}

			.navbar .nav li a:focus {
				color: #FFF;
			}
				
				.navbar .nav > .active > a  {
					color: #fff;
					text-decoration: none;
					background-color: #e40000;
					-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
					-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
					box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
					padding: 5px 15px 5px;
					margin-top:5px;
					}
				
				 .navbar .nav > li > a:hover,  .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
					color: #fff;
					text-decoration: none;
					background-color: #e40000;
					-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
					-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
					box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
					padding: 8px 15px 8px;
					margin-top:3px;
					}
					
					.navbar .brand {
						text-indent: -9999px;
						font-weight: 400;
						background: url(../img/logo-bg.png) top left no-repeat;
						width:254px;
						height:66px;
						margin-left:-5px;
						margin-right:380px;
						text-shadow: 0 1px 0 #000;
						color: #fff;
						display:inline-block;
						
						background-size:100% 100%;
						/*-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
						-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
						box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);*/
						}
			
			.scroller-spy {
			
			}
			
			#main-nav select{
				display:none;
			}
			
			.dropdown-menu {
				position: absolute;
				top: 120%;
				color:#fff;
				
				z-index: 1000;
				display: none;
				float: left;
				min-width: 160px;
				padding: 5px 0;
				margin: 2px 0 0;
				list-style: none;
				background:rgba(0, 0, 0, 0.7) url(../img/line_bg.png) top left repeat;
				border: 1px solid #ccc;
				border: 1px solid rgba(0, 0, 0, 0.2);
				-webkit-border-radius: 1px;
				-moz-border-radius: 1px;
				border-radius: 1px;
				-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
				-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
				box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
				-webkit-background-clip: padding-box;
				-moz-background-clip: padding;
				background-clip: padding-box;
				}
				
				.navbar .nav > li > .dropdown-menu:before {
					position: absolute;
					top: -7px;
					left: 9px;
					display: inline-block;
					border-right: 7px solid transparent;
					border-bottom: 7px solid rgba(0, 0, 0, 0.3);
					border-left: 7px solid transparent;
					border-bottom-color: rgba(0, 0, 0, 0.2);
					content: '';
					}
					
					.navbar .nav > li > .dropdown-menu:after {
					position: absolute;
					top: -6px;
					left: 10px;
					display: inline-block;
					border-right: 6px solid transparent;
					border-bottom: 6px solid rgba(0, 0, 0, 0.3);
					border-left: 6px solid transparent;
					content: '';
					}
					
/******************************** CUSTOM SLIDER STYLE ******************************/
		
		.carousel {
			overflow: hidden;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}
		.carousel-control {
			position: absolute;
			top: 50%;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
			}
			.carousel-inner{
				overflow:hidden;
				position: relative;
				width: 100%;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
			}
			
			.carousel-inner > .item > img, .carousel-inner > .item > a > img {
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
			}
			
				.carousel:hover .carousel-control.right {
					right: 0px;
				}
					.carousel-control.right {
					right: -47px;
					left: auto;
					transition: all 0.2s;
					-moz-transition: all 0.2s;
					-webkit-transition: all 0.2s;
					-o-transition: all 0.2s;
				}
				
				
				.carousel:hover .carousel-control.left {
					left: 0px;
				}
				
				.carousel-control.left {
					left: -47px;
					right: auto;
					transition: all 0.2s;
					-moz-transition: all 0.2s;
					-webkit-transition: all 0.2s;
					-o-transition: all 0.2s;
				}
		
		/**************************** TYPOGRAPHY ******************************************/
		
		body, html{
			font-family:  'Roboto', sans-serif;
		}
		
		.fa-icon-xxlarlge {
			font-size:140px;
		}
		
		/*h1, h2, h3, h4, h5, h6 {
			font-weight:100;
		}*/
		
		strong {
			font-weight: 400;
		}
		
		.text-large{
			font-size:400%;
			line-height:50px;
		}
		h3 {
			font-size:250%;
		}
		.lead  {
			font-weight: 400; color:#000;
		}
		
		/**************************** TITLE STYLES *************************************/
		
		.page-header h1, .page-header h2, .page-header h3, .page-header h4, .page-header h5, .page-header h6{
			background: url(../img/section-top-bg-white2.png)repeat rgba(0, 0, 0, 0.09);
			display:block;
			color:#000;
			
		}
		.footer .page-header h1, .footer .page-header h2, .footer .page-header h3, .footer .page-header h4, .footer .page-header h5, .footer .page-header h6{
			background: url(../img/section-top-bg-white.png)repeat;
			display:block;
			
		}
		
		
		.page-header h1 span.white, .page-header h2 span.white, .page-header h3 span.white, .page-header h4 span.white, .page-header h5 span.white, .page-header h6 span.white{
			padding-left:20px;
			padding-right:20px;
			display:inline-block;
			
		}
		
		.page-header h1 span.white2, .page-header h2 span.white2, .page-header h3 span.white2, .page-header h4 span.white2, .page-header h5 span.white2, .page-header h6 span.white2{
			padding-left:20px;
			padding-right:20px;
			display:inline-block;
			color:#FFF;
			
		}
		
		.page-header{
			border-bottom: 1px dotted rgba(250, 250, 250, 0.4)
		}
		
	
/************************************** SECTIONS ******************************/
	section{
			padding-top:70px;
			padding-bottom:70px;
			
			
			
	}
	section h3.top{
		font-size:70px;
	}
	#features-section {
		
		background:#fff;
		position:relative;
		padding-top:100px;
		min-height:650px;
		background:#fff url(../img/png.png) top left repeat;
	}
	#features-section .bg-wraper{
		background:url(../img/panel-bg.jpg)repeat-x;
		width:100%;
		height:100%;
		margin-top:-100px;
		padding-top:70px;
		background-color:#FFF;
		
	
	}
	
	#slogan-section-1 {
			
			color:#fff;
			margin: 0 auto;
			padding: 40px 0px;
			max-width:100%;
			width:100%;
			min-height:550px;
				z-index: 200;
			
		}
		
		.bg{
			width:100%;
			height:100%;
			background:url(../img/bg-figure.png) 50% 0 fixed;
		}
	
		
		 #slogan-section-1 .well{
			background: #e40000  url(../img/png.png) top left repeat;
			border:none;
			text-transform:uppercase;
			color:#333;
			padding:19px;
		}
		#slogan-section-2 {
			
			color:#fff;
			margin: 0 auto;
			padding: 40px 0px;
			max-width:100%;
			width:100%;
			min-height:600px;
				z-index: 200;
			background:#020403 url(../img/blured.jpg) 50% 0 fixed;
		}	
		
		#slogan-section-3 {
			
			color:#fff;
			margin: 0 auto;
			padding: 40px 0px;
			max-width:100%;
			width:100%;
			min-height:600px;
				z-index: 200;
			background:#020403 url(../img/blured2.jpg) 50% 0 fixed;
		}
		
		#slogan-section-4 {
			
			color:#fff;
			margin: 0 auto;
			padding: 40px 0px;
			max-width:100%;
			width:100%;
			min-height:600px;
				z-index: 200;
			background:#020403 url(../img/blured.jpg) 50% 0 fixed;
		}
		
	
		
		 #slogan-section-2 .well{
			background: #eaeaea  url(../img/png.png) top left repeat;
			border:none;
			text-transform:uppercase;
			color:#333;
			padding:19px;
		}
		.well-wrapp {
			
			vertical-align:middle;
			padding:10px 1% 10px 1%;
			background: #eaeaea ;
			display:inline-block;
			min-width:98%;
			width:98%;
			height:auto;
		}
		.well-wrapp p.lead{
			margin-bottom:10px;
		}
		
	#team-section	{
		background: #fff url(../img/background2.jpg) top left repeat;
		background-color:#FFF;
	}
	
	##price-section 	{
		background: #fff url(../img/png.png) top left repeat;
	}
	
	#portfolio-section 	{
		background: #fff url(../img/background3.jpg) top left repeat;
	}
	
	#contact-section {
		background: #000 /*url(../img/png.png) top left repeat;*/;
		z-index:10;
		color:#fff;	
		
	}
	#contact-section .white{
		background: #000;
	}
	
	#map-section {
		
		bottom:0px;
		padding:0px;
		height:250px;
		width:100%;
		z-index:0;
	
	}
	
	#contact-section {
		padding-bottom:30px;
		padding-top:40px;
		-webkit-box-shadow: 0px 10px 22px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 10px 22px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 10px 22px rgba(50, 50, 50, 0.75);
	}
	
	/************************ ARROW IN CONTACT SECTION *****************************/
	
	.arrow_box {
	position: relative;
	z-index:1000;
	
	}
	.arrow_box:after {
		top: 100%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	.arrow_box:after {
		border-color: rgba(65, 129, 1, 0);
		border-top-color: #000;
		border-width: 10px;
		left: 50%;
		
	}

	/*********************************** ELEMENTS ***********************************/
	
			
	.label {
		white-space:normal;
	}

	i.fa-icon-large{
		font-size:340%;
	}
	.label{
		
		padding:10px 10px;
		display:block;
		
	}
	p{
		text-align:justify;
		padding:10px 0px;
	}
	
	.client-thumb{

	}
	.thumbnail.client-thumb	{
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		border:0px;
	}
	
	.pricing-table p{
		padding:0px;
		margin-top:5px;
		font-size:110%;
		font-weight:400;
	}
	.pricing-table p strong{
		font-weight:400;
	}
	
	.camein {
		width: 100%;
		min-width: 100%;
		display:block;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		}
	.camein p{
		min-width:50%;
		background: rgba(0,0,0,.5);
		position: relative;
		margin-left: auto;
		margin-right: auto;
		padding: 15px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		text-align:center;
		text-align:center;
		padding-left:auto;
		padding-right:auto;
		display:inline-block;
	}
	
	
			
		
	.well{
		
			
			border:none;
			text-transform:uppercase;
			color:#333;
			min-height: 20px;
			padding: 10px;
			margin-bottom: 20px;
			border: none;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
			line-height:30px;
			
			
			}
			.well p{
				padding:10px;
				text-transform: none;
			}
		.thumbnail{
			background-color: rgba(255, 255, 255, 0.3);
			display: block;
			border-bottom-right-radius: 3px;
			border-bottom-left-radius: 3px;
			overflow: hidden;
			box-shadow: rgb(153, 153, 153) 0px 1px 1px;
			-webkit-box-shadow: rgb(153, 153, 153) 0px 1px 1px;
			-moz-box-shadow: rgb(153, 153, 153) 0px 1px 1px;
			padding:0px; margin-bottom:30px;
		}
		
		.thumbnail img{
			min-width:100%;
			height:auto;
		}
		
	
	.box{
		margin-bottom:30px;
		
	}
	
	.proj{
		margin-bottom:30px;
		display:block;
	}

	hr {
			margin: 20px 0;
			border: 0;
			border-top: 1px dotted rgba(250, 250, 250, 0.7);
			
			}
	
	.client-logo {
		float:left;
		margin:0px;
		padding:0px;
		width:33%;
	}
	.logo{
		display:block;
		text-align:center;
		
	}
	
	#slogan-section-1 .logo{
		margin:30px 0px 30px;
		
	}
	
	#slogan-section-1 .logo{
		margin:30px 0px 30px;
		
	}
		.logo img{
			width:270px;
			height:auto;
			margin-top:20px;
		}
	
	.large-slogan {
		display:inline-block;
		font-size:46px;
		color:#333;
		background: rgba(250,250,250,0.4);
		line-height: 60px;
		margin:0px 0px -5px;
		padding:10px 20px;
		font-weight:400;
	}
	
	#slogan-section-1 .large-slogan {
		display:inline-block;
		font-size:46px;
		color:#333;
		background: rgba(250,250,250,0.4);
		line-height: 60px;
		margin:0px 0px -5px;
		padding:10px 20px;
		font-weight:400;
				filter: alpha(opacity=0);
				 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* IE 5.5+*/
				-moz-opacity: 0; /* Mozilla 1.6 - */
				-khtml-opacity: 0; /* Konqueror 3.1, Safari 1.1 */
				opacity: 0; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
					-moz-transition: opacity 2s ease-in-out;
				-o-transition: opacity 2s ease-in-out;
				-webkit-transition: opacity 2s ease-in-out;
				-ms-transition: opacity 2s ease-in-out;
				transition: opacity 2s ease-in-out;
	}
	#slogan-section-1 .large-slogan.active {
		
				filter: alpha(opacity=100);
				 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
				-moz-opacity: 1; /* Mozilla 1.6 - */
				-khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */
				opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
					-moz-transition: opacity 2s ease-in-out;
				-o-transition: opacity 2s ease-in-out;
				-webkit-transition: opacity 2s ease-in-out;
				-ms-transition: opacity 2s ease-in-out;
				transition: opacity 2s ease-in-out;
	}
	
/********************************* BADGES ******************************/
	.featured-badge{
		
		
		min-width:300px;
		min-height:70px;
		display:inline-block;
		
		font-size:24.5px;
		padding:14px 10px 7px;
		font-weight:400;
		margin-bottom:30px;
		margin-top:70px;
		
	}
	.featured-badge.white {
		background:url(../img/featured-badge-white.png) top center no-repeat;
		color:#e40000;
		background-size:100% 100%;
		
	}
	.featured-badge.orange {
		background:url(../img/featured-badge-orange.png) top center no-repeat;
		color:#fff;
		background-size:100% 100%;
		
	}
	
	
	/****************************** BROWSER SHOTS EFFECTS *********************/
	.absolute-bottom{
		position:absolute;
		bottom:0%;
		z-index:2;
	}
	.browser-header {
		width: 100%;
		min-width: 100%;
		min-height: 48px;
		background: url(../img/browser-header.png) no-repeat;
		background-size: 100% 100%;
		}
	.browser-shot-1{
		width:50%;
		overflow:hidden;
		padding:0;
		margin:0;
		z-index:10;
		max-width:50%;
		position:absolute;
		bottom:-200%;
		left:25%;
				-moz-transition: all 1.4s ease-in-out;
				-o-transition: all 1.4s ease-in-out;
				-webkit-transition: all 1.4s ease-in-out;
				-ms-transition: all 1.4s ease-in-out;
				transition: all 1.4s ease-in-out;
			-webkit-box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.75);
			-moz-box-shadow:    0px 0px 12px rgba(50, 50, 50, 0.75);
			box-shadow:         0px 0px 12px rgba(50, 50, 50, 0.75);
	}
		.browser-shot-1.active{
			bottom:-40px;
			
		}
		.browser-shot-1 img {
			width:100%;
			height:auto;
		}
		
		.browser-shot-2{
		width:30%;
		overflow:hidden;
		padding:0;
		margin:0;
		z-index:9;
		max-width:30%;
		position:absolute;
		bottom:-200%;
		left:0%;
				-moz-transition: all 1.6s ease-in-out;
				-o-transition: all 1.6s ease-in-out;
				-webkit-transition: all 1.6s ease-in-out;
				-ms-transition: all 1.6s ease-in-out;
				transition: all 1.6s ease-in-out;
			-webkit-box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.75);
			-moz-box-shadow:    0px 0px 12px rgba(50, 50, 50, 0.75);
			box-shadow:         0px 0px 12px rgba(50, 50, 50, 0.75);
	}
		.browser-shot-2.active{
			bottom:-40px;
		}
		.browser-shot-2 img {
			width:100%;
			height:auto;
		}
		
		.browser-shot-3{
		width:30%;
		overflow:hidden;
		padding:0;
		margin:0;
		z-index:9;
		max-width:30%;
		position:absolute;
		bottom:-200%;
		right:0%;
				-moz-transition: all 1.8s ease-in-out;
				-o-transition: all 1.8s ease-in-out;
				-webkit-transition: all 1.8s ease-in-out;
				-ms-transition: all 1.8s ease-in-out;
				transition: all 1.8s ease-in-out;
			-webkit-box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.75);
			-moz-box-shadow:    0px 0px 12px rgba(50, 50, 50, 0.75);
			box-shadow:         0px 0px 12px rgba(50, 50, 50, 0.75);
	}
		.browser-shot-3.active{
			bottom:-40px;
		}
		.browser-shot-3 img {
			width:100%;
			height:auto;
		}
		
		/**************************** FOOTER & FOOTER ELEMENTS **************************/
		.footer{
			
		}
		.social-bottom{
			display:inline-block;
			margin-left:0px;
			margin-top:15px;
			width:100%;
		}
		.social-bottom li{
			list-style:none;
			float:left;
			margin:3px;
		}
		.social-bottom .badge {
			padding:5px;
			display:block;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
			text-align:center;
			vertical-align:middle;
			}
		.social-bottom .badge:hover{
			background:#333 url(../img/line_bg.png)  repeat;
		}
		.social-bottom li a{
			color:#fff;
			font-size:160%;
			text-decoration:none;
		}
		.social-bottom li a:hover{
			text-decoration:none;
		}
		.footer address{
			
			font-size:100%;
			font-weight:300;
			margin-top:15px;
			line-height:22px;
			width:100%;
			text-align:center;
		}
		.footer blockquote {
			padding: 15px 15px 15px 0px;
			margin: 0px 0px 10px 0px;
			min-height: 20px;
			border: 0px;
			position: relative;
			font-size: 70%;
			font-weight: 400;
			border-bottom:0px dotted rgba(250, 250, 250, 0.5);
			display:inline-block;
			}
			blockquote p{
				font-size: 140%;
			}
			blockquote p:before{
				color: #e40000;
				content: open-quote;
				font-size: 3em;
				line-height: .1em;
				margin-right: .25em;
				vertical-align: -.4em;
				text-shadow: -1px -1px 0px #333, 1px 1px 2px #000;
			}
			
			blockquote p:after {
				color: #e40000;
				content: close-quote;
				font-size: 3em;
				line-height: .1em;
				margin-left: .25em;
				margin-top: 1.5em;
				vertical-align: -.7em;
				text-shadow: -1px -1px 0px #333, 1px 1px 2px #000;
			}
			
			.test-caption {
				text-align:right;
				font-size:100%;
				font-weight:400;
				width:90%;
				float:right;
			}
			
		#map{
			display: block;
			height: 250px;
			width: 100%;
			min-width: 100%;
			max-width:1350px;
			margin-left:auto;
			margin-right:auto;
		}
	
		.tweetList{
			margin:0px;
			display:block;
			width:100%;
			max-width:100%;
		}
		.tweetList li{
			list-style:none;
			display:inline-block;
			text-align:left;
			margin:5px 0px;
			font-weight:300;
			line-height:18px;
			padding:7px;
			-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
			box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
			background:rgba(250, 250, 250, 0,8);
		}
		.tweetList li p{
			padding:5px 0px;
			display:block;
			text-align:left;
		}
		.tweetList a{
			color:#e40000;
			font-weight:normal;
		}
		.tweetList .timestamp{
			border-left:2px solid #e40000;
			font-weight:bold;
			display:block;
			padding-left:6px;
			float:none;
		}
		
		/******************** CUSTOM BUTTONS *************************************/
		
		.btn-warning {
		  background-color: hsl(27, 94%, 46%) !important;
		  background-repeat: repeat-x;
		  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e36a07", endColorstr="#e36a07");
		  background-image: -khtml-gradient(linear, left top, left bottom, from(#e36a07), to(#e36a07));
		  background-image: -moz-linear-gradient(top, #e36a07, #e36a07);
		  background-image: -ms-linear-gradient(top, #e36a07, #e36a07);
		  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e36a07), color-stop(100%, #e36a07));
		  background-image: -webkit-linear-gradient(top, #e36a07, #e36a07);
		  background-image: -o-linear-gradient(top, #e36a07, #e36a07);
		  background-image: linear-gradient(#e36a07, #e36a07);
		  border-color: #e36a07 #e36a07 hsl(27, 94%, 46%);
		  color: #fff !important;
		  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.00);
		  -webkit-font-smoothing: antialiased;
		}

		.btn-info {
		  background-color: hsl(197, 94%, 44%) !important;
		  background-repeat: repeat-x;
		  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#07aced", endColorstr="#069dd9");
		  background-image: -khtml-gradient(linear, left top, left bottom, from(#07aced), to(#069dd9));
		  background-image: -moz-linear-gradient(top, #07aced, #069dd9);
		  background-image: -ms-linear-gradient(top, #07aced, #069dd9);
		  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #07aced), color-stop(100%, #069dd9));
		  background-image: -webkit-linear-gradient(top, #07aced, #069dd9);
		  background-image: -o-linear-gradient(top, #07aced, #069dd9);
		  background-image: linear-gradient(#07aced, #069dd9);
		  border-color: #069dd9 #069dd9 hsl(197, 94%, 43%);
		  color: #fff !important;
		  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.06);
		  -webkit-font-smoothing: antialiased;
		}
		
		.btn-danger {
		  background-color: hsl(360, 82%, 44%) !important;
		  background-repeat: repeat-x;
		  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#de1616", endColorstr="#cc1414");
		  background-image: -khtml-gradient(linear, left top, left bottom, from(#de1616), to(#cc1414));
		  background-image: -moz-linear-gradient(top, #de1616, #cc1414);
		  background-image: -ms-linear-gradient(top, #de1616, #cc1414);
		  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #de1616), color-stop(100%, #cc1414));
		  background-image: -webkit-linear-gradient(top, #de1616, #cc1414);
		  background-image: -o-linear-gradient(top, #de1616, #cc1414);
		  background-image: linear-gradient(#de1616, #cc1414);
		  border-color: #cc1414 #cc1414 hsl(360, 82%, 43%);
		  color: #fff !important;
		  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.06);
		  -webkit-font-smoothing: antialiased;
		}
		
		.btn-success {
		  background-color: hsl(157, 43%, 44%) !important;
		  background-repeat: repeat-x;
		  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#45af86", endColorstr="#3fa07b");
		  background-image: -khtml-gradient(linear, left top, left bottom, from(#45af86), to(#3fa07b));
		  background-image: -moz-linear-gradient(top, #45af86, #3fa07b);
		  background-image: -ms-linear-gradient(top, #45af86, #3fa07b);
		  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45af86), color-stop(100%, #3fa07b));
		  background-image: -webkit-linear-gradient(top, #45af86, #3fa07b);
		  background-image: -o-linear-gradient(top, #45af86, #3fa07b);
		  background-image: linear-gradient(#45af86, #3fa07b);
		  border-color: #3fa07b #3fa07b hsl(157, 43%, 43%);
		  color: #fff !important;
		  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.06);
		  -webkit-font-smoothing: antialiased;
		}
		.btn-inverse {
		  background-color: hsl(354, 0%, 16%) !important;
		  background-repeat: repeat-x;
		  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#333333", endColorstr="#282828");
		  background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#282828));
		  background-image: -moz-linear-gradient(top, #333333, #282828);
		  background-image: -ms-linear-gradient(top, #333333, #282828);
		  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #282828));
		  background-image: -webkit-linear-gradient(top, #333333, #282828);
		  background-image: -o-linear-gradient(top, #333333, #282828);
		  background-image: linear-gradient(#333333, #282828);
		  border-color: #282828 #282828 hsl(354, 0%, 15%);
		  color: #fff !important;
		  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.06);
		  -webkit-font-smoothing: antialiased;
		}
		.btn-green {
		  background-color: hsl(161, 95%, 22%) !important;
		  background-repeat: repeat-x;
		  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#026d4b", endColorstr="#026d4b");
		  background-image: -khtml-gradient(linear, left top, left bottom, from(#026d4b), to(#026d4b));
		  background-image: -moz-linear-gradient(top, #026d4b, #026d4b);
		  background-image: -ms-linear-gradient(top, #026d4b, #026d4b);
		  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #026d4b), color-stop(100%, #026d4b));
		  background-image: -webkit-linear-gradient(top, #026d4b, #026d4b);
		  background-image: -o-linear-gradient(top, #026d4b, #026d4b);
		  background-image: linear-gradient(#026d4b, #026d4b);
		  border-color: #026d4b #026d4b hsl(161, 95%, 22%);
		  color: #fff !important;
		  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.00);
		  -webkit-font-smoothing: antialiased;
		}
		
		.btn-green-alt {
		  background-color: hsl(156, 53%, 46%) !important;
		  background-repeat: repeat-x;
		  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#37b381", endColorstr="#37b381");
		  background-image: -khtml-gradient(linear, left top, left bottom, from(#37b381), to(#37b381));
		  background-image: -moz-linear-gradient(top, #37b381, #37b381);
		  background-image: -ms-linear-gradient(top, #37b381, #37b381);
		  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #37b381), color-stop(100%, #37b381));
		  background-image: -webkit-linear-gradient(top, #37b381, #37b381);
		  background-image: -o-linear-gradient(top, #37b381, #37b381);
		  background-image: linear-gradient(#37b381, #37b381);
		  border-color: #37b381 #37b381 hsl(156, 53%, 46%);
		  color: #fff !important;
		  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.00);
		  -webkit-font-smoothing: antialiased;
		}
		
		.btn-blue {
		  background-color: hsl(185, 95%, 22%) !important;
		  background-repeat: repeat-x;
		  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#02646d", endColorstr="#02646d");
		  background-image: -khtml-gradient(linear, left top, left bottom, from(#02646d), to(#02646d));
		  background-image: -moz-linear-gradient(top, #02646d, #02646d);
		  background-image: -ms-linear-gradient(top, #02646d, #02646d);
		  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #02646d), color-stop(100%, #02646d));
		  background-image: -webkit-linear-gradient(top, #02646d, #02646d);
		  background-image: -o-linear-gradient(top, #02646d, #02646d);
		  background-image: linear-gradient(#02646d, #02646d);
		  border-color: #02646d #02646d hsl(185, 95%, 22%);
		  color: #fff !important;
		  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.00);
		  -webkit-font-smoothing: antialiased;
		}
		
		.btn-purple {
		  background-color: hsl(313, 95%, 22%) !important;
		  background-repeat: repeat-x;
		  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6d0256", endColorstr="#6d0256");
		  background-image: -khtml-gradient(linear, left top, left bottom, from(#6d0256), to(#6d0256));
		  background-image: -moz-linear-gradient(top, #6d0256, #6d0256);
		  background-image: -ms-linear-gradient(top, #6d0256, #6d0256);
		  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6d0256), color-stop(100%, #6d0256));
		  background-image: -webkit-linear-gradient(top, #6d0256, #6d0256);
		  background-image: -o-linear-gradient(top, #6d0256, #6d0256);
		  background-image: linear-gradient(#6d0256, #6d0256);
		  border-color: #6d0256 #6d0256 hsl(313, 95%, 22%);
		  color: #fff !important;
		  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.00);
		  -webkit-font-smoothing: antialiased;
		}

		.btn-saffran {
		  background-color: hsl(360, 95%, 22%) !important;
		  background-repeat: repeat-x;
		  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6d0202", endColorstr="#6d0202");
		  background-image: -khtml-gradient(linear, left top, left bottom, from(#6d0202), to(#6d0202));
		  background-image: -moz-linear-gradient(top, #6d0202, #6d0202);
		  background-image: -ms-linear-gradient(top, #6d0202, #6d0202);
		  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6d0202), color-stop(100%, #6d0202));
		  background-image: -webkit-linear-gradient(top, #6d0202, #6d0202);
		  background-image: -o-linear-gradient(top, #6d0202, #6d0202);
		  background-image: linear-gradient(#6d0202, #6d0202);
		  border-color: #6d0202 #6d0202 hsl(360, 95%, 22%);
		  color: #fff !important;
		  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.00);
		  -webkit-font-smoothing: antialiased;
		}
		
		.btn-red {
		  background-color: hsl(360, 95%, 46%) !important;
		  background-repeat: repeat-x;
		  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e40505", endColorstr="#e40505");
		  background-image: -khtml-gradient(linear, left top, left bottom, from(#e40505), to(#e40505));
		  background-image: -moz-linear-gradient(top, #e40505, #e40505);
		  background-image: -ms-linear-gradient(top, #e40505, #e40505);
		  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e40505), color-stop(100%, #e40505));
		  background-image: -webkit-linear-gradient(top, #e40505, #e40505);
		  background-image: -o-linear-gradient(top, #e40505, #e40505);
		  background-image: linear-gradient(#e40505, #e40505);
		  border-color: #e40505 #e40505 hsl(360, 95%, 46%);
		  color: #fff !important;
		  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.00);
		  -webkit-font-smoothing: antialiased;
		}
		
		.btn-modern-green {
		  background-color: hsl(178, 95%, 27%) !important;
		  background-repeat: repeat-x;
		  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#038681", endColorstr="#038681");
		  background-image: -khtml-gradient(linear, left top, left bottom, from(#038681), to(#038681));
		  background-image: -moz-linear-gradient(top, #038681, #038681);
		  background-image: -ms-linear-gradient(top, #038681, #038681);
		  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #038681), color-stop(100%, #038681));
		  background-image: -webkit-linear-gradient(top, #038681, #038681);
		  background-image: -o-linear-gradient(top, #038681, #038681);
		  background-image: linear-gradient(#038681, #038681);
		  border-color: #038681 #038681 hsl(178, 95%, 27%);
		  color: #fff !important;
		  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.00);
		  -webkit-font-smoothing: antialiased;
		}
		
		.btn-light-brown {
		  background-color: hsl(24, 95%, 27%) !important;
		  background-repeat: repeat-x;
		  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#863703", endColorstr="#863703");
		  background-image: -khtml-gradient(linear, left top, left bottom, from(#863703), to(#863703));
		  background-image: -moz-linear-gradient(top, #863703, #863703);
		  background-image: -ms-linear-gradient(top, #863703, #863703);
		  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #863703), color-stop(100%, #863703));
		  background-image: -webkit-linear-gradient(top, #863703, #863703);
		  background-image: -o-linear-gradient(top, #863703, #863703);
		  background-image: linear-gradient(#863703, #863703);
		  border-color: #863703 #863703 hsl(24, 95%, 27%);
		  color: #fff !important;
		  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.00);
		  -webkit-font-smoothing: antialiased;
		}
		
		.btn-brown {
		  background-color: hsl(24, 100%, 16%) !important;
		  background-repeat: repeat-x;
		  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#512000", endColorstr="#512000");
		  background-image: -khtml-gradient(linear, left top, left bottom, from(#512000), to(#512000));
		  background-image: -moz-linear-gradient(top, #512000, #512000);
		  background-image: -ms-linear-gradient(top, #512000, #512000);
		  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #512000), color-stop(100%, #512000));
		  background-image: -webkit-linear-gradient(top, #512000, #512000);
		  background-image: -o-linear-gradient(top, #512000, #512000);
		  background-image: linear-gradient(#512000, #512000);
		  border-color: #512000 #512000 hsl(24, 100%, 16%);
		  color: #fff !important;
		  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.00);
		  -webkit-font-smoothing: antialiased;
		}

		.btn-action {
		  background-color: hsl(21, 100%, 46%) !important;
		  background-repeat: repeat-x;
		  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ea5200", endColorstr="#ea5200");
		  background-image: -khtml-gradient(linear, left top, left bottom, from(#ea5200), to(#ea5200));
		  background-image: -moz-linear-gradient(top, #ea5200, #ea5200);
		  background-image: -ms-linear-gradient(top, #ea5200, #ea5200);
		  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ea5200), color-stop(100%, #ea5200));
		  background-image: -webkit-linear-gradient(top, #ea5200, #ea5200);
		  background-image: -o-linear-gradient(top, #ea5200, #ea5200);
		  background-image: linear-gradient(#ea5200, #ea5200);
		  border-color: #ea5200 #ea5200 hsl(21, 100%, 46%);
		  color: #fff !important;
		  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.00);
		  -webkit-font-smoothing: antialiased;
		}
	
	
	/************************ CUSTOM BUTTONS SIZES ********************************/
	
		.btn-large {
			padding: 15px 19px;
		}
		.btn-box {
			display:inline-block;
			width:100%;
			padding:0px 5% 0px 5%;
			margin:30px auto;
			text-align:center;
		}
		
		.btn{
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	.btn{
		font-weight:400;
	}
	
	.btn .fa-icon-large{
		margin:0px 10px 10px 0px;
		font-size:130%;
		
		display:inline-block;
	}
	.btn.btn-icon-large{
		font-size:130%;
	}
	
		.btn-block-third {
			display: block;
			width: 40%;
			padding-right: 0;
			padding-left: 0;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			float: left;
		}
	
		
		i.or { 
			float: left;
			display: block;
			width: 10%;
			padding-top: 10px;
			text-align:center;
			font-size:140%;
			font-weight:400;
			}
/*********************************** PARALLAX INNER ELEMENTS ******************/
		
		
		.active-fixed {
			position:fixed;
			bottom:0px;
		}
		
/********************* PARALLAX EFFECTS *****************************/
		.parallax-point-event{
		width:100%;
		height:100%;
		min-height:100%;
		
		}
		#slogan-section-2 .parallax-point-event .container{
			position:relative;
			display:block;
			min-height:100%;
			height:100%;
			min-height: 600px;
			
		}
		#slogan-section-2{
			overflow:hidden;
		}
		.effect-box-1 {
				 filter: alpha(opacity=0);
				 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* IE 5.5+*/
				-moz-opacity: 0; /* Mozilla 1.6 - */
				-khtml-opacity: 0; /* Konqueror 3.1, Safari 1.1 */
				opacity: 0; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
					-moz-transition: opacity 1.2s ease-in-out;
				-o-transition: opacity 1.2s ease-in-out;
				-webkit-transition: opacity 1.2s ease-in-out;
				-ms-transition: opacity 1.2s ease-in-out;
				transition: opacity 1.2s ease-in-out;
				
		}
		.effect-box-1.active {
				 filter: alpha(opacity=100);
				 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
				-moz-opacity: 1; /* Mozilla 1.6 - */
				-khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */
				opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
					-moz-transition: opacity 1.2s ease-in-out;
				-o-transition: opacity 1.2s ease-in-out;
				-webkit-transition: opacity 1.2s ease-in-out;
				-ms-transition: opacity 1.2s ease-in-out;
				transition: opacity 1.2s ease-in-out;
				
		}
		
		.effect-box-2 {
				 filter: alpha(opacity=0);
				 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* IE 5.5+*/
				-moz-opacity: 0; /* Mozilla 1.6 - */
				-khtml-opacity: 0; /* Konqueror 3.1, Safari 1.1 */
				opacity: 0; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
					-moz-transition: opacity 1.4s ease-in-out;
				-o-transition: opacity 1.4s ease-in-out;
				-webkit-transition: opacity 1.4s ease-in-out;
				-ms-transition: opacity 1.4s ease-in-out;
				transition: opacity 1.4s ease-in-out;
				
		}
		.effect-box-2.active {
				 filter: alpha(opacity=100);
				 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
				-moz-opacity: 1; /* Mozilla 1.6 - */
				-khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */
				opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
					-moz-transition: opacity 1.4s ease-in-out;
				-o-transition: opacity 1.4s ease-in-out;
				-webkit-transition: opacity 1.4s ease-in-out;
				-ms-transition: opacity 1.4s ease-in-out;
				transition: opacity 1.4s ease-in-out;
				
		}
		
		.effect-box-3 {
				 filter: alpha(opacity=0);
				 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* IE 5.5+*/
				-moz-opacity: 0; /* Mozilla 1.6 - */
				-khtml-opacity: 0; /* Konqueror 3.1, Safari 1.1 */
				opacity: 0; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
					-moz-transition: opacity 1.6s ease-in-out;
				-o-transition: opacity 1.6s ease-in-out;
				-webkit-transition: opacity 1.6s ease-in-out;
				-ms-transition: opacity 1.6s ease-in-out;
				transition: opacity 1.6s ease-in-out;
				
		}
		.effect-box-3.active {
				 filter: alpha(opacity=100);
				 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
				-moz-opacity: 1; /* Mozilla 1.6 - */
				-khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */
				opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
					-moz-transition: opacity 1.6s ease-in-out;
				-o-transition: opacity 1.6s ease-in-out;
				-webkit-transition: opacity 1.6s ease-in-out;
				-ms-transition: opacity 1.6s ease-in-out;
				transition: opacity 1.6s ease-in-out;
				
		}
		
		.effect-box-4 {
				 filter: alpha(opacity=0);
				 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* IE 5.5+*/
				-moz-opacity: 0; /* Mozilla 1.6 - */
				-khtml-opacity: 0; /* Konqueror 3.1, Safari 1.1 */
				opacity: 0; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
					-moz-transition: opacity 1.8s ease-in-out;
				-o-transition: opacity 1.8s ease-in-out;
				-webkit-transition: opacity 1.8s ease-in-out;
				-ms-transition: opacity 1.8s ease-in-out;
				transition: opacity 1.8s ease-in-out;
				
		}
		.effect-box-4.active {
				  filter: alpha(opacity=100);
				 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
				-moz-opacity: 1; /* Mozilla 1.6 - */
				-khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */
				opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
					-moz-transition: opacity 1.8s ease-in-out;
				-o-transition: opacity 1.8s ease-in-out;
				-webkit-transition: opacity 1.8s ease-in-out;
				-ms-transition: opacity 1.8s ease-in-out;
				transition: opacity 1.8s ease-in-out;
				
		}
		
		.gobottom{
			filter: alpha(opacity=0);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
			-moz-opacity: 0;
			-khtml-opacity: 0;
			opacity: 0;
			-moz-transition: all 2s ease;
			-o-transition: all 2s ease;
			-webkit-transition: all 2s ease;
			-ms-transition: all 2s ease;
			transition: all 2s ease;
			box-sizing:border-box;
			-moz-box-sizing:border-box;
			color:#fff;
			font-size:100%;
			padding-top:100px;
		}
		
		.gobottom.active{
			filter: alpha(opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
			-moz-opacity: 1;
			-khtml-opacity: 1;
			opacity: 1;
			padding-top:0px;
			
		}
		.gobottom a {
			color:#fff;
		}
		.gobottom a {
			color:#fff;
			text-decoration:none;
		}
		
		.gobottom:hover {
			color:rgba(250,250,250, 0.8);
			
		
		}
	
		
		/*********************** @MEDIA *****************************/

			@media (max-width: 979px){
				.navbar-fixed-top, .navbar-fixed-bottom {
				position: fixed;
				}	
				
				#main-nav select {
				display: inline-block;
				float:left;
				width:50%;
				-webkit-border-radius: 1px;
				-moz-border-radius: 1px;
				border-radius: 1px;
				margin-top:5px;
				}
				
				.nav-collapse {
					clear: none;
				}
				
				.navbar .brand {
					float:left;
				}
				
				#header-section .wrap-hero {
					
					top: 65px;
				}
				#header-section .hero-unit span:first-child{
					font-size:40px;
				}
				#header-section .hero-unit h1 span {
					font-size:15px;
					margin: 0px 0px -30px;
					padding: 0px 20px;
					line-height:30px;
				
				}
				.logo img {
					width:35%;
					height:auto;
				}
				
				#slogan-section-2 {
					
					min-height: 400px;
				}
					
				
				#slogan-section-2 .parallax-point-event .container {
					
					min-height: 400px;
				}
				.large-slogan {
					padding: 0px 20px;
					font-size: 32.5px;
					}
				.text-large {
					font-size: 300%;
					line-height: 50px;
					}
					
				
					
			}	


			@media (max-width: 767px){
				body {
				padding-right: 0px;
				padding-left: 0px;
				}	
				.container{
				padding-right: 20px;
				padding-left: 20px;
				}
				#main-nav select {
				
				width:40%;
				}
				#header-section .hero-unit span:first-child{
					font-size:40px;
					line-height:75px;
				}
				#header-section .hero-unit h1 span {
					font-size:25px;
					margin: 0px 0px -30px;
					padding: 10px 20px;
					line-height:30px;
				
				}
				.logo img {
					width:45%;
					height:auto;
				}
				.browser-shot-2 {
				left: 3%;
				}
				.browser-shot-3{
					right:3%;
				}
				.text-large {
					font-size: 200%;
					line-height: 35px;
					}
			}













#menuToggle
{
	display: block;
	position: absolute;
	top: 32px;
	right: 20px;

	z-index: 1;

	-webkit-user-select: none;
	user-select: none;
}

#menuToggle a
{
	text-decoration: none;
	color: #FFFFFF;

	transition: color 0.3s ease;
}

#menuToggle a:hover
{
	color: tomato;
}


#menuToggle input
{
	display: block;
	width: 40px;
	height: 32px;
	position: absolute;
	top: -7px;
	left: -5px;

	cursor: pointer;

	opacity: 0; /* hide this */
	z-index: 2; /* and place it over the hamburger */

	-webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
	display: block;
	width: 33px;
	height: 4px;
	margin-bottom: 5px;
	position: relative;

	background: #FFFFFF;
	border-radius: 3px;

	z-index: 1;

	transform-origin: 4px 0px;

	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	opacity 0.55s ease;
}

#menuToggle span:first-child
{
	transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
	transform-origin: 0% 100%;
}

/*
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
	opacity: 1;
	transform: rotate(45deg) translate(-2px, -1px);
	background: #e40000;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
	opacity: 0;
	transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
	transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
	position: absolute;
	width: 300px;
	margin: -100px 0 0 0px;
	height: 100vh;
	right: -500px;
	padding: 50px;
	padding-top: 125px;
	background: #000000;
	list-style-type: none;
	-webkit-font-smoothing: antialiased;
	transform-origin: 0% 0%;
	transition: right 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
	padding: 10px 0;
	font-size: 22px;
	width: 100%;
}

#menu li.active a {
	color: red;
}

#menuToggle input:checked ~ #menu
{
	right: -100px;
}

.nav-top {
	top: 0;
	transition: top 0.4s ease-in-out;
}

.nav-up {
	top: -86px;
}

.navbar .nav {
	top: 10px;
}