html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

.brands { position: relative; padding: 30px 0; margin: 0;}
.slider-bg{  padding:5px 0;}
#mcts1 {   width:90%;    margin: 0px auto 10px auto;    padding:0px 5px 10px 5px;    height:auto;    background:url(../images/loading.gif) no-repeat 50% 50%;
      white-space:nowrap;    position:relative;    font-size:0px;}

#mcts1>* {display:none;}  
#mcts1 div.item {    padding:0px;   margin-right:10px;  position:relative;}
#mcts1 img {  border: 1px solid #666}

#mcts1 .navPrev, #mcts1 .navNext, #mcts1 .navPlay, #mcts1 .navPause {   width:29px; height:29px; position:absolute;     background:url(../images/navbuttons.png);     display:inline-block; z-index:5; cursor:pointer;}

#mcts1 .navPrev {background-position:0 -34px;top:38px;left:-25px;}
#mcts1 .navPrev:hover {background-position:0 -34px;}
#mcts1 .navPrevDisabled, #mcts1 .navPrevDisabled:hover {background-position:0 0;cursor:default;}

#mcts1 .navNext {background-position:-33px -34px;top:38px;right:-25px;} 
#mcts1 .navNext:hover {background-position:-33px -34px;} 
#mcts1 .navNextDisabled, #mcts1 .navNextDisabled:hover {background-position:-16px 0; cursor:default;} 

#mcts1 .navPause, #mcts1 .navPlay {left:360px;top:130px;}
#mcts1 .navPause {background-position:0 -66px; display:none} 
#mcts1 .navPause:hover {background-position:0 -88px;} 
#mcts1 .navPlay {background-position:-16px -66px;} 
#mcts1 .navPlay:hover {background-position:-16px -88px;} 

.navPrev, .navPlay, .navPause, .navNext {   -moz-user-select: -moz-none;   -khtml-user-select: none;   -webkit-user-select: none;   -o-user-select: none;
   user-select: none;}

#mcts1 .navBullets{    display:none;}
.class1 {   width:150px; padding:1px;    text-align:left;  white-space:normal;}
.class1 img{ width:150px; height:auto; margin:5px 0 }
.class1 a{ color:#424242; text-decoration:none;   }
.class1 a:hover{ color:#000 }
#mcts1{	transform: translate3d(0,0,0);    -ms-transform:translate3d(0,0,0);    -moz-transform:translate3d(0,0,0);    -o-transform:translate3d(0,0,0);}
 
@media (max-width:480px) {
#mcts1 {  width: 72%;}
.class1 {   width:125px;} 
#mcts1 .navPrev, #mcts1 .navNext{ top:26px;}  
}

@media (max-width:360px) {
	#mcts1 {  width: 75%;}
.class1 { width: 100px;}
#mcts1 .navPrev, #mcts1 .navNext { top: 24px;}
#mcts1{ padding-bottom:0;}
}




* {
	box-sizing: border-box;
}


span .char {
	--delay: calc((var(--char-index) + 1) * 400ms);
	animation: breathe 4000ms infinite both;
	animation-delay: var(--delay);
}

span:hover span {
	animation-play-state: paused;
}

@keyframes breathe {
	0% {
		font-variation-settings: 'wght' 100, 'wdth' 85;
		font-size: 10vw;
	}
	60% {
		font-variation-settings: 'wght' 700, 'wdth' 100;
		font-size: 11vw;
	}
	
	100% {
		font-variation-settings: 'wght' 100, 'wdth' 85;
		font-size: 10vw;
	}
}