*{
	margin: 0px;
	padding: 0px;
}
body {
	font-size: 1em;
	line-height: 1.4;
}
a{
	text-decoration: none;
	color: inherit;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

/*
* A better looking default horizontal rule
*/
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
	vertical-align: middle;
}

/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

/* ==========================================================================
Parallax Scroll
========================================================================== */
body, html {
	height: 100%;
	min-height: 100%;
}
.no-js {
	padding-top: 106px;
}
h2 {
	margin-top: 0;
}
section {
	/*min-width: 960px;*/
	opacity: 0;
	border-bottom: 1px solid #dedede;
}
section:last-child{
	border-bottom:0;
}

.loaded section,
.no-js section {
	opacity: 1;
	-webkit-transition: opacity 300ms ease-out;
	-moz-transition: opacity 300ms ease-out;
	transition: opacity 300ms ease-out;
}
main {
	overflow-x: hidden;
}

.bcg {

	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	/*background-attachment: fixed;*/
	background-position: center center;
	background-repeat: no-repeat;	
	height: 100%;
	width: 100%;
	
}

/** make fixed only on desktop **/
@media only screen and (min-width:769px) {
	.bcg{
		background-attachment: fixed;
	}
}

/** make scroll only on desktop **/
@media (min-device-width : 320px) and (max-device-width : 1024px){
	.bcg{
		background-attachment: scroll;
	}
}

/**
BACKGROUND HERE FOR EACH SLIDER/SECTION
**/
#slide-1 .bcg {
	background-image:url('../images/gabru/home.jpg');
}

#breaker-1 .bcg {
	background-image:url('../images/gabru/breaker/beforePhotos.jpg');
}

#breaker-2 .bcg {
	background-image:url('../images/gabru/breaker/beforeVideos.jpg');
}

#breaker-3 .bcg {
	background-image:url('../images/gabru/breaker/beforeStories.jpg');
}

.hsContainer {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.hsContent {
	/*max-width: 450px;*/
	/*margin: -150px auto 0 auto;*/
	/*display: table-cell;*/
	vertical-align: middle;
	color: #ebebeb;
	text-align: center
}

.hsContent h2, .copy h2 {
	color: #ffffff;
	font-size: 45px;
	line-height: 48px;
/*	margin-bottom: 12px;*/
}

.hsContent p {
/*	width: 400px;
	margin: 0 auto;
	color: #b2b2b2;*/
}
.hsContent a {
	color: #b2b2b2;
}
.bgBlack {
	background-color: rgba(0,0,0,0.75);
	padding: 3px 10px;
}



/* ==========================================================================
Helper classes
========================================================================== */

/*
* Image replacement
*/

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
	display: none !important;
	visibility: hidden;
}

/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/*
* Hide visually and from screenreaders, but maintain layout
*/

.invisible {
	visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/

.clearfix {
	*zoom: 1;
}

/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */

@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}

@media print,
   (-o-min-device-pixel-ratio: 5/4),
   (-webkit-min-device-pixel-ratio: 1.25),
   (min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}

/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */

@media print {
	* {
	    background: transparent !important;
	    color: #000 !important; /* Black prints faster: h5bp.com/s */
	    box-shadow: none !important;
	    text-shadow: none !important;
	}

	a,a:visited {
	   /* text-decoration: underline;*/
	}

	a[href]:after {
	    content: " (" attr(href) ")";
	}

	abbr[title]:after {
	    content: " (" attr(title) ")";
	}

	/*
	 * Don't show links for images, or javascript/internal links
	 */

	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {
	    content: "";
	}

	pre,blockquote {
	    border: 1px solid #999;
	    page-break-inside: avoid;
	}

	thead {
	    display: table-header-group; /* h5bp.com/t */
	}

	tr,img {
	    page-break-inside: avoid;
	}

	img {
	    max-width: 100% !important;
	}

	@page {
	    margin: 0.5cm;
	}

	p,h2,h3 {
	    orphans: 3;
	    widows: 3;
	}

	h2,h3 {
	    page-break-after: avoid;
	}

}

/** MAIN PARALLAX CSS STARTS HERE**/





#entry-header {
	width: 100%;
	background-color: #262626;
	padding-top:10px;
	color:#fff;
}

#entry-header #inner-header {
	margin:0 auto;
	/*min-width: 636px;*/
	text-align: center;
}

#entry-header #inner-header ul {
	display: block;
	font-family: 'Gotham Medium';
}
#entry-header #inner-header ul li {
	display: inline-block;
	vertical-align:top;
	/*padding: 20px 40px 25px 40px;*/
	padding: 1.5% 2.5% 2% 2.5%;
}

#slide-1 .inner-content {
	position: absolute;
  	left: 12%;
  	top: 40%;
}

#slide-1 .inner-content h2{
	color: #2a2d2d !important; 
	font-family: 'Window Cursor';
	font-size: 110px;
	letter-spacing: 15px;
}
#slide-1 .inner-content p {
	color: #2a2d2d !important;
	font-family: 'Gotham Medium';
	font-size: 22px;
	letter-spacing: 8px; 
}


#slide-2{
	height:340px !important;
}

#slide-2 .inner-content h2{
	color: #2a2d2d !important;
	font-family: 'Gotham Medium';
	font-size: 28px;
	/*font-size: 3.1vmin;*/
	letter-spacing: 3px;
}

#slide-2 a{
	text-decoration: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
}

#slide-2 .inner-content p {
	color: #8c8f91 !important;
	font-family: 'Lato Regular';
	font-size: 17px;
}

#slide-3 .inner-content h2 ,
#slide-4 .inner-content h2 ,
#slide-5 .inner-content h2{
	color: #2a2d2d !important; 
	font-family: 'Lato Bold';
	font-size: 45px;
	position: relative;
	left: 0;
	right:0;
	width: 100%;
	padding-bottom:3%;
}

#slide-3 .inner-content, 
#slide-4 .inner-content, 
#slide-5 .inner-content  {
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0;
	margin: 0 auto;
	position:relative;
	padding-top: 7%;
	padding-bottom:8.5%;
}

#slide-3 .inner-content #photos-content {
	width: 100%;
	transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	overflow: hidden;
}

#slide-3 .inner-content #photos-content .photos-content-row {
	overflow: hidden;
}


#slide-3 .inner-content #photos-content .photos-content-row .photos-content-portrait .content-info {
	position: absolute; 
	width:60%; 
	left:10%;
	top: 63%;
	word-wrap: break-word;
	z-index: 2;
	color: #fff;
}


#slide-3 .inner-content #photos-content .photos-content-row .photos-content-landscape .content-info {
	position: absolute; 
	width:90%; 
	left:10%;
	top: 56%;
	word-wrap: break-word;
	z-index: 2;
	color:#fff;
}

 .photos-content-row .content-info .content-title{
 	text-align: left;
 	font-family: 'Teko Regular';
 	font-size: 26px;
 	letter-spacing: 2px;

 }
 
 .photos-content-row .content-info .content-lead{
 	text-align: left;
 	font-family: 'Lato Bold';
 	letter-spacing: 1px;
 	font-size: 14px;
 }

#slide-3 .inner-content #photos-content .photos-content-row .photos-content-portrait{
	width: 50%;
	max-height: 666px;
	float:left;
	position: relative;
}


#slide-3 .inner-content #photos-content .photos-content-row .photos-content-landscape{
	width: 50%;
	max-height: 333px;
	float:right;
	overflow: hidden;
	position: relative;
}

#slide-3 .inner-content #photos-content .photos-content-row .photos-content-portrait:after,
#slide-3 .inner-content #photos-content .photos-content-row .photos-content-landscape:after {
	content: '';
	background: rgba(61,51,54,0.5);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 0;
}

#slide-3 .inner-content #photos-content .photos-content-row.type2 .photos-content-portrait{
	float:right !important;	
}

#slide-3 .inner-content #photos-content .photos-content-row.type2 .photos-content-landscape{
	float:left !important;	
}

#slide-3 .inner-content #photos-content .photos-content-row:after{
	content: '';
	clear: both;
}

#slide-3 .inner-content #photos-content .photos-content-row img {
	width:100%;
}

#slide-3 .inner-content .show-more-nav{
	background-color:#f2f2f2;
	color:#868686;
	padding:1.5%;
	font-family: 'Teko Regular';
	font-size: 18px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}
	
#slide-3 .inner-content .show-more-nav span:after{
 	content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -5px;
    border-color: #868686;
    border-width: 0 0 3px;
    border-style: solid;
    font-weight: bold;
}	


#slide-4 #videos-content {
	width: 100%;
	transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	overflow: hidden;
}	

#slide-4 #videos-content .video {
	display: inline-block;
	vertical-align: top;
	width:24.6%;
	position: relative;
	overflow: hidden;
	min-width: 270px;
}

#slide-4 #videos-content .video img {
	width: 100%;
}

#slide-4 #videos-content .video .content-info .playbutton {
	width: 15% !important;
	margin-top:11%;
} 

#slide-4 #videos-content .video .content-info {
	background-color:rgba(53,55,56,0.7);
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	opacity:0;
	transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	z-index: 2;
	color: #fff;
	padding:0 4%;
}

#slide-4 #videos-content .video .content-info:hover {
	opacity:1;
}

#slide-4 #videos-content .video .content-info a {
	text-decoration: none;
	color: inherit;
}

#slide-4 #videos-content .video .content-info .content-title {
	font-family: 'Lato Bold';
}

#slide-4 #videos-content .video .content-info .content-lead {
	font-family: 'Lato Bold';
	font-size: 14px;
}


#slide-5 #stories-content {
	margin: 0 auto;
	transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	overflow: hidden;
}

#slide-5 #stories-content a {
	text-decoration:none;
	color: inherit;	
}

#slide-5 #stories-content .story {
	display: inline-block;
	vertical-align: top;
	padding: 0 1% 3%;
	width:30%;
	min-width: 270px;
}

#slide-5 #stories-content .story img {
	width:100%;
}

#slide-5 #stories-content .story .content-info {
	width:90%;
	margin: 0 auto;	
}	
#slide-5 #stories-content .story .content-info .content-title,
#stories-content .story .content-info .content-lead{
	color:#30282a;
}

#slide-5 #stories-content .story .content-info .content-title {
	margin:30px 0 10px;
	font-family: 'Teko Regular';
	font-size: 26px;
	letter-spacing: 1px;
	line-height: 1;
}

#slide-5 #stories-content .story .content-info .content-lead {
	font-family:'Lato Regular';
	font-size:14px;
}

#slide-4 .inner-content .show-more-nav,
#slide-5 .inner-content .show-more-nav{
	color:#30282a;
	padding:2%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
	font-family: 'Teko Regular';
	font-size:23px;
	letter-spacing: 1.5px;
}

#slide-4 .inner-content .show-more-nav span ,
#slide-5 .inner-content .show-more-nav span{
	padding: 0 1%;
	cursor: pointer;
}

#slide-4 .inner-content .show-more-nav span:after,
#slide-5 .inner-content .show-more-nav span:after {
 	content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -5px;
    border-color: #30282a;
    border-width: 0 0 3px;
    border-style: solid;
    font-weight: bold;
}



/** PARALLAX CSS ENDS **/

footer {
	width:100%;
	display:none;
	overflow: hidden;
}

footer:after{
	clear: both;
}

footer > div {
	width: 49.8%;
	float:left;
	min-width: 310px;
}

footer #footer-gab-nav .slarge-font{
	font-family: 'Window Cursor';
	font-size: 110px;
	letter-spacing: 15px;
}

footer #footer-gab-nav #footer-nav {
	width: 90%;
	margin: 0 auto;
	font-family: 'Gotham Medium';
}

footer #footer-gab-nav #footer-nav div {
	display: inline-block;
	vertical-align: top;
	width: 20%;
	padding: 0 1%;
	text-align: center;
	min-width: 132px;
}

footer #footer-gab-nav #copytrade {
	margin-top: 2%;
	text-align: center;
	color: #c8c6c7;
	font-family: 'Lato Regular';
}

footer #social-panel {
	
}

footer #social-panel:after {
	content:'';
	clear: both;
}

footer #social-panel  > .social-block{
	float:left;
	width: 49.5%;
	background-color: #3d3236;
}

footer #social-panel > .social-block:nth-child(1){
	border-right: 1px solid #fff;
}

footer #social-panel .social-block .social-block-inner {
	width:70%;
	margin: 10% auto;
}

footer #social-panel .sname {
	color:#fff;
	font-family: 'Teko Regular';
	font-size: 25px;
}


footer #social-panel .follow-content .sThumbImg,
footer #social-panel .follow-content .follow-icons{
	display: inline-block;
	vertical-align:top;	
	color: #afadae;
	font-size: 12px;
	font-family: 'Lato Bold';
}


@media screen and ( max-width : 1270px ){
	
	#inside-header #header-nav ul li {
		padding-top:2%;	
	}
	
	
}

@media screen and ( max-width : 1024px ) {
	.photos-content-row .content-info .content-lead {
		display:none;
	}
	
	.photo-others #slide-4 #videos-content .video .content-info .content-lead{
		display:none;
	}
}	


/*@media screen and ( max-width : 668px ) and (max-height: 375) {
	
	#breaker-1 , #breaker-2 , #breaker-3 {
		background-position-x: 80%;
	}
}	*/


@media screen and ( max-width : 990px ) {
	.photos-content-row .content-info .content-lead {
		display:none;
	}
	#slide-4 #videos-content .video .content-info .content-lead {
		display:none;
	}
	
	#inside-header #header-nav {
		padding-top:2% !important;
	}
}


@media screen and ( max-width : 768px ) {
	.photos-content-row .content-info .content-title {
		font-size: 25px;
	}
	

}




@media screen and (max-width:667px){
	.photos-content-row .content-info .content-title {
		font-size: 20px !important;
	}
}

@media screen and (max-width:667px) and (max-height : 320px ){
	.photos-content-row .content-info .content-title {
		font-size: 17px !important;
	}
}


@media screen and ( max-width : 636px ) {
	footer > div {
		width:100%;
	}
	
	#content-inner {
		width:90% !important;
	}
	
	#inside-header #gabru {
		width: 100% !important;
	}
	
	#inner-header #header-nav{
		width: 100% !important;
		text-align: center;
	}
	

	
	.photos-content-row .content-info .content-lead {
		display:none;
	}
	
}

/** FOR IOS DEVICES ONLY **/
/** target iphones breakpoint , override background attachment as it bugs on cover**/
@media only screen and (min-device-width : 320px) and (max-device-width : 667px) {
	
	#slide-1 .bcg {
		background-position-x: 80% !important;
	}
	
	.bcg{
		/*background-attachment: scroll !important;*/	
	}
	
}

@media only handheld and (min-device-width : 768px) and (max-device-width : 1024px)  { 
	#slide-1 .bcg {
		background-position-x: 80% !important;
	}
	
	.bcg{
		/*background-attachment: scroll !important;*/	
	}
	
}


/** target IPAD breakpoint , override background attachment as it bugs on cover**/

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { 
	#slide-1 .bcg {
		background-position-x: 80% !important;
	}
	
	.bcg{
		/*background-attachment: scroll !important;*/	
	}
	
}
/** IPAD 1 & 2 & MINI**/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1){
	#slide-1 .bcg {
		background-position-x: 80% !important;
	}
	
	.bcg{
		/*background-attachment: scroll !important;*/	
	}
	
	#breaker-1 .bcg {
		background-position-y: 7%;
	}
	
	#breaker-2 .bcg {
		background-position-y: 90%;
	}
	
	#breaker-3 .bcg {
		background-position-y:17%;
	}
}

/** FOR IOS DEVICES ONLY END **/


@media screen and ( max-width : 480px ){
	#entry-header #inner-header ul li {
		width:19%;
		/*padding-right: 0% !important;*/
	}
	
	#slide-3 .inner-content #photos-content .photos-content-row .photos-content-landscape,
	#slide-3 .inner-content #photos-content .photos-content-row .photos-content-portrait {
		width: 100% !important;
	}
	
	
	#slide-2 .inner-content h2 {
		font-size: 20px;
	}
	#slide-2 .inner-content p {
		font-size:15px;
	}
	
	#slide-1 .bcg {
		background-position-x: 80%;
	}
	
	.bcg{
		/*background-attachment: scroll !important;*/	
	}
	
	#slide-1 .inner-content {
		left:0 !important;
		top: 31% !important;
	}
	
	#inside-header #header-nav ul li:nth-child(1){
		padding-right:10% !important;
	}
	
	#nav-home {
		padding-right: 0% !important;
	}
}

@media screen and ( max-width : 360px ){
	
	#nav-home {
		padding-right:0% !important;
	}
	
	#slide-1 .inner-content {
		left: 0 !important;
	}
	
	#photogallery-nav-wrapper {
		width: 100% !important;
	}
	
	#photogallery-nav-container > #nav-photo-label {
		width:45% !important;
	}
	
	#photogallery-nav-container > .nav-button {
		width:25% !important;
	}
	
	.photos-content-row .content-info .content-title {
		font-size: 20px !important;
	}
	
	#inside-header #header-nav ul li {
		padding : 2% 6% 2% 0% !important;
		width: 56px !important;
	}
	
	#inside-header #header-nav ul li:nth-child(1){
		padding-right:1% !important;
	}
	
	#entry-header #inner-header ul li:nth-child(2){
		padding-left:2% !important;
		padding-right: 0 !important;
	}
	
	#entry-header #inner-header ul li{
		padding-right: 3%;
		padding-left: 0;
	}
	
	
	#entry-header #inner-header ul li{
		width:21% !important;
	}
	
	
	
}