*::after, *::before {
	box-sizing: border-box;
}
*::after, *::before {
	box-sizing: border-box;
}
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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
body {
	font-size: 14px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
	position: relative;
}
img {
	max-width: 100%;
}
a {
	text-decoration: none;
}
b, strong {
	font-weight: 700;
}
a:hover {
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}
ul, ol, dl {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
/* ~~ Miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
}
.clear { /* this class can be placed on a <br /> or empty block element as the final element following the last floated block (within the .container) if the footer is removed or taken out of the .container */
	clear: both;
}
/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, article, figure {
	display: block;
}
.nopadding {
	padding: 0px !important;
}
.nomargin {
	margin: 0px !important;
}
   
   

#gallery-white {
    background: #fff none repeat scroll 0 0;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

#gallery-white h1 {
	text-align:center;
	font:20px Arial, Helvetica, sans-serif;
	margin-bottom:50px;
}

#gallery-white h1 span {
	font-size:12px;	
}

#gallery-white .image-block {
    float: none;
    margin: 0;
    width: 100%;
}


#gallery-white .image-block img{
	width:100%;
}

#gallery-white .reflection {
	position:relative;
}


#gallery-white .reflection img {
    opacity: 1;
    transform: scaleY(-1);
}



#gallery-white .overlay {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.35) 35%, rgba(255, 255, 255, 1) 100%) repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#gallery-white .vline {
	position:absolute; 
	bottom:70px; 
	
}



















section.module.parallax {
  padding:100px 0;
  background-position: 0 0;
}
section.module.parallax img {
  color: #1e1e1e;
  font-size: 48px;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 10px white;
}
section.module.parallax-1 {
  background-image: url("../images/one.png");
}
section.module.parallax-2 {
  background:  url(../images/one.png) no-repeat 100% 0;
  background-size:cover;
  width:100% !important;
 
}
section.module.parallax-3 {
  background-image: url("../img/demo/pattern3.png");
}

@media all and (min-width: 600px) {
  section.module h2 {
    font-size: 42px;
  }
  section.module p {
    font-size: 20px;
  }
  section.module.parallax {
    padding:62px 0;
  }
  section.module.parallax h1 {
    font-size: 96px;
  }
}
@media all and (min-width: 960px) {
  section.module.parallax h1 {
    font-size: 160px;
  }
}




















