html { background-color:#DDD; overflow-x: hidden!important; }

body {
	width:100%;
	max-width:1920px;
	margin:0 auto;
	display:block;
	position:relative;
  font-family: Helvetica, sans-serif;
	letter-spacing:-0.02em;
	background-color:#FFF;
	box-shadow:2px 2px 20px rgba(0,0,0,0.2);
	overflow-x: hidden!important;
	}

.hide_el {
	width:0;
	height:0;
	overflow:hidden;
	display: block;
	position:absolute;
	right:0;
	top:0;
	z-index:0;
 	}

/* ========== Delay ========== */

.hover_delay {
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
	}

/* ========== Animate ========== */

.animate_linear1  {
	-webkit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	transition:all 0.1s linear;
	}

.animate_easing {
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	}

/* ========== Border Radius ========== */

.radius_3 {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	}

/* ========== Box Sizing ========== */

.box_sizing {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}

/* ========== Desaturate ========== */

.grayScale {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	}

/* ========== 2x Columns ========== */

.colx2 {
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
	}

/* ========== iframe Video ========== */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

/* ========== Zoom Scale ========== */

.zoom_scale img {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	}

.zoom_scale:hover img {
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
	}

/* ========== BG Cover ========== */

.bg_cover_fixed {
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }

.bg_cover_scroll {
	background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}

/* ========== Boxes ========== */

.box_fluid_max,
.box_largo,
.box_fluid,
.box_med,
.box_small {
	width:100%;
	margin:0 auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}

.box_fluid_max { max-width:1520px; }
.box_largo { max-width:1380px; }
.box_fluid { max-width:1140px; }
.box_med { max-width:800px;	}
.box_small { max-width:700px; }

.desktop_view_menu,
.desktop_view {display:block;}

.mobile_view_menu,
.mobile_view {display:none;}


/* =============
Media Queries
============= */

/* ====== Switch Menu ======  */
@media only screen and (min-width : 0) and (max-width : 767px) {

  .desktop_view_menu { display:none; }
  .mobile_view_menu { display:block; }

}

/* ====== XS ======  */
@media only screen and (min-width : 0) and (max-width : 767px) {

.bg_cover_fixed { background-attachment: scroll; }
.pad0x20 { padding:0 20px; }

.box_largo,
.box_fluid,
.box_med,
.box_small { width:100%; }

.colx2 {
	-moz-column-count:1;
	-moz-column-gap:0;
	-webkit-column-count:1;
	-webkit-column-gap:0;
	}

.desktop_view { display:none; }
.mobile_view { display:block; }

}

/* ====== SM ======  */
@media only screen and (min-width : 768px) and (max-width : 991px) {

.center_med,
.box_largo,
.box_fluid {width:100%;}
.bg_cover_fixed { background-attachment: scroll; }
.pad0x20 { padding:0 20px; }

}

/* ====== MD ======  */
@media only screen and (min-width : 992px) and (max-width : 1199px) {

.box_largo,
.box_fluid {width:960px;}

}