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

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

/* --------------- GENERAL -------------- */
.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%; }

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

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

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

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

.newStyle .col {
  float: left;
  min-height: 1px;  }
  
.newStyle .bg-green {
    background: rgb(131, 184, 26); }

/* --------------- 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); }

/* --------------- 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-black-light { 
	background: rgb(25, 25, 25); } /*#191919*/

.newStyle .bg-green { 
	background: rgb(131, 184, 26); }
	
.newStyle .bg-white { 
	background: rgb(255, 255, 255); }

/* 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 .light {
	font-weight: 300!important; }
	
.newStyle .bold {
	font-weight: bold!important; }
	
.newStyle .normal {
	font-weight: normal!important; }
	
.newStyle .xbold{
	font-weight: 900!important; }
  
.newStyle .text-xs {
  	font-size: .75rem; }
  
.newStyle .text-s {
  	font-size: .875rem; }
  	
.newStyle .text-m {
  font-size: 1.00rem; }
  
.newStyle .text-l {
  	font-size: 1.25rem;
  	line-height: 1.2; }
  
.newStyle .text-xl {
    font-size: 1.6rem; }
    
.newStyle .heading-xs {
  	font-size: 1rem;
  	font-weight: bold;
  	line-height: 1.5; }
  
.newStyle .heading-s {
  	font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.2; }

.newStyle .heading-m {
  	font-size: 1.8rem;
  	font-weight: bold; }
  
.newStyle .heading-l {
  	font-size: 2.25rem;
  	font-weight: normal; }
  
.newStyle .heading-xl {
  	font-size: 3rem;
  	font-weight: normal; }
  	
.newStyle .heading-xxl {
  	font-size: 5rem;
  	line-height: 0.9; }
  
.newStyle p {
	margin-bottom: 1rem;
	margin-top: 1rem; 
	text-align: left; 
	font-size: 1rem;
	line-height: 1.5; }
	
.newStyle a {
	color: rgba(0, 0, 0, 0.7);
	display: block;
	text-align: left;
	font-size: 0.875rem;
	line-height: 1.5; }
	
/*.newStyle span {
	color: rgba(0, 0, 0, 0.7);
	text-align: left;
	font-size: 0.875rem; }*/

.newStyle a:hover {
	color: rgba(0, 0, 0, 1.0); }
	
.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 .divider {
	clear: both; }
    
.newStyle .capitalize {
  	text-transform: capitalize; }
  	
.newStyle .uppercase {
  	text-transform: uppercase; }
  	
.newStyle .align-left {
  	text-align: left; }

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

.newStyle .align-right {
  	text-align: right; }
  	
.newStyle .centerImage {
	margin: 0 auto; }
	
.newStyle .hidden {
	display: none; }
    
.newStyle img {
	/*width: 100%;
    height: 100%;*/
    max-width: 100%;
    display: block; }

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

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

.newStyle .float-right {
	float: right; }
	
.newStyle .margin-0 {
	margin: 0; }
	
.newStyle .margin-top-0 {
	margin-top: 0; }
	
.newStyle .margin-bottom-0 {
	margin-bottom: 0; }
	
.newStyle .margin-left-0 {
	margin-left: 0; }
	
.newStyle .margin-right-0 {
	margin-right: 0; }
	
.newStyle .margin-left-s {
	margin-left: 0.5rem; }

.newStyle .margin-right-s {
	margin-right: 0.5rem; }
	
.newStyle .margin-bottom-s {
	margin-bottom: 1rem; }

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

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

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

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

.newStyle .margin-top-l {
	margin-top: 3rem; }

.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 input { 
	font-size: 0.75rem; }

.newStyle .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; }
	
/* KSP */
.newStyle .contSection {
    position: relative; }
    
.newStyle .contSection .textOverKsp {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%; }
    
.newStyle .contSection .textOverKspCont {
    height: 100%;
    display: table; }
    
.newStyle .contSection .textOverKspCont .text {
    display: table-cell;
    vertical-align: middle;
    float: none; }
    
.newStyle .modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(255, 255, 255, 0.95);
    z-index: 99999; }

.newStyle .modal .modalContent {
    background-color: #fff;
    padding: 20px;
    position: relative;
    padding: 2rem;
    cursor: default; }
    
.newStyle .modal .modalContent .close {
    position: absolute;
    top: 20px;
    right: 45px; }
    
.newStyle .modal .modalContent a:hover i {
    color: rgba(0, 0, 0, 1.0); }
    
.newStyle .modal .modalContent .arrowRight {
    position: absolute;
    right: 15%;
	top: 45%; }

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

.newStyle .modal .modalContent .bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	border: 2px solid;
    border-color: rgba(0, 0, 0, 0.4); }
	
.newStyle .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); }
    
.newStyle .contSection .textOverKspCont .text .lineRed {
	background-color: #ed1c2c;
    content: ' ';
    display: block;
    height: 5px;
    margin-bottom: 8px;
    margin-top: 3px;
    width: 140px; }
    
/*INFO PAGE*/
.newStyle .lineTop:before {
    background-color: #ed1c2c;
    content: ' ';
    display: block;
    height: 5px;
    margin-bottom: 8px;
    margin-top: 3px;
    width: 140px; }
    
/* --------------- HIGHLIGHT SECTION -------------- */
.newStyle .sectionHighlight {
	border-bottom: 1px solid #676767;
	border-top: 1px solid #676767; }
	
.newStyle .sectionHighlight .title {
	height: 43px;
    overflow: hidden; }
    
.newStyle .sectionHighlight .descr {
	min-height: 96px;
    overflow: hidden; }
	
.newStyle .sectionHighlight img {
	height: 100px; }

.newStyle .sectionHighlight .row .col {
 	padding: 24px; }
 	
.newStyle .ben-size-2 .sectionHighlight .row .col:nth-child(1), .newStyle .ben-size-2 .sectionHighlight .row .col:nth-child(3) {
	border-right: 1px solid #676767; } 	
 
.newStyle .ben-size-3 .sectionHighlight .row .col:nth-child(2), .newStyle .ben-size-3 .sectionHighlight .row .col:nth-child(5) {
	border-left: 1px solid #676767;
	border-right: 1px solid #676767; }
	
.newStyle .ben-size-5 .sectionHighlight .row .col:nth-child(2), .newStyle .ben-size-5 .sectionHighlight .row .col:nth-child(5) {
	border-left: 1px solid #676767;
	border-right: 1px solid #676767; }
	
.newStyle .ben-size-6 .sectionHighlight .row .col:nth-child(2), .newStyle .ben-size-6 .sectionHighlight .row .col:nth-child(5) {
	border-left: 1px solid #676767;
	border-right: 1px solid #676767; }
	
.newStyle .ben-size-4 .sectionHighlight .row .col:nth-child(1), .newStyle .ben-size-4 .sectionHighlight .row .col:nth-child(3) {
	border-right: 1px solid #676767; }

.newStyle .ben-size-4 .sectionHighlight .row .col:nth-child(1), .newStyle .ben-size-4 .sectionHighlight .row .col:nth-child(2) {
 	border-bottom: 1px solid #676767; }
 	
.newStyle .ben-size-5 .sectionHighlight .row .col:nth-child(1), .newStyle .ben-size-5 .sectionHighlight .row .col:nth-child(2), .newStyle .ben-size-5 .sectionHighlight .row .col:nth-child(3) {
 	border-bottom: 1px solid #676767; }
 	
.newStyle .ben-size-6 .sectionHighlight .row .col:nth-child(1), .newStyle .ben-size-6 .sectionHighlight .row .col:nth-child(2), .newStyle .ben-size-6 .sectionHighlight .row .col:nth-child(3) {
 	border-bottom: 1px solid #676767; }
	


/* ------------------------------- DEVICE A from 0 to 639px ------------------------------- */
@media screen and (min-width: 0em) and (max-width: 39.999em) {
	
	.newStyle .text-xl {
  		font-size: 1.25rem; }
  	
	.newStyle .heading-l {
	  	font-size: 1.8rem;
	  	font-weight: bold; }
	 
	.newStyle .heading-xxl {
	  	font-size: 2rem; }
	
	.newStyle .contSection .textOverKsp {
	    position: inherit; }
	
	.newStyle .contSection .textOverKsp .col {
    	width: 80%;
    	margin: 0 auto;
    	float: none; }
    	
    .newStyle .contSection .textOverKsp .col h2, .newStyle .contSection .textOverKsp .col p {
    	text-align: center; }
    	
    .newStyle .contSection .textOverKspCont .text .lineRed {
    	background: none; }
    	
    .newStyle .sectionHighlight .row .col {
	 	border-bottom: 1px solid #676767; }
	 	
}

/* ------------------------------- DEVICE B from 640px to 1023px ------------------------------- */
@media screen and (min-width: 40em) and (max-width: 63.999em) {
	
	.newStyle .text-xl {
  		font-size: 1.25rem; }
	
	.newStyle .heading-l {
	  	font-size: 1.8rem;
	  	font-weight: bold; }
	  	
	.newStyle .heading-xl {
	  	font-size: 2.25rem;
	  	font-weight: normal; }
	  	
	.newStyle .heading-xxl {
	  	font-size: 3rem; }
	  	
	.newStyle .contSection .textOverKsp .col {
    	width: 80%;
    	margin: 0 auto;
    	float: none; }
    	
    .newStyle .contSection .textOverKsp {
	    position: inherit; }
	    
	.newStyle .contSection .textOverKsp .col h2, .newStyle .contSection .textOverKsp .col p {
    	text-align: center; }
    	
    .newStyle .contSection .textOverKspCont .text .lineRed {
    	background: none; }
    	
    .newStyle .sectionHighlight .row .col {
	 	border-bottom: 1px solid #676767; }
}

/* ------------------------------- DEVICE C from 1024px to 1439px orange ------------------------------- */
@media screen and (min-width: 64em) and (max-width: 89.999em) {

	.newStyle .heading-xxl {
	    font-size: 4rem; }
	
	.newStyle .borderLeft {
		padding-right: 1em;	}
	 	
}

/* ------------------------------- DEVICE E from 1920px to 2559px ------------------------------- */
@media screen and (min-width: 120em) and (max-width: 159.999em) {
	
}

/* ------------------------------- DEVICE F from 2560px to up ------------------------------- */
@media screen and (min-width: 160em) {
}