@font-face {
font-family: 'Sansita One Regular';
src: url('SansitaOne.eot');
src: url('SansitaOne.eot?#iefix') format('embedded-opentype'),
url('SansitaOne.woff') format('woff'),
url('SansitaOne.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@-ms-viewport{width:device-width;}
@viewport{width:device-width;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
html{font-size:100%;-ms-text-size-adjust:100%;}
a:hover,a:active{outline:0;}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
@media screen and (max-width: 320px) {
img{position:relative;max-width:100%;height:auto;border:0;}
}
@media screen and (max-width: 480px) {
img{position:relative;max-width:100%;height:auto;border:0;}
}
@media screen and (max-width: 770px) {
img{position:relative;max-width:100%;height:auto;border:0;}
}
@media screen and (min-width: 960px) {
img{max-width:auto;height:auto;border:0;}
}
@media screen and (min-width: 1250px) {
img{max-width:auto;height:auto;border:0;}
}
@media screen and (min-width: 1400px) {
img{max-width:auto;height:auto;border:0;}
}
button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
button{cursor:pointer;-webkit-appearance:button;}
input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
textarea{overflow:auto;vertical-align:top;}
.bg-color-blue{background-color:#2d89f0 !important;}
.bg-color-blueDark{background-color:#0064cd !important;}
.bg-color-green{background-color:#01a31c !important;}
.bg-color-greenDark{background-color:#005200 !important;}
.bg-color-red{background-color:#bc1c48 !important;}
.bg-color-yellow{background-color:#ffc40d !important;}
.bg-color-orange{background-color:#d44a26 !important;}
.bg-color-pink{background-color:#c3325f !important;}
.bg-color-purple{background-color:#603cba !important;}
.bg-color-darken{!important;}
@media screen and (min-width: 320px) {
.metro *{font-family:"Segoe UI",Tahoma,Arial,Verdana,sans-serif,Sansita One;font-size:12pt;font-weight:400;color:#fff;line-height: 1.3;position:relative;width:auto;}}
@media screen and (min-width: 480px) {
.metro *{font-family:"Segoe UI",Tahoma,Arial,Verdana,sans-serif,Sansita One;font-size:14pt;font-weight:400;color:#fff;line-height: 1.3;position:relative;width:auto;}}
@media screen and (min-width: 770px) {
.metro *{font-family:"Segoe UI",Tahoma,Arial,Verdana,sans-serif,Sansita One;font-size:14pt;font-weight:400;color:#fff;line-height: 1.3;position:relative;width:auto;}}
@media screen and (min-width: 960px) {
.metro *{font-family:"Segoe UI",Tahoma,Arial,Verdana,sans-serif,Sansita One;font-size:14pt;font-weight:400;color:#ffffff;line-height: 1.3;position:relative;width:1000px;margin:auto;}}
@media screen and (min-width: 1250px) {
.metro *{font-family:"Segoe UI",Tahoma,Arial,Verdana,sans-serif,Sansita One;font-size:14pt;font-weight:400;color:#ffffff;line-height: 1.3;position:relative;width:1000px;}}
@media screen and (min-width: 1400px) {
.metro *{font-family:"Segoe UI",Tahoma,Arial,Verdana,sans-serif,Sansita One;font-size:14pt;font-weight:400;color:#ffffff;line-height: 1.3;position:relative;width:1000px;}}
.metro a:hover{color:#44d1da;}
.metro a:active{color:#52ecff;}
.metro h1,.metro h2,.metro h3,.metro h4,.metro h5,.metro h6,.metro h7,.metro p{margin-bottom:5px;width:100%;}
.metro h1{font-size:28pt; line-height: 1;color:#fff;font-family: 'Sansita One Regular'; text-align: center;}
.metro h2{font-size:18pt;font-weight:400;color:#fff;font-family: 'Tahoma', arial;text-align: center;}
.metro h3{color:#ffffff;font-size:16pt;font-weight:600;font-family:"Segoe UI Light",Tahoma,Arial,Verdana,sans-serif;text-align: center;}
.metro h4{font-size:18pt;font-weight:600;color:#a5a5a5;text-align: center;padding-top: 10px; }
.metro h5{font-size:18pt; line-height: 1;color:#fff;font-family: 'Sansita One Regular'; text-align: center;}
.metro h6{font-size:16pt;color:red;background-color:#a5a5a5;text-align: center;line-height: 2}
.metro h7{font-size:18pt; line-height: 1;color:#fff;font-family: 'Sansita One Regular'; text-align: center;}
.metro p{font-size:16pt;font-weight:300;color:#ffffff;text-align: center;}
.metro a,.metro .link{font-size:16pt;color:#fff;}
.top-left{position:absolute;top:0;left:0;}
.top-right{position:absolute;top:0;right:0;}
.bottom-right{position:absolute;bottom:0;right:0;}
.bottom-left{position:absolute;bottom:0;left:0;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}
@media screen and (min-width: 320px) {
.metro .metro-sections{margin:auto;height:auto;position:relative;overflow:hidden;width:300px;}.metro .metro-sections .metro-section{margin:auto;margin-right:0px;height:auto;width:auto;position:relative;}
}
@media screen and (min-width: 480px) {
.metro .metro-sections{margin:auto;height:auto;position:relative;overflow:hidden;width:380px;}.metro .metro-sections .metro-section{margin:auto;margin-right:0px;height:auto;width:auto;position:relative;}
}
@media screen and (min-width: 770px) {
.metro .metro-sections{margin:auto;height:auto;position:relative;overflow:hidden;width:650px;}.metro .metro-sections .metro-section{margin:auto;margin-right:0px;height:auto;width:auto;position:relative;}
}
@media screen and (min-width: 960px) {
.metro .metro-sections{margin:auto;height:auto;position:relative;overflow:hidden;width:720px;}.metro .metro-sections .metro-section{margin:auto;margin-right:0px;height:auto;width:auto;position:relative;}
}
@media screen and (min-width:1250px){
.metro .metro-sections{margin:auto;height:auto;position:relative;overflow:hidden;width:960px;}.metro .metro-sections .metro-section{margin:auto;margin-right:0px;height:auto;width:auto;position:relative;}
}
@media screen and (min-width:1400px){
.metro .metro-sections{margin:auto;height:auto;position:relative;overflow:hidden;}.metro .metro-sections .metro-section{margin:auto;margin-right:0px;height:auto;width:auto;position:relative;}
}
.metro .metro-sections .metro-section .next-section{position:absolute;top:0px;right:0px;background:url(/img/next.png);height:24px;width:24px;}
.metro .metro-sections .metro-section .next-section.back{background:url(/img/back.png);}
.metro .metro-sections .metro-section .tile:hover{outline:3px #225a68 solid !important;}
@media screen and (min-width: 320px) {
.metro .metro-sections .metro-section .tile{display:block;width:90px;height:auto;position:relative;margin:5px;float:left;cursor:pointer;overflow:hidden;text-decoration:none;}.metro .metro-sections .metro-section .tile *{font-family:Segoe UI,Tahoma,Arial,Verdana,sans-serif;}
}
@media screen and (min-width: 480px) {
.metro .metro-sections .metro-section .tile{display:block;width:110px;height:auto;position:relative;margin:5px;float:left;cursor:pointer;overflow:hidden;text-decoration:none;}.metro .metro-sections .metro-section .tile *{font-family:Segoe UI,Tahoma,Arial,Verdana,sans-serif;}
}
@media screen and (min-width: 770px) {
.metro .metro-sections .metro-section .tile{display:block;width:120px;height:auto;position:relative;margin:5px;float:left;cursor:pointer;overflow:hidden;text-decoration:none;}.metro .metro-sections .metro-section .tile *{font-family:Segoe UI,Tahoma,Arial,Verdana,sans-serif;}
}
@media screen and (min-width: 960px) {
.metro .metro-sections .metro-section .tile{display:block;width:150px;height:auto;position:relative;margin:5px;float:left;cursor:pointer;overflow:hidden;text-decoration:none;}.metro .metro-sections .metro-section .tile *{font-family:Segoe UI,Tahoma,Arial,Verdana,sans-serif;}
}
@media screen and (min-width: 1250px) {
.metro .metro-sections .metro-section .tile{display:block;position:relative;margin:5px;float:left;cursor:pointer;overflow:hidden;text-decoration:none;}.metro .metro-sections .metro-section .tile *{font-family:Segoe UI,Tahoma,Arial,Verdana,sans-serif;}
}
@media screen and (min-width: 1400px) {
.metro .metro-sections .metro-section .tile{display:block;position:relative;margin:5px;float:left;cursor:pointer;overflow:hidden;text-decoration:none;}.metro .metro-sections .metro-section .tile *{font-family:Segoe UI,Tahoma,Arial,Verdana,sans-serif;}
}
.metro .metro-sections .metro-section .tilem:hover{outline:3px #225a68 solid !important;}
.metro .metro-sections .metro-section .tilem{display:block;background-color:#2d89f0;width:75px;height:75px;color:#fff;margin:5px;float:left;position:relative;cursor:pointer;overflow:hidden;text-decoration:none;}.metro .metro-sections .metro-section .tilem *{font-family:Segoe UI,Tahoma,Arial,Verdana,sans-serif;}
.metro .metro-sections .metro-section .tile .tile-icon-large{margin-top:20px;margin-left:0px;display:table-cell;vertical-align:middle !important;text-align:center;width:150px;padding-top:20px;}.metro .metro-sections .metro-section .tile .tile-icon-large img{width:96px;height:96px;}
.metro .metro-sections .metro-section .tile .tile-icon-cover{margin-top:20px;margin-left:0px;display:table-cell;vertical-align:middle !important;text-align:center;width:150px;padding-top:30px;}.metro .metro-sections .metro-section .tile .tile-icon-cover img{width:90px;height:90px;}
.metro .metro-sections .metro-section .tile .tile-icon{position:absolute;bottom:10px;left:20px;width:32px;height:32px;}
.metro .metro-sections .metro-section .tile .tile-label{position:absolute;bottom:10px;left:30%;font-size:14px;color:#fff;}
.metro .metro-sections .metro-section .tile .tile-caption{position:absolute;top:0px;left:0px;width:130px;padding:2px 10px;border-bottom:1px #ff4500 solid;background:#fff;font-size:14px;color:#000;font-size:10px;text-align:right;}
.metro .metro-sections .metro-section .tile .tile-header{font-size:19px;color:#7ac479;text-align:left;margin:20px;}
.metro .metro-sections .metro-section .tile .tile-counter{position:absolute;bottom:10px;font-size:14px;font-weight:normal;}
.metro .metro-sections .metro-section .tile .tile-text{text-align:left;margin-top:20px;font-size:12px;}
@media screen and (min-width: 320px) {
.metro .metro-sections .metro-section .tile .tile-image{position:relative;width:90px;margin-left:0px;padding:0px;height:auto;width:100%;}.metro .metro-sections .metro-section .tile .tile-image img{height:auto;width:100%;}
}
@media screen and (min-width: 480px) {
.metro .metro-sections .metro-section .tile .tile-image{position:relative;width:150px;margin-left:0px;padding:0px;height:auto;width:100%;}.metro .metro-sections .metro-section .tile .tile-image img{height:auto;width:100%;}
}
@media screen and (min-width: 770px) {
.metro .metro-sections .metro-section .tile .tile-image{position:relative;width:150px;margin-left:0px;padding:0px;height:auto;width:100%;}.metro .metro-sections .metro-section .tile .tile-image img{height:auto;width:100%;}
}
@media screen and (min-width: 960px) {
.metro .metro-sections .metro-section .tile .tile-image{position:relative;margin-left:auto;padding:0px;height:auto;width:100%;}.metro .metro-sections .metro-section .tile .tile-image img{height:auto;width:100%;}
}
@media screen and (min-width: 1250px) {
.metro .metro-sections .metro-section .tile .tile-image{position:relative;width:180px;margin-left:0px;padding:0px;height:auto;width:100%;}.metro .metro-sections .metro-section .tile .tile-image img{height:auto;width:100%;}
}
@media screen and (min-width: 1400px) {
.metro .metro-sections .metro-section .tile .tile-image{position:relative;width:220px;margin-left:0px;padding:0px;height:auto;width:100%;}.metro .metro-sections .metro-section .tile .tile-image img{height:auto;width:100%;}
}
.metro .metro-sections .metro-section .tile .tile-content-main{height:150px;position:relative;overflow:hidden;}
.metro .metro-sections .metro-section .tile .tile-content-sub{position:relative;margin:1px;height:50px;max-height:148px;padding:2px 5px;overflow:hidden;}
.metro .metro-sections .metro-section .tile.tile-double{width:310px;}.metro .metro-sections .metro-section .tile.tile-double .tile-icon-large{margin-top:20px;margin-left:107px;}
.metro .metro-sections .metro-section .tilem.tilem-lite{width:75px;}.metro .metro-sections .metro-section .tile.tile-lite .tile-icon-large{margin-top:100%;margin-left:100%;}
.metro .metro-sections .metro-section .tilem.tilem-lite .tile-icon-cover,.metro .metro-sections .metro-section .tilem.tilem-lite .tile-icon-large{width:75px;}
.metro .metro-sections .metro-section .tile.tile-double .tile-icon-cover,.metro .metro-sections .metro-section .tile.tile-double .tile-icon-large{width:310px;}
.metro .metro-sections .metro-section .tile.tile-double-vertical{height:310px;}.metro .metro-sections .metro-section .tile.tile-double-vertical .tile-icon-large{margin-top:20px;margin-left:107px;}
.metro .metro-sections .metro-section .tile.tile-double-vertical .tile-icon-cover,.metro .metro-sections .metro-section .tile.tile-double-vertical .tile-icon-large{height:310px;}
.metro .metro-sections .metro-section .tile.tile-triple-vertical{height:470px;}.metro .metro-sections .metro-section .tile.tile-triple-vertical .tile-icon-large{padding-top:187px;}
.metro .metro-sections .metro-section .tile.tile-quadro-vertical{height:630px;}.metro .metro-sections .metro-section .tile.tile-quadro-vertical .tile-icon-large{padding-top:267px;}
.metro .metro-sections .metro-section .tile.tile-triple{width:470px;}.metro .metro-sections .metro-section .tile.tile-triple .tile-icon-large{width:470px;}
.metro .metro-sections .metro-section .tile.tile-quadro{width:630px;}.metro .metro-sections .metro-section .tile.tile-quadro .tile-icon-large{width:630px;}
.metro .metro-replies{list-style:none;margin:2%;position:relative;}
.metro .metro-replies .metro-reply{width:auto;height:auto;margin:0px;padding:0px;font-family:Segoe UI,Tahoma,Arial,Verdana,sans-serif;margin-bottom:10px;margin-right:10px;position:relative;display:block;}.metro .metro-replies .metro-reply .avatar{width:50px;height:50px;overflow:hidden;display:table-cell;vertical-align:middle !important;background:#6e6e6e;}.metro .metro-replies .metro-reply .avatar img{width:100%;height:100%;display:inline-block !important;vertical-align:middle !important;}
.metro .metro-replies .metro-reply .reply{margin:-50px 5px 5px 5px;}.metro .metro-replies .metro-reply .reply .date{float:right;font-size:55%;color:#ffffff;}
.metro .metro-replies .metro-reply .reply .author{margin-left:50px;color:#ffffff;}
.metro .metro-replies .metro-reply .reply .text{margin-left:50px;font-size:15px;color:#ffffff;}
.metro .metro-replies .metro-reply .sticker{width:0;height:0;border-top:20px solid #ffffff;position:absolute;display:block;z-index:1000;}
.metro .metro-replies .metro-reply .sticker.sticker-color-black{border-top:10px solid #000000 !important;}
.metro .metro-replies .metro-reply .sticker.sticker-color-blue{border-top:10px solid #2d89f0 !important;}
.metro .metro-replies .metro-reply .sticker.sticker-color-blueDark{border-top:10px solid #0064cd !important;}
.metro .metro-replies .metro-reply .sticker.sticker-color-green{border-top:10px solid #01a31c !important;}
.metro .metro-replies .metro-reply .sticker.sticker-color-greenDark{border-top:10px solid #005200 !important;}
.metro .metro-replies .metro-reply .sticker.sticker-color-red{border-top:10px solid #bc1c48 !important;}
.metro .metro-replies .metro-reply .sticker.sticker-color-yellow{border-top:10px solid #ffc40d !important;}
.metro .metro-replies .metro-reply .sticker.sticker-color-orange{border-top:10px solid #d44a26 !important;}
.metro .metro-replies .metro-reply .sticker.sticker-color-pink{border-top:10px solid #c3325f !important;}
.metro .metro-replies .metro-reply .sticker.sticker-color-purple{border-top:10px solid #603cba !important;}
.metro .metro-replies .metro-reply .sticker.sticker-color-darken{border-top:10px solid #1c1c1c !important;}
.metro .metro-replies .metro-reply .sticker.sticker-left{border-left:20px solid transparent !important;left:-20px;}
.metro .metro-replies .metro-reply .sticker.sticker-right{border-right:20px solid transparent !important;right:-20px;}
.metro .metro-notices{list-style:none;margin:0;padding:0;}.metro .metro-notices .metro-notice{width:385px;height:90px;display:block;overflow:hidden;position:relative;margin-bottom:10px;}.metro .metro-notices .metro-notice .header{margin-top:15px;margin-right:25px;margin-left:10px;color:#fff;font-family:Segoe UI,Tahoma,Arial,Verdana,sans-serif;font-size:13px;font-weight:bolder;}
.metro .metro-notices .metro-notice .text{margin-right:45px;margin-left:10px;color:#fff;font-family:Segoe UI,Tahoma,Arial,Verdana,sans-serif;font-size:16px;font-weight:lighter;}
.metro .metro-notices .metro-notice .icon{position:absolute;right:10px;bottom:5px;}.metro .metro-notices .metro-notice .icon img{width:32px;height:32px;}
.metro .metro-notices .metro-notice .image{max-height:48px;width:48px;height:48px;margin:20px 30px 20px 20px;float:left;}.metro .metro-notices .metro-notice .image img{width:48px;height:48px;}
.metro .metro-notices .metro-notice .close{position:absolute;top:5px;right:10px;cursor:pointer;font-weight:bold;text-decoration:none;color:#fff !important;}
.metro .metro-notices .metro-notice .close::before{content:"\00d7";color:#fff !important;}
.metro .metro-notices .metro-notice .image-large{width:88px;height:88px;margin:1px 10px 1px 1px;overflow:hidden;float:left;}.metro .metro-notices .metro-notice .image-large img{width:88px;height:88px;}
.metro{background:transparent;}.metro *{color:#fff;}
.metro hr{color:#fff;background-color:#fff;}
.metro .metro-replies .metro-reply{background:#1c1c1c;}.metro .metro-replies .metro-reply *{color:#ffffff;}
.leftimg {float:left;margin: 7px 7px 7px 0;}
.promo {display:block; padding:5px; }
.left {width:50%;display:block; border-left:1px dotted black;}
.right {width:50%;display:block; float:right;}