html { overflow-y: scroll; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,label,span,a,img,figure,figcaption { margin: 0; padding: 0; outline: none; }
input, textarea, select, button, input[type='file'] + label, select > option { -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; outline: none; }
body    { font-size: 0.8em; color: #000; font-family: Arial, sans-serif; line-height: 1.22em; background-color:#eee; }

table   { border-collapse: collapse; border-spacing: 0; font-size: inherit; color: inherit; }
img     { border: 0; color: transparent; background-color: transparent; }
a       { color: inherit; text-decoration: none; }
a:hover, .tcc-link:hover { background-color:inherit; color: inherit; -moz-opacity:.7; filter:alpha(opacity=70); opacity:.7; }
a b, a i, a u { font-weight: inherit; font-style: inherit; text-decoration: inherit; }
hr      { box-sizing: content-box; height: 0; overflow: visible; margin-top: 0.8em; margin-bottom: 0.8em; border: 0; border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; border-top: 1px solid rgba(0,0,0,.1); }
::-moz-selection { background-color: #dedede; }
::selection      { background-color: #dedede; }

.tcc-small       { font-size: 90% !important; }
.tcc-link        { cursor: pointer; cursor: hand; }
.tcc-clear       { clear:both; }
.tcc-hover:hover { background-color:inherit; color: inherit; -moz-opacity:.7; filter:alpha(opacity=70); opacity:.7; }
.mtop { margin-top: 1em; }
.mbottom { margin-bottom: 1em; }
.mright { margin-right: 1em; }
.mleft  { margin-left:  1em; }
.date, .date a { color:#686868; }
.mobile { display: none; }
.default { display:block; }

.inner { width: 1400px; margin: auto; }

.sans-serif { font-family: Arial, sans-serif; }
.serif { font-family: "Georgia"; }

h1, h2, h3 { font-size: inherit; font-weight: inherit; font-style: inherit; display: inline; }

/* DIV/IMG BORDER */
.tcc-border-radius { border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; }
.tcc-border-circle { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }

/* TEXT */
.upper { text-transform: uppercase; }
.lower { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }
.center { text-align: center !important; margin-left:auto; margin-right:auto; }
.left   { text-align: left !important; margin-left:0px; margin-right:auto; }
.right  { text-align: right !important; margin-left:auto; margin-right:0px; }
.center.left, .center.right { display: inline-block; vertical-align: top; }
.bold   { font-weight: 700; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }

/* TCC FONT ICONS */
@font-face {
	font-family: 'tmw-font';
	src:	url('../font/tmwmob.eot?yigo1x');
	src:	url('../font/tmwmob.eot?yigo1x#iefix') format('embedded-opentype'),
		url('../font/tmwmob.ttf?yigo1x') format('truetype'),
		url('../font/tmwmob.woff?yigo1x') format('woff'),
		url('../font/tmwmob.svg?yigo1x#tmw-font') format('svg');
	font-weight: normal;
	font-style: normal; }

.tcc-font-icon { font-size:inherit; line-height: inherit; color: inherit; font-family: 'tmw-font', Arial, Verdana, Helvetica, sans-serif !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.tcc-font-icon.mleft { margin-left: 0.2em; }
.tcc-font-icon.mright { margin-right: 0.2em; }
.tcc-font-icon.tcc-small { font-size:90%; }
.tcc-font-icon.tcc-big { font-size:120%; }
.tcc-font-icon:hover { -moz-opacity:.80; filter:alpha(opacity=80);  opacity:.80; text-decoration: none !important; }

.tcc-font-icon.lg:before { content: "\e90e"; }
.tcc-font-icon.network:before, .tcc-font-icon.website:before { content: "\e900"; }
.tcc-font-icon.huawei:before { content: "\e901"; }
.tcc-font-icon.apple:before { content: "\e902"; }
.tcc-font-icon.info_outline:before { content: "\e903"; }
.tcc-font-icon.info:before { content: "\e904"; }
.tcc-font-icon.home:before { content: "\e905"; }
.tcc-font-icon.android:before { content: "\e906"; }
.tcc-font-icon.radio:before { content: "\e907"; }
.tcc-font-icon.tv:before, .tcc-font-icon.androidtv:before, .tcc-font-icon.appletv:before { content: "\e908"; }
.tcc-font-icon.phone_android:before { content: "\e909"; }
.tcc-font-icon.directions_car:before { content: "\e90a"; }
.tcc-font-icon.touch_app:before { content: "\e90b"; }
.tcc-font-icon.download:before { content: "\e90c"; }
.tcc-font-icon.apps:before { content: "\e90d"; }

#content .apps > div { display: inline-block; vertical-align: top; margin:2rem; width: calc((100% / 5) - 4rem); }
#content .apps .img img { width: 200px; }
#content .apps .link > div { display: inline-block; vertical-align: middle; margin:auto 0.5rem; }

#head { padding:1rem; margin-bottom:1rem; }
#foot { color:#6d2b2b; padding:1rem; margin-top:2rem; }

@media only screen and (max-width: 1139px) {
	.mobile { display: block; }
	.default { display:none; }
	.inner { width:95%; }
	#head { background-color:#db0706; }
	#head img { width: 90%; }
  #foot { background-color: #db0706; color:#fff; padding:1em 0px; }
  #foot .inner > span { display: block; margin:.8rem auto; font-size:1rem; line-height: 1rem; }

	#content .apps > div { display: block; margin:1rem auto; width: 90%; font-size:1.2rem; line-height: 2rem; border-bottom:1px solid #db0706; padding-bottom:1rem; }
  #content .apps .img img { width: 160px; }
  #content .apps .link { text-align: left !important; margin-left:0px; margin-right:auto; display: inline-block; vertical-align: top; }
  #content .apps .link > div { display:block; }
}

@media only screen and (max-width: 480px) {
	.inner { width: 90%; }
	
}