/*--------------------------------------------------------
Resets
--------------------------------------------------------*/
html, body {
    height: 100%;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0 none;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;/* 1*/
}
ol, ul {
    list-style: none outside none;
}

/*--------------------------------------------------------
Commons
--------------------------------------------------------*/
@font-face {
    font-family: "BebasNeueRegular";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/BebasNeue-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/BebasNeue-webfont.woff") format("woff"), url("../fonts/BebasNeue-webfont.ttf") format("truetype"), url("../fonts/BebasNeue-webfont.svg#BebasNeueRegular") format("svg");
}
::-moz-selection {background: none repeat scroll 0 0 #C1022C;color: white;}
::selection {background: #c1022c;color: white; } 
body {
    background: none repeat scroll 0 0 white;
    color: #1C1F26;  /*<!--el color azulaco de fondo-->*/
    font: 12px 'Open Sans',sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}

.bg0{
    background: url("../images/like3.jpg") no-repeat center center; 
 height:  100%;
   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}



img.scaleimg {
    height: auto;
    width: 100%;
}
img.scaleimg2 {
    height: auto;
    width: 100%;
}
/*img.scaleimg3 {
    height: auto;
    width: 100%;
}*/

.hidden {
    display: none;
}
.vertical-text {
    display: table-cell;
    vertical-align: middle;
}/* i need that for the text indside the paralax*/
.pattern {
    background: url("../images/pattern.png") repeat scroll 0 0 transparent;
    position: absolute;
    width: 100%;
}
/*Forms------------------------------------------*/
form {
    margin-bottom: 20px;
}
fieldset {
    margin-bottom: 20px;
}
input, textarea {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #CCCCCC;
    color: #868991;
    display: block;
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    font-weight: 400;
    margin: 5px 0 20px;
    outline: medium none;
    padding: 10px;
    text-transform: none;
    width: 100%;
}
textarea {
    min-height: 100px;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
    background: none repeat scroll 0 0 white;
    border: 1px solid #868991;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);
    color: #1C1F26;
}
input.error {
    background: none repeat scroll 0 0 #F9E7E8;
    border: 1px solid #C60F13;
}
input.error[type="text"]:focus, input.error[type="password"]:focus, input.error[type="email"]:focus {
    border: 1px solid #C60F13;
}
legend {
    display: block;
    font-size: 14px;
    font-weight: 600;
}
/*--------------------------------------------------------
Typography
--------------------------------------------------------*/


h1, h2, h3, h4 {
    font-weight: 400;
    text-transform: uppercase;
}
h1 {
    font-family: 'BebasNeueRegular',sans-serif;
    font-size: 70px; 
    margin-bottom: 7px;
    position: relative;
    text-transform: uppercase;
}
h1.white {
    color: #000000;
    margin-top: 60px;
}
h2 {
    font-family: 'BebasNeueRegular',sans-serif;
    font-size: 30px;
    position: relative;
    text-transform: uppercase;
}
h2.white {
    color: white;
}
h3 {
    font-family: 'Oswald',sans-serif;
    font-size: 22px;
}
h3.white {
    color: white;
}
h4 {
    font-family: 'Oswald',sans-serif;
    font-size: 22px;
}

p {
    margin-top: 10px;
    text-align: justify;
}
p a {
    color: #FFFFFF;
    text-decoration: none;
}
p a:hover {
    color: #C1022C;
    transition: color 0.5s ease 0s;
	-moz-transition: color 0.5s;
	-webkit-transition: color 0.5s;
	-o-transition: color 0.5s;
}
strong {
    font-weight: bold;
}
/*--------------------------------------------------------
Navigation
--------------------------------------------------------*/


nav {
	background: url(../images/nav-bg.png);
	width: 100%;
	position: relative;
	z-index: 1000;
	height: 50px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.links {
    display: table-cell;
    height: 50px;
    vertical-align: middle;
}
.links li {
    display: inline;
    margin: 0 15px 0 0;
}
.links a {
    color: white;
    font-family: 'Oswald',sans-serif;
    font-size: 18px;
    text-decoration: none;
    text-transform: uppercase;
}
.links a:visited {
    color: white;
}
.links a:hover {
    color: rgb(28, 132, 46);/*#B0B825;*/
    transition: color 0.5s;
	-moz-transition: color 0.5s;
	-webkit-transition: color 0.5s;
	-o-transition: color 0.5s;
}
.links img {
    height: 18px;
    margin-left: 2px;
    opacity: 0.6;
    width: 18px;
}
.links img:hover {
    opacity: 1;
}
.dropmenu {
    display: none;
}
/*--------------------------------------------------------
Parallax
--------------------------------------------------------*/
#parallax1, #parallax2, #parallax3{
    background-color: #1C1F26;
    height: 440px;
    overflow: hidden;
    position: relative;
    width: 100%;
}




#parallax1 .vertical-text, #parallax3 .vertical-text, #parallax1 .pattern, #parallax3 .pattern {
    height: 440px;
}

#parallax2, #parallax2 .vertical-text, #parallax2 .pattern{height: 580px }

/*Parallax1-CaraBook-----------------------------------------*/
.bg1 {
    background: url("../images/parallax/images.jpg") repeat-y fixed 50% 50% / 110% auto transparent;
    height: 100%;
    margin: 0 auto;
    position: absolute;
    width: 100%;
}




/*Parallax2 CV------------------------------------------*/
.bg2 {
    background: url("../images/parallax/teaser2.jpg") repeat-y fixed center top / 120% auto transparent;
    height: 100%;
    margin: 0 auto;
    position: absolute;
    width: 100%;
}




#parallax3 h2 {
    margin-bottom: 20px;
    text-align: center;
}
/* Booklet jQuery Plugin Style*/
.booklet{
	-moz-box-shadow:0px 0px 1px #fff;
	-webkit-box-shadow:0px 0px 1px #fff;
	box-shadow:0px 0px 1px #fff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.booklet .b-wrap-left  {
	background:#fff url(../images/left_bg.jpg) no-repeat top left;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	/*height:50%;*/
}
.booklet .b-wrap-right {
	background:#efefef url(../images/right_bg.jpg) no-repeat top left;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.booklet .b-counter {
	bottom:10px;
	position:absolute;
	display:block;
	width:90%;
	height:20px;
	border-top:1px solid #ddd;
	color:#222;
	text-align:center;
	font-size:12px;
	padding:5px 0 0;
	background:transparent;
	-moz-box-shadow:0px -1px 1px #fff;
	-webkit-box-shadow:0px -1px 1px #fff;
	box-shadow:0px -1px 1px #fff;
	opacity:0.8;
}

.book_wrapper{
	margin:0 auto;
	padding-top:50px;
	width:905px;
	height:540px;/*300px*/
	position:relative;
	background:transparent url(../images/backstage/book-background.png) no-repeat 9px 27px;
}
.book_wrapper p2{
	font-size:16px;
	margin:5px 5px 5px 15px;
}
p4{
	font-size:22px;
	margin:5px 5px 5px 15px;
}
p8{
	font-size:44px;
	margin:5px 5px 5px 15px;
}

a#next_page_button,
a#prev_page_button{
	display:none;
	position:absolute;
	width:41px;
	height:40px;
	cursor:pointer;
	margin-top:-20px;
	top:35%;
	background:transparent url(../images/buttons.png) no-repeat 0px -40px;
}
a#prev_page_button{
	left:-30px;
}
a#next_page_button{
	right:-30px;
	background-position:-41px -40px;
}
a#next_page_button:hover{
	background-position:-41px 0px;
}
a#prev_page_button:hover{
	background-position:0px 0px;
}

/*--------------------------------------------------------
Content    #location ,#contact
--------------------------------------------------------*/
#about, #projects,#journeys,#resume{      
    background: none repeat scroll 0 0 white;
    position: relative;
}

#about{  
 
padding-bottom: 60px;
}

#projects{  

padding-bottom: 50px;
}

#resume{  

padding-bottom: 40px;
}

#journeys{  

 padding-bottom: 80px;
}



#contact{  
padding-bottom: 40px;
}


.columns .img-wrp {
    position: relative;
}
.img-wrp img {
    display: block;
}




.overlay-wrp {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.overlay-wrp .overlay {
    height: 100%;
    opacity: 0.5;
    width: 100%;
}
.overlay {
    background: none repeat scroll 0 0 #b82d25;
}

#f1_container {
  	position: relative; 
  	margin: 0px auto;
	height:30%;
  	z-index: 1;
	}
#f1_container {
	-webkit-perspective: 1000;  
	-moz-perspective:  1000; 
    -o-perspective: 1000; 
    -ms-perspective:  1000; 
	perspective: 1000;
}
#f1_card {
	transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	
	transition: all 1.0s linear;
	-moz-transition: all 1.0s linear;
    -o-transition: all 1.0s linear;
    -ms-transition: all 1.0s linear;
	-webkit-transition: all 1.0s linear;
}
#f1_container:hover #f1_card {
	transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);  
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);  
    -webkit-transform: rotateY(180deg); 
}
.face {
	position: absolute;
	width:100%;
	height:100%; 
  	backface-visibility: hidden;
	-moz-backface-visibility: hidden;  
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden; 
  	-webkit-backface-visibility: hidden;
}
.face.back {
  display: block;
  color: white;
  text-align: center;
  background-color: #aaa;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
  box-sizing: border-box;
  -moz-sizing: border-box;
  -o-sizing: border-box;
  -ms-sizing: border-box;
  -webkit-box-sizing: border-box;
} 

/*Homepage------------------------------------------*/

#homepage {
    background: url("../images/pattern.png") repeat scroll 0 0 transparent;
    height: 100%;
    margin-bottom: -50px;
    overflow: hidden;
    position: relative;
}
#homepage .container {
    height: 100%;
}

.slider-text {
    bottom: 30%;
    padding-left:40%;
    min-height: 100px;
    overflow: hidden;
    position: absolute;
}
.title {
	color:#FFFFFF;
	font-size:50px; 
	height:85px;
	margin:84px auto;
	overflow:hidden;
	/*text-align:center;*/
	line-height:120px;
}
.orange {
	font-family:DeliciousBoldItalic;
}
a {
	color:#fff;
	text-decoration:none;
}
.line {
    border-bottom: 1px solid white;
    display: none;
    margin-bottom: 10px;
    opacity: 0;
}
#tree{
	position:relative;
    z-index:1;
	left:0px;
	top:10000px;
	left:125px;
	top:280px;
	opacity:0.70;
	-moz-opacity:0.50;
}
#pies{
	position:absolute;
    z-index:2;
	/*opacity:0.40;*/
	left:0px;
	top:0px;
	opacity:0.90;
	-moz-opacity:0.90;
}
#click{
	position:absolute;
    z-index:2;
	left:560px;
	top:0px;
	opacity:0.90;
	-moz-opacity:0.90;
}
.btn_zero{ 
 position:absolute;
 z-index:3;
 height:130px;
 width:180px;
 left:516px;
 top:0px;
 background-image:url(../images/backstage/pollitoPio.jpg);
 -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: none;
}
.btn_one{ 
 position:absolute;
 z-index:3;
  height:42px;
 width:42px;
 left:251px;
 top:251px;
 background-image:url(../images/backstage/one_btn.jpg);
border: none;
}
.btn_two{ 
 position:absolute;
 z-index:3;
   height:42px;
 width:42px;
 background-image:url(../images/backstage/two_btn.png);
 background-color: transparent;
  left:701px;
 top:335px;
border: none;




}
.btn_three{ 
 position:absolute;
 z-index:3;
   height:42px;
 width:42px;
 background-image:url(../images/backstage/three_btn.png);
  background-color: transparent;
  left:96px;
 top:721px;
 border: none;
 
}
.btn_four{ 
 position:absolute;
 z-index:3;
   height:42px;
 width:42px;
  background-image:url(../images/backstage/four_btn.png);
   background-color: transparent;
  left:451px;
 top:812px;
 border: none;
 
}
.btn_five{ 
 position:absolute;
 z-index:3;
   height:42px;
 width:42px;
  background-image:url(../images/backstage/five_btn.jpg);
  left:672px;
 top:1000px;
 border: none;
}

#overlay0 {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
}
#overlay0 div {
	left: 40px;
    padding-bottom: 65px;
    position: absolute;
    top: 35px;
    z-index: 9001;

}
#overlay1 { visibility: hidden; position: absolute;left: 0px;top: 0px;width:100%;height:100%;text-align:center;z-index: 1000;}
#overlay1 div { left: 40px; padding-bottom: 65px; position: absolute; top: 35px; z-index: 9001; }
#overlay2 { visibility: hidden; position: absolute;left: 0px;top: 0px;width:100%;height:100%;text-align:center;z-index: 1000;}
#overlay2 div { left: 40px; padding-bottom: 65px; position: absolute; top: 35px; z-index: 9001; }
#overlay3 { visibility: hidden; position: absolute;left: 0px;top: 0px;width:100%;height:100%;text-align:center;z-index: 1000;}
#overlay3 div { left: 40px; padding-bottom: 65px; position: absolute; top: 35px; z-index: 9001; }
#overlay4 { visibility: hidden; position: absolute;left: 0px;top: 0px;width:100%;height:100%;text-align:center;z-index: 1000;}
#overlay4 div { left: 40px; padding-bottom: 65px; position: absolute; top: 35px; z-index: 9001; }
#overlay5 { visibility: hidden; position: absolute;left: 0px;top: 0px;width:100%;height:100%;text-align:center;z-index: 1000;}
#overlay5 div { left: 40px; padding-bottom: 65px; position: absolute; top: 35px; z-index: 9001; }

.project-title {
    font-family: 'Oswald',sans-serif;
    font-size: 12px;
    margin-top: 7px;
    text-transform: uppercase;
}
.project-description {
    color: #868991;
    font-size: 10px;
    font-weight: 600;
    margin: 0 0 20px;
    text-transform: uppercase;
}
.columns .overlay-content.loupe {
    background: url("../images/loupe.png") no-repeat scroll 0 0 transparent;
    height: 34px;
    left: 50%;
    margin: -17px 0 0 -17px;
    position: absolute;
    top: 22%;
    width: 34px;
    z-index: 10;
}
/*projects*/
#scrollto7,#scrollto8, #scrollto9{float:center; display:inline-block;  padding:3px 30px; margin:7px 10px; background:#eb3755;  text-decoration:none; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}
 #scrollto7:hover,#scrollto8:hover, #scrollto9:hover{background:rgba(255,0.15,255,255); color:#000;}
/*Resume online------------------------------------------*/
hr{height:0; border:none; border-bottom:1px solid rgba(255,255,255,0.13); border-top:1px solid rgba(0,0,0,0.8); margin:9px 10px; clear:both;}
hr+h1{color:#D8D8D8 ;}
/*.demo_functions{margin:10px;}*/
.demo_functions #scrollto1,.demo_functions #scrollto2,.demo_functions #scrollto3{float:left; display:inline-block;  padding:5px 10px; margin:7px 10px; background:rgb(28, 132, 46); text-decoration:none; -webkit-border-radius:5px; -moz-border-radius:5px; 
border-radius:5px; box-shadow: 0 5px 0 darkgreen;}
.demo_functions #scrollto4,.demo_functions #scrollto5,.demo_functions #scrollto6{float:right; display:inline-block;  padding:5px 10px; margin:7px 10px; background:rgb(28, 132, 46); text-decoration:none; -webkit-border-radius:5px; 
-moz-border-radius:5px; border-radius:5px; box-shadow: 0 5px 0 darkgreen}
.demo_functions #scrollto1:hover,.demo_functions #scrollto2:hover,.demo_functions #scrollto3:hover{background:black; color:#fff;} /*gba(255,255,255,0.60);*/
.demo_functions #scrollto4:hover,.demo_functions #scrollto5:hover,.demo_functions #scrollto6:hover{background:black; color:#fff;}

.content{margin:20px 0 40px 40px; width:240px; height:600px; padding:10px; overflow:auto;}

.content_6 .resume-info1, .content_6 .resume-info2, .content_6 .resume-info3, .content_6 .resume-info4,.content_6 .resume-info5,
.content_6 .resume-info6{display:block; float:left; margin:0 5px; border:none; padding:5px;  background:rgba(255,255,255,0.60); -webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.2);
-moz-box-shadow:1px 1px 10px rgba(0,0,0,0.2); box-shadow:1px 1px 10px rgba(0,0,0,0.2);}

.content_6{position:relative; margin:20px auto; float:left;  width:100%; height:300px; overflow:auto; background:rgba(255,255,255,0.60); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} 
.content_6 .images_container{overflow:hidden; }
.content_6 .images_container img{max-width:none;}

.resume-info1{ width:700px; height:250px } /* ux */
.resume-info3{ width:500px; height:250px;} /* INTERIOR DESIGN */
.resume-info5{ width:500px; height:250px;} /* PHP */
.resume-info4{ width:600px; height:250px;} /* it */
.resume-info6{ width:600px; height:250px;} /* JAVA */
.resume-info2{ width:600px; height:250px;} /*  */



.right {float: right}​
/* horizontal scrollbar */
.mCSB_horizontal>.mCSB_container{
	height: auto; /*  auto;*/
	margin-right:0;
	margin-bottom:30px;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-bottom:0;
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
	margin-bottom:30px;
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{
	width:100%;
	height:16px;/*16px; it keep up from the container the SB*/
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:0 20px;  /*0 20px; no effect*/
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:2px;
	margin:7px 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{
	width:30px;
	height:100%;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	display:block;
	position:relative;
	width:20px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
	float:left;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	margin-left:-40px;
	float:right;
}
.mCustomScrollBox{
	-ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/
}

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCustomScrollBox:hover>.mCSB_scrollTools{
	opacity:1;
	filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */
}
.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.4);
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{    
	background:#eb3755; /* rgba fallback  #fff;*/
	background:#eb3755;/*rgba(255,255,255,0.75); cambiamos la barrita aki!*/
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
	filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
	opacity:0.9;
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}
/* custom styling */
/* content_6 scrollbar */
.content_6>.mCustomScrollBox>.mCSB_scrollTools{
	width:88%;
	margin: 0 6%;
}
/*Contact------------------------------------------*/
#contact {
    background-color: #FFFFFF;
    height: auto;
    /*min-height: 100%;*/
    position: relative;
    width: 100%;
}
#contact .pattern {
    height: 100%;
}

.copyright {
    background: none repeat scroll 0 0 #000000;
   font:18px;
    height: 50px;
    position: absolute;
    width: 100%;
}
.copyright p {
    color: #f4bf42;
    font-size: 16px;
    font-weight: 600;
    margin-top: 25px;
    text-align: center;
    text-transform: uppercase;
}

	/**
 * CONTACT FORM
 */	
	
#contact_form p, label, legend { font-size: 12px; line-height:18px; text-align:left; }

#contact_form {
	display: block;
	width: 650px;
	margin: -20px auto;
	padding: 35px;
	background-color: #FFF;

}
.mark.validate {
	display: inline-block;
	margin: 12px 0 0 12px;
	width: 16px;
	height: 16px;
	background: transparent none;
}
.mark.valid {
	background: url(../assets/success.gif) no-repeat top left;
}
.mark.error {
	background: url(../assets/error.gif) no-repeat top left;
}

#contact_form label {
	display: inline-block;
	float: left;
	height: 1em;
	line-height: 1em;
	padding: 6px 0 0;
	width: 100px;
	font-size: 1.0em;
	margin: 5px 0;
	clear: both;
}

#contact_form label small {
	font-size: 0.75em;
	color: #ccc;
}

#contact_form label.verify {
	padding: 0;
	margin: 2px 10px 2px 0;
	width: 145px;
	text-align: right;
}
#contact_form label.verify img {
	padding:1px;
	border:1px solid #cccccc;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

#contact_form input, #contact_form textarea, #contact_form select {
	width: 400px;
	padding: 5px;
	color: #666;
	background: #f5f5f5;
	border: 1px solid #ccc;
	margin: 7px 0;
	font:1.2em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	
	vertical-align: top;

	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;

	
}
#contact_form select {
	width: 400px;
	margin: 8px 0;
}
#contact_form input#verify {
	width: 55px;
}
#contact_form textarea {
	width: 390px;
}
#contact_form input:focus, #contact_form textarea:focus, #contact_form select:focus {
	border: 1px solid #ddd;
	background-color: #fff;
	color:#333;
	outline: none;
	position: relative;
	z-index: 5;

	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1);

	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);

	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
}
#contact_form input.error, #contact_form textarea.error, #contact_form select.error {
	box-shadow: 0 0 5px rgba(204, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 5px rgba(204, 0, 0, 0.5);
	-moz-box-shadow: 0 0 5px rgba(204, 0, 0, 0.5);
	border: 1px solid #faabab;
	background: #fef3f3
}
#contact_form input.submit {
	width: 650px;
	cursor: pointer;
	position: relative;
	border: 1px solid #282828;
	color:#fff;
	padding: 6px 16px;
	text-decoration: none;
	font-size: 1.2em;

	background:#555;

	background:-webkit-gradient(
	    linear,
	    left bottom,
    	left top,
	    color-stop(0.12, rgb(60,60,60)),
	    color-stop(1, rgb(85,85,85))
	);
	background:-moz-linear-gradient(
	    center bottom,
	    rgb(60,60,60) 12%,
    	rgb(85,85,85) 100%
	);

	box-shadow: 0 2px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);

	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
#contact_form input.submit:hover {
	background: #282828 !important;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
}
#contact_form input.submit:active, #contact_form input.submit:focus {
	top: 1px;
}



#contact_form input[type="submit"][disabled] { background:#888; }
#contact_form fieldset { padding:20px; border:1px solid #e2e2e2; -webkit-border-radius:5px; -moz-border-radius:5px; margin:0 0 20px; }
#contact_form legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #e2e2e2; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#contact_form span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 1em 0; padding: 0; display: block; background: transparent none; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

#contact_form #success_page h1 { background: url('../assets/success.gif') left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }


#stores{
	margin-top:20px;
}



/*Parallax3  Map------------------------------------------*/
.bg5 {

    background: url("../images/parallax/black-map-london.png") repeat  fixed center 300px  / 100%;
    margin: 0 auto;
    width: 100%;
   height: 340px;
    overflow: hidden;
    position: relative;
}