@media all and (max-width: 30em){/* -480 */}/*-----YELLOW*/
@media all and (min-width: 30em){/* +480 */}/*-----ORANGE*/
@media all and (min-width: 37.5em){/* +600 */}/*------RED*/
@media all and (min-width: 48em){/* +768 */}/*-------PINK*/
@media all and (min-width: 60em){/* +960 */}/*------GREEN*/
@media all and (min-width: 64em){/* +1024 */}/*-----BLACK*/
@media all and (min-width: 75em){/* +1200 */}/*------BLUE*/
@media all and (min-width: 100em){/* +1600 */}/*---VIOLET*/

body{color:#333;background-color:#FFF;font-family:'Open sans', Arial, Helvetica, sans-serif;font-size:1em;line-height:1.4;text-rendering:optimizeLegibility;margin: 0;}

h1,h2,h3,h4,h5,h6{font-family:univers, Arial, Helvetica, sans-serif;font-weight:bold;}
h1{font-size:1.889rem;}
h2{font-size:1.889rem;}
h3{font-size:1.222rem;}

h1.title,
h2.pane-title{position:relative;padding:0;border-bottom:1px solid #cdcdcd;font-size:3.563em;font-weight:normal;text-transform:lowercase;max-width: 75rem;margin: 0 auto;margin-bottom:1em;}
h1.title:after,
h2.pane-title:after{content:"";position:absolute;display:block;left:0;top:100%;width:56px;height:9px;background-color:#E00538;}

p{margin:0 0 1.5em;}
ul{list-style:disc outside;margin:0;padding:0;}
ol{list-style:decimal outside;margin:0 0 1.5em 1.5em;padding:0;}
li{margin:0 0 .75rem 1.5rem;padding:0;}

a{color:#333;text-decoration:underline;}
a:hover,
a:focus{color:#E00538;}
a:active{color:#E05206;}

/* general selectors */
div,h1,h2,h3,h4,h5,h6,p,li{cursor:default;}
*::-moz-selection{color:#FFF;background-color:#E00538;}
*::selection{color:#FFF;background-color:#E00538;}
.icon-hide{display: none;height: 0;width:0!important;}


/* general table */
table{border-collapse:collapse;}

/* video html5 */
video{width:100% !important;height:auto !important;}

/* images */
img{max-width: 100%;}

/* helpers */
.element-hidden {display:none;}
.element-invisible {position:absolute !important;clip: rect(1px 1px 1px 1px); /* IE6, IE7 */clip:rect(1px, 1px, 1px, 1px);overflow:hidden;height:1px;width:1px !important;}
.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {position: static !important;clip:auto;overflow:visible;height:auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/* IE6 */ * html .clearfix {height:1%;}
/* IE7 */ *:first-child + html .clearfix {min-height:1%;}