/* ===== AGW STYLE CSS v0.0.1 Copyright(C) Acer Inc. ====== */

/* DEVICE D from 90em to 119.999em - from 1140px to 1919px */

/* --------------- GENERAL -------------- */

.newStyle html {
  	font-size: 100%; }
  
.newStyle {
  	color: rgba(0, 0, 0, 0.7);
  	font-family: "Acer Foco", "Trebuchet MS", Arial, sans-serif;
  	font-size: 1rem;
  	font-size: calc(0.17857vw + 0.83929rem);
  	line-height: 1.5; 
  	clear: both; 
  	text-align: left;
  	line-height: 1.5; 
  	-ms-overflow-style: none!important; }

.newStyle:lang(zh-TW) {
  	font-family: "Acer Foco", "Trebuchet MS", Arial, "微軟正黑體", "Microsoft JhengHei", "PingFang TC", sans-serif; }
  
.newStyle .row {
  	padding-bottom: 0; }

.newStyle *,
.newStyle *:before,
.newStyle *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.newStyle .container:before,
.newStyle .container:after,
.newStyle .row:before,
.newStyle .row:after,
.newStyle .clearfix:before,
.newStyle .clearfix:after {
  content: " ";
  display: table; }

.newStyle .container:after,
.newStyle .row:after,
.newStyle .clearfix:after {
  clear: both; }

.newStyle .container {
  margin-left: auto;
  margin-right: auto;
  width: 100%; }

.max-width-b {
  max-width: 40em; }

.container.max-width-c {
  max-width: 64em; }

.container.max-width-d {
  max-width: 90em; }

.container.max-width-e {
  max-width: 120em; }

.container.max-width-f {
  max-width: 160em; }

.newStyle .col {
  float: left;
  min-height: 1px;  }

.newStyle .col.centered {
  float: none;
  margin-left: auto;
  margin-right: auto; }
  
/* CUSTOM RIGHT COLUMN */
.borderLeft {
	border-left: 1px solid #eee;
    padding-right: 1.25em; }
    
/* SEARCH CATEGORY */
.searchCategory {
	display: none; }

/* --------------- TYPOGRAPHY -------------- */

.newStyle textarea:focus, .newStyle input:focus, .newStyle select:focus, .newStyle ul:focus {
    outline: 0; }

.newStyle input, .newStyle textarea, .newStyle button, .newStyle select, .newStyle a, .newStyle div {
  -webkit-tap-highlight-color: rgba(0,0,0,0); } 
  
.newStyle a, .newStyle h1, .newStyle h2, .newStyle h3, .newStyle h4, .newStyle h5 {
  margin-bottom: 1rem;
  margin-top: 1rem; 
  text-align: left;
  /*font-size: 0.75rem;*/ }
  
.newStyle h1 {
	font-size: 2.3145rem;
    font-size: calc(2.10714vw + 1.15557rem); }

.newStyle h2 {
	font-size: 1.9215rem;
    font-size: calc(1.48429vw + 1.10514rem); }

.newStyle h3 {
	font-size: 1.5995rem;
    font-size: calc(1.01vw + 1.044rem); }

.newStyle h4 {
	font-size: 1.335rem;
    font-size: calc(0.65143vw + 0.97671rem); }

.newStyle h5 {
	font-size: 1.117rem;
    font-size: calc(0.38vw + 0.908rem); }
    
.newStyle h6 { 
	font-size: 1.00rem;
    font-size: calc(0.17857vw + 0.83929rem); }
  
.newStyle p {
	/*font-size: 1.00rem;
	font-size: calc(0.17857vw + 0.83929rem);*/
	margin-bottom: 1rem;
	margin-top: 1rem; 
	text-align: left; 
	line-height: 1.5; }
	
.newStyle *>p {
	font-size: inherit; }
	
.newStyle a {
	/*font-size: 1.00rem;
	font-size: calc(0.17857vw + 0.83929rem);*/
	color: rgba(0, 0, 0, 0.7);
	display: block;
	text-align: left;
	line-height: 1.5;
    transition: all .3s; }
    
.newStyle *>a {
	font-size: inherit; }
    
.newStyle a:hover {
	color: rgba(0, 0, 0, 1.0); }
    
.newStyle *>span {
	font-size: inherit; }
	
.newStyle input { 
	/*font-size: 1.00rem;
	font-size: calc(0.17857vw + 0.83929rem);*/
	width: 100%;
    height: 42px;
    padding: 0.4375rem 1rem;
    transition: border .2s;
    vertical-align: middle;
    background-color: rgba(255, 255, 255, 0.8);
    border: 2px solid #e0e0e0;
    border-radius: 0.25rem; }
    
.newStyle *>input {
	font-size: inherit; }
    
.newStyle input.error { 
	border: 1px solid rgba(204, 0, 0, 1.0); }
	
.newStyle label {
	display: block; }
	
.newStyle .checkBox {
	display: table;
    text-align: center;
    margin: 25px auto; }
    
.newStyle .checkbox input {
    display: none;
    width: auto;
    float: left;
    margin-right: 10px; }
    
.newStyle .checkbox input[type=checkbox]:checked + label span { 
	background-color: #85BB23; }
    
.newStyle .checkbox label.mexCheck {
    position: inherit; }
    
.newStyle .checkbox span.check {
    cursor: pointer;
    width: 20px;
    height: 20px;
    position: initial;
    margin-top: 3px;
    border-radius: 4px; }
    
.newStyle .loading {
	display: none;
    height: 42px;
    -webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite; }
	
.newStyle i.icon { 
	line-height: 1.5; }

.newStyle p a {
	display: inline;
	text-decoration: underline;
	font-size: inherit; }
	
.newStyle p.text-tertiary-light a {
	color: rgba(255, 255, 255, 0.5); }
  
.newStyle .light {
	font-weight: 300!important; }
	
.newStyle .bold {
	font-weight: bold!important; }

.italic {
	font-style: italic!important; }
	
.newStyle .normal {
	font-weight: normal!important; }
	
.newStyle .xbold{
	font-weight: 900!important; }

.newStyle .TTnone {
	text-transform: none!important; }

.newStyle .heading-xxl.custLineHeight {
	line-height: 1.1; }
	
.heading {
	position: absolute;
    z-index: 0;
    color: transparent;
    top: -40px; }

/* --------------- FLUID FONT TYPOGRAPHY -------------- */
.newStyle .text-xs, .newStyle .fs--2{
  	font-size: .75rem; }
  
.newStyle .text-s, .newStyle .fs--1 {
  	font-size: .875rem;
  	font-size: calc(0.08929vw + 0.79464rem); }
  	
.newStyle .text-m, .newStyle .heading-xs, .newStyle .fs-0, .inline-centered {
    font-size: 1.00rem;
    font-size: calc(0.17857vw + 0.83929rem); }

.newStyle .text-l, .newStyle .fs-1 {
  	font-size: 1.117rem;
    font-size: calc(0.38vw + 0.908rem); }
  
.newStyle .text-xl, .newStyle .heading-s, .newStyle .fs-2 {
    font-size: 1.335rem;
    font-size: calc(0.65143vw + 0.97671rem); } 

.newStyle .heading-m, .newStyle .fs-3 {
  	font-size: 1.5995rem;
    font-size: calc(1.01vw + 1.044rem); }
  
.newStyle .heading-l, .newStyle .fs-4 {
  	font-size: 1.9215rem;
    font-size: calc(1.48429vw + 1.10514rem); }
  
.newStyle .heading-xl, .newStyle .fs-5 {
  	font-size: 2.3145rem;
    font-size: calc(2.10714vw + 1.15557rem); }

.newStyle .fs-6{
	font-size: 2.7945rem;
    font-size: calc(2.91571vw + 1.19086rem); }

.newStyle .heading-xxl,  .newStyle .fs-7 {
  font-size: 3.382rem;
  font-size: calc(3.96vw + 1.204rem);
  line-height: 1; }

.newStyle .heading-xxxl, .newStyle .fs-8 {
  font-size: 4.1025rem;
  font-size: calc(5.30714vw + 1.18357rem); }

@media (max-width: 20rem) {
	.newStyle .text-s, .newStyle .fs--1 {
		font-size: 0.8125rem; }

	.newStyle, .newStyle .text-m, .newStyle .heading-xs, .newStyle .fs-0, .newStyle p, .newStyle a, .newStyle input, .inline-centered, .newStyle h6 {
		font-size: 0.875rem; }

	.newStyle .text-l, .newStyle .fs-1, .newStyle h5 {
		font-size: 0.984rem; }

	.newStyle .text-xl, .newStyle .heading-s, .newStyle .fs-2, .newStyle h4 {
		font-size: 1.107rem; }

	.newStyle .heading-m, .newStyle .fs-3, .newStyle h3 {
		font-size: 1.246rem; }

	.newStyle .heading-l, .newStyle .fs-4, .newStyle h2 {
		font-size: 1.402rem; }

	.newStyle .heading-xl, .newStyle .fs-5, .newStyle h1 {
		font-size: 1.577rem; }

	.newStyle .fs-6 {
		font-size: 1.774rem; }

	.newStyle .heading-xxl,  .newStyle .fs-7 {
	  	font-size: 1.996rem; }

	.newStyle .heading-xxxl, .newStyle .fs-8 {
	  	font-size: 2.245rem; }
}


@media (min-width: 90rem) {
	.newStyle .text-s, .newStyle .fs--1 {
		font-size: 0.875rem; }

	.newStyle, .newStyle .text-m, .newStyle .heading-xs, .newStyle .fs-0, .newStyle p, .newStyle a, .newStyle input, .inline-centered, .newStyle h6 {
		font-size: 1rem; }

	.newStyle .text-l, .newStyle .fs-1, .newStyle h5 {
		font-size: 1.25rem; }

	.newStyle .text-xl, .newStyle .heading-s, .newStyle .fs-2, .newStyle h4 {
		font-size: 1.563rem; }

	.newStyle .heading-m, .newStyle .fs-3, .newStyle h3 {
		font-size: 1.953rem; }

	.newStyle .heading-l, .newStyle .fs-4, .newStyle h2 {
		font-size: 2.441rem; }

	.newStyle .heading-xl, .newStyle .fs-5, .newStyle h1 {
		font-size: 3.052rem; }

	.newStyle .fs-6 {
		font-size: 3.815rem; }

	.newStyle .heading-xxl,  .newStyle .fs-7 {
	  	font-size: 4.768rem; }

	.newStyle .heading-xxxl, .newStyle .fs-8 {
	  	font-size: 5.96rem; }

}

/* Border */
.border-0 {
	border: none; }
	
.border-top {
	border-top: 1px solid #eee; }
	
.border-right {
	border-right: 1px solid #eee; }
	
.border-bottom {
	border-bottom: 1px solid #eee; }
	
.border-left {
	border-left: 1px solid #eee; }
	
.label {
	padding: 0.125rem 0.5rem; }
	
.round {
	border-radius: 4px; }
	
.newStyle .inline {
	display: inline; }

.newStyle .inline-block{
	display: inline-block; }
	
.newStyle .divider {
	clear: both; }
    
.newStyle .capitalize {
  	text-transform: capitalize; }
  	
.newStyle .uppercase {
  	text-transform: uppercase; }
  	
.newStyle .centerImage {
	margin: 0 auto; }
	
.newStyle .hidden {
	display: none; }
  	
.newStyle .align-left {
  	text-align: left; }

.newStyle .align-center {
  	text-align: center; }

.newStyle .align-right {
  	text-align: right; }
    
.newStyle img {
    max-width: 100%;
    display: block; }

.newStyle figure {
    text-align: center; }
    
.newStyle select {
	cursor: pointer;
    border: 1px solid #eee;
    min-width: 180px;
    margin-left: 8px;
    margin-right: 8px;
    height: 50px;
    padding: 15px;
    margin-bottom: 16px; }
    
.newStyle iframe {
	border: none; }    

.newStyle .no-underline {
	text-decoration: none; }
	
.newStyle .underline {
	text-decoration: underline; }

.newStyle .float-left {
	float: left; }

.newStyle .float-right {
	float: right; }
	
.newStyle .float-none {
  	float: none; }

/* Margin */	
.newStyle .margin-0 {
	margin: 0; }

.newStyle .margin-xxs {
	margin: 0.25rem; }
	
.newStyle .margin-xs {
	margin: 0.5rem; }

.newStyle .margin-s {
	margin: 1rem; }
	
.newStyle .margin-m { 
	margin: 2rem; }
	
.newStyle .margin-l { 
	margin: 3rem; }
	
.newStyle .margin-xl { 
	margin: 4rem; }

/* Margin Left */
.newStyle .margin-left-0 {
	margin-left: 0; }

.newStyle .margin-left-xxs {
	margin-left: 0.25rem; }
	
.newStyle .margin-left-xs {
	margin-left: 0.5rem; }
	
.newStyle .margin-left-s {
	margin-left: 1rem; }
	
.newStyle .margin-left-m { 
	margin-left: 2rem; }
	
.newStyle .margin-left-l { 
	margin-left: 3rem; }
	
.newStyle .margin-left-xl { 
	margin-left: 4rem; }
	
/* Margin Right */
.newStyle .margin-right-0 {
	margin-right: 0; }

.newStyle .margin-right-xxs {
	margin-right: 0.25rem; }
	
.newStyle .margin-right-xs {
	margin-right: 0.5rem; }

.newStyle .margin-right-s {
	margin-right: 1rem; }
	
.newStyle .margin-right-m { 
	margin-right: 2rem; }
	
.newStyle .margin-right-l { 
	margin-right: 3rem; }
	
.newStyle .margin-right-xl { 
	margin-right: 4rem; }

/* Margin Top */	
.newStyle .margin-top-0 {
	margin-top: 0; }
	
.newStyle .margin-top-xxs {
	margin-top: 0.25rem; }
	
.newStyle .margin-top-xs {
	margin-top: 0.5rem; }
	
.newStyle .margin-top-s {
	margin-top: 1rem; }

.newStyle .a-margin-top-s{
	margin-top: 0; }

.newStyle .b-margin-top-s{
	margin-top: 0;}
	
.newStyle .margin-top-m { 
	margin-top: 2rem; }
	
.newStyle .margin-top-l {
	margin-top: 3rem; }
	
.newStyle .margin-top-xl {
	margin-top: 4rem; }
	
/* Margin Bottom */
.newStyle .margin-bottom-0 {
	margin-bottom: 0; }

.newStyle .margin-bottom-xxs {
	margin-bottom: 0.25rem; }
	
.newStyle .margin-bottom-xs {
	margin-bottom: 0.5rem; }
	
.newStyle .margin-bottom-s {
	margin-bottom: 1rem; }

.newStyle .margin-bottom-m {
	margin-bottom: 2rem; }

.newStyle .margin-bottom-l {
	margin-bottom: 3rem; }
	
.newStyle .margin-bottom-xl {
	margin-bottom: 4rem; }

/* Padding */	
.newStyle .padding-0 {
	padding: 0; }

.newStyle .padding-xxs {
	padding: 0.25rem; }
	
.newStyle .padding-xs {
	padding: 0.5rem; }

.newStyle .padding-s {
	padding: 1rem; }
	
.newStyle .padding-m { 
	padding: 2rem; }
	
.newStyle .padding-l { 
	padding: 3rem; }
	
.newStyle .padding-xl { 
	padding: 4rem; }

/* Padding Left */
.newStyle .padding-left-0 {
	padding-left: 0; }

.newStyle .padding-left-xxs {
	padding-left: 0.25rem; }
	
.newStyle .padding-left-xs {
	padding-left: 0.5rem; }
	
.newStyle .padding-left-s {
	padding-left: 1rem; }

.newStyle .padding-left-m {
	padding-left: 2rem; }

.newStyle .padding-left-l {
	padding-left: 3rem; }
	
.newStyle .padding-left-xl {
	padding-left: 4rem; }
	
/* Padding Right */
.newStyle .padding-right-0 {
	padding-right: 0; }

.newStyle .padding-right-xxs {
	padding-right: 0.25rem; }
	
.newStyle .padding-right-xs {
	padding-right: 0.5rem; }
	
.newStyle .padding-right-s {
	padding-right: 1rem; }

.newStyle .padding-right-m {
	padding-right: 2rem; }

.newStyle .padding-right-l {
	padding-right: 3rem; }
	
.newStyle .padding-right-xl {
	padding-right: 4rem; }

/* Padding Top */	
.newStyle .padding-top-0 {
	padding-top: 0; }
	
.newStyle .padding-top-xxs {
	padding-top: 0.25rem; }
	
.newStyle .padding-top-xs {
	padding-top: 0.5rem; }
	
.newStyle .padding-top-s {
	padding-top: 1rem; }

.newStyle .a-padding-top-s{
	padding-top: 0; }

.newStyle .b-padding-top-s{
	padding-top: 0;}
	
.newStyle .padding-top-m { 
	padding-top: 2rem; }
	
.newStyle .padding-top-l {
	padding-top: 3rem; }
	
.newStyle .padding-top-xl {
	padding-top: 4rem; }
	
/* Padding Bottom */
.newStyle .padding-bottom-0 {
	padding-bottom: 0; }

.newStyle .padding-bottom-xxs {
	padding-bottom: 0.25rem; }
	
.newStyle .padding-bottom-xs {
	padding-bottom: 0.5rem; }
	
.newStyle .padding-bottom-s {
	padding-bottom: 1rem; }

.newStyle .padding-bottom-m {
	padding-bottom: 2rem; }

.newStyle .padding-bottom-l {
	padding-bottom: 3rem; }
	
.newStyle .padding-bottom-xl {
	padding-bottom: 4rem; }

.newStyle .padding-left-wtb {
	padding-left: 19px; }




.fadeIn {
	-webkit-animation-duration: .1s;
	animation-duration: .1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-backface-visibility: hidden; }

.newStyle .fadeOut {
	-webkit-animation-duration: .1s;
	animation-duration: .1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
	-webkit-backface-visibility: hidden; }

/* padding */	
.padding-0 {
	padding: 0!important; }

/* --------------- CURSOR STYLES --------------- */
.newStyle .cursor-pointer{
	cursor: pointer; }

.newStyle .cursor-default{
	cursor: default; }
	
/* --------------- COLOR BORDER -------------- */
.bdB-white {
	border-bottom: 1px solid #fff; }
	
.bdB-gray {
	border-bottom: 1px solid #616161; }

/* --------------- COLOR TEXT -------------- */
.newStyle .text-primary-dark {
	color: rgba(0, 0, 0, 0.87); }

.newStyle .text-secondary-dark {
	color: rgba(0, 0, 0, 0.7); }

.newStyle .text-tertiary-dark {
	color: rgba(0, 0, 0, 0.4); }

.newStyle .text-primary-light {
	color: rgba(255, 255, 255, 1.0); }

.newStyle .text-secondary-light {
	color: rgba(255, 255, 255, 0.8); }
	
.newStyle a.text-secondary-light:hover {
	color: rgba(255, 255, 255, 1.0); }

.newStyle .text-tertiary-light {
	color: rgba(255, 255, 255, 0.5); }
	
.newStyle a.text-tertiary-light:hover {
	color: rgba(255, 255, 255, 0.8); }
	
.newStyle .text-primary-green { 
	color: rgba(133, 187, 35, 1.0); }
	
.newStyle .text-primary-blue { 
	color: rgba(71, 162, 218, 1.0); }
	
/* No Opacity change of color */
.newStyle a.text-primary-green:hover { 
	color: rgba(99, 138, 20, 1.0); }
	
.newStyle .text-primary-red { 
	color: rgba(204, 0, 0, 1.0); }
	
/* --------------- BUTTON -------------- */
.newStyle .button {
	background-color: #eeeeee;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    color: rgba(0, 0, 0, 0.7);
    cursor: pointer;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1;
    outline: 0;
    padding-bottom: 0.75rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.75rem;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
	text-decoration: none;
	height: 42px; }

.button.hidden {
	display: none; }
	
.newStyle .button:hover {
    background-color: #dadada;
    border-color: transparent;
    color: rgba(0, 0, 0, 0.7); }
    
.newStyle .button.emptyWhite {
	background: transparent;
    border: 2px solid #f5f5f5;
    color: #f5f5f5; }
    
.newStyle .button.emptyWhite:hover {
	color: #000; 
	background: #f5f5f5; }

.newStyle .button.empty-gray-5 {
	background: transparent;
    border: 2px solid #e0e0e0;
    color: #616161; }
    
.newStyle .button.empty-gray-5:hover { 
	color: #fff; 
	background: #e0e0e0 }
	
.newStyle .button.empty-gray-7 {
	background: transparent;
    border: 2px solid #616161;
    color: #616161; }
    
.newStyle .button.empty-gray-7:hover { 
	color: #fff; 
	background: #616161; }
	
.newStyle .button.emptyBlack {
	background: transparent;
    border: 2px solid #333;
    color: #333; }
    
.newStyle .button.emptyBlack:hover {
	color: #fff; 
	background: #333; }

.newStyle .button input {
	background: transparent;
	border: none;
	text-transform: uppercase; }
	
.newStyle .button.text-primary-light {
	color: rgba(255, 255, 255, 1.0); }
	
.newStyle .button.bg-green:hover { 
	background: rgb(99, 138, 20); }
	/*hsl(80, 75%, 31%);*/
	
.newStyle .button.bg-gray-3:hover {
	background: rgb(199, 199, 199); }
	
/* --------------- COLOR BACKGROUND -------------- */
.newStyle .bg-gray-0 {
	background: rgb(250, 250, 250); } /*#fafafa*/

.newStyle .bg-gray-1 {
	background: rgb(245, 245, 245); } /*#f5f5f5*/

.newStyle .bg-gray-2 {
	background: rgb(238, 238, 238); } /*#eeeeee*/
	
.newStyle .bg-gray-3 {
	background: rgb(224, 224, 224); } /*#e0e0e0*/
	
.newStyle .bg-gray-4 {
	background: rgb(189, 189, 189); } /*#bdbdbd*/
	
.newStyle .bg-gray-5 {
	background: rgb(158, 158, 158); } /*#9e9e9e*/
	
.newStyle .bg-gray-6 {
	background: rgb(117, 117, 117); } /*#757575*/

.newStyle .bg-gray-7 {
	background: rgb(97, 97, 97); } /*#616161*/

.newStyle .bg-gray-8 { 
	background: rgb(66, 66, 66); } /*#424242*/

.newStyle .bg-gray-9 {
	background: rgb(33, 33, 33); } /*#212121*/

.newStyle .bg-black { 
	background: rgb(0, 0, 0); }

.newStyle .bg-green { 
	background: rgb(128, 195, 67); } /*#80c343*/
	
.newStyle .bg-white { 
	background: rgb(255, 255, 255); }
	
.newStyle .bg-red { 
	background: rgb(255, 235, 238); }
	
/* --------------- SELECT CUSTOM -------------- */
.newStyle .contSelect {
	position: relative; }

.newStyle .contSelect .select {
    position: relative;
    float: left;
    width: 29.9%; }

.newStyle .selectCustom {
	margin: 0;
    background-color: white;
    border: 2px solid #E0E0E0;
    border-radius: 0.25rem;
    display: block;
    font-size: 1rem;
    padding: 0.4375rem 1rem;
    text-decoration: none;
    height: 42px; }
/*    
.selectCustom.disabled {
	background-color: #EEEEEE;
    color: rgba(0, 0, 0, 0.45);
    cursor: not-allowed; }
*/	
.optionCustom {
	border-right: 2px solid #eee;
    border-left: 2px solid #eee;
    border-bottom: 2px solid #eee;
    height: 267px;
    overflow-y: scroll;
    -ms-overflow-style: scrollbar;
    width: 100%;
    position: absolute;
    background-color: #fff; 
    display: none;
    z-index: 1; }
	
.optionCustom li a:hover {
    background: rgb(224, 224, 224); }

.optionCustom li a {
	text-decoration: none;
	margin: 0;
    padding: 1em; }
    
.optionCustom li a:hover {
	background: rgb(245, 245, 245); 
	color: rgba(0, 0, 0, 0.7); }
	
.optionCustom li a.active {
	background: rgb(245, 245, 245); 
	color: rgba(0, 0, 0, 0.7); }
	
.ht {
	position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0; }
	
/* --------------- HEADER -------------- */
.header .menuBar .mobileMenu {
	display: none;
	cursor: pointer;
	background-color: transparent;
	border-style: none;
	margin: 0 auto;
	height: 110px;
	outline: none;
	padding: 0;
	position: relative;
	width: 1.5rem; }

.header .menuBar .mobileMenuBar {
	background-color: #e0e0e0;
	height: 2px;
	position: absolute;
	top: 50%;
	transition: background .3s;
	width: 100%; }

.header .menuBar .mobileMenuBar:before {
	background-color: #e0e0e0;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	top: -5px;
	-webkit-transition: -webkit-transform .3s;
	transition: transform .3s;
	width: 100%; }

.header .menuBar .mobileMenuBar:after {
	background-color: #e0e0e0;
	left: 0;
	bottom: -5px;
	content: "";
	height: 2px;
	position: absolute;
	-webkit-transition: -webkit-transform .3s;
	transition: transform .3s;
	width: 100%; }

.header .menuBar .mobileMenu.open .mobileMenuBar {
	background: 0, 0; }

.header .menuBar .mobileMenu.open .mobileMenuBar:before {
	-webkit-transform: translate(0, 5px) rotate(-45deg);
	transform: translate(0, 5px) rotate(-45deg); }

.header .menuBar .mobileMenu.open .mobileMenuBar:after {
	-webkit-transform: translate(0, -5px) rotate(45deg);
	transform: translate(0, -5px) rotate(45deg); }

/* --------------- HEADER Search -------------- */
.header .navigation .searchBox {
	margin: 0px;
	position: absolute;
	left: 0;
	display: none;
	width: 100%;
	background: #fff;
	height: 90px; 
	z-index: 1; }

.header .navigation .bgSearchBox {
	position: relative; }

.header .navigation .searchBox input {
	width: 100%;
	height: 110px;
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
	border-bottom: 1px solid #eee;
	padding: 0; }

.header .navigation .searchBox i {
	cursor: pointer;
	position: absolute;
	right: 40px;
	top: 25px; }

.header .navigation .searchBox i:hover {
	color: rgba(0, 0, 0, 1.0); }
	
/* --------------- LIGHTBOX -------------- */
.newStyle .lightbox {
	display: none;
	position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 99999;
    background:rgba(0, 0, 0, 0.9);
}
	
/* --------------- HEADER Menu Left -------------- */
.header .navigation .menuLeft {
	background-color: #fff;
	padding: 0;
	width: auto;
	float: left; }

.header .navigation .menuLeft ul {
	list-style: none;
	margin: 0;
	padding: 0; }

.header .navigation .menuLeft ul li {
	float: left; }

.header .navigation .menuLeft ul li a {
	margin: 0;
	cursor: pointer;
	display: block;
	margin: 2.75rem 1rem;
	text-decoration: none;
	text-transform: uppercase;
	transition: all .3s; 
	position: relative; 
	color: rgba(0, 0, 0, 0.4);
	font-weight: bold;
	height: 21px; }
	
.header .navigation .menuLeft ul li a i.iconMobile {
	display: none; }

/*.header .navigation .menuLeft ul li a span {
	padding-left: 0.05em;
	padding-right: 0.05em }*/

.header .navigation .menuLeft ul li a:hover {
	color: rgba(0, 0, 0, 0.87); }

.header .navigation .menuLeft ul li a.open {
	color: rgba(0, 0, 0, 0.87); }

.header .navigation .menuLeft ul li a:after {
	float: right;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	margin-left: .5rem; }

.header .navigation .menuLeft .mega {
	display: none;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background-color: #fff;
	border-top: 1px solid #eee;
	left: 0;
	position: absolute;
	top: 109px;
	right: 0;
	z-index: 100; }

.header .navigation .menuLeft .home .mega,.header .navigation .menuLeft .work .mega {
	display: block; }

.header .navigation .menuLeft ul li.open>a {
	color: rgba(0, 0, 0, 1.0); }

.header .navigation .menuLeft ul li.open .mega {
	display: block; }

.header .navigation .menuLeft .mega .subNav {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem; }
	
.header .navigation .menuLeft .mega .subNav ul li a.showMobile {
	display: none; }

.header .navigation .menuRight .mega .subNav ul li a.showMobile {
	display: none; }

.header .navigation .menuLeft .mega .subNav ul li {
	position: relative;
	width: 100%; }

.header .navigation .menuLeft .mega .subNav ul li.active a {
	color: rgba(0, 0, 0, 1.0); }

.header .navigation .menuLeft .mega .subNav ul li:fist-child {
	color: rgba(0, 0, 0, 1.0); }

.header .navigation .menuLeft .mega .subNav ul li a {
	padding: 0.75rem 0;
	margin: 0;
	height: auto; }
	
.header .navigation .menuLeft .mega .subNav ul li a.hoverEvent i {
	display: none;
	float: right; }
	
.header .navigation .menuLeft .mega .subNav ul li a.hoverEvent.hover {	
	color: rgba(0, 0, 0, 0.87) }
	
.header .navigation .menuLeft .mega .subNav ul li a.hoverEvent.hover i {
	display: inline; }
	
.header .navigation .menuLeft .mega .subNav ul li a.hoverEvent:hover {
	color: rgba(0, 0, 0, 0.87);	}
	
.header .navigation .menuLeft .mega .subNav ul li a.hoverEvent:hover i {
	display: inline; }

.header .navigation .menuLeft .mega .subNav ul li a:after {
	display: none; }

.header .navigation .menuLeft .mega .subNav ul li.active a {
	color: rgba(0, 0, 0, 1.0); }

.header .navigation .menuLeft .mega .subNav ul li.active a:after {
	display: none; }

.subNav ul>li>a {
	padding: 0.25rem 1.5rem; }

/* --------------- HEADER Menu Right -------------- */
.header .navigation .menuRight {
	float: right; }
	
.header .navigation .menuRight li {
	float: left;
	margin-top: 2px;}

.header .navigation .menuRight a {
	margin: 0;
	text-decoration: none;
    margin: 2.688rem 1rem;
	transition: color .2s;
	text-transform: uppercase;
	font-weight: bold;
    color: rgba(0, 0, 0, 0.4);
    float: left; }

.header .navigation .menuRight li:last-child {
	margin-right: 0px; }

.header .navigation .menuRight li a:hover {
	color: rgba(0, 0, 0, 0.87); }
	
.header .navigation .menuRight .mega { 
	display: none;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background-color: #fff;
	border-top: 1px solid #eee;
	left: 0;
	position: absolute;
	top: 109px;
	right: 0;
	z-index: 100; }
	
.header .navigation .menuRight .mega .subNav {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-right: 1.5rem; }

.header .navigation .menuRight .mega .subNav ul li {
	float: none; }
	
.header .navigation .menuRight .mega .subNav ul li a {
    padding: 0.75rem 0px;
    margin: 0;
    height: auto;
    float: none; }
    
.header .navigation .menuRight ul li a.open {
    color: rgba(0, 0, 0, 0.87); }
    
.header .navigation .menuRight ul li a i.iconMobile {
    display: none; }
    
.header .navigation .menuRight p a {
	float: none;
	color: rgba(0, 0, 0, 0.7);
	margin-left: 0; }

.cntProductTagCenter {
	height: 65px;
	text-align: center; }
	
.cntProductTag {
	text-align: left; }

.header .contHeader {
	/*position: relative;*/
	width: 100%; 
	height: 110px; }

.header {
	border-bottom: 1px solid rgba(0,0,0,0.06);
	width: auto;
	height: 110px;
	position: relative; }

.header .logo {
	margin: 31px 0;
	float: left;
	width: 96px;
	color:transparent;
	line-height: 0}

.header .logo:hover {
	color:transparent;}

.header .logo img {
	display: block;
	float: left;
	width: auto;
    height: 48px; }

/* Header */

.header .navigation .menuLeft {
    float: none;
    margin: 0 auto;
    display: inline-block
}

.header .navigation .menuLeft>ul>li>div>a {
    margin: 2.71rem 1.75rem;
    padding: 0;
    color: inherit;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.4);
    font-weight: bold
}

.header .navigation .menuLeft .mega {
    background-color: #f5f5f5
}

.megaRight {
    background-color: #f5f5f5
}

.header .navigation .menuLeft .mega .subNav {
    float: none;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0
}

.megaRight .subNav {
    float: none;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0
}

.header .navigation .menuLeft .mega .subNav nav ul li a {
    text-transform: capitalize;
    margin: .2rem 0;
    padding: 0;
    font-weight: 500
}

.megaRight ul li a {
    margin: 0;
    cursor: pointer;
    /*display: block;*/
    margin: 2.75rem 1rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .3s;
    position: relative;
    color: rgba(0, 0, 0, 0.4);
    font-weight: 700;
    height: 21px
}

.megaRight .subNav nav ul li a {
    text-transform: capitalize;
    margin: .7rem 0;
    padding: 0;
    font-weight: 500;
    text-decoration: none;
    line-height: 14px;
}

.header .navigation .menuLeft .mega .subNav h4 {
    text-transform: uppercase;
    font-weight: 500
}

.megaRight .subNav h4 {
    text-transform: uppercase;
    font-weight: 500
}

.header .navigation .menuRight .icon.log-icon {
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    vertical-align: inherit;
    width: 17px;
    height: 17px}

.header .navigation .menuRight .header-lable-lh{
	line-height: 17px;}

.header .navigation .menuLeft .mega .subColumn {
    height: 100%;
    margin: 30px 0;
    border-right: solid 1px #eee;
    display: inline-block;
    float: none;
    vertical-align: top;
    border-right: solid 1px #eee
}

.megaRight .subColumn {
    height: 100%;
    margin: 30px 0;
    border-right: solid 1px #eee;
    display: inline-block;
    float: none;
    vertical-align: top;
    border-right: solid 1px #eee
}

.header .navigation .menuLeft .mega .subColumn.noBorder {
    border-right: none
}

.megaRight .subColumn.noBorder {
    border-right: none;
    border-right: none
}

.header .navigation .menuLeft .subColumn .megaProduct {
    margin: 0;
    cursor: pointer;
    display: inline;
    margin: 0;
    text-decoration: none;
    transition: all .3s;
    position: inherit;
    color: inherit
}

.header .navigation .menuLeft ul li a {
    margin: 0;
    cursor: pointer;
    display: block;
    margin: 2.75rem 1rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .3s;
    position: relative;
    color: rgba(0, 0, 0, 0.4);
    font-weight: 700;
    margin: 1rem 0
}

.header .navigation .menuLeft ul li a.button {
    margin: 0;
    cursor: pointer;
    display: block;
    margin: 2.75rem 1rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .3s;
    position: relative;
    color: rgba(0, 0, 0, 0.4);
    font-weight: 700;
    height: 42px;
    margin: 1rem 0
}

.megaRight {
    display: none;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    left: 0;
    position: absolute;
    top: 109px;
    right: 0;
    z-index: 100
}

.user-sprite-container {
    height: 45px!important;
    overflow: hidden
}

.user-sprite-container > img {
    display: block
}

.megaRight ul li a:hover div p {
    transition: all .3s;
    color: rgba(0, 0, 0, 0.87)
}

.Sprite-on {
    height: 200%!important;
    margin-top: -45px!important
}

.hideMmProduct {
	display:none!important;
	width:0;
	font-size: 0;
}

/* Predator Style */
.font-pred {
	font-family: TTSquares, Arial, 微軟正黑體, "Microsoft JhengHei", "PingFang TC", sans-serif;
}
	
.button-pred {
	background-color: #ed1c2c;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 50px;
    padding: 0 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-family: TTSquares, Arial, sans-serif; }
    
.button-pred:hover {
	color: #fff;}
	
.modal.pred {
    background-color: rgba(0, 0, 0, 0.9); }

.modal.pred .modalContent {
    background-color: transparent; }
    
.modal.pred .modalContent .bx-wrapper .bx-pager {
	margin-top: 3em; }

.modal.pred .modalContent .arrowLeft {
	left: 10%;
	margin: 0;
	top: 38%; }

.modal.pred .modalContent .arrowRight {
	right: 10%;
	margin: 0;
	top: 38%; }
    
.modal.pred .modalContent a:hover i {
	color: rgba(255, 255, 255, 0.9); }
	
.modal.pred .modalContent .bx-wrapper .bx-pager.bx-default-pager a {
	background: #000;
    border-color: rgba(255, 255, 255, 0.4);
    width: 16px;
    height: 16px;
    border-radius: 10px; }
    
.modal.pred .modalContent .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: rgba(255, 255, 255, 1)}
	
/* --------------- WINDOWS LOGO -------------- */
.windowsLogoCont {
	position: absolute;
    top: 0;
    left: 0;
    right: 0; }
	
.windowsLogoCont .windowsLogo {
	width: 180px;
    height: auto;
    margin-top: 2em; }
	
/* --------------- SUGGESTION TOP -------------- */
.contSuggestionTop {
    position: absolute;
    left: 0;
    right: 0;
    top: 110px;
    z-index: 301;
    background-color: rgb(255, 255, 255); }
    
.contSuggestionTop .col {
	min-height: inherit; }

.contSuggestionTop ul li a {
	padding-left: 1em; }
	
.contSuggestionTop ul {
	display: block;
    left: auto;
    width: auto!important;
    position: inherit !important;
    border: none; 
    margin-top: 1em;
    margin-bottom: 1em; }
    
/* LOGO CINA */
.logoCina {
	height: 47px;
    margin-top: 0; }
    
.logoCina img {
	display: block;
	margin: 0 auto;
	max-height: 100%;
	width: auto; }
	
/* --------------- PAGINATION -------------- */
.pagination {
    padding-left: 8.33333%;
    float: right; 
    height: 50px; }

.pagination.top {
    margin-bottom: -2px; }
    
.pagination.bottom {
    margin-top: -2px; }
    
.pagination.bottom ul li a {
	border-top: 2px solid rgba(238, 238, 238, 1.0); }

.pagination a {
	float: left;
	text-decoration: none; }
	
.pagination a.next, .pagination a.prev {
	color: transparent; }
	
.pagination a i {
	color: rgba(0, 0, 0, 0.7); }
	
.pagination a.prev.active {
	display: none; } 
	
.pagination a.next.active {
	display: none; } 
	
.pagination ul {
	float: left; }
    
.pagination ul li {
    float: left; }
    
.pagination ul li a {
    padding: 1rem;
    text-decoration: none;
    margin: 0; 
    border-top: 2px solid rgba(255, 255, 255, 1.0);
    line-height: 1.0; }
	
.pagination.top ul li a.active, .pagination.top ul li a.active:hover { 
	color: rgba(133, 187, 35, 1.0);
	border-bottom: 2px solid rgba(133, 187, 35, 1.0); }
	
.pagination.top ul li a:hover {
	color: rgba(0, 0, 0, 1.0);
	border-bottom: 2px solid rgba(0, 0, 0, 1.0); }
	
.pagination.bottom ul li a.active, .pagination.bottom ul li a.active:hover { 
	color: rgba(133, 187, 35, 1.0);
	border-top: 2px solid rgba(133, 187, 35, 1.0); }
	
.pagination.bottom ul li a:hover {
	color: rgba(0, 0, 0, 1.0);
	border-top: 2px solid rgba(0, 0, 0, 1.0); }

/* --------------- SLIDE DOWN -------------- */
@-webkit-keyframes slideInDown {
	from {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes slideInDown {
	from {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
	
/* --------------- SUGGESTION SUPPORT -------------- */
.contSuggestionSupport {
    position: absolute;
    z-index: 51;
    background-color: rgb(255, 255, 255);
    border: 1px solid #eee; 
    border-top: none; 
    width: 100%;
    left: 0; }
    
.contSuggestionSupport .col {
	min-height: inherit; }
    
.contSuggestionSupport ul {
	width: auto!important;
    top: 0px!important; 
    left: 0!important; 
    border-top: 1px solid #eee; }

.contSuggestionSupport ul li a {
	padding: 1em; 
    margin: 0; 
    font-size: 0.875rem; }

.contSuggestionSupport ul li a:hover, .contSuggestionSupport ul li a.ui-state-focus {
	background: rgb(245, 245, 245); }

/* FILTER */
.filter-box ul { 
	width: 100%; 
	list-style-type: none; 
	margin: 0; 
	padding: 0px 0 25px 0; 
	float: left; }
	
.filter-box {
	float: left;
	width: 100%; }
	
.filter-box ul li { 
	padding: 0; 
	width: 100%; 
	float: left; }
	
.filter-box ul li a { 
	color: #4d5357; 
	text-decoration: none;
	float: left;
    margin-bottom: 0; }
	
.filter-box ul li a:hover span.check { 
	background: rgba(131, 184, 26, 0.4); }
	
.filter-box ul li a.disabled { 
	cursor: default; }
	
.filter-box ul li a.disabled span.check { 
	color: #bbb; }
	
.filter-box ul li a.disabled span.label { 
	color: #bbb; 
	text-decoration: line-through; }
	
.filter-box ul li span.check { 
	display: block; 
	background-color: #eee; 
	float: left; 
	margin-right: 20px; 
	border-radius: 5px; 
	width: 20px; 
	height: 20px; }
	
.filter-box ul li span.label { 
	display: block; 
	width: auto; 
	max-width: 155px; 
	float: left; }
	
.filter-box ul li a.selected span.check { 
	background-color: #80C343; }
	
.filter-box ul li a:hover { 
	color: #80C343; }
	
.filter-box a:hover i { 
	color: rgba(0, 0, 0, 0.7);  }

.filter-box a.reset-filter { 
	display: block; }
	
.filter-box a.open-filter { 
	display: none;  }

.filter-box a.close-filter { 
	display: none;  }
	
.filter-box a.open-filter span.close { 
	display: none; }
	
.filter-box a.close-filter span.open { 
	display: none; }
	
.filter-box a.close-filter { 
	text-decoration: none; }
	
.filter-box a.reset-filter-button, .filter-box a.apply-filter-button {
	display: none;
	margin-right: 20px; }

/* --------------- SCROLLBAR CUSTOM -------------- */

.scrollbarCustom::-webkit-scrollbar {
	width: 8px; /*  4px; */
    background-color: transparent; }
	
.scrollbarCustom::-webkit-scrollbar-thumb {
	background-color: rgb(0, 0, 0);
	border-radius: 0px; } /*  10px */
	
.scrollbarCustom::-webkit-scrollbar-thumb:active {
	background-color: #A6393D;
	border: 1px solid #333333; }

.scrollbarCustom::-webkit-scrollbar-track {
    border: 1px rgb(245, 245, 245) solid;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 6px rgb(245, 245, 245) inset;
    background-color: rgb(245, 245, 245); } 

/* --------------- SCROLLBAR SEARCH -------------- */

.ui-autocomplete { 
	max-height: 300px;
    position: absolute;
    z-index: 51;
    background-color: rgb(255, 255, 255);
    border: 1px solid #eee;
    border-top: none;
    width: 100% !important; 
    left: 0 !important;
    overflow: auto;
    -ms-overflow-style:auto;
}

.ui-autocomplete li a { 
    padding: 1em;
    margin: 0;
    font-size: 0.875rem; }
    
.ui-autocomplete li a span {
	font-weight: bold; }
	
.ui-autocomplete li a span.lower { 
	text-transform: lowercase; }

.ui-autocomplete::-webkit-scrollbar {
	width: 4px;
    background-color: transparent; }
	
.ui-autocomplete::-webkit-scrollbar-thumb {
	background-color: rgb(0, 0, 0);
	border-radius: 10px; }
	
.ui-autocomplete::-webkit-scrollbar-thumb:active {
	background-color: #A6393D;
	border: 1px solid #333333; }

.ui-autocomplete::-webkit-scrollbar-track {
    border: 1px rgb(245, 245, 245) solid;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 6px rgb(245, 245, 245) inset;
    background-color: rgb(245, 245, 245); }
    
.ui-autocomplete li a:hover, .ui-autocomplete li a.ui-state-focus {
	background: rgb(245, 245, 245); }

/* HUB MY PRODUCTS */
.myProdCnt img {
	max-height: 200px;
    width: auto!important; }
    
/* --------------- GROUP -------------- */
.groupFilters .filter {
	padding: 0.1rem;
    margin: auto 8px auto auto; }

.groupFilters .filter:hover, .groupFilters .filter.active, .groupFilters .active .filter {
	background: #fff; }
	
.groupBar {
	display: none; }
    
.groupMultiContProd .line { 
	padding-top: 100px;
    background: #fff; }
    
.oldBannerGroup {
	border-bottom: 1px solid #eee; }
    
.groupMultiContProd .cont {
	overflow: hidden;
    background: #fff;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee; }
    
.groupMultiContProd .cont .row {
	margin-bottom: -1px; }

.groupMultiContProd .products { 
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	background: #fafafa; }
	
.groupMultiContProd .products div div { 
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
    background: #fff; }
	
.groupMultiContProd .products div div:nth-child(3) { 
	border-right: 1px solid #fff; }
    
.groupMultiContProd .products div div:hover {
	background: #fafafa; }
    
.groupMultiContProd .products div div.empty {
	background: #fafafa; }
	
.groupMultiContProd .products div div p {
	min-height: 56px;
	overflow: hidden; }

.groupMultiContProd img {
	max-height: 220px; }

.groupMultiContProd a {
	min-height: 375px; }
	
.groupDoubleContProd .cont {
	overflow: auto;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee; }

.groupDoubleContProd .products {
	background: #fff; 
	border-right: 1px solid #eee;
    border-bottom: 1px solid #eee; }
    
.groupDoubleContProd .products img {
    margin: 0 auto;
    display: block; }
    
.groupDoubleContProd .products:hover {
	background: #fafafa; }
    
.groupSingleContProd .cont {
	overflow: auto;
    border-bottom: 1px solid #eee; }

.groupDoubleContProd .products p {
    height: 48px;
    overflow: hidden; }
    
.groupSingleContProd .displayTable {
	height: 351px;
    display: table;
    width: 100%; }
    
.groupSingleContProd .displayTable .title {
	display: table-cell;
    vertical-align: middle; }
    
.groupSingleContProd .displayTable .title p {
	width: 300px;
	margin: 0 auto; }
    
/* --------------- ALL MODELS -------------- */
.sort {
	display: none; }

.allModProdList .item {
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: #fff;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem; }
    
.allModProdList .item ul li span a {
	color: rgba(133, 187, 35, 1.0); 
	text-align: center;
    margin: 0;
    display: inherit;
    font-size: inherit; }
    
.allModProdList .tag {
	height: 24px; 
	display: block; }
	
.allModProdList .item img {
	max-height: 140px; }
	
.allModProdList .item .name {
	height: 48px;
	overflow: hidden; }
    
 .allModProdList .item .radioButtonCont {
    display: table;
    margin: 1rem auto; }
    
.allModProdList .item .compare .check{
    width: 20px;
    height: 20px;
    background: #eee;
    display: block; }
    
.filterBox li {
	float: left;
	margin-top: 1rem;
	width: 100%;
	min-width: 150px; }
	
/* --------------- COMPARE -------------- */

.compareDisabled {
	display: none; }
	
.compare .info .item {
	min-height: 500px;
	position: relative; }
	
.compare .info .item .removeItem {
	position: absolute; 
	right: 0; }
	
.compare .item p a {
	 color: rgba(0, 0, 0, 0.4); }
	
.compare .item li  {
	text-align: left;
	list-style: none; }
	
.compare .item {
    border-left: 1px solid #eee;
    padding-top: 0.1rem;
    min-height: 57px; }
    
.buyDisplay {
	display: none; }
    
.compare .item p a {
	color: rgba(133, 187, 35, 1.0); }
    
.compare .empty {
    border-left: 1px solid #eee;
    padding-top: 0.1rem;
    min-height: 57px; }

.compare .filter .switch {
	background: url(img/on-off_button.svg) no-repeat;
    width: 65px;
    background-size: 45px;
    background-position: 0 -21px;
    transition: all .0s;
    height: 21px; }
    
_:-ms-fullscreen, :root .compare .filter .switch {
	background-position-x: -43px;
	background-size: 130px;
    background-position-y: -21px; }
	
_:-ms-fullscreen, :root .compare .filter .switch.off {
	background-position-x: -40px;
	background-size: 130px;
	background-position-y: 0px; }
    
.compare .filter .switch.off {
    background-position: 0 0; }

.compare .filter {
    position: relative; }
    
.compare .filter .col {    
    position: absolute;
    top: -90px; }
    
.compare .filter .filterList {
	display: none; }
    
.compare .no-prod {
    padding-top: 9em; }
    
.compare .name {
	line-height: 1; }
    
    
/* --------------- CUSTOM RADIO BUTTON --------------  */

.radioButtonCont label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	background: #eee;
	border-radius: 5px;
	left: 0; }

.radioButtonCont label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(131, 184, 26, 1);
    top: 0;
    left: 0;
    border-radius: 5px; }

.radioButtonCont:hover label::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	opacity: 0.2; }
	
.radioButtonCont:hover p, .radioButtonCont.selected p {
	color: rgba(0, 0, 0, 0.7); }

.radioButtonCont.selected input + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1; }

.radioButtonCont input[type=checkbox] {
    visibility: hidden; }
    
/* IFRAME */
.contIframe {
	width: 850px;
	height: 480px;
	margin: 0 auto; }

.contIframe iframe {
	width: 100%;
	height: 100%; }
	
.blur {
	filter: blur(5px);
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
}
    
/* --------------- MODAL -------------- */
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(255, 255, 255, 1);
    z-index: 99999; }

.modal .modalContent {
    background-color: #fff;
    padding: 20px;
    position: relative;
    padding: 2rem;
    cursor: default; }
    
.modal .modalContent iframe {
	width: 90%;
    min-height: 512px; }
    
.modal .modalContent .close {
    position: absolute;
    top: 0;
    right: 45px;
    color: transparent; }
    
.modal .modalContent a:hover i {
    color: rgba(0, 0, 0, 1.0); }
    
.modal .modalContent .arrowRight {
    position: absolute;
    right: 15%;
	top: 45%;
	width: 50px;
    height: 50px;
    margin: 0;
    overflow: hidden;
	color: transparent; }

.modal .modalContent .arrowLeft {
	position: absolute;
    left: 15%;
    top: 45%;
    width: 50px;
    height: 50px;
    margin: 0;
    overflow: hidden;
    color: transparent; }
	
.modal .modalContent .arrowLeft .bx-prev {
	position: absolute;
    top: 0;
    width: 50px;
    margin: 0;
    height: 50px;
    margin: 0; }
	
.modal .modalContent .arrowRight .bx-next {
	position: absolute;
    top: 0;
    width: 50px;
    margin: 0;
    height: 50px; }
    
.modal .modalContent .bx-wrapper .bx-pager {
	position: inherit;
	width: 100%; }

.modal .modalContent .bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	border: 2px solid;
    border-color: rgba(0, 0, 0, 0.4); }
	
.modal .modalContent .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: rgba(0, 0, 0, 0.4);
    border-color: rgba(0, 0, 0, 0.0); }
    

/*--------------------- new CLM section ------------------*/

.modal.clm-modal {
	padding-top: 0;
	background-color: rgba(255, 255, 255, 1); }
	
.modal.clm-modal .modalContent {
	padding:0;
	background:#eee;
	margin-top: 0; }

.clm-modal .modalContent .flex {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex; }

.clm-modal .modalContent .padding-top-xl {
	padding-top: 4rem; }
	
.clm-modal .modalContent .padding-bottom-xl {
	padding-bottom: 4rem; }

.clm-modal .modalContent .padding-bottom-xl .acer-store > a:first-child {
	padding: 0;
	display: inline-block;
	margin: 0 auto; }

.clm-modal .modalContent .acer-store .sd-logo img:first-child {
	width:180px;
	height:60px;
}

.clm-modal .modalContent .other-stores .sd-logo img:first-child {
	width:150px;
	height:auto;
}

.clm-modal .modalContent .sd-description {
	float:left;
	width: -webkit-calc(100% - 260px);
	width: -moz-calc(100% - 260px);
	width: expression(100% - 260px);
	width: -o-calc(100% - 260px);
	width: calc(100% - 260px); }

.clm-modal .modalContent .clmFooter {
	padding: 0 1.5rem 0 1.5rem;
	background: rgb(238, 238, 238); }

.clm-modal .modalContent .localStore {
	background: rgb(238, 238, 238);
	height: auto; }
	
.clm-modal .modalContent .localStore .addr {
	line-height: 42px;
    margin: 1rem 1rem 0 0; }

.clm-modal .modalContent .other-stores .sd-logo {
	border: 1px solid #ddd!important;
	padding: 20px;
	background: #fff!important;
	display: inline-block;
	margin: 0 auto; }

.clm-modal .modalContent .other-stores a {
	text-align: center; }

.clm-modal .modalContent #insertAddress {
	min-width: 120px; 
	margin: 1rem 0; }

.clm-modal .modalContent .name {
	height: 48px;
	overflow: hidden;
	text-overflow: ellipsis; }

/* --------------- SECOND LEVEL MENU -------------- */
.secondLevelMenu {
	/*padding: 5px 0;*/
	border-bottom: 1px solid rgba(0,0,0,0.06);
    transition: background-color .4s;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 9; } 
    
.secondLevelMenu.over {
	position: absolute;
	/*top: 110px;*/ }

.secondLevelMenu.freezed {
	-webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.026);
    position: fixed;
    top: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.7); }
    
.secondLevelMenu.freezed:hover {
    background-color: rgba(255, 255, 255, 1); }
    
.secondLevelMenu .seriesName a {
	padding: 1.313rem 1rem 1.313rem 0;
    margin: 0; }
    
.secondLevelMenu .seriesName p {
	padding: 1.313rem 1rem 1.313rem 0;
    margin: 0; }

.secondLevelMenu .seriesNav ul {
	float: right;
    display: flex; }
    
.secondLevelMenu .seriesNav ul li a {
	float: left;
	padding: 1.313rem 1.5rem;
	margin: 0;
	transition: all 0.2s;
	/*color: rgba(0, 0, 0, 0.4);*/ }

.secondLevelMenu .seriesNav ul li p {
	float: left;
	padding: 1.313rem 1.5rem;
	margin: 0;
	transition: all 0.2s;
	color: rgba(0, 0, 0, 1); }
	
.secondLevelMenu .seriesNav ul li:last-child a {
	padding-right: 0; }

.secondLevelMenu .seriesNav ul li:last-child p {
	padding-right: 0; }
	
.secondLevelMenu.freezed .seriesNav ul li a {
	color: rgba(0, 0, 0, 0.4); }
	
.secondLevelMenu.freezed .seriesNav ul li a.active, .secondLevelMenu.freezed .seriesNav ul li a:hover,
.secondLevelMenu.freezed h1  {
	color: rgba(0, 0, 0, 0.7); }
	
.secondLevelMenu .seriesNav ul li a:hover, .secondLevelMenu .seriesNav ul li a.active {
	color: rgba(0, 0, 0, 1); }
	
.secondLevelMenu.clear .seriesNav ul li a:hover, .secondLevelMenu.clear .seriesNav ul li a.active {
	color: rgba(255, 255, 255, 1); }
	
.secondLevelMenu.freezed.clear .seriesNav ul li a:hover, .secondLevelMenu.freezed.clear .seriesNav ul li a.active {
	color: rgba(0, 0, 0, 0.87); }
		
.secondLevelMenu .iconCta {
	display: none;
    padding-bottom: 24px; }
	
.secondLevelMenu.clear {
	border-bottom: 1px solid #fff; }
	
/* SERIES AND MODEL SET IMAGES VERTICAL ALIGN*/
.imgSeriesCont {
    display: table;
    width: 100%;
    height: 350px; }
    
.imgSeriesCont .imgSeries {
	display: table-cell;
    vertical-align: middle; }
    
.imgModelCont {
    display: table;
    width: 100%;
    height: 400px; }
    
.imgModelCont .imgModel {
	display: table-cell;
    vertical-align: middle; }

/* --------------- DISPLAY TABLE -------------- */
.container.displayTable {
	height: 100%;
	display: table; }

.container.displayTable .row {
	display: table-cell;
    vertical-align: middle;
    float: none; }

/* --------------- OVERVIEW SECTION -------------- */
.imgOverActionUrl {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%; }
    
.contSection {
	position: relative }
    
.contSection .textOver {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%; }
    
.contSection .textOver.d-top {
	position: inherit; }

.contSection .textOverCont {
    height: 100%;
	display: table; }

.contSection .textOverCont .text {
	display: table-cell;
    vertical-align: middle;
    float: none; }

.contSection .textOverCont .text .textSection {
	position: relative; }

.textOver .sliderLink {
	position: absolute;
	width: 100%;
	height: 100%; }

.textOver .sliderLink.z-index100 {
	z-index: 100; }

.textOver .sliderLink.z-index49 {
	z-index: 49; }
    
.newStyle .padTopMenuOver {
	padding-top: 61px; }
	
/* --------------- BENEFITS SECTION -------------- */
.dividerBen { 
	border-top: 1px solid #eee; }
	
.dividerBen:first-child { 
	border-top: none; }

.contSectionBen {
	position: relative; 
	overflow: hidden; }

.contSectionBen .textOverBen {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%; }

.contSectionBen .textOverBen .textOverBenCont {
    height: 100%;
	display: table; }
	
.contSectionBen img {
	margin-top: -1px; }

.contSectionBen .textOverBen .textOverBenCont .text {
	display: table-cell;
    vertical-align: middle;
    float: none; }
    
/* --------------- CLM SECTION -------------- */   
.logoCont { 
	text-decoration: none;
    margin: 1em;
    border: 1px solid #eee;
    padding: 20px; }
    
.acer-store {
    background: #eee;
    /*width: 100%!important;*/
    margin-bottom: 1em; }
    
.acer-store .sd-logo { 
    border: 1px solid #ddd;
    padding: 20px;
    background: #fff;
    float: left;
    margin-right: 35px;
    margin-bottom: 2em;
    max-width: 222px; }
	
.clmFooter {
	background: rgb(245, 245, 245);
    padding: 30px;
	padding: 10px 30px;
    overflow: auto; }
	
.clmFooter a {
	color: rgba(0, 0, 0, 0.4); }
	
.clmFooter .ps {
	height: 30px;
    float: right;
    margin-top: 7px; }
	
.clmFooter .dr {
    height: 16px;
    float: right;
    margin: 14px 0 7px 30px; }
    
/* Hover Show Info IFA */
.hoverShowInfo {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee; }

.hoverShowInfo .element {
	position: relative;
	height: 400px;
    overflow: hidden;
    border-right: 1px solid #eee; }

.hoverShowInfo.bg-black .element {
    border-right: 1px solid #333; }
    
.hoverShowInfo .element:first-child {
	border-left: 1px solid #eee; }
	
.hoverShowInfo .element > a {
	position: absolute; 
	width: 88%;
    left: 0;
    right: 0;
    top: 30px;
    margin: auto;
	-webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    transition: all 500ms ease-out; }

.hoverShowInfo .element .up {
	position: absolute;
	width: 88%;
    left: 0;
    right: 0;
    margin: auto;
	background: rgba(255,255,255,0.9);
    z-index: 100;
    height: 400px;
    opacity: 0;
    -o-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-khtml-transition: all 200ms linear;
	-webkit-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
    /*bottom: -400px;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    transition: all 500ms ease-out;*/ }
    
.hoverShowInfo .element .up h3 {
	margin-top: 70px; }

.hoverShowInfo .element:hover .up {
	/*top: 50px;*/
	/*bottom: 0px;*/
	opacity: 1;  }
	
.hoverShowInfo .element:hover > a h3, .hoverShowInfo .element:hover > a p {
	display: none; }

/*Black section*/
.hoverShowInfo.bg-black {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333; }

.hoverShowInfo.bg-black .element:first-child {
	border-left: 1px solid #333; }
	
.hoverShowInfo.bg-black .element .up {
	background: rgba(0,0,0,0.8); }
	
/*Gray section*/	
.hoverShowInfo.bg-gray-1 .element .up {
	background: rgba(245,245,245,0.9); }

/* --------------- KSP SECTION -------------- */   
.contSection .textOverKsp {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%; }

.contSection .textOverKspCont {
    height: 100%;
	display: table; }

.contSection .textOverKspCont .text {
	display: table-cell;
    vertical-align: middle;
    float: none; }
    
.acerNew.goWTB { display: none; }

/* --------------- HIGHLIGHT SECTION -------------- */
.sectionHighlight {
	border-bottom: 1px solid #ddd; }
	
.sectionHighlight .title {
	height: 43px;
    overflow: hidden; }
    
.sectionHighlight .descr {
	min-height: 48px; }
	
.sectionHighlight img {
	height: 100px; }

.sectionHighlight .row {
	border-left: 1px solid #ddd; }

.sectionHighlight .row .col {
 	padding: 24px;
 	border-right: 1px solid #ddd; }
 	
.ben-size-4.sectionHighlight .row .col:nth-child(-n+2) {
 	border-bottom: 1px solid #ddd; }
 	
.ben-size-5.sectionHighlight .row .col:nth-child(-n+3) {
 	border-bottom: 1px solid #ddd; }
 	
.ben-size-6.sectionHighlight .row .col:nth-child(-n+3) {
 	border-bottom: 1px solid #ddd; }
	   
/* --------------- GALLERY SECTION -------------- */
.gallerySection .cont .col {
	padding: 24px;
	border-left: 1px solid #ddd;
	min-height: 200px; }
    
.gallerySection .cont .col:nth-child(-n+4) {
	border-bottom: 1px solid #ddd; }
    
.gallerySection .cont.oldSeries .col:nth-child(-n+4) {
	border-bottom: none; }

.gallerySection .cont.oldSeries .col:nth-child(-n+3) {
	border-bottom: 1px solid #ddd; }

.gallerySection .cont {
	border-right: 1px solid #ddd;
    overflow: hidden; }
    
.gallerySection {    
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd; }
    
.gallerySection .centerVideo { 
	position: relative;
    width: 100%; }
    
.gallerySection .playIcon {
	position: absolute;
    top: 30%;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 90px;
    text-align: center;
    color: #fff; }
    
.gallerySection .centerVideo img.video { 
	position: absolute;
    margin: auto;
    float: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
	
.gallerySection .centerImages {
    position: relative;
    width: 100%; }
    
.gallerySection .centerImages img.image { 
	position: absolute;
    margin: auto;
    float: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }

.gallerySection .modalContent .col {
	border: none!important;
	overflow: hidden;
    background: #fff; }

.gallerySection .ytbpointer{
	position:absolute;
	pointer-events: none;
	top:50%;
	transform: translateY(-50%)
}
	
/* --------------- MODEL -------------- */   
.gallerySection .modelGallery.cont .col {
	border-bottom: none; }
	
.gallerySection .modelGallery.cont .col:last-child {
	border-bottom: none; }
    
.model .bordR {
    border-right: 1px solid #ddd; }
    
.model .bordL {
    border-left: 1px solid #ddd;
    margin-left: -1px; }
    
.model .bordL p a {
	color: rgba(133, 187, 35, 1.0); }
    
.model ul {
	margin-top: -16px; } 
    
.model li {
	list-style: none;
    text-align: left; }
    
.sectionModelInfo .info .button {
	float: left; }
    
/* --------------- DATASHEET -------------- */
.sectionDoubleCol .col:first-child {
	border-right: 1px solid #ddd; }
	
.sectionDoubleCol .col p {
	margin: 0; }
	
.sectionDoubleCol .col div p:last-child {
	margin-bottom: 2rem; }
	
/* --------------- ICON SECTION -------------- */
.sectionIcon {
	border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }
    
.sectionIcon .row .col  {
	padding: 24px; }
	
.sectionIcon img {
	height: 100px; }

/* --------------- HOTSPOST -------------- */
	
.contSection .hs {
	position: absolute;
	top: 270px;
    left: calc(50% - 220px);
    cursor: pointer; }
	
.contSection .hs img { 
	width: 30px;
    float: left; }
    
.contSection .hs span { 
    float: left;
    line-height: 30px; }

/* --------------- FOOTER -------------- */
.footerNav {
	background-color: #575757;
	padding-bottom: 3rem;
	padding-top: 3rem; }

.footerNav.footerNav2{
	background-color: #3c3c3c;}

.footerNav.footerBar {
	background-color:#202020}

.footerNav i {
	display: none; }
	
.footerNav h4 {
	padding: 0 0 1rem 0;
	font-weight: normal;
	margin: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; }

.footerNav h4 i.plus {
	display: none; }

.footerNav .open i.plus {
	transform: rotate(45deg); }

.footerNav h4 .plus {
	display: none; }

.footerNav ul {
	list-style: none;
	margin: 0;
	margin-bottom: 1em; }

.footerNav ul li {
	padding: 1rem 0 0 0;
	line-height: normal; }

.footerNav .open ul {
	/*display: block;*/ }

.footerNav a {
	margin: 0;
	text-decoration: none;
	transition: .2s all; }
	
.footerNav .error {
	float: left; 
	margin-bottom: 0;
    width: 100%; 
    display: none; }
    
.footerNav .success {
	float: left; 
	margin-bottom: 0;
    width: 100%;
    line-height: 1rem; 
    display: none; }
.footerNav .success a { 
	padding-left: 3px; 
	text-decoration: underline; }

.footerNav .social a {
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	display:inline-block;
    width: 32px;
    height: 32px;
    overflow: hidden;
    margin-bottom: 0.25rem; }

.footerNav .social a span {
	height: inherit;
    display: block;
    background-size: 32px auto; }

_:-ms-fullscreen, :root .footerNav .social a span {
		height: inherit;
	    display: block;
	    background-size: 64px auto;
	    background-position-x: -16px; }
	    
_:-ms-fullscreen, :root .footerNav .social a:hover span {
		height: inherit;
	    display: block;
	    background-size: 64px auto;
	    background-position-x: -16px; }

/*
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .footerNav .social a span {
		height: inherit;
	    display: block;
	    background-size: 64px auto;
	    background-position-x: -16px;
	}
	.footerNav .social a:hover span {
		height: inherit;
	    display: block;
	    background-size: 64px auto;
	    background-position-x: -16px;
	}
}*/
@media all and (-ms-high-contrast:none){
    *::-ms-backdrop, .footerNav .social a span {
		height: inherit;
	    display: block;
	    background-size: 32px auto!important;
	    background-position-x: 0!important;
	}
	*::-ms-backdrop, .footerNav .social a:hover span {
		height: inherit;
	    display: block;
	    background-size: 32px auto!important;
	    background-position-x: 0!important;
	} /* IE11 */
}
.footerNav .social a span.linkedin {
	background-image: url(img/socialmedia_linkedin.svg); }

.footerNav .social a span.facebook {
	background-image: url(img/socialmedia_facebook.svg); }
	
.footerNav .social a span.twitter {
	background-image: url(img/socialmedia_twitter.svg); }
	
.footerNav .social a span.youtube {
	background-image: url(img/socialmedia_youtube.svg); }

.footerNav .social a span.instagram {
background-image: url(img/socialmedia_instagram.svg); }

.footerNav .social a span.googleplus {
	background-image: url(img/socialmedia_googleplus.svg); }
	 
.footerNav .social a span.qq {
	background-image: url(img/socialmedia_qq.svg); }
	 
.footerNav .social a span.weibo {
	background-image: url(img/socialmedia_weibo.svg); }
	 
.footerNav .social a span.youku {
	background-image: url(img/socialmedia_youku.svg); }
	
.footerNav .social a span.vk {
	background-image: url(img/socialmedia_vk.svg); }
	 
.footerNav .social a span.baidu {
	background-image: url(img/socialmedia_baidu.svg); }
	
.footerNav .social a span.ok {
	background-image: url(img/socialmedia_ok.svg); }
	
.footerNav .social a span.idblog {
	background-image: url(img/socialmedia_idblog.svg); }

.footerNav .social a span.blogfeed {
	background-image: url(img/socialmedia_blogfeed.svg); }
	 
.footerNav .social a span:hover {
	background-position: 0 -32px; }

.footerBar {
	background-color: #202020; }

.footerBar .copyright p {
	margin: 0px; }

.footerBar .logo {
	margin: 22px auto 21px auto;
	height: 50px; }

.footerBar .language a {
	text-decoration: none;
	transition: all .2s;
	margin: 0; }

.footerNav.footerNav2{
	background-color: #3c3c3c;}
	
.footerNav.footerBar {
	background-color:#202020}
	
.ui-helper-hidden-accessible {
    display: none; }
	
	
/* --------------- SUPPORT MODEL RightNow -------------- */
.supportChunk img {
	width: auto;
    height: 146px; }

/* --------------- SHOWGALLERY -------------- */
.showGallery { 
	position: relative;
	height: 45em; 
	overflow: hidden; }
	
.showGallery .el { 
	position: absolute;
	width: 100%;
	height: 100%; 
	text-align: center; }
	
.showGallery .bg { 
	float: left;
    width: 100%; 
    height: 100%; }
	
.showGallery .bg a { 
	background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%; 
    margin: 0; 
    height: 100%;
    color: transparent; }
    
.showGallery .im { 
	position: absolute;
    height: 100%;
    left: 0;
    right: 0; }

.showGallery .im a {  
	background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 720px;
    width: 100%; 
    margin: 0; 
    color: transparent; }

.showGallery .tx { 
	position: absolute;
	top: 100px;
    left: 0;
    right: 0; }

.showGallery label {
    margin-left: 5px;
    margin-right: 5px;
    float: left;
    width: 12px;
    height: 12px;
    background-color: rgba(100,100,100,1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.8);
    -moz-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s; }
	
.showGallery label.checked {
	background-color: #fff; }


/* --------------- PRODUCTS HIGHLIGHT -------------- */
.highlight a { 
    display: block;
    padding: 2rem 0;
    text-decoration: none;
    transition: all .3s ease; 
    margin: 0; }
    
.highlight a:hover { 
	background-color: #fafafa; }
    
.highlight a figure { 
	margin: 2em; }
    
.highlight a img {
	height: auto;
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    width: 100%; }
    
.highlight a:hover img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } 

/* --------------- HIGHLIGHTBG -------------- */
.highlightBg a { 
	background-color: #000;
    display: block;
    height: 260px;
    position: relative; 
    margin: 0; }
    
.highlightBg a:hover figure .image { 
	opacity: .4;
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
    -ms-transform: scale3d(1.1, 1.1, 1); }

.highlightBg a:hover figure div { 
	-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
    
.highlightBg a:hover figure div h3, .highlightBg a:hover figure div p { 
	color: #fff; }
    
.touch-device .highlightBg a figure figcaption div {
	-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
	
.touch-device .highlightBg a figure figcaption div p, .touch-device .highlightBg a figure figcaption div h4:after { 
    opacity: 1; }
	
.highlightBg a:hover figure figcaption div p, .highlightBg a:hover figure figcaption div h4:after { 
    opacity: 1; }
    
.highlightBg a.videoYT figure .image {
    opacity: 1;
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1; }
    
.highlightBg a.videoYT figure div {
	-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
    
.highlightBg a.videoYT figure img {
	height: 155px; }
	
.highlightBg a.videoYT:hover figure div h3.text-secondary-dark {
	color: rgba(0, 0, 0, 0.7); }
    
.highlightBg a.videoYT figure figcaption div h4:after {
	opacity: 0; }

.highlightBg a figure { 
    background-color: #000;
    height: 100%;
    left: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%; }

.highlightBg a figure .image {
    opacity: 1;
    height: 100%;
    width: 100%;
    position: absolute;
    -webkit-transition: opacity 1s, transform 1s;
     -ms-transition: opacity 1s, transform 1s;
    transition: opacity 1s, transform 1s;
    left: 0; 
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }

.highlightBg a figure figcaption {
    height: 100%;
    padding: 1rem 2rem;
    width: 100%; }

.highlightBg a figure figcaption div {
    -webkit-transform: translate3d(0, 175px, 0);
    transform: translate3d(0, 175px, 0);
     -ms-transform: translate3d(0, 175px, 0);
    transition: transform .3s; }
    
.highlightBg a figure figcaption div i {
	font-size: 116px; }

.highlightBg a figure figcaption div h4 {
    overflow: hidden;
    margin: 0;
    padding: 1rem 0;
    position: relative; }

.highlightBg a figure figcaption div h4:after {
    background: #fff;
    bottom: 0;
    content: ' ';
    height: 3px;
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    width: 100%; }

.highlightBg a figure figcaption div p {
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -ms-transition: opacity 0.3s; }
    
/* --------------- COOKIES -------------- */
.cookieBox { 
	display: none;
	border-bottom: 1px solid #eee; }
	
.cookieBox i {
	display: none;
	padding-top: 19px;
	cursor: pointer; }

/* --------------- INFO PAGE menuSecLeft -------------- */	
.menuSecLeft ul li {
    border-bottom: 1px solid #eee; 
    border-right: 1px solid #eee; }
    
.menuSecLeft ul li:last-child {
    border-bottom: none; }
    
.menuSecLeft ul li ul li {
	padding: 0rem 2rem 1rem;
	border-bottom: none;
    border-right: none; }
    
.menuSecLeft ul li a {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 1rem;  }
    
.menuSecLeft ul li a i {
	display: none; }

.menuSecLeft ul li a.current {
	color: rgba(0, 0, 0, 1.0);
	font-weight: bold; }

.menuSecLeft ul li a.current i {
	font-weight: bold!important;
	display: block; }
	
.menuSecLeft ul li a.current:hover {
	color: rgba(0, 0, 0, 1.0);
	font-weight: bold; }
	
.menuSecLeft ul li a:hover {
	color: rgba(133, 187, 35, 1.0); }
	
.menuSecLeft ul li ul li a {
	padding: 0;  }
	
.newStyle .toggleMenuLeft { 
	text-align: left;
    padding: 1rem 1rem 1rem 1.5rem;
    margin: 0 auto -2rem;
    display: none;
    border-bottom: 1px solid #eee; }
    
.newStyle .toggleMenuLeft.open { 
    border-bottom: none; }
	
/* --------------- INFO PAGE Content Chunk -------------- */
.contentChunkInfo {
    text-align: left;
    min-height: 1000px; }

.contentChunkInfo .bar {
    background-color: #eee;
    height: 1px;
    margin: 1em 0; }
    
.contentChunkInfo .box-left {
    border-right: 1px solid #eee; }
    
.contentChunkInfo p {
	margin: .75em 0; }
    
.contentChunkInfo h1 { 
	margin-top: 0; }
	
.contentChunkInfo h2 { 
    color: #80C343;
    font-size: 28px;
    font-style: italic; 
    text-align: left; }
    
.contentChunkInfo h2 span { 
    color: #80C343;
    font-size: 28px;
    font-style: italic; 
    text-align: left; }
    
.contentChunkInfo h3 {
	font-size: 16px;
	color: #80C343;
    font-style: italic; }

.contentChunkInfo b {
	color: #80C343; 
	font-style: italic; 
	padding: 0px 2px; }
    
.contentChunkInfo ul {
	padding-left: 1em; }

.contentChunkInfo ul li {
    font-size: 0.75rem;
    list-style-type: disc; 
    padding: 0.2em 0; }
	
.contentChunkInfo img {
	width: auto;
    height: auto; }
  
.contentChunkInfo a {  
    display: inline; }
    
/* --------------- SEARCH PAGE -------------- */
.searchForm a.button {
    float: left;
    margin: 0 0 0 2em; }
    
.searchForm .searchField { 
	position: relative; }

.filters { 
	padding-left: 1.25em; }
	
.filters p i { 
	display: none; }

.filters .filterSection {
	margin-bottom: 2rem;
    margin-top: 2em; }

.filters .filterSection a {
	text-decoration: none; 
	margin-top: 0; }
	
.filters .filterSection ul li i {
	float: left; }
	
.filters .filterSection ul li:hover i:before {
	content: "\f007"; }

.filters .filterSection ul li a {
	height: 25px;
	line-height: 25px; }
	
.filters .filterSection ul li a span {
	background: url(img/selection-sprite.svg) no-repeat;
    background-size: 100px 75px;
    height: 25px;
    display: block;
    float: left;
    width: 25px;
    margin-right: 10px; }

.filters .filterSection ul li a.active span {
	background-position: -25px 0px; }

.results {
    border-top: 2px solid #eee; 
    padding-left: 8.33333%;
    clear: right;
    border-bottom: 2px solid #eee;
    overflow: auto; 
    padding-bottom: 2rem; }
    
.results .result {
	float: left;
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 100%; }
    
.resultsContainer .results .result img {
	width: 160px;
    height: 111px; 
    float: left; 
    margin-right: 2rem; }
    
.resultsContainer .results .result .cont {
	float: left; 
	margin-top: 1rem; 
	width: 75%; }
    
.resultsContainer .results .result .cont span {
	width: 100%;
    display: block; }
    
.contentRight {
	margin-top: 2rem; }
	
.contentRight .openSec {
	cursor: pointer; }
	
.contentRight .openSec i {
	-webkit-transition: -webkit-transform .2s;
    transition: transform .2s;
    display: inline-block; }
	
.contentRight .openSec.open i {
	transform: rotate(135deg); }
	
.serviceBanner {
	position: relative;
	height: 250px;
	overflow: hidden; }
	
.serviceBanner .text {
	position: absolute;
	top: 0;
	left: 0;
	right: 0; }
	
.serviceBanner .windowsLogo {
	position: absolute;
	left: 0;
    right: 0;
    top: 0.5rem; }
    
.iconAlert {
	margin-left: -22px; }

/*Byoc Banner */	
.acerNew.hubWOW .byocBanner div.pc { height: 330px; }
.acerNew.hubWOW .byocBanner { margin-bottom: 40px; }
.acerNew.hubWOW .byocBanner .row-content { display: block !important; position: absolute; right: 0; left: 0; margin: 0 auto; top: 0; }
.acerNew.hubWOW .byocBanner p { left: 40px; top: 50px; color: #333; font-size: 35px; text-align: left; width: 500px; text-shadow: none; font-style: normal; margin: 0; line-height: 25px; }
.acerNew.hubWOW .byocBanner span { position: absolute; font-size: 20px; line-height: 24px; left: 40px; width: 350px; margin: 0; right: 0; text-align: left; top: 110px; overflow: hidden; }
.acerNew.hubWOW .byocBanner div.content-link { display: block !important; position: absolute; left: 40px; right: 0; margin: 0; top: 190px; }
.acerNew.hubWOW .byocBanner div.content-link span { height: auto; position: static; width: auto; font-size: 15px; line-height: 19px; font-weight: normal; }
.acerNew.hubWOW .byocBanner div.content-link a.button-big { position: static; width: auto; }
.acerNew.hubWOW .byocBanner a { font-weight: bold; color: #5e6a71; position: absolute; left: 40px; margin: 0 auto; text-align: left; top: 235px; display: block; }

/*Byoc Video */
.acerNew .byocVideo { position: relative; }
.acerNew .byocVideo .cont {  }
.acerNew .byocVideo a img { width: 100%; height: 100%; }
.acerNew .byocVideo p { line-height: normal; font-size: 24px; color: #ffffff; position: absolute; top: 100px; left: 0; right: 0; width: 480px; text-align: center; margin: 0 auto; font-style: italic; text-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75); }
.acerNew .byocVideo a.play { background: url(img/play.png) no-repeat; width: 102px; height: 100px; display: block; position: absolute; top: 270px; left: 0; right: 0; margin: 0 auto; }
.acerNew .byocVideo a.scroll { background: url(img/scroll.png) no-repeat; width: 59px; height: 33px; display: block; position: absolute; bottom: 50px; left: 0; right: 0; margin: 0 auto; }
.acerNew .byocVideo div.pc { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; width: 100%; height: 900px; }

/*ShowCase New Professional Home*/ 
.acerNew .showcase { z-index:0; width:100%; height: 577px; overflow: visible;  text-align:center; position:relative; }
.acerNew .showcase .slide { position:absolute; z-index:50; left: 50%; margin-left: -50%; display:block;width:100%; height:512px; background-position: center center; background-repeat: no-repeat; background-size:cover;}
.acerNew .showcase .slide a { border-bottom-color: none; border-image-width: 0; position: absolute; z-index: 50; left: 50%; margin-left: -50%; display: block; width: 100%; height: 512px; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.acerNew .showcase .wrapper { position:absolute; z-index:100; left: 50%; margin-left: -492px; width:985px; height:512px;  }
.acerNew .showcase .wrapper .sc-prod { z-index: 200; }
.acerNew .showcase .wrapper .sc-prod a { width: 985px; height: 512px; display: block; }
.acerNew .showcase .wrapper .sc-prod img { width: 341px; height: 512px; float: left; margin-top: 78px; }

.acerNew .showcase .arrow-slide { position: absolute; width: 985px; height: 60px; left: 50%; margin-left: -493px; top: 227px; }
.acerNew .showcase .arrow-slide a { z-index: 200; position: absolute; background: url(img/arrow.png) no-repeat;  width: 30px; height: 60px; display: block; }
.acerNew .showcase .arrow-slide a.sc-arrow-l { background-position: left -1826px; }
.acerNew .showcase .arrow-slide a.sc-arrow-r { background-position: right -1826px; right: 0; }
.acerNew .showcase .arrow-slide a.sc-arrow-l:hover { background-position: left -1915px; }
.acerNew .showcase .arrow-slide a.sc-arrow-r:hover { background-position: right -1915px; right: 0; }

/*ID Design custom css*/ 
a .tile-overlay {
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    opacity: 0;
    transition: linear .33s;/*.5s;*/
    width: 100%;
    height: 100%;
    display: inherit; }

a:hover .tile-overlay {
    background-color: rgba(0, 0, 0, 0.75);
    left: 0;
    position: absolute;
    opacity: 1;
    top: 0;
    transition: opacity .33s;/*.5s;*/
    width: 100%;
    height: 100%; }

.tile-text-wrapper {
    display: block;
    height: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    transition: all .33s;/*.5s;*/
    width: 80%; }

a:hover .tile-text-wrapper {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: all .33s;}/*.5s;*/

.tile-text-design {
    color: white;
    display: block;
    position: relative;
    top:50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

.contSelect img {
    width: 100%; }


/* RETURN TOP */
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: rgba(225,225,225,0.5);
    width: 56px;
    height: 56px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1000;
    box-shadow: 2px 2px rgba(0, 0, 0, 0.4); }

#return-to-top i {
    color: #000;
    margin: 0;
    position: relative;
    left: 0;
    top: 19px;
    font-size: 32px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    
#return-to-top:hover {
    background-color: rgba(225,225,225,0.8);
    box-shadow: 2px 2px rgba(0, 0, 0, 0.8);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease; }
    
#return-to-top:hover i {
    color: #000;
    top: 17px; }

/* SELECT CUSTOM DROPDOWN */

.selectCustomDropdown {
    width: 100%;
    height: 45px;
    margin: 8px 0;
    border: 0;
    border: 1px solid black;
    border-top: 4px solid black;
    background-image: url('img/ai-arrow-down.svg');
    background-repeat: no-repeat;
    background-size: 15px;
    background-position:  right 10px center;
    font-family: 'Arial';
    padding-left: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    min-width: 290px;
    width:100%;
    font-weight:normal;
    background-color:rgba(255, 255, 255, 0.8); }

.selectCustomDropdown::-ms-expand {
    display: none; }

.calendar-icon {
	background-image: url('img/ai-calendar.svg');
	background-repeat: no-repeat;
	background-position:98% 45%;
	background-size: 25px; }

.customSubmitHub {
	border:none!important;
	height:53px!important;
	width:65%!important;
	text-align: right;
	margin-right: 0!important;
	transition: all .3s; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.customSubmitHub{
		height: 52px!important; }
}

.customSubmitHub:hover {
	color: rgba(0, 0, 0, 0.7); }

.customCheckboxHub {
    cursor: pointer;
    width: 20px;
    height: 20px;
    position: initial;
    margin-top: 3px;
    border-radius: 4px; }

.mexCheck:hover .customCheckboxHub { 
	background: rgba(131, 184, 26, 0.4); }

.hubProfileTel {
	text-align: left;
	margin-top: 8px; }

.saveProductHub {
	background-color: #dadada!important;
	width: 100%; }

.saveProductHub:hover {
	background-color: #C0C0C0!important; }

.resultsContainer .avOnStore {
    margin-left: 8.33333%;
    clear: right;
    overflow: auto; }

.zh-detailUrl {
	overflow: hidden; }

.regProdImgCont {
	overflow: hidden; }

.zh-detailUrl img {
	height: 180px!important;
	max-width: 110%; }

.zh-hregProd a img {
	width:93%; }

.soldOnStoreImg {
	width: 70%;
}

/* PASSWORD CHECK */
#zh-pwindicator {
	margin-top: 15px;
	display: none;
	float: left;
	width: 100%; }

.bar {
	height: 8px;
	float: left;
	border-radius: 2px; }

.pw-weak .bar {
	background: #cc0000;
	width: 50px; }

.pw-low .bar { 
	background: #cc0000;
	width: 50px; }

.pw-strong .bar {
	background: #ffcc33;
	width: 100px; }

.pw-very-strong .bar {
	background: #99cc33;
	width: 150px; }

.zh-suggestionPassword ul li , .zh-invalidPassword ul li {
	text-align: left;
	margin-top: 30px; }

.zh-formPassword ul .error {
	text-align: left!important;
	margin-top: 10px!important; }

.zh-formPassword p {
	margin-bottom: 0; }

.customLoad {
	left: 50%;
	margin-left: -21px;
	position: relative; }

/* SOLUTION PAGE */
a.solutions-featureanchor {
	border-radius: 4px;
	padding: 1rem;
	-webkit-transition: all .3s;
	transition: all .3s; }

a.solutions-featureanchor:hover {
	background:rgba(0,0,0,0.03); }

.bg-black a.solutions-featureanchor:hover {
	background: #111111; }

a.text-primary-light:hover {
    color: #E0E0E0; }

a.solutions-related-series {
	padding: 1rem 1rem 1.5rem 1rem; }

a.solutions-related-series:hover {
	background:rgba(0,0,0,0.03); }

.bg-black a.solutions-related-series:hover {
	background:#111111; }

/* style for removing the "x" icon in IE */
::-ms-clear { display: none; }

/* OVERVIEW LOGO */
.partnersContainer {
	display:table;
	margin-top: 64px; }

.partnersContainer .partners {
	display: table-caption;
	caption-side: bottom; }

.textOverCont .partnersGutter {
    padding-left: 0!important; }

.textOverCont .partnersGutter:last-child {
	padding-right: 0!important; }

.partnersContainer .partnerJustify {
	display: flex;
	justify-content: center; }

/*clickable title for press page left menu filters--does not contains newstyle because it's an old page --*/
.latest {
    padding: 18px 0!important;
    font-style: normal!important;
    font-size:18px!important; }

/*filter section for new education product page */
.education-filters {
	display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center; }

/* LINETABS */
.linetabs {
	overflow: auto;
	max-width: 100%;
	max-height: 200px;
	margin: 0;
	background-color: #eee!important;
	background:
	    -webkit-linear-gradient(left, #eee, #eee), 
	    -webkit-linear-gradient(left, #eee, #eee), 
	    -webkit-linear-gradient(left, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0)), 
	    -webkit-linear-gradient(right, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0));
	background:
	    -moz-linear-gradient(left, #eee, #eee), 
	    -moz-linear-gradient(left, #eee, #eee), 
	    -moz-linear-gradient(left, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0)), 
	    -moz-linear-gradient(right, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0));
	background:
	    linear-gradient(to right, #eee, #eee), 
	    linear-gradient(to right, #eee, #eee), 
	    linear-gradient(to right, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0)), 
	    linear-gradient(to left, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
	background-position: left center, right center, left center, right center;
	background-repeat: no-repeat;
	background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;
	background-attachment: local, local, scroll, scroll;
	-ms-overflow-style: auto!important; }
	
.linetabs ul {
    display: block;
    list-style-type: none;
    padding: 0;
    margin:0;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: 100%; }

.linetabs li {
  display: inline-block;
  margin: 0 1rem; }

.linetabs ul li a {
    border-bottom: 3px solid transparent;
    display: block;
    margin:0;
    padding: 1.5rem 0 1rem 0;
    text-align: center;
    text-decoration: none;
    transition: all .2s; }

.linetabs ul li a:hover {
    border-bottom: 3px solid #e0e0e0; }

.linetabs ul li.active a, .linetabs ul li .active:hover {
    color: rgba(0, 0, 0, 1.0); }

/* WHERE TO BUY */
.map-marker{
	background-image: url("img/bk_pin_map_small.png");
	display:block;
	background-size: 13px 19px;
    width: 13px;
    height: 19px; }

.wtb-onlinestorelink {
    text-decoration: none; }

.wtb-onlinestorelink img {
    margin: 0 auto; }
    
.WTBWTBfilter-box { 
    width: 210px; 
    padding: 0 18px 18px 18px; 
    float: left; 
    background-color: #fff; }
    
.WTBfilter-box ul { 
    width: 100%; 
    list-style-type: none; 
    margin: 0; 
    padding: 0px 0 25px 0; }
    
.WTBfilter-box ul li { 
    padding: 0;
    display: inline-block; }
    
.WTBfilter-box ul li a { 
    color: #4d5357; 
    text-decoration: none;
    margin-bottom: 0;
    display:inline-block; }
    
.WTBfilter-box ul li a:hover span.check { 
    background: rgba(131, 184, 26, 0.4); }
    
.WTBfilter-box ul li span.check { 
    display: inline-block; 
    background-color: #eee; 
    margin-right: 10px; 
    border-radius: 5px; 
    width: 20px; 
    height: 20px; }
    
.WTBfilter-box ul li span.label { 
    display: inline-block; 
    width: auto; 
    max-width: 300px; }

.WTBfilter-box ul li a:hover span.label, .WTBfilter-box ul li a.selected span.label { 
    color: rgba(0, 0, 0, 0.87); }
    
.WTBfilter-box ul li a.selected span.check { 
    background-color: #80C343; }
    
.WTBfilter-box ul li a:hover { 
    color: #80C343; }

#wtb-gmap {
    padding-bottom: 100%; }

.wtb-gmapresults  ul li {
    margin-top: 3rem; }

.wtb-gmapresults  ul li:first-child a {
    background-color: #eee; }

.flex {
    display: flex;
    text-decoration: none; }

.flex .flexContent{
    align-items: stretch; }

.wtb-selected-item a {
    background-color: #eee; }

.wtb-gmapresults  ul li:nth-child(2){
    margin-top: 0; }

.fluidgmap {
    height: 0;
    overflow: hidden;
    position: relative; }

.fluidgmap iframe {
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important; }

.ctnWtbSwitchView a {
    text-decoration: none;
    text-transform: uppercase; }

@media screen and (min-width: 0em) and (max-width: 39.999em) and (orientation: landscape){
    #wtb-gmap {
        padding-bottom: 30%; } 
}

@media screen and (min-width: 40em) and (max-width: 59.999em) and (orientation: landscape){
    #wtb-gmap {
        padding-bottom: 30%; } 
}

/* video container module */
.yt-videoContainer {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%; }

.yt-videoContent {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; }

.modalMinHeight {
	min-height: 330px; }

/* --------------- GROUP PAGE 2017 -------------- */
.pButton{
    border:1px solid transparent;
    border-radius:.25rem;
    display:inline-block;
    font-weight:700;
    padding:.1rem 1rem;
    text-align:center;
    text-transform:uppercase;
    vertical-align:middle; }

.inline-centered{
    display: inline-block;
    vertical-align: top;
}

.inline-centered-cnt{
    font-size: 0; }

.contProductSelect{
    position: relative; }

.contProductSelect .tile-overlay {
    background-color: rgba(255, 255, 255, 0); }

.contProductSelect:hover {
    cursor: default; }

.contProductSelect:hover .tile-overlay, .contProductSelect:active .tile-overlay {
    background-color: rgba(255, 255, 255, 0.85); }

.tile-text {
    color: rgba(0,0,0,0.8);
    display: table;
    position: relative;
    height:200px;
    top:50%;
    margin-top: -100px;
    width:100%;
}

.tile-text-inner-middle {
    display:table-cell;
    vertical-align:middle;
}

.text-decoration-none{
    text-decoration: none; }


.inline-centered-cnt .inline-centered a img {
	height: auto;
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    width: 100%;}

.inline-centered-cnt .inline-centered a:hover img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);}

.serie-border-bottom{
    border-bottom: solid 1px #eee;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src*=".svg"].ie-svgFix{
    width: 100%; 
  }
}

/*--------flex module classes --------*/
.flexBox {
    position: relative;
    overflow: hidden;
}

.flexMedia{
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
}

.flexContent.over{ 
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%); /* Safari & Chrome */
	-moz-transform: translateY(-50%); /* Firefox */
	-ms-transform: translateY(-50%); /* Internet Explorer */
	-o-transform: translateY(-50%);
	-webkit-backface-visibility: hidden;
    right:0;
    left:0;
}

.newStyle .lightbox .lbClose {
	background-color: rgba(255,255,255,0.7);
	border-radius: 50px;
	box-shadow: 0 0 10px black;
	color: black;
	display: block;
	height: 40px;
	margin: 0;
	right: 0;
	position: absolute;
	text-align: center;
	transition: all 0.2s ease;
	top: -20px;
	width: 40px;
	z-index:99;
}
.newStyle .lightbox .lbClose:hover {
	background-color: rgba(255,255,255,0.85);
	transition: all 0.2s ease;
}

.newStyle .lightbox .lbClose i.icon-ai-close {
	font-size: 30px;
	line-height: 40px;
}

.newStyle .lightbox>.container {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:0;
	right:0;
	padding: 0 20px;
}

/* ---------------- HOME PAGE 2018 ----------------*/
.agwHome {
    z-index: 1;
    margin-bottom: -110px;
    width: 100%;
    float: none;
    position: absolute;
    border-bottom: 1px transparent;
}

.header.agwHome .navigation .menuLeft {
    background-color: rgba(255, 255, 255, 0);
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.header.agwHome{
    background-color: rgba(255, 255, 255, 0);
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.header.agwHome.whiteHome .logogreen {
    display: none;
}

@media (min-width: 63.999em) {
	.header.agwHome.whiteHome .logogreen {
	    display: none;
	}

	.header.agwHome.whiteHome .logowhite {
	    display: block;
	}

	.header.agwHome.whiteHome:hover .logogreen {
	    display: block;
	}

	.header.agwHome.whiteHome:hover .logowhite {
	    display: none;
	}

	.header.agwHome:hover {
	    background-color: rgba(255, 255, 255, 1);
	    -moz-transition: all 0.3s ease-in;
	    -webkit-transition: all 0.3s ease-in;
	    -o-transition: all 0.3s ease-in;
	    transition: all 0.3s ease-in;
	    border-bottom: 1px solid rgba(0,0,0,0.06);
	}

	.header.agwHome.whiteHome .navigation .menuLeft > ul > li > div > a {
	    color: rgba(255, 255, 255, 0.8);
	    -moz-transition: all 0.5s ease-in;
	    -webkit-transition: all 0.5s ease-in;
	    -o-transition: all 0.5s ease-in;
	    transition: all 0.5s ease-in;
	}

	.header.agwHome.whiteHome .navigation .menuLeft > ul > li > div > a:hover {
	    color: rgba(255, 255, 255, 1);
	    -moz-transition: all 0.2s ease-in;
	    -webkit-transition: all 0.2s ease-in;
	    -o-transition: all 0.2s ease-in;
	    transition: all 0.2s ease-in;
	}

	.header.agwHome.whiteHome .navigation .menuRight a {
	    color: rgba(255, 255, 255, 0.8);
	    -moz-transition: all 0.5s ease-in;
	    -webkit-transition: all 0.5s ease-in;
	    -o-transition: all 0.5s ease-in;
	    transition: all 0.5s ease-in;
	}

	.header.agwHome.whiteHome .navigation .menuRight a:Hover {
	    color: rgba(255, 255, 255, 1);
	    -moz-transition: all 0.2s ease-in;
	    -webkit-transition: all 0.2s ease-in;
	    -o-transition: all 0.2s ease-in;
	    transition: all 0.2s ease-in;
	}

	.header.agwHome.whiteHome .navigation .menuRight a p.header-lable-lh{
	    color: rgba(255, 255, 255, 0.8);
	    -moz-transition: all 0.5s ease-in;
	    -webkit-transition: all 0.5s ease-in;
	    -o-transition: all 0.5s ease-in;
	    transition: all 0.5s ease-in;
	}

	.header.agwHome.whiteHome .navigation .menuRight a:Hover p.header-lable-lh{
	    color: rgba(255, 255, 255, 1);
	    -moz-transition: all 0.2s ease-in;
	    -webkit-transition: all 0.2s ease-in;
	    -o-transition: all 0.2s ease-in;
	    transition: all 0.2s ease-in;
	}

	.header.agwHome:hover .navigation .menuRight a p.header-lable-lh{
	    color: rgba(0, 0, 0, 0.49);
	    -moz-transition: all 0.2s ease-in;
	    -webkit-transition: all 0.2s ease-in;
	    -o-transition: all 0.2s ease-in;
	    transition: all 0.2s ease-in;
	}

	.header.agwHome:hover .navigation .menuRight a:Hover p.header-lable-lh{
	    color: rgba(0, 0, 0, 1);
	    -moz-transition: all 0.2s ease-in;
	    -webkit-transition: all 0.2s ease-in;
	    -o-transition: all 0.2s ease-in;
	    transition: all 0.2s ease-in;
	}

	.header.agwHome.whiteHome .navigation .menuRight .icon.log-icon.bg-gray-4 {
	    background:  rgba(255, 255, 255, 0);
	    -moz-transition: all 0.5s ease-in;
	    -webkit-transition: all 0.5s ease-in;
	    -o-transition: all 0.5s ease-in;
	    transition: all 0.5s ease-in;
	}

	.header.agwHome.whiteHome .navigation .menuRight .icon.log-icon.text-primary-light {
	    color: rgb(255, 255, 255);
	    -moz-transition: all 0.5s ease-in;
	    -webkit-transition: all 0.5s ease-in;
	    -o-transition: all 0.5s ease-in;
	    transition: all 0.5s ease-in;
	}

	.header.agwHome.blackHome .navigation .menuLeft > ul > li > div > a {
	    color: #333333;
	    -moz-transition: all 0.5s ease-in;
	    -webkit-transition: all 0.5s ease-in;
	    -o-transition: all 0.5s ease-in;
	    transition: all 0.5s ease-in;
	}

	.header.agwHome.blackHome .navigation .menuLeft > ul > li > div > a:hover {
	    color: #000000;
	    -moz-transition: all 0.2s ease-in;
	    -webkit-transition: all 0.2s ease-in;
	    -o-transition: all 0.2s ease-in;
	    transition: all 0.2s ease-in;
	}

	.header.agwHome.blackHome .navigation .menuRight a {
	    color: #333333;
	    -moz-transition: all 0.5s ease-in;
	    -webkit-transition: all 0.5s ease-in;
	    -o-transition: all 0.5s ease-in;
	    transition: all 0.5s ease-in;
	}

	.header.agwHome.blackHome .navigation .menuRight a:Hover {
	    color: #000000;
	    -moz-transition: all 0.2s ease-in;
	    -webkit-transition: all 0.2s ease-in;
	    -o-transition: all 0.2s ease-in;
	    transition: all 0.2s ease-in;
	}

	.header.agwHome.blackHome .navigation .menuRight .icon.log-icon.bg-gray-4 {
	    background:  rgba(255, 255, 255, 0);
	    -moz-transition: all 0.5s ease-in;
	    -webkit-transition: all 0.5s ease-in;
	    -o-transition: all 0.5s ease-in;
	    transition: all 0.5s ease-in;
	}

	.header.agwHome.blackHome .navigation .menuRight .icon.log-icon.text-primary-light {
	    color: #000000;
	    -moz-transition: all 0.5s ease-in;
	    -webkit-transition: all 0.5s ease-in;
	    -o-transition: all 0.5s ease-in;
	    transition: all 0.5s ease-in;
	}

	.header.agwHome:hover .navigation .menuLeft > ul > li > div > a {
	    color: rgba(0, 0, 0, 0.49);
	    -moz-transition: all 0.2s ease-in;
	    -webkit-transition: all 0.2s ease-in;
	    -o-transition: all 0.2s ease-in;
	    transition: all 0.2s ease-in;
	}

	.header.agwHome:hover .navigation .menuLeft > ul > li > div > a:hover {
	    color: rgba(0, 0, 0, 1);
	    -moz-transition: all 0.2s ease-in;
	    -webkit-transition: all 0.2s ease-in;
	    -o-transition: all 0.2s ease-in;
	    transition: all 0.2s ease-in;

	}

	.header.agwHome:hover .navigation .menuRight a {
	    color: rgba(0, 0, 0, 0.49);
	    -moz-transition: all 0.2s ease-in;
	    -webkit-transition: all 0.2s ease-in;
	    -o-transition: all 0.2s ease-in;
	    transition: all 0.2s ease-in;
	}

	.header.agwHome:hover .navigation .menuRight a:Hover {
	    color: rgba(0, 0, 0, 1);
	    -moz-transition: all 0.2s ease-in;
	    -webkit-transition: all 0.2s ease-in;
	    -o-transition: all 0.2s ease-in;
	    transition: all 0.2s ease-in;
	}

	.header.agwHome:hover .navigation .menuRight .icon.log-icon.bg-gray-4 {
	    background: rgb(189, 189, 189);
	    -moz-transition: all 0.2s ease-in;
	    -webkit-transition: all 0.2s ease-in;
	    -o-transition: all 0.2s ease-in;
	    transition: all 0.2s ease-in;
	}

	.header.agwHome:hover .navigation .menuRight .icon.log-icon.text-primary-light {
	    color: rgba(255, 255, 255, 1.0);
	    -moz-transition: all 0.2s ease-in;
	    -webkit-transition: all 0.2s ease-in;
	    -o-transition: all 0.2s ease-in;
	    transition: all 0.2s ease-in;
	}

	.header.agwHome:hover .navigation .searchBox input {
	    border-bottom: 1px solid rgba(0,0,0,0.06);
	}

	.header.bgWhite .navigation .searchBox input {
	    border-bottom: 1px solid rgba(0,0,0,0.06);
	}

	.header.bgWhite{
		background-color: rgba(255, 255, 255, 1)!important;
		border-bottom: 1px solid rgba(0,0,0,0.06);
	}
}
.wrap {
  position: relative;
  height:50px;
  overflow: hidden;
  margin: 0 auto;
  margin-top: -50px;
  width:100%;
}

.arrow {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-bottom:20px;
  background-color: #ffffff;
}
.arrow:before, .arrow:after {
  content:'';
  position: absolute;
  bottom: 100%;
  width: 50%;
  padding-bottom:inherit;
  background-color: inherit;
}
.arrow:before {
  right: 50%;
  -ms-transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -ms-transform: skewX(45deg);
  -webkit-transform: skewX(45deg);
  transform: skewX(45deg);
}
.arrow:after {
  left: 50%;
  -ms-transform-origin: 0 100%;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -ms-transform: skewX(-45deg);
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg);
}

.inline-centered-cnt .inline-centered a img.no-zoom {
    height: auto;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transition: -webkit-transform 0s ease;
    transition: -webkit-transform 0s ease;
    transition: transform 0s ease;
    width: 100%;
}
.inline-centered-cnt .inline-centered a:hover img.no-zoom {
    height: auto;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transition: -webkit-transform 0s ease;
    transition: -webkit-transform 0s ease;
    transition: transform 0s ease;
    width: 100%;
}


.playIcon.vCenter{
	position:absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top:50%;
	-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-backface-visibility:hidden;
}

.inline-centered-cnt .inline-centered a img.centerImage2{
	height: auto;
	-webkit-transform: scale(1.004);
	-ms-transform: scale(1.004);
	-webkit-transition: -webkit-transform 0.8s ease;
	transition: -webkit-transform 0.8s ease;
	transition: transform 0.8s ease;
	width: 101%;
	max-width: 101%;
	outline: 1px solid transparent;
	backface-visibility: hidden;
	-webkit-backface-visibility:hidden;
}

.inline-centered-cnt .inline-centered a:hover img.centerImage2{
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-webkit-transition: -webkit-transform 0.8s ease;
	transition: -webkit-transform 0.8s ease;
	transition: transform 0.8s ease;
	outline: 1px solid transparent;
	backface-visibility: hidden;
	-webkit-backface-visibility:hidden;
}

.inline-centered-cnt .inline-centered a .secondaryHilightCont{
	position:relative;
	overflow: hidden;
}

.inline-centered-cnt .inline-centered a .secondaryHilightCont .secondaryTextCont{
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.inline-centered-cnt .inline-centered a .secondaryHilightCont .tertiaryTextCont {
    position: absolute;
    bottom:0;
}

/*.newStyle .videoBkg{
	display: block;
    height: 100%;
    overflow: hidden;
	z-index: -110;
	top:0;
}*/

.newStyle .videoBkg{
	display: block;
    max-width: 100%;
    overflow: hidden;
	z-index: -110;
	top:0;
}

.newStyle .videoBkg video{
    height: 100%;
    left: 0;
    object-fit: cover;
    top: 0;
}

.newStyle .bgVideoBkg{
	display: none;
}

@media (max-width: 63.999em) {
	.newStyle .bgVideoBkg{
		display: block;
	}
}

.tertiaryHighlight a h3{
	-webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;/*0.8s*/
    -webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
    opacity: 1;
}

.tertiaryHighlight a:hover h3{
	-webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    opacity: 0;
}

@supports (-ms-ime-align:auto) {
	.tertiaryHighlight a:hover h3{
	    color:inherit;
	}
	.tertiaryHighlight a h3{
		color:inherit;
	}
	.tertiaryHighlight a.zh-galleryModal:hover h3{
	    color:white;
	}
}

.tertiaryHighlight a.zh-galleryModal:hover h3{
    opacity: 1;
}

.newStyle a i {
	display: inline-block;
    text-decoration:none !important;
}

.partnerCont {
	position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

.partnerCont img {
	
}


/*OLD CSS RULES - to delete when graphic change*/
/*General*/
body { font-family: "Acer Foco", "Trebuchet MS", Arial, sans-serif; line-height: 13px; color: #4d5357; margin: 0; padding: 0; text-align: center; }
img { border: 0; }
form { margin: 0; padding: 0; }
a { color: #1960a1; outline: none; cursor: pointer; }
select, input { font-family: "Acer Foco", "Trebuchet MS", Arial, sans-serif; outline:none; }
.sx { float: left; }
.dx { float: right; }
.dividi { clear: both; }
.hidden-element { display: none; }
h1, h2, h3, h4, h5, h6, section, article, ul { margin: 0; padding: 0; line-height: normal; }
ul { list-style-type: none; }
.disable { opacity: 0.5; filter: alpha(opacity=50); cursor: not-allowed!important; background: rgb(245, 245, 245)!important; color: rgba(0, 0, 0, 0.7)!important; }
#midLandFixer { display: none; width: 1024px; position: absolute; top: -1px; left: 0; height: 1px; }
sup, sub { font-size: 0.7em; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
p.nota-info { font-weight: bold; color: #000; text-align: right; padding-right: 18px; }
.toUpper { text-transform: uppercase; }
.acerNew .mobile-only { display: none; }
.row-content { font-size: 12px; }
.row { width: 100%; height: auto; text-align: center; margin: 0; padding: 0 0 20px 0; clear: both; float: left; }
.row-content { width: 985px; margin: 0 auto; text-align: left; clear: both; }
.acerNew .row-content { width: 978px; margin: 0 auto; text-align: left; clear: both; padding-left: 3px; padding-right: 4px; }
.acerNew .row-content  { width: 985px; margin: 0 auto; text-align: left; clear: both; }
a.prev-small { display: block; width: 17px; height: 40px; background: url(img/arrow_highlight_menu.png) left bottom no-repeat; float: left; }
a.next-small { display: block; width: 17px; height: 40px; background: url(img/arrow_highlight_menu.png) right bottom no-repeat; float: right; }
a.prev-small:hover { display: block; width: 17px; height: 40px; background: url(img/arrow_highlight_menu.png) left 1px no-repeat; }
a.next-small:hover { display: block; width: 17px; height: 40px; background: url(img/arrow_highlight_menu.png) right 1px no-repeat; }
a.next-small span, a.prev-small span { display: none; }
a.arrow-green-dx { padding-right: 20px; background: url(img/arrow.png) right -85px no-repeat; }
a.arrow-green-dx:hover { color: #4d5357; background: url(img/arrow.png) right -181px no-repeat; }
a.empty-button { color: #85bb23; text-decoration: none; padding-right: 13px; background: url(img/arrow.png) right 1px no-repeat; line-height: 19px; }
a.empty-button span { display: block; padding: 3px 0 3px 8px; background: url(img/arrow.png) left 0 no-repeat; font-style: italic; line-height: 19px; }
a.empty-button:hover { color: #fff; text-decoration: none; padding-right: 13px; background: url(img/arrow.png) right -39px no-repeat; }
a.empty-button:hover span { display: block; padding: 3px 0 3px 8px; background: url(img/arrow.png) left -39px no-repeat; font-style: italic; }
a.full-button { color: #fff; text-decoration: none; padding-right: 13px; background: url(img/arrow.png) right -39px no-repeat; line-height: 19px; }
a.full-button span { display: block; padding: 3px 0 3px 8px; background: url(img/arrow.png) left -39px no-repeat; font-style: italic; line-height: 19px; }
a.full-button:hover { color: #85bb23; text-decoration: none; padding-right: 13px; background: url(img/arrow.png) right 1px no-repeat; }
a.full-button:hover span { display: block; padding: 3px 0 3px 8px; background: url(img/arrow.png) left 0 no-repeat; font-style: italic; }
.teal { background-color: #14bcaa; }
.azure { background-color: #49b8da; }
.green { background-color: #85bb23; }
.grass-green { background-color: #21b84c; }
.light-gray { background-color: #efefef; }
.light-green { background: #e9f4e4; }
.light-violet { background: #eeeaf4; }
.dark-teal { background-color: #0e9b8c; }
.dark-azure { background-color: #269cc0; }
.dark-green { background-color: #65aa25; }
.dark-gray { background-color: #c9c9c9; }
.dark-grayblack { background-color: #acafb0; }
.grad-yellow { background: url(img/yellowBck.png); background-size: contain; }
.purple { background: #8f469a; }
.commercial-red { background-color: #D6492A; }
.commercial-orange { background-color: #FE9900; }
.commercial-blue { background-color: #0E6E9E; }
.commercial-teal { background-color: #13979C; }
.commercial-dark-orange { background-color: #F4790F; }
.commercial-dark-red { background-color: #C73119; }
.commercial-dark-blue { background-color: #0C5081; }
.commercial-dark-teal { background-color: #10797F; }	
.acerNew  div.content-link { width: 225px; height: 45px; float: right; margin: 0; padding: 5px 0 0 0; }
.acerNew  div.content-link a { float: left; display: block; }
.acerNew a.button-big { color: #85bb23; text-decoration: none; padding-right: 13px; background: url(img/arrow.png) right -1593px no-repeat; line-height: 19px; }
.acerNew a.button-big span { text-transform: uppercase; color: #fff; font-size: 15px; display: block; padding: 5px 8px 5px 15px; background: url(img/arrow.png) left -1593px no-repeat; font-style: italic; line-height: 19px; }
.acerNew a.button-big:hover { background-position: right -1633px; } 
.acerNew a.button-big:hover span { background-position: left -1633px; color: #e26d31; }
.acerNew a.button-small { color: #85bb23; text-decoration: none; padding-right: 13px; background: url(img/arrow.png) right -1674px no-repeat; line-height: 16px; }
.acerNew a.button-small span { text-transform: uppercase; color: #fff; font-size: 12px; display: block; padding: 4px 8px 3px 15px; background: url(img/arrow.png) left -1674px no-repeat; font-style: italic; line-height: 16px; }
.acerNew a.button-small:hover { background-position: right -1715px; } 
.acerNew a.button-small:hover span { background-position: left -1715px; color: #e26d31; }
/*YouTube Video*/
.videoSection { display: none; opacity: 1; background: transparent; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999999; height: 100%; width: 100%; }
.videoSection div.bg { cursor: pointer; background: #000; opacity: 0.8; height: 100%; width: 100%; }
.videoSection div.video { height: 100%; display: block; top: 0; left: 0; right: 0; z-index: 1000000; position: absolute; }
.videoSection div.video iframe { width: 100%; height: 100%; border: none; } 
.videoSection div.info { margin:0; height: 49px; position: absolute; left: 0px; top: 0; width: 100%; background: #272727; }
.videoSection div.info a.close { text-indent: -19999px; margin:0; background: url(img/arrow.png) left -2011px no-repeat; width: 49px; height: 49px; display: block; float: right; }
.videoSection div.info .txt { margin: 0; padding-left: 40px; font-size: 22px; color: #ffffff; text-align: left; padding-top: 10px; float: left; }
.videoSection div.info a.close:hover { }
/*Product*/
.product-list {  }
.product-list .product { display: none; }
.product-list .product .content { }
.product-list .product .content .compare span.check { display: block; background-color: #eee; float: left; margin-right: 20px; border-radius: 5px; width: 20px; height: 20px }
.product-list .product .content .compare span.label.deselect { display: none; }
.product-list .product.selected .content .compare span.check { background-color: #83b81a; }
.product-list .product.selected .compare span.label { display: none; }
.product-list .product.selected .compare span.label.deselect, .product-list .product.selected .content .compare span.check { display: inline; }
.product-list .product .content.noReview { height: 273px; }
/*Compare*/
.compare-box { height: 180px; display: none; width: 100%; padding: 0 0 0 0; background-color: rgb(224, 224, 224); position: fixed; bottom: 0; left: 0; margin: 0; text-align: center; z-index: 100; }
.compare-menu { width: 978px; padding: 18px 0 0 0; height: 35px; margin: 0 auto; text-align: center; }
.compare-menu span.selected-element { margin-top: 4px; display: block; width: 18px; height: 18px; background: url(img/bk_compare_selection.png) 0 -17px no-repeat; float: left; margin-right: 10px; }
.compare-menu span.selected-element.selected { background-position: 0 1px; }
.acerNew .compare-menu a.selected-label, .compare-menu span.selected-label { font-size: 13px; font-style: italic; line-height: 16px; float: right; text-decoration: none; color: #fff; color: #fff; font-weight: bold; max-width: 420px; overflow: hidden; }
.compare-menu span.selected-label { padding-top: 6px; float: left; }
.compare-menu span.mismatch { display: none; padding-top: 6px; float: left; font-size: 13px; font-style: italic; line-height: 16px; text-decoration: none; color: rgb(208, 36, 36); font-weight: bold; overflow: hidden; margin-left: 40px; }
.compare-menu a.selected-label.open { display: none; } 
.compare-menu a.selected-label.close { display: none; }
.acerNew .compare-menu a.full-button { float: left; color: #2ab5be; text-decoration: none; padding-right: 13px; background: url(img/arrow.png) right -1052px no-repeat; line-height: 19px; }
.compare-menu a.full-button span { display: block; padding: 3px 0 3px 8px; background: url(img/arrow.png) left -1052px no-repeat; font-style: italic; line-height: 19px; }
.compare-menu a.full-button:hover { color: #fff; background: url(img/arrow.png) right -1013px no-repeat; }
.compare-menu a.full-button:hover span { background: url(img/arrow.png) left -1014px no-repeat; }
.list-product-to-compare { }
.acerNew .list-product-to-compare .product { width: 244px; float: left; margin-top: 10px; }
.acerNew .list-product-to-compare .product .content { width: 207px; padding: 5px 18px 10px 18px; height: 85px; overflow: hidden; }
.acerNew .list-product-to-compare .product .compare { width: 226px; border-top: none; float: left; margin: 0 0 15px 0; }
.list-product-to-compare .product .compare a { text-decoration: none; }
.list-product-to-compare .product .compare a span { display: none; }
.list-product-to-compare .product .compare a span.label.deselect { color: rgba(0, 0, 0, 0.0); font-size: 25px; display: block; position: absolute; top: 12px; right: -0; width: 25px; font-family: "Acer Font Icon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 5px; margin-left: 5px; vertical-align: middle; }
.list-product-to-compare .product .compare a span.label.deselect:before { content: "\e002"; color: rgba(0, 0, 0, 0.4); }
.list-product-to-compare .product .compare a span.label.deselect:hover:before { color: rgba(0, 0, 0, 0.7); }
.list-product-to-compare .product img { height: 100px; }
.acerNew .list-product-to-compare .product .content h2 { float: left; width: 97px; font-size: 14px; color: #83b81a; font-style: italic; font-weight: bold; height: 45px; line-height: 15px; overflow: hidden; padding: 0; margin: 0; }
.list-product-to-compare .product .content p { display: none; }
.list-product-to-compare .product .partNumb { display: none; }
.list-product-to-compare .product .content .tag { display: none; }
.list-product-to-compare .product .blueContent { display: none; }
.list-product-to-compare .product .content h2 { font-size: 0.875rem; margin-top: 23px; }
.list-product-to-compare .product .content .button { display: none; }
.list-product-to-compare .product .goBtn { display: none; }
.list-product-to-compare .product { width: 33%; position: relative; }
.compare-box .btnComp { margin-top: 78px; }
.list-product-to-compare .product .ctnTechSpecList { display: none; }
.list-product-to-compare .product .content-link { display: none; }

/* ------------------------------- DEVICE A from 0 to 639px ------------------------------- */
@media screen and (min-width: 0em) and (max-width: 39.999em) {
	
	/*OLD CSS RULES - to delete when graphic change*/
	.row-content { width: 300px; }
	/*Product*/
    .product-list .product .content .compare, .product-list .product .content .review { display: none; }
    /*Compare*/
    .compare-box { display: none!important; }
	
	.newStyle .a-margin-top-s{
		margin-top: 1rem; }

	.newStyle .b-margin-top-s{
		margin-top: 0;}

	.header .logo {
		margin: 12px 0;}

	.header .logo img {
    	height: 36px; }

	.header .navigation .menuLeft>ul>li>div>a {
        padding: 1rem 2rem;
        margin: 0;
        border-bottom: solid 2px #eee;
        color: inherit;
        font-weight: 500;
        text-transform: uppercase;
        padding-left: 1.75rem; }
        
    .header .navigation .menuRight > ul > li > a {
        /*padding: 1rem 2rem;*/
        margin: 0;
        border-bottom: solid 2px #eee;
        font-weight: 500;
        text-transform: uppercase;
    }
    .menuRight ul li a {
        margin: 0;
        padding: 1rem 2rem;
        border-bottom: 1px solid #eee;
        float: left;
        width: 100%;
        transition: inherit;
        line-height: 30px;
        height: 55px
    }
    .header .navigation .menuLeft>ul>li>a:hover {
        border-bottom: solid 1px #eee
    }
    .menuRight > ul > li > div > a:hover {
        border-bottom: solid 1px #eee
    }
    /*.menuRight > ul > li > div > a {
	    padding: 1rem 2rem !important;
	    margin: 0 !important;
	}*/
    .header .navigation .menuLeft ul li a.open {
        border-bottom: solid 1px #eee
    }
    .menuRight ul li a.open {
        border-bottom: solid 1px #eee
    }
    .header .navigation .menuLeft .mega {
        background-color: #fff
    }
    .header .navigation .menuLeft .mega .subColumn {
        border-right: none;
        margin: 0
    }
    
    .header .navigation .menuLeft .mega .subColumn.support {
    	display: none; }
    
    .header .navigation .menuLeft .mega .subColumn.support.showMobile {
    	display: block; }
    
    .header .navigation .menuLeft .mega .subNav .supportCol {
    	margin: -13px 1rem 1rem 1rem; }
    	
    .header .navigation .menuLeft .mega .subNav .supportCol .supportLink {
		padding: 0;
		border: none;
    	height: 20px;
    	color: rgba(0, 0, 0, 0.4);
    	transition: inherit;
    	text-transform: capitalize;
	    background: none;
	    text-align: left;
	    margin: 0;
	    font-weight: 500;
	    margin: 0;
	    font-size: .875rem;
    	font-size: calc(0.08929vw + 0.79464rem);
    	line-height: inherit; }
    	
    .header .navigation .menuLeft .mega .subNav .supportCol .supportLink:hover {
    	color: rgba(0, 0, 0, 0.7); }

	.header .navigation .menuLeft .mega .subNav .supportCol .supportLink h5 {
		margin: 0;
		font-size: .875rem;
    	font-size: calc(0.08929vw + 0.79464rem);
    	text-align: left;
    	font-weight: normal!important;
    	height: 20px;
    	line-height: 20px; }
	
    .megaRight .subColumn {
        border-right: none;
        margin: 0
    }
    .menuRight {
        margin-top: -5px
    }
    .header .navigation .menuLeft .mega {
        border-right: none;
        padding: .2rem 0 0
    }
    .header .navigation .menuRight .mega {
        border-right: none;
        padding: .2rem 0 0
    }
    .header .navigation .menuLeft .mega .subNav nav ul li a {
        margin: .3rem 0
    }
    .header .navigation .menuRight .mega .subNav nav ul li a {
        margin: .5rem 0;
        padding-top: 0;
        padding-bottom: 0
    }
    .header .navigation .menuRight a {
        font-weight: 500;
        text-transform: capitalize
    }
    /*.menuRight >ul>li>div>a {
        padding: 1rem 2rem!important;
        margin: 0!important
    }*/
    .header .navigation {
        overflow-x: hidden
    }
    .header .navigation .menuRight ul li a i.iconMobile {
        color: rgba(0, 0, 0, 0.7)
    }
    .header .navigation .menuRight ul li a.open {
        background-color: #fff
    }
	.filters_no_a_b{
		display: none!important; }
	
	/*Byoc Banner*/	
	.acerNew.hubWOW .byocBanner p { left: 0; width: 100%; }
	.acerNew.hubWOW .byocBanner span { left: 0; width: 100%; }
	.acerNew.hubWOW .byocBanner div.content-link { left: 0; width: 100%; }
	.acerNew.hubWOW .byocBanner a { left: 0; width: 100%; }
	.acerNew.hubWOW .byocBanner div.smartphone { margin-top: 10px; height: 313px; }
	
	/*Byoc Video*/
	.acerNew .byocVideo p { color: #828282; text-shadow: none; width: 306px; font-size: 20px; position: inherit; top: 20px; margin-bottom: 40px; }
    .acerNew .byocVideo a.play { top: 195px; }
    .acerNew .byocVideo a.scroll { display: none; }
	.acerNew .byocVideo div.smartphone { margin: 0 auto; display: block; width: 320px; height: 195px; }
	
	/*ShowCase New Professional Home*/
    .acerNew .showcase { height: 204px; }
    .acerNew .showcase .slide { top: 10px; width:320px; height:184px;  margin-left: -160px;}
    .acerNew .showcase .slide a { width: 320px; height: 184px; cursor: auto; }  
    .acerNew .showcase .wrapper { margin-left: -160px; width:320px; height:184px; }
    .acerNew .showcase .wrapper .sc-prod {margin:0; width:320px; height:184px; }
    .acerNew .showcase .wrapper .sc-prod a {display:block;  width:320px; height:184px;}
    .acerNew .showcase .wrapper .sc-prod img { display:none;}
    .acerNew .showcase .arrow-slide { display: none; }

	.newStyle .a-align-left {
	  	text-align: left; }
	
	.newStyle .a-align-center {
	  	text-align: center; }
	
	.newStyle .a-align-right {
	  	text-align: right; }
	  	
	 .newStyle .a-centerImage {
  		margin: 0 auto; }

	.newStyle .a-float-left {
  		float: left; }

	.newStyle .a-float-right {
  		float: right; }
  		
  	.newStyle .a-float-none {
  		float: none!important; }

	.newStyle .a-align-left {
	  	text-align: left; }
	
	.newStyle .a-align-center {
	  	text-align: center; }
	
	.newStyle .a-align-right {
	  	text-align: right; }

	.newStyle .a-float-left {
  		float: left; }

	.newStyle .a-float-right {
  		float: right; }
  		
  	.newStyle .a-float-none {
  		float: none!important; }

	 .compare {
	 	display: none; }
	 	
	 .contIframe {
	 	width: 100%; }
	 	
	 .groupFilters {
	 	display: none; }
	 	
	 .hoverShowInfo .element {
	 	border-bottom: 1px solid #eee; }
	 	
	 .contentRight {
		margin-top: 0;
	    padding-top: 1rem; }
	 	
	 .hoverShowInfo {
	 	border-bottom: none; }
	 	
	 .hoverShowInfo.bg-black  {
	 	border-bottom: none; }
	 	
	 .hoverShowInfo.bg-black .element {
    	border-bottom: 1px solid #333; }
    	
    .hoverShowInfo .element > a {
	 	top: 60px; }
	 	
	 .hoverShowInfo .element .up h3 {
	    margin-top: 2em; }
	 	
	 .sectionHighlight .row .col {
	 	border-bottom: 1px solid #ddd; }
	 	
	 .modal .modalContent iframe {
    	min-height: 200px; }
    	
    .acer-store .sd-logo {
    	float: none;
	    width: 100%;
	    margin: 0 auto;}
	    
	 .acer-store p {
	 	text-align: center;
	 	margin-bottom: 0; }
	 	
	 .modal .modalContent .close {
	 	top: -15px;
    	right: 15px; }
    	
    .modal .modalContent .arrowLeft {
    	left: 10px; }
    	
    .modal .modalContent .arrowRight {
    	right: 10px; }
	 	
	 .filter-container {
		/*position: absolute;
	    left: 0px;
	    width: 85%;
	    top: 290px;
	    padding-left: 25px;
	    background: rgb(255, 255, 255);*/ } 
	 	
	 .filter-box a.open-filter, 
	 .filter-box a.close-filter { 
	 	display: block; }
	 	
	 .secondLevelMenu .seriesNav {
	 	min-height: 0px;
	    position: absolute;
	    background: rgb(245, 245, 245);
	    width: 100%;
	    left: 0;
	    top: 120px;
	    z-index: 9; }
	    
	  .header .navigation .menuLeft .mega .subNav ul li a.hoverEvent:hover {
		color: rgba(0, 0, 0, 0.7);	}
		
	  .header .navigation .menuLeft .mega .subNav ul li a.hoverEvent:hover i {
		display: none; }
	    
	  .windowsLogo {
	  	display: none; }
	  	
	 /* .acerNew.contLocalStore {
		display: none; }
		*/
	  .acerNew.goWTB { 
	  	display: none; }
	    
	  .secondLevelMenu.freezed .seriesNav {  
	 	top: 50px;
	 	background-color: rgba(255, 255, 255, 1); }
	 	
	 .newStyle .padTopMenuOver {
		padding-top: inherit; }
		
	 .secondLevelMenu.over {
	 	position: inherit; }
	 	
	 .secondLevelMenu.freezed {
	 	position: fixed; }
	 	
	 .sectionModelInfo .info {
		margin-top: 0px; }
		
	 .sectionModelInfo .info .button {
		float: none; }
	 	
	 .sectionModelInfo .info h1, .sectionModelInfo .info p {    
    	text-align: center; }
	 	
	 .gallerySection .cont.oldSeries .col:nth-child(-n+4) {
	 	border-bottom: 1px solid #ddd; }
	 	
	 .gallerySection .cont .col:nth-child(-n+6) {
	 	border-bottom: 1px solid #ddd; }
	 	
	 .secondLevelMenu.freezed.open {
    	background-color: rgba(255, 255, 255, 1);
    	position: fixed; }
	 	
	 .compareDisabled {
		display: block; }
		
	.contSection .textOver.a-top {
		position: inherit; }
		
	.contSection .textOverKsp {
		position: inherit; }
	
	.contSection .textOverKsp .col {
		margin-left: auto;
    	width: 100%; }
		
	.contSection .textOverKsp .col h2, .contSection .textOverKsp .col p {
		text-align: center; }
		
	.contSection .textOverKsp .col a {
		float: none;
		display: inline-block; }
		
	.contSection .textOver .col p {
	    margin-top: 1rem;
	    margin-bottom: 1rem; }
	    
	.contSectionBen .textOverBen {
		position: inherit; }
		
	.contSectionBen .textOverBen .col {
		margin-left: auto;
    	width: 100%; }
		
	.contSectionBen .textOverBen .col h2, .contSectionBen .textOverBen .col p {
		text-align: center; }
		
	.contSectionBen .textOverBen .col a {
		float: none; }
		
	.contSectionBen .textOverBen .col p {
	    margin-top: 1rem;
	    margin-bottom: 1rem; }
	    
	.model .bordR {
    	border-right: none; }
    
	.model .bordL {
	    border-left: none;
	    margin-left: inherit; }   
	    
	 .model li {
	 	text-align: center; }
	 	
	 .model .col p {
		text-align: center; }
	
	.secondLevelMenu {
		background: rgb(245, 245, 245);
		border-bottom: 1px solid #ddd;
		cursor: pointer;
		position: inherit; }
		
	.secondLevelMenu .iconCta {
		display: block;
	    float: right;
	    margin-top: 18px;
    	padding: 0; }
	
	.secondLevelMenu h1 {
		/*display: none;*/
		color: rgba(0, 0, 0, 0.7); }
			
	.secondLevelMenu .seriesNav ul {
		width: 100%;
    	display: none; }
    	
    .secondLevelMenu.open .seriesNav ul {
    	display: block; }
		
	.secondLevelMenu .seriesNav ul li a {
		width: 100%;
	    display: block;
	    text-align: center;
	    color: rgba(0, 0, 0, 0.4);
	    border-top: 1px solid #ddd;
	    padding: 21px 0;
	    margin: 0; }

	.secondLevelMenu .seriesNav ul li p {
		width: 100%;
	    display: block;
	    text-align: center;
	    color: rgba(0, 0, 0, 0.87);
	    border-top: 1px solid #ddd;
	    padding: 21px 0;
	    margin: 0; }
	    
	 .secondLevelMenu .seriesNav ul li:first-child {
	 	/*margin-top: 25px;*/ }
		
	.secondLevelMenu.clear .seriesNav ul li a {
		color: rgba(0, 0, 0, 0.4); }
		
	.secondLevelMenu.clear .seriesNav ul li a:hover, .secondLevelMenu.clear .seriesNav ul li a.active {
    	color: rgba(0, 0, 0, 0.87); }
	
	.groupSingleContProd .displayTable {
	    display: block;
    	height: auto; } 
	
	.groupSingleContProd .displayTable .title {
		display: block;
		width: auto; }
		
	.groupSingleContProd .displayTable .title p {
		width: auto; }
		
	.groupSingleContProd .image { 
		margin: 0 auto; }
	
	.groupMultiContProd .line { 
	    min-height: inherit;
	    padding-top: 0;
	    border-right: 1px solid #eee;
	    border-bottom: 1px solid #eee; }
	    
	.groupMultiContProd .products div div:nth-child(3) { 
		border-right: 1px solid #eee; }
		
	.groupMultiContProd .products {
		border-left: none;
		border-right: none; }
	
	.logoCina {
		margin: 0 auto 1rem auto; }
	
	.borderLeft {
  		padding-left: 2em;
    	padding-right: 2em;
    	border: none; }
    	
    .supportModel .section {
    	padding-left: 0;
    	min-height: inherit; }
    	
	.cookieBox i {
		display: block; }
	
	.cookieBox .accept {
		display: none; }
		
	/*.newStyle .contSelect .select {
		width: 100%; }*/
	.newStyle .contSelect .select {
		width: 90%;
		margin-left: 5%;
	}
		
	.downloadSection {
		width: 100%; }
		
	.downloadSection .productInfo {
		width: 100%; }
		
	.downloadSection .productInfo .info {
		width: 300px; }
		
	.supportModel a.active i {
		display: none; }
		
	.supportModel a i.onlyMobile {
		display: block;
		padding: 0; 
		margin-top: -4px; }
		
	.supportModel a.active i.onlyMobile {
		display: block;
		transform: rotate(135deg); }
		
	.downloadSection .productInfo .orderDocuments a {
		width: 121px; }
		
	.downloadSection .productInfo .orderDocuments {
		clear: inherit; 
		margin-top: 0; }
		
	.downloadSection .productInfo .info p {
		width: 150px; }
		
	.downloadSection .productInfo .info a {
		width: 100%; }
		
	.supportModel .ctnTableDownloads {
		width: 100%;
	    float: left;
	    overflow: hidden; }
		
	.ctnTableDownloads ul {
		width: 449px;
	    float: left;
	    margin: 20px 0 7px 0; }
    	
    .ctnTableDownloads ul li {
    	width: 449px;
	    float: left;
	    line-height: 55px;
	    font-size: 16px;
	    font-weight: bold;
	    margin-bottom: 5px; }
    	
    .ctnTableDownloads ul li a {
    	width: 254px; }
	    
	.ctnTableDownloads ul li a.active, .ctnTableDownloads ul li a:hover {
	    color: #80C343;
	    background: #e5e5e5 url(img/arrow.png) -560px -704px no-repeat;	}
	    
	.ctnTableDownloads div.ctnTable {
		display: none; } 
	    	
    .ctnTableDownloads ul li div.ctnTable {
		float: left;
	    width: 100%;
	    display: block;
	    line-height: 13px;
	    padding: 0 0 0 0; } 
	    
	 .downloadSection .productInfo .info {
	 	width: 315px; }
	    
	 .ctnTableDownloads ul li div.ctnTable table {
	 	width: 254px;
	    display: table;
	    margin-top: 18px;
	    margin-bottom: 18px; }
    	
    .ctnTableDownloads ul li div.ctnTable table td a {
	    color: #85bb23;
	    height: auto;
	    width: auto;
	    background-color: transparent;
	    padding: 0;
	    margin: 0;
	    text-decoration: underline; }
		
	.supportModel .lnkDriver, 
	.supportModel .lnkTopAnswer, 
	.supportModel .lnkCommunity {
		position: inherit;
		width: auto; }
		
	.supportModel a i {
		display: none;
		float: right; }
	
	.filters .contFilters {
		display: none; }
		
	.filters p {
		cursor: pointer;
		margin: 0;
    	padding-bottom: 1em; }
    	
	.filters p i {
	    display: block; 
	    float: right; }
	
	.resultsContainer .results { 
		padding-left: 0; }
	
	.filters {
		background: rgb(245, 245, 245);
    	margin-top: -2rem; 
    	padding-left: 2em;
    	padding-right: 2em; }
    	
  	.resultsContainer {
  		padding-left: 2em;
    	padding-right: 2em; }
    	
    .resultsContainer .results .result .cont {
        width: 100%;
    	text-align: center; }
    
    .resultsContainer .results .result img {
    	float: none;
	    margin: 0 auto;
	    display: block; }
	    
	.footerNav .social a {
		float: none; }
	
	.footerNav .row.gutter {
		padding: 0; } 
		
	.footerNav .col.gutter {
		padding: 0 2em; }
		
	.toggleMenuLeft {
		display: block; 
		margin: 0; }
		
	.toggleMenuLeft i {
		float: left;
		display: block; }
		
	.menuSecLeft ul li a:hover {
		color: rgba(0, 0, 0, 0.7); }
		
	.menuSecLeft ul li a.current:hover {
		color: rgba(0, 0, 0, 1.0); }
		
	.menuSecLeft {
	    margin-top: 0; }
		
	.menuSecLeft ul {
		display: none;
		margin-left: -2rem;
	    margin-right: -2rem;
	    padding-left: 2rem;
	    padding-right: 2rem;
	    border-bottom: 1px solid #eee; }
		
	.menuSecLeft.active ul {
		display: block; 
    	background-color: #f5f5f5; }
    	
    .menuSecLeft ul li {
    	padding-bottom: 0; 
    	border-bottom: none; }
    	
    .menuSecLeft ul li.current {
    	background: #fff; }
    	
    .menuSecLeft ul li {
	    border-right: none;
	    border-bottom: none;
	    border-top: 1px solid #eee; }
	    
	.menuSecLeft ul li ul li {
		border-top: none; }
    	
    .menuSecLeft ul li ul {
		border-bottom: none; }
		
	.menuSecLeft.active ul li.current ul {
		display: block; }
		
	.menuSecLeft ul li a.current i {
		display: none; }
		
	.menuSecLeft ul li a i.iconMobile {
		display: block; 
		position: absolute;
		top: 1em;
    	right: 2rem;
	    -webkit-transition: -webkit-transform .2s;
	    transition: transform .2s;
	    width: 16px;
	    height: 16px; }
	 
	 .menuSecLeft ul li a i.iconMobile:before, .menuSecLeft ul li a i.iconMobile:after { 
	    position: absolute;
	    display: block;
	    width: 16px;
	    height: 1px;
	    background-color: rgba(0, 0, 0, 0.7);
	    content: "";
	    top: 8px; }
	    
	 .menuSecLeft ul li a i.iconMobile:after {
	    -webkit-transform: rotate(90deg);
    	transform: rotate(90deg); }
    
    .menuSecLeft ul li a.current i.iconMobile {	
     	transform: rotate(135deg); }
	
	.contSuggestionTop {
		width: 100%;
    	top: 83px;
    	background-color: #eee;
    	left: 0px; 
    	border-left: 2em solid #f5f5f5;
    	border-right: 2em solid #f5f5f5;
    	border-bottom: 20px solid #f5f5f5 !important; }
    	
    .contSuggestionTop ul li a {
    	padding: 1em 0; }
    	
    .contSuggestionTop .ui-autocomplete {
		background-color: #eeeeee; }
    	
    .contSuggestionTop .row.gutter {	
    	padding-left: 1rem;
    	padding-right: 1rem; }
    	
	.contSuggestionTop ul li a:hover {
	    background: #eeeeee;
    	color: rgba(0, 0, 0, 0.7); }
    
	.header .menuBar {
		height: 50px;
		/*position: relative;*/ }
		
	.header .menuBar .contMobileMenu {
		position: absolute;
	    right: 0;
	    width: 20%; 
	    top: 0; }
		
	.header .menuBar .mobileMenu {
		display: block;
		height:60px;}
		
	.header .navigation {
		display: block;
		background-color: #f5f5f5;
		height: 100%;
		left: 0;
		position: fixed;
		top: 0;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		-webkit-transition: transform .3s ease;
		transition: transform .3s ease;
		width: 80%;
		z-index: 50; 
		overflow: scroll; }
		
	.header .navigation.open {
		-webkit-transform: translateX(0);
		transform: translateX(0); }
		
	.header .navigation .bgSearchBox {
		padding: 1rem 2rem; }
		
	.header .navigation .bgSearchBox .searchBox {
		display: none;
		position: relative;
		background: transparent;
		float: left;
		height: 50px;
		margin-top: 1.0em;
		margin-bottom: 1.5em; }
		
	.header .navigation .bgSearchBox .searchBox input {
		padding: 0px 1.0em;
		height: 50px;
		background-color: #eeeeee;
		text-transform: capitalize;
		border-radius: 0.2em; }
		
	.header .navigation .bgSearchBox .searchBox I {
		display: none; }
		
	.header .navigation .menuLeft {
		float: left;
		background-color: transparent;
		width: 100%; }
		
	.header .navigation .menuLeft ul li {
		float: none; }
		
	.header .navigation .menuLeft ul li a {
		margin: 0;
		padding: 1rem 2rem;
		border-bottom: 1px solid #eee;
		float: left;
		width: 100%; 
		transition: inherit;
		line-height: 30px;
		height: 55px; }
		
	.header .navigation .menuLeft ul li a:hover {
		color: rgba(0, 0, 0, 0.7); }
		
	.header .navigation .menuLeft ul li a i {
		display: none; }
			
	.header .navigation .menuLeft ul li a i.iconMobile {
		display: block;
	    -webkit-transition: -webkit-transform .2s;
	    transition: transform .2s;
	    float: right; }
	    
     .header .navigation .menuLeft ul li a.zh-withMenu.open i {
	    transform: rotate(135deg); }
		
	.header .navigation .menuLeft ul li a.zh-withMenu.open {
		background-color: #fff;
		color: rgba(0, 0, 0, 0.7); }
		
	.header .navigation .menuLeft ul li a span {
		float: right; }
		
	.header .navigation .menuLeft ul li a.zh-withMenu.open span {
		color: red; }
		
	.header .navigation .menuLeft .mega {
		position: relative;
		top: 0;
		left: 0;
		border: none;
		padding-bottom: 1rem; 
		padding-left: 0; }
		
	.header .navigation .menuLeft .mega .subNav {
		padding: 0 0 0 0; }
		
	.header .navigation .menuLeft .mega .subNav ul li {
		float: none; }
		
	.header .navigation .menuLeft .mega .subNav ul li a {
		margin: 0;
		border: none;
		background-color: #fff;
		padding: 1rem 2rem 0 2rem;
		line-height: 1.5; }
		
	.header .navigation .menuLeft .mega .subNav ul li a.showMobile {
		display: block; }

	.header .navigation .menuRight .mega .subNav ul li a.showMobile {
		display: block; }
		
	.header .navigation .menuRight {
		float: left;
		width: 100%;
		margin-bottom: 1.5em; }
		
	.header .navigation .menuRight li {
	    float: none; }
		
	.header .navigation .menuRight a i {
		display: none; }
		
	.header .navigation .menuRight ul li a.zh-withMenu.open i {
    	transform: rotate(135deg); }
		
	.header .navigation .menuRight ul li a i.iconMobile {
	    display: block;
	    -webkit-transition: -webkit-transform .2s;
	    transition: transform .2s;
	    float: right; }
		
	.header .navigation .menuRight a {
	    margin: 0;
	    padding: 1rem 2rem;
	    border-bottom: 1px solid #eee;
	    width: 100%;
	    transition: inherit;
	    line-height: 30px;
	    height: 55px;
	    float: none;
	    padding-left: 1.75rem;
        color: rgba(0, 0, 0, 0.7); }
	    
	.header .navigation .menuRight .mega {
	    position: relative;
	    top: 0;
	    left: 0;
	    border: none;
	    padding-bottom: 1rem;
	    padding-left: 0; }
	    
	 .header .navigation .menuRight .mega .subNav {
    	padding: 0 0 0 0; }
    	
    .header .navigation .menuRight .mega .subNav ul li a {
	    margin: 0;
	    border: none;
	    background-color: #fff;
	    padding: 1rem 2rem 0 2rem;
	    line-height: 1.5; }
	    
	 .header .navigation .menuRight li:last-child {
	    display: none; }
		
	.header .navigation .menuRight .mega .subNav li:last-child {
		display: block; }
		
	.header .navigation .menuRight a.lnkOpenSearch {
		display: none; }
		
	.footerNav h4 {
		padding: 1rem 0;
		border-bottom: 1px solid #767676;
		cursor: pointer; 
		position: relative; }
		
	.footerNav i {
 		display: block;
	    -webkit-transition: -webkit-transform .2s;
    	transition: transform .2s;
    	float: right; }
    	
    .footerNav .open i {
 		transform: rotate(135deg) }
 
 	.footerNav .open i {
 		display: block; }
		
	.footerNav ul {
		display: none; }
		
	.footerNav .open {
		background-color: #616161;
		margin-top: -1px; }
		
	.footerNav .social {
		padding-bottom: 0;
		padding-top: 4em;
		width: 258px;
	    margin: 0 auto;
	    float: none; }
		
	.footerBar .language a {
		text-align: center; }
		
	.footerBar .copyright p {
		text-align: center; }
	
	.showGallery { 
	 	height: 25em; }
	 
	 .showGallery .im a { 
	 	height: 400px; }
	
	.showGallery .tx {
		top: 22px; }
	
	.highlight a {  
		padding: 0; }
	
	.highlight a:hover {
		background: none; }

	 /* custom class ID design */
	.tile-overlay {
        display: none;
    }
    .gallerySection .contSelect .playIcon {
	    position: absolute;
	    top: 40%;
	    margin-top: -35px;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    font-size: 70px;
	    text-align: center;
	    color: #fff;
	}
	.customSubmitHub{
		text-align: left;
	}
	.zh-deleteAddress{
		margin-left: 1rem!important;
	}
	.zh-deleteTel{
		margin-left: 1rem;
	}
	.customCheckboxHub{
		width:20px;
		margin-left:-2%;
		top:-5px;
		position:relative;
		color:rgb(238, 238, 238);
	}
	.saveProductHub{
		width:70%!important;
	}
	.zh-detailUrl img{
		height: 150px!important;
		max-width: 100%;
	}

	.buttonHubWidth{
		width:70%!important;
	}
	.soldOnStoreImg{
		width:100%;
	}

	/* new modal */
	.clm-modal .modalContent .sd-description{
		width:100%;
		min-width:100%;
	}

	.clm-modal .modalContent .sd-description .margin-top-0{
		margin-top: 1rem;
	}

	.acer-store .sd-logo{
		width:100%;
	}
	.clm-modal .modalContent .acer-store .sd-logo img:first-child{
		width:180px;
		height:auto;
	}
	.clm-modal .modalContent #sd-box-loghi .margin-top-m{
		margin-top:0;
	}

	.clm-modal .modalContent #insertAddress{
		min-width: 100%;
	}

	.partnersContainer .a-partnerJustify{
		display: flex;
		justify-content: center;
	}

	/*new where to buy section */

	.wtb-gmapresults  ul li{
        display:none;
    }

    .wtb-gmapresults  ul li:first-child{
        display:block;
    }

    #wtb-gmap {
        padding-bottom: 60%;
    }

    .padding-left-wtb {
		padding-left: 0;
		margin-left: 0;
	}

	.header {
		height: 60px; }

	.header .contHeader {
		height: 60px; }
}

/* ------------------------------- DEVICE B from 640px to 1023px ------------------------------- */
@media screen and (min-width: 40em) and (max-width: 63.999em) {
	
	/*OLD CSS RULES - to delete when graphic change*/
	.row-content { width: 300px; }
	/*Product*/
    .product-list .product .content .compare, .product-list .product .content .review { display: none; }
    /*Compare*/
    .compare-box { display: none!important; }
    
	.newStyle .a-margin-top-s{
		margin-top: 1rem; }

	.newStyle .b-margin-top-s{
		margin-top: 1rem; }

	.header .navigation .menuLeft>ul>li>div>a {
        padding: 1rem 2rem;
        margin: 0;
        border-bottom: solid 2px #eee;
        color: inherit;
        font-weight: 500;
        text-transform: uppercase
    }

    .header .logo {
		margin: 12px 0;}

	.header .logo img {
    	height: 36px; }

    .header .navigation .menuRight > ul > li > a {
        /*padding: 1rem 2rem;*/
        margin: 0;
        border-bottom: solid 2px #eee;
        font-weight: 500;
        text-transform: uppercase;
    }
    .menuRight ul li a {
        margin: 0;
        padding: 1rem 2rem;
        border-bottom: 1px solid #eee;
        float: left;
        width: 100%;
        transition: inherit;
        line-height: 30px;
        height: 55px
    }
    .header .navigation .menuLeft>ul>li>a:hover {
        border-bottom: solid 1px #eee
    }

    .menuRight > ul > li > div > a {
	    padding: 1rem 2rem !important;
	    margin-top: 3px !important;
	    border-bottom: solid 1px #eee;
	}

    .menuRight > ul > li > div > a:hover {
        border-bottom: solid 1px #eee;
        margin-top: 3px !important;
    }

    .header .navigation .menuLeft ul li a.open {
        border-bottom: solid 1px #eee
    }
    .menuRight ul li a.open {
        border-bottom: solid 1px #eee
    }
    .header .navigation .menuLeft .mega {
        background-color: #fff
    }
    .header .navigation .menuLeft .mega .subColumn {
        border-right: none;
        margin: 0
    }
    
    .header .navigation .menuLeft .mega .subColumn.support {
    	display: none; }
    
    .header .navigation .menuLeft .mega .subColumn.support.showMobile {
    	display: block; }
    
    .header .navigation .menuLeft .mega .subNav .supportCol {
    	margin: -13px 1rem 1rem 1rem; }
    	
    .header .navigation .menuLeft .mega .subNav .supportCol .supportLink {
		padding: 0;
		border: none;
    	height: 20px;
    	color: rgba(0, 0, 0, 0.4);
    	transition: inherit;
    	text-transform: capitalize;
	    background: none;
	    text-align: left;
	    margin: 0;
	    font-weight: 500;
	    margin: 0;
	    font-size: .875rem;
    	font-size: calc(0.08929vw + 0.79464rem);
    	line-height: inherit; }
    	
    .header .navigation .menuLeft .mega .subNav .supportCol .supportLink:hover {
    	color: rgba(0, 0, 0, 0.7); }

	.header .navigation .menuLeft .mega .subNav .supportCol .supportLink h5 {
		margin: 0;
		font-size: .875rem;
    	font-size: calc(0.08929vw + 0.79464rem);
    	text-align: left;
    	font-weight: normal!important;
    	height: 20px;
    	line-height: 20px; }
    	
    .megaRight .subColumn {
        border-right: none;
        margin: 0
    }
    .menuRight {
        margin-top: -5px
    }
    .header .navigation .menuLeft .mega {
        border-right: none;
        padding: .2rem 0 0
    }
    .header .navigation .menuRight .mega {
        border-right: none;
        padding: .2rem 0 0
    }
    .header .navigation .menuLeft .mega .subNav nav ul li a {
        margin: .3rem 0
    }
    .header .navigation .menuRight .mega .subNav nav ul li a {
        margin: .5rem 0;
        padding-top: 0;
        padding-bottom: 0
    }
    .header .navigation .menuRight a {
        font-weight: 500;
        text-transform: capitalize
    }

    .header .navigation {
        overflow-x: hidden
    }
    .header .navigation .menuRight ul li a i.iconMobile {
        color: rgba(0, 0, 0, 0.7)
    }
    .header .navigation .menuLeft > ul > li > div > a {
        color: rgba(0, 0, 0, 0.7)
    }
    .header .navigation .menuRight ul li a.open {
        background-color: #fff
    }
	.filters_no_a_b{
		display:none!important;
	}
	
	/*Byoc Banner*/
	.acerNew.hubWOW .byocBanner div.tablet { width: 100%; height: 330px; margin-top: 10px; }
	
	/*Byoc Video*/
	.acerNew .byocVideo a.play { top: 220px; }
    .acerNew .byocVideo a.scroll { display: none; }
	.acerNew .byocVideo div.tablet { display: block; width: 744px; height: 450px; margin: 0 auto; }
	
	/*ShowCase New Professional Home*/
    .acerNew .showcase { height: 430px; }
    .acerNew .showcase .slide { top: 10px; height:385px; }
    .acerNew .showcase .slide a { width: 100%; height: 385px; }
    .acerNew .showcase .wrapper { margin-left: -375px; width:750px; height:385px; }
    .acerNew .showcase .wrapper .sc-prod { width: 273px; height: auto;}
    .acerNew .showcase .wrapper .sc-prod a { width:750px; height:385px; }
    .acerNew .showcase .wrapper .sc-prod img { width: 273px; float: left; height: 385px; margin-top: 45px; margin-left: 25px;}
    .acerNew .showcase .arrow-slide { width: 716px; margin-left: -358px; top: 178px; }
	
	.newStyle .b-align-left {
	  	text-align: left; }
	
	.newStyle .b-align-center {
	  	text-align: center; }
	
	.newStyle .b-align-right {
	  	text-align: right; }
	  	
	.newStyle .b-align-left {
  		text-align: left; }
  		
  	.newStyle .b-centerImage {
  		margin: 0 auto; }

	.newStyle .b-float-left {
  		float: left; }

	.newStyle .b-float-right {
  		float: right; }
  		
  	.newStyle .b-float-none {
  		float: none!important; }

	.compare {
	 	display: none; }
    	
    .contentRight {
		margin-top: 0;
    	padding-top: 1rem; }
	 	
	.contIframe {
	 	width: 100%; }
	 	
	.groupFilters {
	 	display: none; }
	 	
	 .hoverShowInfo .element {
	 	border-bottom: 1px solid #eee;
	 	height: 500px; }
	 	
	 .hoverShowInfo .element > a {
	 	top: 60px; }
	 	
	 .hoverShowInfo .element .up {
	 	height: 500px;
	 	/*bottom: -500px;*/ }
	 	
	 .hoverShowInfo .element .up h3 {
	    margin-top: 2em; }
	 	
	 .hoverShowInfo {
	 	border-bottom: none; }
	 	
	 .hoverShowInfo.bg-black  {
	 	border-bottom: none; }
	 	
	 .hoverShowInfo.bg-black .element {
    	border-bottom: 1px solid #333; }
	 	
	.sectionHighlight .row .col {
	 	border-bottom: 1px solid #ddd; }
	 	
	.modal .modalContent iframe {
    	 }
    	 
    .acer-store .sd-logo {
    	float: none;
	    width: 60%;
	    margin: 0 auto; }
	    
	 .acer-store p {
	 	text-align: center;
	 	margin-bottom: 0; }
	 	
	.modal .modalContent .close {
	 	top: -15px;
    	right: 15px; }
    	
    .modal .modalContent .arrowLeft {
    	left: 10px; }
    	
    .modal .modalContent .arrowRight {
    	right: 10px; }
	 	
	 .filter-box a.open-filter, 
	 .filter-box a.close-filter { 
	 	display: block; }
	 	
	 .secondLevelMenu.over {
	 	position: inherit; }
	 	
	 .secondLevelMenu.freezed {
	 	position: fixed; }
	 	
	 .header .navigation .menuLeft .mega .subNav ul li a.hoverEvent:hover {
		color: rgba(0, 0, 0, 0.7);	}
	
	 .header .navigation .menuLeft .mega .subNav ul li a.hoverEvent:hover i {
		display: none; }
	 	
	 .acerNew.goWTB { 
		display: none; }
	 	
	 .windowsLogo {
	  	display: none; }
	 
	 .newStyle .padTopMenuOver {
		padding-top: inherit; }
		
	.sectionModelInfo .info {
		margin-top: 0px; }
		
	.sectionModelInfo .info .button {
		float: none; }
		
	.sectionModelInfo .info h1, .sectionModelInfo .info p {    
    	text-align: center; }
	 	
	.gallerySection .cont.oldSeries .col:nth-child(-n+4) {
	 	border-bottom: 1px solid #ddd; }
	 	
	.gallerySection .cont .col:nth-child(-n+6) {
	 	border-bottom: 1px solid #ddd; }
	 	
	.secondLevelMenu.freezed.open {
    	background-color: rgba(255, 255, 255, 1);
    	position: fixed; }
	    
	.model .bordR {
    	border-right: none; }
    
	.model .bordL {
	    border-left: none;
	    margin-left: inherit; }
	    
	 .model .col p {
		text-align: center; }
	    
	 .model li {
	 	text-align: center; }
	 	
	 .compareDisabled {
		display: block; }
		
	.contSection .textOver.b-top {
		position: inherit; }
		
	.contSection .textOverKsp {
		position: inherit; }
	
	.contSection .textOverKsp .col {
		margin-left: auto;
    	width: 100%; }
		
	.contSection .textOverKsp .col h2, .contSection .textOverKsp .col p {
		text-align: center; }
		
	.contSection .textOverKsp .col a {
		float: none;
		display: inline-block; }
	
	.contSection .textOver .col p {
		margin-top: 1rem;
    	margin-bottom: 1rem; }	
	   
	.contSectionBen .textOverBen {
		position: inherit; }
		
	.contSectionBen .textOverBen .col {
		margin-left: auto;
    	width: 100%; }
		
	.contSectionBen .textOverBen .col h2, .contSectionBen .textOverBen .col p {
		text-align: center; }
		
	.contSectionBen .textOverBen .col a {
		float: none; }
		
	 .contSectionBen .textOverBen .col p {
	    margin-top: 1rem;
	    margin-bottom: 1rem; }
	    
	.secondLevelMenu {
		background: rgb(245, 245, 245);
		border-bottom: 1px solid #ddd;
		cursor: pointer;
		position: inherit; }
		
	.secondLevelMenu .iconCta {
		display: block;
	    float: right;
	    margin-top: 18px;
    	padding: 0; }
	
	.secondLevelMenu h1 {
		/*display: none;*/
		color: rgba(0, 0, 0, 0.7); }
			
	.secondLevelMenu .seriesNav ul {
		width: 100%;
    	display: none; }
    	
    .secondLevelMenu.open .seriesNav ul {
    	display: block; }
		
	.secondLevelMenu .seriesNav ul li a {
		width: 100%;
	    display: block;
	    text-align: center;
	    color: rgba(0, 0, 0, 0.4);
		border-top: 1px solid #ddd;
		padding: 21px 0;
    	margin: 0; }

    .secondLevelMenu .seriesNav ul li p {
		width: 100%;
	    display: block;
	    text-align: center;
	    color: rgba(0, 0, 0, 0.87);
		border-top: 1px solid #ddd;
		padding: 21px 0;
    	margin: 0; }
		
	.secondLevelMenu .seriesNav ul li:first-child {
		/*margin-top: 25px;*/ }
    	
   .secondLevelMenu.clear .seriesNav ul li a {
   		color: rgba(0, 0, 0, 0.4); }
    	
    .secondLevelMenu.clear .seriesNav ul li a:hover, .secondLevelMenu.clear .seriesNav ul li a.active {
	    color: rgba(0, 0, 0, 0.87); }
		
	.secondLevelMenu .seriesNav {
		min-height: 0px;
	    position: absolute;
	    background: rgb(245, 245, 245);
	    width: 100%;
	    left: 0;
	    top: 120px;
	    z-index: 9; }
	    
	 .secondLevelMenu.freezed .seriesNav {  
	 	top: 50px;
	 	background-color: rgba(255, 255, 255, 1); }
	
	.groupSingleContProd .displayTable {
	    display: block;
    	height: auto; } 
	
	.groupSingleContProd .displayTable .title {
		display: block;
		width: auto; }
		
	.groupSingleContProd .displayTable .title p {
		width: auto; }
		
	.groupSingleContProd .image { 
		margin: 0 auto; }
	
	.groupMultiContProd .line { 
	    min-height: inherit;
	    padding-top: 0;
	    border-right: 1px solid #eee;
	    border-bottom: 1px solid #eee; }
	
	.logoCina {
		margin: 0 auto 1rem auto; }
	
	 .borderLeft {
  		padding-left: 2em;
    	padding-right: 2em;
    	border: none; }
    	
    .supportModel .section {
    	padding-left: 0;
    	min-height: inherit; }
    	
	.cookieBox i {
		display: block; }
	
	.cookieBox .accept {
		display: none; }
		
	.contSelect .select {
		width: 100%; }

	.newStyle .contSelect .select {
		width: 90%;
		margin-left: 5%;
	}
		
	.searchFilter .quickSolution {
		width: 449px; }
		
	.searchFilter .ctnSolution h2 {  
		width: 449px; }
		
	.supportModel .ctnSolution {
		width: 449px; }
		
	.searchFilter .ctnSolution div.ctnAnswers {
		width: 449px; }
		
	.searchFilter .ctnSolution div div {
		width: 449px;
		padding-right: 0; }
		
	.ctnSolution .ctnAnswers p {
	    margin: 0;
	    padding: 0 0 18px 0; }
    
    .searchFilter .ctnSolution div h4 {
	    font-size: 14px;
	    font-weight: bold;
	    margin: 0 0 7px 0;
	    padding: 0; }
		
	.downloadSection {
		width: 100%; }
		
	.downloadSection .productInfo .info {
		width: 445px; }
	
	.downloadSection .productInfo {
		width: 100%; }
		
	.downloadSection .productInfo .orderDocuments {
		clear: inherit; 
		margin-top: 0;
		float: right;
    	width: 90px; }
    	
    .ctnTableDownloads ul li div.ctnTable table .noMobile {
    	display: table-cell; }
		
	.downloadSection .productInfo .info p {
		width: 150px; }
		
	.downloadSection .productInfo .info a {
		width: 100%;
		margin-top: 25px; }
		
	.supportModel .ctnTableDownloads {
		width: 100%;
	    float: left;
	    overflow: hidden; }
		
	.ctnTableDownloads ul {
		width: 449px;
	    float: left;
	    margin: 20px 0 7px 0; }
    	
    .ctnTableDownloads ul li {
    	width: 449px;
	    float: left;
	    line-height: 55px;
	    font-size: 16px;
	    font-weight: bold;
	    margin-bottom: 5px; }
    	
    .ctnTableDownloads ul li a {
    	color: #4d5357;
	    text-decoration: none;
	    font-style: italic;
	    display: block;
	    background: #e5e5e5 url(img/arrow.png) -560px -160px no-repeat;
	    height: 55px;
	    width: 449px;
	    text-align: left;
	    padding: 0 20px; }
	    
	.ctnTableDownloads ul li div {
		width: 449px;
	    padding: 18px 0;
	    display: block;
	    font-size: 12px;
	    font-weight: normal;
	    float: left; }
	    
	.ctnTableDownloads ul li a.active, .ctnTableDownloads ul li a:hover {
	    color: #80C343;
	    background: #e5e5e5 url(img/arrow.png) -560px -704px no-repeat;	}
	    
	.ctnTableDownloads div.ctnTable {
		display: none; } 
	    	
    .ctnTableDownloads ul li div.ctnTable {
		float: left;
	    width: 100%;
	    display: block;
	    line-height: 13px;
	    padding: 0 0 0 0; } 
	    
	 .ctnTableDownloads ul li div.ctnTable table {
	 	width: 449px;
    	padding: 18px 0;
    	font-weight: normal;
    	display: table;
	    margin-top: 18px;
	    margin-bottom: 18px; }
    	
    .ctnTableDownloads ul li div.ctnTable table td a {
	    color: #85bb23;
	    height: auto;
	    width: auto;
	    background-color: transparent;
	    padding: 0;
	    margin: 0;
	    text-decoration: underline; }
	    
	.supportModel .lnkDriver, 
	.supportModel .lnkTopAnswer, 
	.supportModel .lnkCommunity {
		position: inherit;
		width: auto; }
		
	.supportModel a.active i {
		display: none; }
		
	.supportModel a i.onlyMobile {
		display: block;
		padding: 0;
		margin-top: -4px; }
		
	.supportModel a.active i.onlyMobile {
		display: block;
		transform: rotate(135deg); }
	
	.filters .contFilters {
		display: none; }
		
	.filters p {
		cursor: pointer;
		margin: 0;
    	padding-bottom: 1em; }
		
	.filters p i {
	    display: block;
	    float: right; }
	
	.resultsContainer .results { 
		padding-left: 0; }

	.filters {
		background: rgb(245, 245, 245);
    	margin-top: -2rem; 
    	padding-left: 2em;
    	padding-right: 2em; }
    
    .resultsContainer .results .result .cont {
        width: 100%;
    	text-align: center; }
    
    .resultsContainer .results .result img {
    	float: none;
	    margin: 0 auto;
	    display: block; }
	    
	.footerNav .social a {
		float: none; }
	
	.footerNav .row.gutter {
		padding: 0; } 
		
	.footerNav .col.gutter {
		padding: 0 2em; }
	
	.toggleMenuLeft {
		display: block; 
		margin: 0; }
		
	.toggleMenuLeft i {
		float: left;
		display: block; }
		
	.menuSecLeft ul li a.current:hover {
		color: rgba(0, 0, 0, 1.0); }
		
	.menuSecLeft {
   		margin-top: 0; }
		
	.menuSecLeft ul {
		display: none;
		margin-left: -2rem;
	    margin-right: -2rem;
	    padding-left: 2rem;
	    padding-right: 2rem;
	    border-bottom: 1px solid #eee; }
	    
	 .menuSecLeft ul li ul {
	 	border-bottom: none; }
		
	.menuSecLeft.active ul {
		display: block; 
    	background-color: #f5f5f5; }
    	
    .menuSecLeft ul li {
    	padding-bottom: 0; 
    	border-bottom: none; 
    	position: relative; }
    
    .menuSecLeft ul li {
	    border-right: none;
	    border-bottom: none;
	    border-top: 1px solid #eee; }
	    
	.menuSecLeft ul li ul li {
		border-top: none; }
    	
    .menuSecLeft ul li.current ul {
		display: block; 
		background-color: #fff; }
		
	.menuSecLeft.active ul li.current ul {
		display: block; }
		
	.menuSecLeft ul li a.current i {
		display: none; }
		
	.menuSecLeft ul li a i.iconMobile {
		display: block; 
		position: absolute;
		top: 1em;
    	right: 2rem;
	    -webkit-transition: -webkit-transform .2s;
	    transition: transform .2s;
	    width: 16px;
	    height: 16px; }
	    
	.menuSecLeft ul li.current a {
	    background: #fff; }
	 
	 .menuSecLeft ul li a i.iconMobile:before, .menuSecLeft ul li a i.iconMobile:after { 
	    position: absolute;
	    display: block;
	    width: 16px;
	    height: 1px;
	    background-color: rgba(0, 0, 0, 0.7);
	    content: "";
	    top: 8px; }
	    
	 .menuSecLeft ul li a i.iconMobile:after {
	    -webkit-transform: rotate(90deg);
    	transform: rotate(90deg); }
    
    .menuSecLeft ul li a.current i.iconMobile {	
     	transform: rotate(135deg); }

    .menuSecLeft ul li.current ul li a {
        background-color: #fff; }
	
	.contSuggestionTop {
		width: 100%;
    	top: 83px;
    	background-color: #eee;
    	left: 0px; 
    	border-left: 2em solid #f5f5f5;
    	border-right: 2em solid #f5f5f5;
    	border-bottom: 20px solid #f5f5f5 !important; }
    	
    .contSuggestionTop ul li a {
    	padding: 1em 0; }
    	
    .contSuggestionTop .ui-autocomplete {
		background-color: #eeeeee; }
    	
	.contSuggestionTop ul li a:hover {
	    background: #eeeeee;
    	color: rgba(0, 0, 0, 0.7); }
	
	.showGallery .tx {
		top: 50px; }
	
	.header .menuBar {
		height: 50px; }
	
	.header .menuBar .contMobileMenu {
		position: absolute;
	    right: 0;
	    width: 20%; 
	    top: 0; }
		
	.header .menuBar .mobileMenu {
		display: block;
		height:60px;}
		
	.header .navigation {
		display: block;
		background-color: #f5f5f5;
		height: 100%;
		left: 0;
		position: fixed;
		top: 0;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		-webkit-transition: transform .3s ease;
		transition: transform .3s ease;
		width: 80%;
		z-index: 50; 
		overflow: scroll; }
		
	.header .navigation.open {
		-webkit-transform: translateX(0);
		transform: translateX(0); }
	
	.header .navigation .bgSearchBox {
		padding: 1rem 2rem; }
	
	.header .navigation .bgSearchBox .searchBox {
		display: none;
		position: relative;
		background: transparent;
		float: left;
		height: 50px;
		margin-top: 1.0em;
		margin-bottom: 1.5em; }
	
	.header .navigation .bgSearchBox .searchBox input {
		padding: 0px 1.0em;
		height: 50px;
		background-color: #eeeeee;
		text-transform: capitalize;
		border-radius: 0.2em; }
	
	.header .navigation .bgSearchBox .searchBox i {
		display: none; }
	
	.header .navigation .menuLeft {
		float: left;
		background-color: transparent;
		width: 100%; }
	
	.header .navigation .menuLeft ul li {
		float: none; }
	
	.header .navigation .menuLeft ul li a {
		margin: 0;
		padding: 1rem 2rem;
		border-bottom: 1px solid #eee;
		float: left;
		width: 100%; 
		transition: inherit;
		line-height: 30px;
		height: 55px; }
		
	.header .navigation .menuLeft ul li a:hover {
		color: rgba(0, 0, 0, 0.7); }
		
	.header .navigation .menuLeft ul li a i {
		display: none; }
			
	.header .navigation .menuLeft ul li a i.iconMobile {
		display: block;
	    -webkit-transition: -webkit-transform .2s;
	    transition: transform .2s;
	   	float: right; }
    
    .header .navigation .menuLeft ul li a.zh-withMenu.open i {	
     	transform: rotate(135deg); }
	    
	.header .navigation .menuLeft ul li a.zh-withMenu.open {
		background-color: #fff;
		color: rgba(0, 0, 0, 0.7); }
	
	.header .navigation .menuLeft ul li a span {
		float: right; }
		
	.header .navigation .menuLeft .mega {
		position: relative;
		top: 0;
		left: 0;
		border: none;
		padding-bottom: 1rem; 
		padding-left: 0; }
	
	.header .navigation .menuLeft .mega .subNav {
		padding: 0 0 0 0; }
	
	.header .navigation .menuLeft .mega .subNav ul li {
		float: none; }
	
	.header .navigation .menuLeft .mega .subNav ul li a {
		margin: 0;
		border: none;
		background-color: #fff;
		padding: 1rem 2rem 0 2rem;
		line-height: 1.5; }
		
	.header .navigation .menuLeft .mega .subNav ul li a.showMobile {
		display: block; }

	.header .navigation .menuRight .mega .subNav ul li a.showMobile {
		display: block; }
	
	.header .navigation .menuRight {
		float: left;
		width: 100%;
		margin-bottom: 1.5em; }
	
	.header .navigation .menuRight a i {
		display: none; }
		
	.header .navigation .menuRight li {
		float: none; }
		
	.header .navigation .menuRight ul li a i.iconMobile {
	    display: block;
	    -webkit-transition: -webkit-transform .2s;
	    transition: transform .2s;
	    float: right; }
	    
	.header .navigation .menuRight ul li a.zh-withMenu.open i {
    	transform: rotate(135deg); }
	
	.header .navigation .menuRight li a {
		margin: 0;
	    padding: 1rem 2rem;
	    border-bottom: 1px solid #eee;
	    width: 100%;
	    transition: inherit;
	    line-height: 30px;
	    height: 55px;
	    float: none;
	    color: rgba(0, 0, 0, 0.7); }
	    
	.header .navigation .menuRight .mega {
	    position: relative;
	    top: 0;
	    left: 0;
	    border: none;
	    padding-bottom: 1rem;
	    padding-left: 0; }
	    
	.header .navigation .menuRight .mega .subNav {
    	padding: 0 0 0 0; }
	    
	.header .navigation .menuRight .mega .subNav ul li a {
	    margin: 0;
	    border: none;
	    background-color: #fff;
	    padding: 1rem 2rem 0 2rem;
	    line-height: 1.5; }
	    
	.header .navigation .menuRight li:last-child {
		display: none; }
		
	.header .navigation .menuRight .mega .subNav li:last-child {
		display: block; }
	
	.header .navigation .menuRight a.lnkOpenSearch {
		display: none; }
	
	.footerNav ul {
		display: none; }
	
	.footerNav .open {
		background-color: #616161;
		margin-top: -1px; }
	
	.footerNav h4 {
		padding: 1rem 0;
		border-bottom: 1px solid #767676;
		cursor: pointer; 
		position: relative; }
		
	.footerNav i {
 		display: block;
	    -webkit-transition: -webkit-transform .2s;
    	transition: transform .2s;
    	float: right; }
    	
    .footerNav .open i {
 		transform: rotate(135deg) }
 
 	.footerNav .open i {
 		display: block; }
	
	.footerNav .social {
		padding-bottom: 0;
		padding-top: 4em; }

	.footerBar .language a {
		text-align: center; }
		
	.footerBar .copyright p {
		text-align: center; }
	
	.showGallery { 
	 	height: 25em; }
	
	.showGallery .im a { 
	 	height: 400px; }

 	.customCheckboxHub{
		width:20px;
		margin-left:-2%;
		top:-5px;
		position:relative;
		color:rgb(238, 238, 238);
	}
		
	/* new modal */
	.clm-modal .modalContent .sd-description{
		width:100%;
	}

	.clm-modal .modalContent .sd-description .margin-top-0{
		margin-top: 1rem;
	}
	.clm-modal .modalContent #sd-box-loghi .margin-top-m{
		margin-top:0;
	}
	.acer-store .sd-logo{
		width:100%;
	}
	.clm-modal .modalContent .acer-store .sd-logo img:first-child{
		width:180px;
		height:auto;
	}

	.padding-left-wtb {
		padding-left: 0;
		margin-left: 0;	}

	.header {
		height: 60px; }

	.header .contHeader {
		height: 60px; }
}

/* custom class ID design */
	.tile-overlay {
        display: none; }

    /* HUB */
    .user-sprite-container {
		height: 45px!important;
		overflow: hidden; }

	.user-sprite-container > img {
		display: block; }

	.Sprite-off {  
		height: 200%!important;	}

	.Sprite-on {  
		height: 200%!important;
		margin-top: -45px!important; }

	.partnersContainer .b-partnerJustify{
		display: flex;
		justify-content: center; }

	/* new where to buy section */
	@media (max-width: 59.999em){

	    .wtb-gmapresults  ul li:first-child{
	        display: block; }

	    #wtb-gmap {
	        padding-bottom: 60%; }
	} 


/* ------------------------------- DEVICE C from 1024px to 1439px orange ------------------------------- */
@media screen and (min-width: 64em) and (max-width: 89.999em) {
	.header .navigation .menuLeft .mega .subColumn {
        width: 24.7%
    }

	/*Byoc Banner*/
	.acerNew.hubWOW .byocBanner div.tablet { width: 100%; height: 330px; margin-top: 10px; }
	
	/*Byoc Video*/
	.acerNew .byocVideo a.play { top: 220px; }
    .acerNew .byocVideo a.scroll { display: none; }
	.acerNew .byocVideo div.tablet { display: block; width: 744px; height: 450px; margin: 0 auto; }
	
	/*ShowCase New Professional Home*/
    .acerNew .showcase { height: 430px; }
    .acerNew .showcase .slide { top: 10px; height:385px; }
    .acerNew .showcase .slide a { width: 100%; height: 385px; }
    .acerNew .showcase .wrapper { margin-left: -375px; width:750px; height:385px; }
    .acerNew .showcase .wrapper .sc-prod { width: 273px; height: auto;}
    .acerNew .showcase .wrapper .sc-prod a { width:750px; height:385px; }
    .acerNew .showcase .wrapper .sc-prod img { width: 273px; float: left; height: 385px; margin-top: 45px; margin-left: 25px;}
    .acerNew .showcase .arrow-slide { width: 716px; margin-left: -358px; top: 178px; }
	
	.newStyle .c-align-left {
	  	text-align: left; }
	
	.newStyle .c-align-center {
	  	text-align: center; }
	
	.newStyle .c-align-right {
	  	text-align: right; }
	  	
	.newStyle .c-align-left {
  		text-align: left; }
  		
  	.newStyle .c-centerImage {
  		margin: 0 auto; }

	.newStyle .c-float-left {
  		float: left; }

	.newStyle .c-float-right {
  		float: right; }
  		
  	.newStyle .c-float-none {
  		float: none; }
	
	.borderLeft {
		padding-right: 1em;	}
	
	.resultsContainer .results .result .cont {
		width: 65%; }
	
	.header .navigation {
		display: block; }
		
	.header .navigation .searchBox i {
		right: 3em; }
		
	.hoverShowInfo .element > a {
    	top: 60px; }
		
	.hoverShowInfo .element .up h3 {
		margin-top: 2em; }
	 
	 .showGallery { 
	 	height: 35em; }
	 
	 .showGallery .im a { 
	 	height: 560px; }
	
	.footerNav nav.open {
		background-color: #616161;
		margin-top: -1px; }
	
	.bigBanner { 
		height: 35em; }
		
	.contSection .textOver.c-top {
		position: inherit; }

	.partnersContainer {
		margin-top: 32px; }
	
	.partnersContainer .c-partnerJustify{
		display: flex;
		justify-content: center; }

	.modal .modalContent .close {
		top: -15px;
    	right: 20px;
    }

	/* new where to buy section */
	.wtb-gmapresults {
        height: 0;
        overflow-y: auto;
        -ms-overflow-style: scrollbar;
        position: relative;
        padding-bottom: 100%;
    }

    .wtb-gmapresults ul {
        position: absolute;
        width: 100%;
    }
	 	
}

/*------------------------------- DEVICE D from 90em to 119.999em ------------------------------- */
@media screen and (min-width: 90em) /*and (max-width: 119.999em)*/ {
	.d-align-left {
	  	text-align: left; }
	
	.newStyle .d-align-center {
	  	text-align: center; }
	
	.newStyle .d-align-right {
	  	text-align: right; }
	  	
	.newStyle .d-align-left {
  		text-align: left; }
  		
  	.newStyle .d-centerImage {
  		margin: 0 auto; }

	.newStyle .d-float-left {
  		float: left; }

	.newStyle .d-float-right {
  		float: right; }
  		
  	.newStyle .d-float-none {
  		float: none; }

	.partnersContainer .d-partnerJustify {
		display: flex;
		justify-content: center; }

	/* new where to buy section */
	.wtb-gmapresults {
        height: 0;
        overflow-y: auto;
        position: relative;
        -ms-overflow-style: scrollbar;
        padding-bottom: 100%;
    }

    .wtb-gmapresults ul {
        position: absolute;
        width: 100%;
    }
}

/* ------------------------------- DEVICE E from 1920px to 2559px ------------------------------- */
@media screen and (min-width: 120em) and (max-width: 159.999em) {
	.e-align-left {
	  	text-align: left; }
	
	.newStyle .e-align-center {
	  	text-align: center; }
	
	.newStyle .e-align-right {
	  	text-align: right; }
	  	
	.newStyle .e-align-left {
  		text-align: left; }
  		
  	.newStyle .e-centerImage {
  		margin: 0 auto; }

	.newStyle .e-float-left {
  		float: left; }

	.newStyle .e-float-right {
  		float: right; }
  		
  	.newStyle .e-float-none {
  		float: none; }

  	.partnersContainer .e-partnerJustify {
		display: flex;
		justify-content: center; } 

	/* new where to buy section */
	.wtb-gmapresults {
        height: 0;
        overflow-y: auto;
        position: relative;
        padding-bottom: 100%;
    }

    .wtb-gmapresults ul {
        position: absolute;
        width: 100%;
    }
}

/* ------------------------------- DEVICE F from 2560px to up ------------------------------- */
@media screen and (min-width: 160em) {
	.newStyle .f-align-left {
	  	text-align: left; }
	
	.newStyle .f-align-center {
	  	text-align: center; }
	
	.newStyle .f-align-right {
	  	text-align: right; }
	  	
	.newStyle .f-align-left {
  		text-align: left; }
  		
  	.newStyle .f-centerImage {
  		margin: 0 auto; }

	.newStyle .f-float-left {
  		float: left; }

	.newStyle .f-float-right {
  		float: right; }
  		
  	.newStyle .f-float-none {
  		float: none; }

  	.partnersContainer .f-partnerJustify {
		display: flex;
		justify-content: center; }

	/* new where to buy section */
	.wtb-gmapresults {
        height: 0;
        overflow-y: auto;
        position: relative;
        padding-bottom: 100%;
    }

    .wtb-gmapresults ul {
        position: absolute;
        width: 100%;
    }
}