/*
Theme Name: Herman Miller
Theme URI: http://www.reformabranding.com
Author: the Reforma Branding team
Author URI: http://www.reformabranding.com
Description: Herman Miller Theme
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: hermanmiller

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*****************************************************general****************************************************/

*
{
	margin: 0;
	padding: 0;
	border: 0;
}

html, body
{
	height: 100%;
}

#main
{
	width: 100%;
	min-height: 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}

.clear
{
	clear: both;
}

section
{
	padding-bottom: 95px;
}

@font-face
{
    font-family: 'verdana';
    src: url('fonts/verdana.eot');
    src: url('fonts/verdana.eot?#iefix') format('embedded-opentype'),
         url('fonts/verdana.woff') format('woff'),
         url('fonts/verdana.ttf') format('truetype'),
         url('fonts/verdana.svg#verdana') format('svg');
    font-weight: normal;
    font-style: normal;
}

.page_title
{
	width: 100%;
	height: 22px;
	background-color: #EDEDED;
}

.page_title h1
{
	max-width: 860px;
	margin: 0 auto;
	font-family: verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #808080;
	line-height: 22px;
	text-transform: uppercase;
}

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

/****************************************************header******************************************************/

header
{
	width: 100%;
	position: relative;
}

header #header_content
{
	width: 100%;
    padding: 0 50px;
	margin: 0 auto 0 auto;
	text-align: center;
	font-size: 0;
	position: relative;
    box-sizing: border-box;
	direction: rtl;
}

header #header_content:before
{
	content: '';
	display: inline-block;
	vertical-align: bottom;
	min-height: 109px;
}

header #header_content #logo
{
	margin-top: 33px;
	float: left;
}

header #header_content #logo a
{
	width: 100%;
	height: 100%;
	display: block;
}

header #header_content #logo_herman_miller {
    float: right;
    margin-top: 25px;
}

header #header_content nav
{
	display: inline-block;
	vertical-align: bottom;
	direction: ltr;
}

header #header_content nav ul li
{
	display: inline-block;
	margin-left: 22px;
	position: relative;
}

header #header_content nav ul li:first-child {
    margin-left: 0;
}

header #header_content nav ul li a
{
	font-family: verdana;
	font-size: 8pt;
	color: #808080;
	text-decoration: none;
	line-height: 70px;
	display: block;
}

header #header_content nav ul li a:hover
{
	text-decoration: underline;
}

header #header_separator
{
	width: 100%;
	height: 4px;
	background: -moz-linear-gradient(top,  rgba(148,148,148,0) 0%, rgba(148,148,148,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(148,148,148,0)), color-stop(100%,rgba(148,148,148,1)));
	background: -webkit-linear-gradient(top,  rgba(148,148,148,0) 0%,rgba(148,148,148,1) 100%);
	background: -o-linear-gradient(top,  rgba(148,148,148,0) 0%,rgba(148,148,148,1) 100%);
	background: -ms-linear-gradient(top,  rgba(148,148,148,0) 0%,rgba(148,148,148,1) 100%);
	background: linear-gradient(to bottom,  rgba(148,148,148,0) 0%,rgba(148,148,148,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00949494', endColorstr='#949494',GradientType=0 );
}

header #header_content nav ul li ul
{
	position: absolute;
	top: 100%;
	border: 1px solid #C7C7C7;
	background-color: #FFFFFF;
	left: 50%;
	margin-left: -72px;
	padding: 10px;
	display: none;
	z-index: 1;
}

header #header_content nav ul li:hover ul
{
	display: block;
}

header #header_content nav ul li ul .menu_arrow
{
	position: absolute;
	width: 10px;
	height: 9px;
	top: -9px;
	left: 50%;
	margin-left: -5px;
	background-image: url('images/menu_arrow.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

header #header_content nav ul li ul li
{
	display: block;
	width: 130px;
	margin: 0;
}

header #header_content nav ul li ul li .menu_image_container
{
	width: 100%;
	text-align: center;
	border-top: 5px solid #E1E1E1;
	padding: 10px 0;
	cursor: pointer;
}

header #header_content nav ul li ul li .menu_image_container .menu_image_info
{
	font-family: verdana;
	font-size: 7pt;
	font-weight: lighter;
	color: #808080;
	text-align: left;
	margin: 10px 0 0 0;
	display: none;
}

header #header_content nav ul li ul li .menu_image_container:hover .menu_image_info
{
	display: block;
}

header #header_content nav ul li ul .title_submenu
{
	font-family: verdana;
	font-size: 9pt;
	font-weight: lighter;
	color: #AEAEAE;
	text-align: left;
	padding: 10px 0;
}

header #header_content nav ul li ul li a
{
	line-height: 20px;
	text-align: left;
}

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

/*******************************************************banner***************************************************/
#banner
{
	margin-top: 50px;
}

.banner_container
{
	float: left;
	position: relative;
	margin-left: 1%;
	margin-bottom: 1%;
}

.banner_container img
{
	display: block;
	width: 100%;
}

.banner_container:hover .banner_info_container
{
	opacity: 1;
}

.banner_info_container
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(233,233,233,0.77);
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.banner_info_container:before
{
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.banner_info
{
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	font-family: verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #4D4D4D;
	text-transform: uppercase;
}

.aligncenter
{
	margin: 0 auto;
	width: auto!important;
	margin-bottom: 20px;
}

.large_banner
{
	width: 25%;
}

.short_banner
{
	width: 22.5%;
}
/****************************************************************************************************************/

/*******************************************************home content*********************************************/

#home_content
{
	width: 860px;
	margin: 50px auto;
	font-size: 0;
	text-align: center;
}

#home_video, #slide
{
	width: 366px;
	height: 235px;
	padding: 10px;
	border: 2px solid #ededed;
	display: inline-block;
	vertical-align: top;
}

#home_video
{
	margin-right: 40px;
}

#slide
{
	margin-left: 28px;
}

#home_video video
{
	width: 366px;
	height: 235px;
}

#slide ul
{
	position: relative;
	width: 100%;
	height: 100%;
}

#slide ul li
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: opacity 0.4s ease-in-out, z-index 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out, z-index 0.4s ease-in-out;
	-ms-transition: opacity 0.4s ease-in-out, z-index 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out, z-index 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out, z-index 0.4s ease-in-out;
}

.slide_content
{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 90px;
	background: rgba(0,0,0,0.30);
}

.slide_content h2
{
	font-family: verdana;
	font-size: 12pt;
	font-weight: normal;
	color: #FFFFFF;
	margin-top: 10px;
	text-align: left;
	margin-left: 20px;
}

.slide_content p
{
	font-family: verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
	margin-left: 20px;
	max-width: 326px;
}

#slide_nav
{
	width: 5px;
	display:  inline-block;
	vertical-align: top;
	margin-left: 7px;
}

#slide_nav ul
{
	list-style: none;
}

#slide_nav .current_slide, #slide_nav .hidden_slide
{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: block;
	width: 5px;
	height: 6px;
	margin-bottom: 5px;
}

#slide_nav .current_slide
{
	background-image: url('images/current_slide.png');
}

#slide_nav .hidden_slide
{
	background-image: url('images/hidden_slide.png');
	cursor: pointer;
}

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

/*******************************************************products*************************************************/

#menu_products_container
{
	width: 860px;
	margin: 50px auto;
}

#products
{
	width: 610px;
	display: inline-block;
	float: right;
}

#products .category_product
{
	padding: 30px 0;
	border-top: 5px solid #EDEDED;
}

#products .category_product h2
{
	font-family: verdana;
	font-size: 12pt;
	font-weight: normal;
	color: #808080;
	margin-bottom: 30px;
}

#products .category_product ul
{
	font-size: 0;
	width: 100%;
}

#products .category_product ul li
{
	display: inline-block;
	width: 25%;
	text-align: center;
	margin-bottom: 40px;
	vertical-align: bottom;
}

#products .category_product ul li h3
{
	font-family: verdana;
	font-size: 8pt;
	font-weight: lighter;
	color: #808080;
	margin-top: 20px;
	vertical-align: top;
	height: 32px;
}

#products_menu
{
	width: 202px;
	padding: 10px;
	background-color: #EDEDED;
	float: left;
}

#products_menu ul
{
	list-style: none;
	width: 100%;
}

#products_menu ul li
{
	width: 100%;
	border-top: 5px solid #E1E1E1;
	padding: 10px 0;
}

#products_menu ul li .menu_products_img
{
	display: inline-block;
	width: 80px;
	vertical-align: middle;
}

#products_menu ul li a
{
	text-decoration: none;
	display: block;
}

#products_menu ul li .menu_products_name
{
	display: inline-block;
	vertical-align: middle;
	font-family: verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #808080;
}

#products_menu ul li ul
{
	display: none;
}

#products_menu ul li:hover ul
{
	display: block;
}

#products_menu ul li ul li
{
	border: 0;
	padding: 5px 0;
	margin-left: 10px;
}

#products_menu ul li ul li a
{
	font-family: verdana;
	font-size: 8pt;
	font-weight: lighter;
	color: #808080;
}

#products_menu ul li ul li a:hover
{
	text-decoration: underline;
}

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

/*******************************************************aliances*************************************************/

#alianzas
{
	width: 100%;
}

#alianzas ul
{
	width: 100%;
	text-align: center;
	font-size: 0;
}

#alianzas ul li
{
	display: inline-block;
	margin: 35px 70px;
}

#alianzas ul li h2
{
	font-family: verdana;
	font-size: 11pt;
	font-weight: normal;
	color: #808080;
	line-height: 18px;
	margin-top: 20px;
}

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

/********************************************************why*****************************************************/

#why
{
	width: 100%;
}

#why h1
{
	font-family: verdana;
	font-size: 9pt;
	font-weight: normal;
	color: #808080;
	text-align: center;
	margin-top: 30px;
	text-transform: uppercase;
}

#why_video_container
{
	width: 834px;
	margin: 30px auto 50px auto;
	background-color: #EDEDED;
	padding: 13px;
}

#why_video_container video
{
	width: 100%;
}

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

/*******************************************************solutions************************************************/

#solutions_title
{
	width: 980px;
	height: 100px;
	margin: 0 auto;
}

#solutions_title h1
{
	line-height: 100px;
	font-family: verdana;
	font-size: 15pt;
	font-weight: bold;
	color: #4D4D4D;
}

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

/*****************************************************portfolio**************************************************/
#portfolio_title
{
	width: 980px;
	height: 100px;
	margin: 0 auto;
}

#portfolio_title h1
{
	line-height: 100px;
	font-family: verdana;
	font-size: 15pt;
	font-weight: bold;
	color: #4D4D4D;
}

#portfolio_menu
{
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	-webkit-transition: height 0.3s ease-in-out;
	-moz-transition: height 0.3s ease-in-out;
	-ms-transition: height 0.3s ease-in-out;
	-o-transition: height 0.3s ease-in-out;
	transition: height 0.3s ease-in-out;
}

#portfolio_menu ol li
{
	font-family: verdana;
	font-size: 9pt;
	font-weight: normal;
	color: #808080;
	padding: 5px 0;
	border-bottom: 1px solid #C7C7C7;
	width: 350px;
}

#portfolio_menu ol li span
{
	cursor: pointer;
}

#portfolio_menu ol li span:hover
{
	text-decoration: underline;
}

#portfolio
{
	width: 1200px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	-webkit-transition: height 0.3s ease-in-out;
	-moz-transition: height 0.3s ease-in-out;
	-ms-transition: height 0.3s ease-in-out;
	-o-transition: height 0.3s ease-in-out;
	transition: height 0.3s ease-in-out;
}

#portfolio ul
{
	font-size: 0;
	width: 3600px;
}

#portfolio ul li
{
	display: inline-block;
	text-align: center;
	width: 1200px;
}

#portfolio ul li img
{
	height: 573px;
}

#portfolio:hover #prev, #portfolio:hover #next
{
	opacity: 1;
}

.close
{
	position: absolute;
	right: 10px;
	top: 10px;
	width: 50px;
	height: 50px;
	background-image: url('images/close.png');
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
/****************************************************************************************************************/

/******************************************************contact***************************************************/

#contact
{
	width: 980px;
	margin: 0 auto;
	font-size: 0;
	text-align: justify;
	padding: 30px 0;
	direction: rtl;
}

#contact:after {
        content: '';
	display: inline-block;
	width: 100%;
}

#contact_container, #contact_info {
	display: inline-block;
	vertical-align: middle;
	direction: ltr;
}

#contact_info
{
	font-family: verdana;
	font-size: 12pt;
	font-weight: normal;
	color: #58595B;
	text-align: left;
}

#contact_info a
{
	color: #58595B;
	text-decoration: none;
}

#contact_info a:hover
{
	text-decoration: underline;
}

#contact_container
{
	padding: 16px;
	background: rgba(35,31,32,0.53);
	font-family: arial, serif, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}

#contact_container h1
{
	font-size: 15pt;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 20px;
}

#contact_container table
{
	font-size: 13pt;
	text-align: left;
}

#contact_container table tr td
{
	padding: 3px 0;
}

#contact_container table tr td input[type="text"]
{
	width: 408px;
	height: 30px;
	background-color: #E6E7E8;
	margin-bottom: 5px;
}

#contact_container table tr td textarea
{
	width: 408px;
	height: 153px;
	background-color: #E6E7E8;
	margin-bottom: 5px;
}

#contact_container table tr td input[type="button"]
{
	font-family: arial, serif, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 30px;
	background-color: #EA3824;
	border-radius: 2px;
}

#contact_alert
{
	font-size: 10pt;
}

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

/*******************************************************footer***************************************************/

footer
{
	width: 100%;
	height: 95px;
	margin-top: -95px;
}

footer #footer_separator
{
	width: 100%;
	height: 4px;
	background: -moz-linear-gradient(top,  rgba(148,148,148,1) 0%, rgba(148,148,148,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(148,148,148,1)), color-stop(100%,rgba(148,148,148,0)));
	background: -webkit-linear-gradient(top,  rgba(148,148,148,1) 0%,rgba(148,148,148,0) 100%);
	background: -o-linear-gradient(top,  rgba(148,148,148,1) 0%,rgba(148,148,148,0) 100%);
	background: -ms-linear-gradient(top,  rgba(148,148,148,1) 0%,rgba(148,148,148,0) 100%);
	background: linear-gradient(to bottom,  rgba(148,148,148,1) 0%,rgba(148,148,148,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#949494', endColorstr='#00949494',GradientType=0 );
}

footer nav
{
	max-width: 860px;
	margin: 5px auto 0 auto;
}

footer nav ul
{
	font-size: 0;
	float: right;
}

footer nav ul li
{
	display: inline-block;
	margin-left: 20px;
}

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

/***************************************************************************carousel*******************************************************************/

.carousel
{
	width: 1200px;
    height: 647px;
	margin: 0 auto;
	position: relative;
	margin-bottom: 100px;
    overflow: hidden;
    list-style: none;
    -webkit-transition: height 0.3s ease-in-out;
    -webkit-transition: height 0.3s ease-in-out;
    -webkit-transition: height 0.3s ease-in-out;
    -webkit-transition: height 0.3s ease-in-out;
    -webkit-transition: height 0.3s ease-in-out;
}

.carousel li
{
	position: absolute;
    top: 0;
	text-align: center;
	width: 100%;
    height: 100%;
    visibility: hidden;
    font-size: 0;
}

.carousel li:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.carousel li img
{
	max-width: 100%;
    max-height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.carousel:hover #prev, .carousel:hover #next
{
	opacity: 1;
}

.active {
    visibility: visible!important;
}

#prev, #next
{
	width: 21px;
	height: 33px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: absolute;
	top: 50%;
	margin-top: -16px;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

#prev
{
	background-image: url('images/prev.png');
	left: 125px;
}

#next
{
	background-image: url('images/next.png');
	right: 125px;
}

#prev:hover
{
	left: 120px;
}

#next:hover
{
	right: 120px;
}

.next_position {
    left: 100%;
}

.prev_position {
    right: 100%;
}

.prev_carousel_item, .next_carousel_item {
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: 700ms;
    -moz-animation-duration: 700ms;
    -ms-animation-duration: 700ms;
    -o-animation-duration: 700ms;
    animation-duration: 700ms;
}

.prev_carousel_item {
    -webkit-animation-name: prev_carousel_item;
    -moz-animation-name: prev_carousel_item;
    -ms-animation-name: prev_carousel_item;
    -o-animation-name: prev_carousel_item;
    animation-name: prev_carousel_item;
}

.next_carousel_item {
    -webkit-animation-name: next_carousel_item;
    -moz-animation-name: next_carousel_item;
    -ms-animation-name: next_carousel_item;
    -o-animation-name: next_carousel_item;
    animation-name: next_carousel_item;
}

@-webkit-keyframes prev_carousel_item {
    from { -webkit-transform: translateX(0); }
    to { -webkit-transform: translateX(100%); }
}

@-moz-keyframes prev_carousel_item {
    from { -moz-transform: translateX(0); }
    to { -moz-transform: translateX(100%); }
}

@-ms-keyframes prev_carousel_item {
    from { -ms-transform: translateX(0); }
    to { -ms-transform: translateX(100%); }
}

@-o-keyframes prev_carousel_item {
    from { -o-transform: translateX(0); }
    to { -o-transform: translateX(100%); }
}

@keyframes prev_carousel_item {
    from { transform: translateX(0); }
    to { transform: translateX(100%); }
}

@-webkit-keyframes next_carousel_item {
    from { -webkit-transform: translateX(0); }
    to { -webkit-transform: translateX(-100%); }
}

@-moz-keyframes next_carousel_item {
    from { -moz-transform: translateX(0); }
    to { -moz-transform: translateX(-100%); }
}

@-ms-keyframes next_carousel_item {
    from { -ms-transform: translateX(0); }
    to { -ms-transform: translateX(-100%); }
}

@-o-keyframes next_carousel_item {
    from { -o-transform: translateX(0); }
    to { -o-transform: translateX(-100%); }
}

@keyframes next_carousel_item {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}

.loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}

.loader:before {
    content: '';
    position: absolute;
    border: 10px solid #FFFFFF;
    border-top: 10px solid transparent!important;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    -ms-animation: spin 1s linear infinite;
    -o-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    box-sizing: border-box;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes spin {
  0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); }
}

@-ms-keyframes spin {
  0% { -ms-transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); }
}

@-o-keyframes spin {
  0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

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

/************************************************************************responsive********************************************************************/

@media screen and (max-width: 1230px) {
    .carousel {
        width: 100%;
        height: 54vw;
    }
    
    header #header_content #logo img, header #header_content #logo_herman_miller img {
        width: 125px;
        height: auto;
    }
    
    header #header_content nav ul li a {
        font-size: 6pt;
    }
    
    header #header_content {
        padding: 0 20px;
    }
    
    #home_content {
        width: 100%;
    }
    
    #home_video {
        width: 50%;
        margin-right: 0;
        box-sizing: border-box;
    }
    
    #slide {
        width: 40%;
        margin-left: 0;
    }
    
    #home_video video {
        width: 100%;
    }
    
    #slide ul li img {
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 1000px) {
    #contact, #portfolio_menu, #portfolio_title, #solutions_title {
        width: 100%;
    }
}

@media screen and (max-width: 880px) {
    #why_video_container {
        width: 100%;
        box-sizing: border-box;
    }
    
    #menu_products_container {
        width: 100%;
    }
    
    #products {
        width: -webkit-calc(100% - 222px);
        width: -moz-calc(100% - 222px);
        width: -ms-calc(100% - 222px);
        width: -o-calc(100% - 222px);
        width: calc(100% - 222px);
    }
    
    #products .category_product ul li {
        width: 33.33%;
    }
}

#menu_icon {
    width: 60px;
    height: 100%;
    background-image: url(images/menu.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px auto;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    display: none;
}

@media screen and (max-width: 750px) {
    header {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        background-color: #fff;
        z-index: 500;
    }
    
    section {
        padding-top: 78px;
    }
    
    header #header_content nav {
        position: fixed;
        top: 0;
        left: 100%;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.7);
        z-index: 1000;
        overflow: auto;
        -webkit-transition: left 0.3s ease-in-out;
        -moz-transition: left 0.3s ease-in-out;
        -ms-transition: left 0.3s ease-in-out;
        -o-transition: left 0.3s ease-in-out;
        transition: left 0.3s ease-in-out;
    }
    
    header #header_content nav:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }
    
    header #header_content nav ul {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
    }
    
    header #header_content nav ul li {
        display: block;
        width: 100%;
        margin-left: 0;
        border-bottom: 1px solid #FFF;
    }
    
    header #header_content nav ul li:last-child {
        border-bottom: 0;
    }
    
    header #header_content nav ul li a {
        color: #FFFFFF;
        line-height: 30px;
        text-align: left;
        padding-left: 20px;
        box-sizing: border-box;
    }
    
    header #header_content nav ul li ul {
        display: block;
        position: static;
        margin-left: 0;
        background-color: transparent;
        border: 0;
        padding: 0;
        padding-bottom: 10px;
        padding-left: 20px;
        list-style: disc;
    }
    
    header #header_content nav ul li ul li {
        border-bottom: 0;
        width: 100%;
    }
    
    header #header_content nav ul li ul li a {
        width: 100%;
    }
    
    
    header #header_content nav ul li ul .menu_arrow,
    header #header_content nav ul li ul .title_submenu {
        display: none!important;
    }
    
    header #header_content #logo, header #header_content #logo_herman_miller {
        float: none;
        
    }
    
    header #header_content #logo {
        margin-top: 0;
    }
    
    header #header_content {
        padding: 10px 0;
    }
    
    header #header_content #logo_herman_miller {
        margin-top: 0px;
    }

    header #header_content #logo {
	margin-top: 5px;
    }   
    
    header #header_content::before {
        display: none;
    }
    
    #logo img {
        width: 120px;
    }
    
    #logo_herman_miller img {
        width: 120px!important;
    }
    
    #logo img, #logo_herman_miller img {
        height: auto;
        display: block;
        margin: 0 auto;
    }
    
    #menu_icon {
        display: block;
    }
    
    .banner_container {
        width: 48.5%;
    }
    
    .aligncenter {
        max-width: 70%;
        height: auto;
        margin-bottom: 10px;
    }
    
    .banner_info {
        font-size: 7pt;
    }
    
    #home_content, #home_video, #home_video video {
        width: 100%;
        padding: 0;
        box-sizing: border-box;
    }
    
    #slide {
        margin-left: 0;
        width: -webkit-calc(100% - 17px);
        width: -moz-calc(100% - 17px);
        width: -ms-calc(100% - 17px);
        width: -o-calc(100% - 17px);
        width: calc(100% - 17px);
        box-sizing: border-box;
        margin-top: 10px;
        height: 95vw;
    }
    
    #home_video {
        margin-right: 0;
        height: auto;
    }
    
    #home_video video {
        height: 60vw;
    }
    
    #slide ul li img {
        width: 100%;
        height: auto;
    }
    
    #slide_nav {
        margin-right: 5px;
        margin-top: 10px;
    }
    
    .slide_content h2 {
        font-size: 10pt;
    }
    
    #slide ul li .slide_content img {
        max-width: 50%;
        height: auto;
    }
    
    footer nav {
        padding: 0 20px;
    }
    
    #menu_products_container, #products {
        width: 100%;
    }
    
    #products_menu {
        display: none;
    }
    
    #products .category_product ul li {
        width: 50%;
    }
    
    #products .category_product ul li img {
        max-width: 80%;
        height: auto;
    }
    
    #products .category_product h2 {
        font-size: 10pt;
        padding: 0 10px;
        box-sizing: border-box;
    }
    
    #products .category_product ul li h3 {
        font-size: 7pt;
    }
    
    #alianzas ul li {
        margin: 25px 0;
    }
    
    #alianzas ul li img {
        max-width: 80%;
        height: auto;
    }
    
    #alianzas ul li h2 {
        font-size: 9pt;
    }
    
    #why_video_container {
        width: 100%;
        box-sizing: border-box;
    }
    
    #contact {
        width: 100%;
    }
    
    #contact_container {
        width: 100%;
	box-sizing: border-box;
    }
    
    #contact_container table,
    #contact_container table tr td input[type="text"],
    #contact_container table tr td textarea {
        width: 100%;
    }
    
    #contact_info {
        background: rgba(35,31,32,0.53);
        padding: 16px;
        color: #fff;
        font-size: 10pt;
	width: 100%;
	box-sizing: border-box;
    }
    
    #contact_info a {
        color: #fff;
        font-size: 10pt;
    }
    
    #solutions_title {
        width: 100%;
    }
    
    #solutions_title h1 {
        font-size: 12px;
        padding: 0 10px;
    }
    
    #prev, #next {
        width: 10px;
        height: 16px;
    }
    
    #prev
    {
        left: 5%;
    }

    #next
    {
        right: 5%;
    }
    
    #prev:hover
    {
        left: 4.5%;
    }

    #next:hover
    {
        right: 4.5%;
    }
    
    .carousel {
        margin-bottom: 30px;
    }
    
    .close {
        right: 5px;
        top: 5px;
        width: 25px;
        height: 25px;
        background-size: cover;
    }
    
    #portfolio_title, #portfolio_menu, #portfolio_menu ol li {
        width: 100%;
    }
    
    #portfolio_menu ol li {
        font-size: 7pt;
        padding: 5px 10px;
    }
}

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