/* GENERAL */
/* ======= */
@font-face {
    font-family: Roboto;
    src: url("https://share.asusworld.it/public/fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
    font-family: ROGTitle;
    src: url("https://share.asusworld.it/public/fonts/ROG-Title.otf") format('opentype');
    font-display: block;
}
@font-face {
    font-family: ROGText;
    src: url("https://share.asusworld.it/public/fonts/ROG-Text.otf") format('opentype');
    font-display: block;
}
@font-face {
    font-family: ROGFix;
    src: url("https://share.asusworld.it/public/fonts/ROG-Fonts-v1.6-Regular-Mac.eot"),
         url("https://share.asusworld.it/public/fonts/ROG-Fonts-v1.6-Regular-Mac.eot?#iefix") format('embedded-opentype');
    font-display: block;
}
@font-face {
    font-family: TTNormsPro;
    src: url("https://share.asusworld.it/public/fonts/TT-Norms-Pro-Regular.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: TTNormsPro;
    src: url("https://share.asusworld.it/public/fonts/TT-Norms-Pro-Normal.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: TTNormsPro;
    src: url("https://share.asusworld.it/public/fonts/TT-Norms-Pro-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: TTNormsPro;
    src: url("https://share.asusworld.it/public/fonts/TT-Norms-Pro-Medium-Italic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: TTNormsPro;
    src: url("https://share.asusworld.it/public/fonts/TT-Norms-Pro-Light.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: TTNormsPro;
    src: url("https://share.asusworld.it/public/fonts/TT-Norms-Pro-Italic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: TTNormsPro;
    src: url("https://share.asusworld.it/public/fonts/TT-Norms-Pro-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: TTNormsPro;
    src: url("https://share.asusworld.it/public/fonts/TT-Norms-Pro-Bold-Italic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
/*
    COLORE LINK : 6da2e3
*/
*::before,*,*::after{box-sizing:border-box;}
html, body{-ms-text-size-adjust:auto;min-height:100%;/*height:100%;*/margin:0;padding:0;font-family:TTNormsPro,Roboto,Verdana,sans-serif;color:#666;background:#111;}
body{overflow-y:scroll;}
.aw-form{background:#fff;}
/*body{position:relative;height:100%;}*/
body{position:relative;font-size:14px;/*background:url(https://share.asusworld.it/public/images/asus_bg.jpg) no-repeat fixed center;background-size:contain;*/}
h1,h2,h3,h4,h5,h6{font-weight:400;margin:0;color:#333;}
h1{font-size:1.6em;}h2{font-size:1.4em;}h3{font-size:1.1em}h4{font-size:0.8em}h5{font-size:0.6em}h6{font-size:0.4em}
hr{height:0;border:0;border-top:1px solid #eee;margin:20px 0}
em{font-style:normal;}
img,svg{max-width:100%;max-height:100%;/*height:auto;*/width:auto;vertical-align:middle;border:0;}
ul{margin:0;}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}
label{cursor:pointer;display:inline-block;}
select{box-sizing:border-box;border:0;}
table{width:100%;}
input[type=file]{display:none;padding:0;}
    input[type=file] + label{display:inline-block;padding:0.25em 0.5em;/*cursor:pointer;background:#eee;*/}
    .input-filename{display:inline-block;vertical-align:middle;}
input[type=submit]{cursor:pointer;}
    input[type=submit i]{padding:0.5em 0.75em;}
input[type=radio]{cursor:pointer;}
input{border:1px solid #ccc;min-height:1.5em;vertical-align:middle;}
input[type=text],
input[type=password],
select
{width:100%;}
@media (min-width:901px){
    input[type=text],
    input[type=password],
    select
    {width:50%;}
}
/*
    input/ label span span /span /span /label
*/
/*input[type=radio]:not(old),*/
input:not([type=button]):not([type=submit]){outline-color:transparent;}
input[type=button].nobutton,
input[type=submit].nobutton{padding:0;border:0;background:transparent;}
input[type=button i].nobutton,
input[type=submit i].nobutton{padding:0;}
input[type=image]{border:0;}
input::-webkit-input-placeholder{color:#999 !important;}
input:-moz-placeholder{color:#999 !important;}
input::-moz-placeholder{color:#999 !important;opacity:1;}
input:-ms-input-placeholder{color:#999 !important;opacity:1;}
textarea::-webkit-input-placeholder{color:#999 !important;}
textarea:-moz-placeholder{color:#999 !important;}
textarea::-moz-placeholder{color:#999 !important;opacity:1;}
textarea:-ms-input-placeholder{color:#999 !important;opacity:1;}
input[type=text],
input[type=password],
input[type=number],
input[type=date],
input[type=email],
input[type=url]
{
    outline: none;
    position: relative;
    border: 0;
    border-left: 5px solid transparent;
    border-bottom: 1px dotted #999;
    transition: 0.5s;
    background: rgb(255,255,255);
    line-height: 1em;
    padding: 0.25em;
}
input[type=text i],
input[type=password i]
{line-height:1em;padding:0.25em;}
select{width:100%;padding:0.25em;border-bottom:1px dotted #999}
label{vertical-align:middle;
    /*
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    */
}
label svg{max-width:32px;max-height:32px;}
label svg.big{max-width:48px;max-height:48px;}
label em {
    display: inline-block;
    line-height: 1em;
    height: calc(1em + 2px);
    width: calc(1em + 2px);
    border: 1px solid #ccc;
    overflow: visible;
    font-weight: bold; /*box-shadow:0 0 2px #999;*/
}
label em svg{margin-top:0.2em;}

input[type=radio]{display:none;}
input[type=radio] + label{padding:0.5em;fill:#ccc;border-left:5px solid transparent;}
input[type=radio] + label em{border-radius:50%;color:#ccc;fill:none;}
input[type=radio]:checked + label{fill:#333;}
input[type=radio]:checked + label em{color:#333;fill:#333;}

.old-radio{display:inline-block !important;padding:1em !important;border-left:5px solid transparent;}
.old-radio + label{padding:1em;}
.old-radio:checked + label{}
input[type=radio].old-radio.input-error + label{font-weight:bold;color:#c00;}

input[type=checkbox]{display:none;}
input[type=checkbox] + label{padding:0.5em;fill:#ccc;line-height:1em;border-left:5px solid transparent;}
input[type=checkbox] + label em{position:relative;text-align:center;}
    input[type=checkbox] + label em::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #fff;
    }
input[type=checkbox] + label:hover em{color:#999;}
    input[type=checkbox] + label:hover em:after {
        display:none;
    }
input[type=checkbox]:checked + label{/*fill:#7db9e8;*/fill:#03f;}
input[type=checkbox]:checked + label em{/*color:#7db9e8;*/color:#03f;}
input[type=checkbox]:checked + label em:after{display:none;}
textarea:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=date]:focus,
input[type=email]:focus,
input[type=url]:focus
{
    border-left: 5px solid #03f;
}
input:disabled{cursor:default;background:#fff;border-left:0;padding:0.25em 0;}


input.input-error,
textarea.input-error,
input[type=checkbox].input-error + label,
input[type=radio].input-error + label,
input[type=file].input-error + label,
select.input-error
{border-left:5px solid #c00;background:rgba(204,0,0,0.1);}
input[type=file].input-error + label{color:#c00;}
input.input-alert,
input[type=checkbox].input-alert + label,
input[type=radio].input-alert + label,
input[type=file].input-alert + label,
select.input-alert,
.input-alert
{border-left:5px solid #ffd700;/*background:rgba(255,215,0,0.1);*/}
textarea {
    position:relative;
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    resize: none;
    border: 1px dotted #999;
    border-left: 5px solid transparent;
    outline: none;
    padding: 0.5em;
    transition: 0.5s;
}

.prevent,.prevent *{cursor:default;}
input.long-input,select.long-input{width:100% !important;}
input.big-input,select.big-input{font-size:2em;}

.awcheckbox:not(old){
    position:absolute;
    width:2em;
    margin:0;
    padding:0;
    font-size:1em;
    opacity:0;
}
.awcheckbox:not(old) + label
/*,input[type=radio   ]:not(old) + label*/{
    display:inline-block;
    margin-left:0;
    line-height:2em;
    padding:0;
}
.awcheckbox:not(old) + label > span
/*,input[type=radio   ]:not(old) + label > span*/{
    display:inline-block;
    vertical-align: middle;
    margin-right: 0.25em;
    content:" ";
    height:14px;
    width:14px;
}
.awcheckbox:not(old) + label > span > span
/*,input[type=radio   ]:not(old) + label > span > span*/{
    display:block;
    /*margin: 1px 0 0 1px;*/
    content:" ";
    height:14px;
    width:14px;
    border:1px solid #eee;
    background:#fff;
}
/*FLAG*/
    .awcheckbox:not(old):checked + label > span > span::after {
        display: block;
        content: " ";
        margin-left: 4px;
        height: 10px;
        width: 6px;
        -webkit-transform: rotateZ(45deg);
        transform: rotateZ(45deg);
        border-top: none;
        border-right: 2px solid /*#7db9e8*/ #03f;
        border-bottom: 2px solid /*#7db9e8*/ #03f;
        border-left: none;
    }
.awcheckbox:not(old):checked + label > span > span
/*,input[type=radio   ]:not(old):checked + label > span > span*/{
    /*stuff*/
}
    .awcheckbox:not(old):checked + label > span > span::after {
        display: block;
        content: " ";
        margin-left: 4px;
        height: 10px;
        width: 6px;
        -webkit-transform: rotateZ(45deg);
        transform: rotateZ(45deg);
        border-top: none;
        border-right: 2px solid /*#7db9e8*/ #03f;
        border-bottom: 2px solid /*#7db9e8*/ #03f;
        border-left: none;
    }
/*DISABLED*/
.awcheckbox:not(old).qlik-disabled + label
/*,input[type=radio   ]:not(old).qlik-disabled + label*/{
    color:rgb(204,204,204);
}
.awcheckbox:not(old).qlik-disabled + label > span > span
/*,input[type=radio   ]:not(old).qlik-disabled + label > span > span*/{
    background:rgb(246,246,246);
}
.awcheckbox:not(old).qlik-disabled:checked + label > span > span::after
/*,input[type=radio   ]:not(old).qlik-disabled:checked + label > span > span::after*/{
    border-right:2px solid #999;
    border-bottom:2px solid #999;
}

input[disabled=disabled]{background:rgba(255,255,255,0.75);/*cursor:not-allowed;*/}
p{margin-top:0;margin-bottom:0;margin:0;}
a {
    text-decoration: none;
    color: /*#7db9e8*/ #03f;
    cursor: pointer;
}
a:hover{color:#004c93;}
header{}
header h1,header h2,header h3,header h4,header h5,header h6{display:inline-block;vertical-align:middle;margin-top:-5px;}
iframe {
    border: 0;
    max-width: 100%;
    width: 640px;
    max-height: 100%;
    height: 360px;
}
iframe.full {
    border: 0;
    max-width: 100%;
    width: 1024px;
    max-height: 100%;
    height: calc(1024px / 16 * 9);
}

/* AW */
/* == */
#form1{position:absolute;background:#fff;right:0;top:0;bottom:0;width:100%;min-height:100%;height:100%;}
.bar {background:#171b1e;color:#333;}
@media (min-width:901px) {
    /*body{font-size:14px;}*/
    #form1{position:relative !important;width:100%;}
    h1{font-size:2em}h2{font-size:1.5em;}h3{font-size:1.2em}h4{font-size:0.8em}h5{font-size:0.6em}h6{font-size:0.5em}
    label em svg{margin-top:0;}
}

.fixed_from_top {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
/*@media (min-width:901px) {
    .fixed_from_top{top:50px;}
}*/

.container:after,.row:after,.row-padding:after,.topnav:after,.clear:after,.btn-group:before,.btn-group:after{content:"";display:table;clear:both}
.col,.half,.third,.twothird,.quarter{float:left;width:100%}
.col.s1{width:8.33%}
.col.s2{width:16.66%}
.col.s3{width:25%}
.col.s4{width:33.33%}
.col.s5{width:41.66%}
.col.s6{width:50%}
.col.s7{width:58.33%}
.col.s8{width:66.66%}
.col.s9{width:75%}
.col.s10{width:83.33%}
.col.s11{width:91.66%}
.col.s12,.half,.third,.twothird,.quarter{width:100%}
@media (min-width:901px) and (min-device-width:901px){
	.col.m1{width:8.33%}
	.col.m2{width:16.66%}
	.col.m3,.quarter{width:25%}
	.col.m4,.third{width:33.33%}
	.col.m5{width:41.66%}
	.col.m6,.half{width:50%}
	.col.m7{width:58.33%}
	.col.m8,.twothird{width:66.66%}
	.col.m9{width:75%}
	.col.m10{width:83.33%}
	.col.m11{width:91.66%}
	.col.m12{width:100%}}
@media (min-width:1025px) and (min-device-width:1025px){
	.col.l1{width:8.33%}
	.col.l2{width:16.66%}
	.col.l3,.quarter{width:25%}
	.col.l4,.third{width:33.33%}
	.col.l5{width:41.66%}
	.col.l6,.half{width:50%}
	.col.l7{width:58.33%}
	.col.l8,.twothird{width:66.66%}
	.col.l9{width:75%}
	.col.l10{width:83.33%}
	.col.l11{width:91.66%}
	.col.l12{width:100%}
}

/* COLORS */
/* ====== */
.asuscolor{background:#004c93 !important;}.asuscolor:hover{background:#007ff5 !important;}.text-asus{color:#004c93 !important;}
.black{background:#000 !important;color:#fff !important;}.text-black{color:#000 !important;}
.white{background:#fff !important;}.text-white{color:#fff !important;}
.gray{background:#999 !important;}.text-gray{color:#757575 !important;}
.green{background:#080 !important;}.green:hover{background:#0a0 !important;}.text-green{color:#080 !important;}
.red{background:#c10 !important;}.red:hover{background:#f10 !important;}.text-red{color:#c10 !important;}
.gold{background:#ffd700 !important;}.text-gold{color:#ffd700 !important;}
.blue{background:#004c93 !important;}.text-blue{color:#004c93 !important;}
.purple{background:#96c !important;}.text-purple{color:#96c !important;}
.brown{background:#96c !important;}
.dark{background:#333 !important;}

/* HEADER */
/* ====== */
header.bar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    /*box-shadow: 0 0 10px #000;*/
    box-shadow: 0 0 6px #000;
}
header.bar .main{font-family:TTNormsPro,Roboto,Verdana;text-align:center;height:40px;line-height:1em;}
.margin-top-bar{position:relative;margin-top:39px;z-index:1;}

/*.collapse{text-align:center;position:absolute;top:0.15em;right:0.25em;display:inline-block;font-size:1.5em;vertical-align:middle;width:32px;height:32px;border:1px solid #666;border-radius:5px;}*/
.home{position:absolute;top:12px;left:0;right:0;vertical-align:middle;/*font-weight:bold;*/}
    .home a {color:#fff;}
.collapse{width:40px;height:40px;text-align:center;position:absolute;top:0;right:0;display:inline-block;vertical-align:middle;}

.aw-nav{display:none;position:fixed;right:0;top:0;bottom:0;width:75%;background:#333;box-shadow:10px 0 10px #222 inset;}
    .aw-nav img{width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);vertical-align:top;/*max-height:1em;max-width:1em;*/}
    /*.aw-nav > div:not(#loginBlock){border-bottom:1px solid #222;}*/
    .aw-nav .logout{display:inline-block;/*position:absolute;bottom:1em;right:1em;*/cursor:pointer;padding:0.5em;margin-top:1em;}
    .aw-nav #searchBox{padding:0.75em;white-space:nowrap;}
    .aw-nav #searchBox #search_submit{cursor:pointer;}
    .aw-nav a{position:relative;display:block;color:#ccc;padding:1em;/*font-weight:bold;*/}
    .aw-nav a:hover{color:#fff;}
    .aw-nav .homepage a{color:#fff;}
    .aw-nav input{color:#333;}
    .aw-nav input[type=text]{max-width:100%;width:150px;padding:0.25em;height:30px;}
    .aw-nav input[type=text]::after{position:fixed;top:50%;left:50%;width:40px;height:40px;display:block;content:" ";color:#F00;}
    .aw-nav input[type=button]{font-size:1em;box-sizing:border-box;border:0;padding:0 2px;height:20px;color:#ccc;background:transparent;cursor:pointer;}
.aw-nav .dropdown{position:relative;}
.aw-nav .dropdown-menu{display:none;}
/*.aw-nav .dropdown:hover .dropdown-menu{display:block;}*/
.aw-nav .additional{display:none;background:#eee !important;text-align:center;}
.aw-nav .additional > div{width:1024px;max-width:100%;padding:0 1em;text-align:left;}
.aw-nav .additional a{background:none;border-bottom:0;color:#666 !important;}
.aw-nav .additional a:hover{background:none;border-bottom:0;color:#333 !important;}
    .aw-nav .background-icon {
        position: absolute;
        width: calc(100% - 0.5em);
        height: calc(3em + 2px);
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: -1;
    }
    .aw-nav .background-icon svg {
        fill: #333;
        height: 100%;
        width: 100%;
        display: inline-block;
        vertical-align: middle;
    }


.searchCollapse{width:40px;height:40px;padding:6px;text-align:center;position:absolute;top:0;left:0;display:inline-block;vertical-align:middle;}
.searchOpenArea{display:none;margin-top:0.75em;padding-left:0.5em;cursor:pointer;}
.searchOpenButton{
    display: block;
    border: 0;
}
.searchBar {
    display: none;
    position: absolute;
    top: 0;
    margin-top: 40px;
    padding-top: 1em;
    padding-bottom: 1em;
    left: 0;
    right: 0;
    background: #eee;
    z-index: 9;
    box-shadow: 0 2px 10px rgba(0,0,0,0.5);
}
.searchArea{}
.searchBox{position:relative;visibility:hidden;}
.searchBox .search{border-bottom:0;position:relative;width:100%;border:0;}
.searchBox .search:focus{border:0;}
    .searchBox .searchButton {
        display: block;
        position: absolute;
        width: 28px;
        height: 26px;
        left: 0;
        top: 0;
        bottom: 0;
        /*cursor: pointer;*/
    }
    .searchBox .searchClose {
        display: block;
        position: absolute;
        width: 28px;
        height: 26px;
        right: 0;
        top: 0;
        bottom: 0;
        cursor: pointer;
    }
    .searchTitle{display:none;margin-top:1em;}
    .searchBar h2 {display:inline-block;}
    .searchLoading {
        display: none;
        width: 16px;
        height: 16px;
        margin-left: 1em;
        border-radius: 50%;
        border-top: 2px solid #03f;
        border-right: 2px solid #03f;
        border-bottom: 2px solid transparent;
        border-left: 2px solid transparent;
        animation: spin 1s infinite;
    }
    .prSearchResult{
        margin-top: 1em;
        padding: 1em;
        background: #fff;
        display: table;
        table-layout: fixed;
        width: 100%;
        height: 50%;
        max-height: 50%;
        overflow-x: hidden;
        overflow-y: auto;
        transition: 0.5s;
        box-shadow: 0 5px 10px transparent;
        color: inherit;
        border: 1px solid transparent;
    }
    .prSearchResult.off{
        border: 1px solid #c00;
    }
    .prSearchResult:hover{
        box-shadow: 0 5px 10px #999;
        color: inherit;
    }
    /*.prSearchResult img{
        display: table-cell;
        width: 50px;
        margin: 0;
        vertical-align: top;
    }*/
    .prSearchResult div{
        display: table-cell;
        vertical-align: top;
    }
    .prSearchResult strong{color:#047b99;}
    .prSearchResult > div:first-child{width:75px;padding:0.5em 1em 0 0;}
    .prSearchResult > div:first-child.prSearchResult_0{width:100px;}
    .prSearchResult > div:last-child{padding:0.5em 2em;border-left:1px solid #eee;}
    .prSearchResult:last-child{margin-bottom:1em;}

@media (min-width:901px) and (min-device-width:901px){
    /*header.bar{position:relative;}*/
    header.bar .main{text-align:left;height:50px;overflow:visible;z-index:1001;}
    .margin-top-bar{margin-top:49px;}
    /*.aw-nav{display:block !important;}*/
    .home{display:none;}
    .collapse{display:none;}
    .aw-nav{display:block !important;position:relative;width:auto;background:transparent;box-shadow:none;border:0;}
        .aw-nav div{display:inline-block;background:transparent;border:0;}
        .aw-nav > div:nth-child(2){border-left:1px solid #000;}
        .aw-nav > div#profile{float:right;border-left:1px solid #000;}
        .aw-nav > div#profile > div > a{border-left:1px solid #333;width:100%;height:100%;}
        .aw-nav #searchBox{float:right;padding:0;margin-top:0.75em;padding-left:0.5em;/*position:absolute;top:12px;right:0;*/}
        .aw-nav a{display:inline-block;padding:1.25em;color:#ccc;border-bottom:2px solid transparent;transition:0.5s;}
            .aw-nav a:hover {
                color: #fff;
                border-bottom: 2px solid /*#7db9e8*/ #03f;
                background: #333;
                background: -moz-linear-gradient(top, #333333 75%, #222222 100%);
                background: -webkit-linear-gradient(top, #333333 75%,#222222 100%);
                background: linear-gradient(to bottom, #333333 75%,#222222 100%);
                /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 );*/
            }
        .aw-nav #rog a:hover {
            background: initial;
            border-bottom: 2px solid #c00;
        }
        .aw-nav #rog a:hover+.background-icon svg{fill:#444;}

        .aw-nav > div{border-bottom:0;}
        /*.aw-nav .homepage a{background:#fff !important;color:#333 !important;}*/
        .aw-nav .homepage a{transition:0.5s;border-right:1px solid #333;}
        /*.aw-nav .homepage a:hover{background:#000;border-bottom:2px solid #000;}*/
        .aw-nav .profile a{border-left:1px solid #000;}
        .aw-nav .profile a.logged{}
        .aw-nav .profile:hover a.logged {
            color: #fff;
            border-bottom: 2px solid transparent;
            background: #333;
            background: -moz-linear-gradient(top, #333333 75%, #222222 100%);
            background: -webkit-linear-gradient(top, #333333 75%,#222222 100%);
            background: linear-gradient(to bottom, #333333 75%,#222222 100%);
            /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 );*/
        }
        .aw-nav .logout,
        .aw-nav .profile {
            display: inline-block;
            position: relative;
            bottom: 0;
            right: 0;
            line-height: 1em;
            vertical-align: middle;
            text-align: center;
            padding: 0;
            margin: 0;
            min-width: 50px;
            height: 50px; /*padding:1em;*/
        }
            .aw-nav .logout input {
                display: inline-block;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                margin: auto; /*height:16px;width:16px;*/
                min-height: 16px;
                cursor: pointer;
            }
        /*.aw-nav .logout input:hover{
            background: rgba(208,0,0,0.75);
            /*background: #333;
            background: -moz-linear-gradient(top, #333333 75%, #222222 100%);
            background: -webkit-linear-gradient(top, #333333 75%,#222222 100%);
            background: linear-gradient(to bottom, #333333 75%,#222222 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 );*-/
        }*/
        .aw-nav input[type=text]{width:120px;}
        .aw-nav div#additional:hover > div{position:fixed;top:50px;right:0;left:0;display:block !important;width:100%;}
    
    .aw-nav .dropdown{position:relative;}
        .aw-nav .dropdown .dropdown-menu {
            display: none;
            position: absolute;
            top: 50px;
            right: 0;
            background: #171b1e;
            min-width: 100%;
            z-index: 1;
            border: 0;
            /*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/
            box-shadow: 0 3px 3px 1px rgba(0,0,0,0.5);
        }
    .aw-nav .dropdown .dropdown-menu a{width:100%;background:#eee;color:#666;border-bottom:1px solid #ccc;border-left:3px solid transparent;white-space:nowrap;text-align:left;}
        .aw-nav .dropdown .dropdown-menu a:hover {
            color: #111;
            border-bottom: 1px solid #ccc;
            border-left: 3px solid /*#7db9e8*/ #03f;
            background: #fff;
        }/*#41ad49*/
    .aw-nav .dropdown .dropdown-menu a.admin:hover{border-left:3px solid #ad4941;}
    .aw-nav .dropdown:hover .dropdown-menu{display:block;}

    .searchCollapse{display:none;}
    .searchOpenArea{display:block;border:0;}
    .searchBar{margin-top: 0;}
    .searchBox .search{margin-top:0;height:26px;}
}
@media (min-width:1024px) and (min-device-width:1024px) {
    .aw-nav input[type=text]{width:150px;}
    .aw-nav .logout{}
}

#pr_nav{display:none;width:100%;height:auto;left:0;right:0;position:fixed;z-index:1001;font-family:TTNormsPro,Roboto,Verdana;text-align:right;padding:0.15em 0.25em 0 0.25em;font-size:24px;vertical-align:top;
        pointer-events: none;
}
    #pr_nav > a{display:inline-block;font-size:0.75em;padding:0.1em 0.3em;background:rgba(215,215,215,0.6);color:#999;border:1px solid #ccc;border-radius:5px;
                pointer-events:auto;
    }

@media (min-width:901px) {
    #pr_nav{/*margin-top:-2em;*/text-align:right;max-width:1024px;margin:0 auto;}
}

.loginForm{display:none;position:fixed;top:0;width:100%;height:100%;margin:0 auto;background:rgba(48,48,48,0.75);z-index:99;}
    .loginForm .close{display:block;position:absolute;top:1em;right:1em;color:#cc0000;font-weight:bold;cursor:pointer;}
    .loginForm > div{position:absolute;display:inline-block;margin:0 auto;top:40px/*20%*/;width:100%;padding:1.5em 3em;border-radius:0;background:#fff;border:1px solid #eee;box-shadow:0 0 15px #333;}
    .loginForm input{max-width:100%;}
    .loginForm input:not([type=text]):not([type=password]){cursor:pointer}
        .loginForm > div > div{margin:0 auto;padding:0.5em;}
        .loginForm > div > div:last-child{padding-top:1em;}
        /*.loginForm > div > div > *{display:inline-block;vertical-align:middle;}*/
        .loginForm > div > div > label {margin-left:0;padding-left:0;}
        .loginForm > div > span{display:block;text-align:center;margin:0 auto;padding:0 0.5em;}
        .loginForm > div > div > span{display:inline-block;float:right;margin-top:0.5em;}
        .loginForm > div > div > span::after{clear:both;}
        .loginForm > div > .row > .col{text-align:center;}
        .loginForm > div > .row > .col:first-child{border-right:1px solid #333;}
@media (min-width:901px){
    .loginForm > div{top:50px;right:25%;margin-left:0;width:auto;min-width:384px;text-align:right;border-radius:0 0 1em 1em;}
        .loginForm > div > div{text-align:left;margin:0;}
        .loginForm > div > span{text-align:left;margin:0;}
}




.topSelling{position:relative;}
.topSelling-gallery{position:relative;overflow:hidden;width:100%;z-index:4;}
	.topSelling-gallery .elem{position:absolute;width:100%;display:block;}
	.topSelling-gallery .elem img{display:block;width:100%;max-width:100%;height:100%;}
.topSelling-nav{position:absolute;bottom:0;left:0;right:0;text-align:center;z-index:5;}
    .topSelling-nav span {
        content: " ";
        width: 2em;
        height: 0.5em;
        display: inline-block;
        margin: 6px;
        background: #eee;
        box-shadow: 0 2px 4px #111;
        border-radius: 0.5em;
        cursor: pointer;
    }
        .topSelling-nav span.sel {
            background: /*#7db9e8*/ #03f;
        }

/* BODY */
/* ==== */
.infobar {/*border-bottom:1px solid #004c93;color:#004c93;*/background:#eee;color:#004c93;}
.infobar a{line-height:1em;height:16px;}
.infobar a img{vertical-align:middle;margin-bottom:3px;}
.infobar #searchInfoBar strong{display:inline-block;margin:0 2px;}

.infobar div.main{padding:0.5em 1em;width:100%;max-width:1024px;min-height:unset;}

section.main{position:relative;overflow:hidden;background:#fff;min-height:100%;z-index:1;}

.rndProducts{/*overflow:hidden;white-space:nowrap;*/background:#fff;/*text-align:center;*/}
.rndProducts .hotPrBox{font-size:12px;position:relative;display:block;border-bottom:1px solid #eee;}
    .rndProducts a{display:inline-block;width:100%;color:#333;padding:1em;white-space:normal;text-align:center;vertical-align:middle;}
        .rndProducts a:hover {
            color: /*#7db9e8*/ #03f;
        }
    .rndProducts a span{display:inline-block;text-align:center;color:#333;vertical-align:middle;/*word-break:break-all;*/}
        .rndProducts a h3{font-weight:600;}
    .rndProducts a img{display:inline-block;text-align:center;}
@media (min-width: 901px){
    .rndProducts .hotPrBox{font-size:14px;display:inline-block;vertical-align:top;width:33.33%;color:#333;border-bottom:0;}
    .rndProducts .hotPrBox:not(:last-child){border-right:1px solid #eee;}
    .rndProducts a img{max-width:33.33%;}
    .rndProducts a div{display:inline-block;vertical-align:middle;width:66.66%;text-align:center;}
}

.banner > img{width:100%;}
.hotArea {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: wrap;
    /*background: #f4f4f4;*/
    background: #fff;
}
.hotArea .more {
    line-height: 1em;
    text-align: right;
    padding: 1em;
}
@media (min-width: 901px) {
    .hotArea .more {
        position: absolute;
        line-height: 1em;
        bottom: 1em;
        right: 4em;
        transform: translate(0, -50%);
        padding: 0;
    }
}
.hotArea .hotBox{}
.hotArea .hotBox .hotBox-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    color: inherit;
}
.hotArea .hotBox .hotBox-content .hotBox-imageWrapper {
    overflow: hidden;
    flex-grow: 1;
}
    .hotArea .hotBox .hotBox-content .hotBox-imageWrapper img {
        transition: transform 0.2s;
    }
.hotArea .hotBox .hotBox-content .hotBox-description {
    flex-grow: 99;
    padding: 1em;
    background: #f4f4f4;
}
.hotArea .hotBox .hotBox-content:hover .hotBox-imageWrapper img {
    transform: scale(1.05);
}
/*.hotArea .hotBox .hotBox-content:hover .hotBox-description {
    background: #fff;
}*/
@media (min-width: 901px) {
    .hotArea {
        flex-direction: row;
        gap: 4em;
        padding: 4em;
    }
    .hotArea .hotBox {
        /*width: 33.33%;*/
        width: calc(33.33% - 2.675em);
    }
    .hotArea .hotBox .hotBox-content .hotBox-description {
        font-size: 1.25em;
    }
}

.err{position:relative;left:0;right:0;margin:2em auto;padding:1em 1em 1em 65px;border-top:1px solid transparent;}
.err-err{color:#c10 !important;border-color:#c10 !important;}
.err-info{color:#004c93 !important;border-color:#004c93 !important;}
.err-succ{color:#080 !important;border-color:#080 !important;}
/*#err{display:inline-block;position:relative;left:0;right:0;margin-left:auto;margin-right:auto;text-align:center;padding:1em;border:1px solid transparent;border-radius:10px;}*/
.err img{position:absolute;left:0px;top:-25px;}

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}

.table{display:block;vertical-align:middle;}
.table > div{display:block;vertical-align:middle;}
@media (min-width:901px){
    .table{display:table;}
    .table > div{display:table-cell;width:50%;}
}

#loading {
    display: none;
    overflow:hidden;
    -webkit-backface-visibility: hidden;
    background:rgba(255,255,255,0.5);
    box-shadow:0 0 10px 0 #ccc;
    position: fixed;
    top: 0;
	left: 0;
    width: 100%;
    height: 100%;
    z-index: 404;
    /*margin: -55px 0 0 -55px;*/
}
#loading .spin:before {
    content: "";
    -webkit-backface-visibility: hidden;
    position: absolute;
    overflow:hidden;

    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    
    /*right: 10px;
    bottom: 10px;*/
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    background-attachment:fixed;

    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #004c93;
    -webkit-animation: spin 1.5s ease-in-out infinite;
    animation: spin 1.5s ease-in-out infinite;
}
#loading .spin {
    content: "";
    /*overflow:visible;*/
    /*-webkit-backface-visibility: hidden;*/
    position: absolute;
    width:50px;
    height:50px;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    border-radius: 50%;
    border: 3px solid #ccc;
}

.filter{
    /*display:none;*/
    position:relative;border:1px solid #eee;padding:0.5em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor:default;
    background:#fff;
}
.filter header h3,.filter header hr{font-size:16px;color:#004c93;border-color:#004c93;}
.filter header hr{margin-top:0.25em;margin-bottom:1em;}
.filter > p{padding:0 0.5em;cursor:pointer;content:" ";}
.filter > span{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position:absolute;top:0;right:0;width:2em;text-align:center;padding-top:0.3em;font-weight:bold;cursor:pointer;vertical-align:middle;
}
.filter > span > img{margin:0;width:1.25em;}
.filter > nav{display:none;position:relative;font-size:10px !important;}
    .filter > nav > div{display:inline-block;vertical-align:top;width:100%;padding:1em 1em 4em 1em;}
        .filter > nav > div > div{max-height:100px;position:relative;overflow-y:auto;overflow-x:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;}
        .filter > nav > div > div::-webkit-scrollbar{width:5px;}
        .filter > nav > div > div::-webkit-scrollbar-track{background:#eee;}
        .filter > nav > div > div::-webkit-scrollbar-thumb{background:#ccc;}
@media (min-width:901px){
    .filter > nav > div{width:25%;height:100%;max-height:376px;}
        .filter > nav > div > div{max-height:140px;overflow-y:auto;overflow-x:hidden;}
    .filter > nav > .fifth{width:20%;}
}
.filter input,.filter label{cursor:pointer;}
/*.filter > nav > .menu{font-size:inherit;position:absolute;bottom:0;left:0;right:0;text-align:center;}*/
.filter > nav .func{display:inline-block;position:absolute;padding:0.5em 0.75em;background:#eee;border:1px solid transparent;border-radius:1em;cursor:pointer;transition:0.5s;}
.filter > nav .func:hover{background:#f8f8f8;border:1px solid #eee;}
.filter > nav .func.reset{bottom:0;right:0;}
.filter > nav .func.back{bottom:0;left:0;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.filter .price::after{display:table;content:"";clear:both;}
.filter .price .min-price{float:left;width:50%;text-align:left;padding-bottom:1em;/*font-size:1.25em;*/}
.filter .price .max-price{float:right;width:50%;text-align:right;padding-bottom:1em;/*font-size:1.25em;*/}
.filter .ui-slider-range{background:#080;border:1px solid #080;}
.filter .ui-slider-handle
{background:#666;border:1px solid #666;}
/*.filter > div{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,0.5);}
.filter .progress{
    height:0.35em;width:100%;position:absolute;top:0;left:0;right:0;
    background:url('Images/pr.gif') !important;
}*/
.progress{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,0.5);z-index:99;}
    .progress span.bar{
        height:0.25em;
        width:100%;
        position:absolute;top:0;left:0;right:0;
        background:url('/public/images/pr.gif') !important;
    }
    .progress span.circle{
        content:" ";
        height:2em;
        width:2em;
        position:absolute;top:0;left:0;right:0;margin:0 auto;
        border:2px solid transparent;
        border-right-color:rgba(0,76,147,1);
        border-top-color:rgba(0,76,147,1);
        border-radius:100%;
        animation:spin 1s linear infinite;
    }
/*
.filter progress{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    height:0.25em;width:100%;position:absolute;bottom:0;left:0;right:0;border:0 solid transparent;
    background:#fff;
}
.filter progress::-webkit-progress-bar{background:url('Images/pr.gif') !important;}
.filter progress::-moz-progress-bar{background:url('Images/pr.gif') !important;}
*/

.compareIcon{
    position:fixed;
    top:50%;
    right:1em;
    background:#00dead;
    padding:1em;
}

.paging{text-align:center;padding:0.5em 0;}
.paging .prev,.paging .next{cursor:pointer;}
.paging .go{cursor: pointer;font-size:1.5em;font-weight:bold;outline:none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display:none;
}
.paging .go:focus{outline:none;}
.paging .page{width:3em;text-align:right;vertical-align:middle;border:1px solid #03f;border-radius:5px;color:#03f;font-weight:bold;}
.paging .page:focus{border-left:1px solid #03f;}
.paging .pageText{padding:0.25em 0;line-height:1em;vertical-align:middle;}

/* FOOTER */
/* ====== */
footer.bar{position:relative;}
.aw-footer{text-align:left;}
.aw-footer .f-links{padding:1em 0;}
.aw-footer .f-links ul{padding:0;margin:0;}
.aw-footer .f-links ul li{display:block;padding:1em 2em;border-bottom:1px solid #222;}
.f-icons{text-align:left;padding-bottom:1em;}
.f-icons svg{height:40px;width:40px;}
.f-icons .share{transition:0.2s;border-radius:5px;cursor:pointer;}
.f-icons .facebook{transition:0.2s;border-radius:5px;}
.f-icons .twitter{transition:0.2s;border-radius:5px;}
.f-icons .facebook:hover{background:#4867aa;fill:#fff;stroke:#fff;}
.f-icons .twitter:hover{background:#32ccfe;fill:#fff;stroke:#fff;}
.f-icons .compare{transition:0.2s;cursor:pointer;padding:0;width:40px;height:40px;}
.f-icons .email{transition:0.2s;border-radius:5px;cursor:pointer;}
.f-icons .email:hover{background:#d64937;fill:#d64937;stroke:#d64937;}
.f-icons .email:hover rect{fill:#fff;}
.f-icons .email:hover path{fill:#d64937;stroke:#d64937;}
.f-icons a svg{display:block;margin:auto;max-height:50px;}
.aw-footer .f-links a{display:block;color:#888;fill:#888;stroke:#888;}
.aw-footer .f-links a:hover{color:#fff;fill:#fff;stroke:#fff;}
.lang{}.lang img{width:20px;}.lang .span{vertical-align:middle;}
@media screen and (min-width:901px) and (min-device-width:901px){
	.aw-footer .f-links a{display:inline-block;}
    .aw-footer .f-links ul{padding:0;margin:0;border-left:1px solid #222}
	.aw-footer .f-links ul li{display:block;padding:0.5em 2em;border-bottom:1px solid transparent;}
	.aw-footer .f-links > div:first-child ul{border-left:1px solid transparent;}
}

#flags{display:none;}#flags li{display:inline-block;text-align:center;}
#flags li .lc{background:transparent;border: none;padding:0;text-align: center;text-decoration: none;display: inline-block;border-radius:5px;cursor:pointer;}
#flags .flag{width:25px;height:auto;}

.banner-box{text-align:center;}
    .banner-box .banner{display:inline-block;padding:1em;}

.rights{font-size:0.6em;padding:1em;background:#111;text-align:center;color:#888;}

/* PRIVACY */
/* ======= */

.goLogin{}

.user-message-info {
    padding: 1em;
    font-size: 0.75em;
    color: #333;
    background: rgba(0,76,147,0.25);
}
.user-message-alert {
    padding: 1em;
    font-size: 0.75em;
    color: #333;
    background: rgba(255,215,0,0.25);
}
.user-message-error {
    padding: 1em;
    font-size: 0.75em;
    color: #333;
    background: rgba(204,0,0,0.25);
}

.privacy{padding:1em 0;}
    .privacy .user-message{padding:1em;}
    .privacy .user-message.accepted{color:#333;background:rgba(0,76,147,0.25);border:1px solid #333;}
    .privacy .user-message.alert{color:#333;background:rgba(255,215,0,0.25);border:1px solid #333;}
    .privacy .user-message.notaccepted{color:#333;background:rgba(204,0,0,0.25);border:1px solid #333;}
    .privacy .intro{padding:2em 0;}
    .privacy > header{padding:1em 0;}
    .privacy .privacy-text{border:1px solid #eee;padding:2em;max-height:384px/*238px*/;overflow-y:scroll;}
        .privacy .privacy-text p{padding:1em 0;}
        .privacy .privacy-text p:first-child{padding:0 0 1em 0;}
        .privacy .privacy-text li{padding:0.5em 0;}
        .privacy .privacy-text table{
            width:100%;
            border-collapse:collapse;
        }
        .privacy .privacy-text table th,
        .privacy .privacy-text table td{
            width:50%;
            vertical-align:top;
            text-align:left;
            padding:5px;
            border:1px solid #eee;
        }
        .privacy .privacy-text table th{background:#eee;}
        .privacy .privacy-text table.noborder td{border:0;}
    .privacy > footer{padding:1em 0;}
        .privacy > footer > div:not(:last-child){padding-bottom:1em;}

/* FINAL */
/* ===== */
.main{width:1024px;max-width: 100%;margin:0 auto;padding:0 1em;}section.main{padding:1.5em 1em 3em 1em;}

.socials{text-align:right;padding:0.1em 0em;}.socials ul{list-style:none;padding:0;margin:0;}.socials ul li{display:inline-block;}
.btn {
    border: 0;
    outline: none;
    display: inline-block;
    padding: 0.5em 0.75em;
    line-height: 1em;
    background: transparent;
    border-radius: 1em;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: #eee;
    cursor: pointer;
}
.btn a{color:inherit;}
.btn:hover{font-weight:inherit;background:#ccc;}
.btn:disabled{padding:0.25em 0.5em !important;color:#ccc;background:#999 !important;cursor:default;}
.btn:disabled:hover{background:#999 !important;box-shadow:none !important;}
.btn-white{border:1px solid #ccc;background:#fff;color:#666;}
.btn-white:hover{background-color:#f4f4f4;}
.path{padding-bottom:1em;text-align:right;}
.disclaimer{font-size:0.8em;padding:1em;text-align:center;}
.alert{color:#c00;padding:1em;}
.f-icons{fill:#666;stroke:#666;}
.f-icons:hover{fill:#333;stroke:#333;}
/*.title:before {display:inline-block;height:30px;width:30px;content:"";background: url("../Shared/lotopetal.png");margin-right:0.3em;}*/
.title{font-weight:400;margin:0;padding:0.5em 0;}
.noimg{opacity:0.25;}
.rog-title{font-family:ROGTitle,ROGFix,Roboto,Verdana;font-weight:100;margin-top:-0.25em;line-height:0.75em;padding-bottom:0.25em;}
.rog-text{font-family:ROGText,ROGFix,Roboto,Verdana;font-weight:100;}

.cit{}
.cit > *:not(:last-child){display:block;padding:1em;border:1px dotted #ccc;background:#fafafa;}
.cit > *:not(:last-child) > span{display:block;text-align:right;}
.cit > *:last-child{font-size:14px;display:block;color:#000;padding:1em;}

.small,.x_small{font-size:0.75em !important;}
.center{text-align:center;}
.padding{padding:1em !important;}
.lateral-padding{padding:0 1em;}
.vertical-padding{padding:1em 0;}
.flex-padding{padding:1em 0;}
@media (min-width:901px){
    .flex-padding{padding:1em;}
}

.inactive{background:#c00;color:#fff;}


.overlayWin{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;background:rgba(0,0,0,0.25);width:100%;height:100%;padding:1em;}
.overlayWin > div{text-align:center;vertical-align:middle;margin:0 auto;max-height:100%;overflow-y:auto;}
.overlayWin > div > div{margin-left:auto;margin-right:auto;background:#fff;padding:1em;width:100%;}
@media (min-width:901px){
    .overlayWin > div{width:50%;max-width:512px;}
}

.mainOverlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    text-align: center;
    z-index: 9;
    width: 100%;
    height: 100%;
    padding: 2em 1em;
    background: rgba(0,0,0,0.75);
}
.mainOverlay > div {
    display: inline-block;
    /*overflow-y:hidden;*/
    height: 100%;
    width: 100%;
    padding: 2em;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 20px #000;
}
.mainOverlay > div > div {
    height:100%;
    text-align: left;
}
.mainOverlay > div > div > div{
    height:100%;
    overflow:hidden;
}
.mainOverlay > div > div > div > section {
    height:90%;
    overflow-y: auto;
}
@media (min-width:901px) {
    .mainOverlay > div {
        display: inline-block;
        margin-top: 12.5%;
        max-width: 100%;
        height: 60%;
        max-height: 60%;
        width: 901px;
        padding: 2em;
        border-radius: 10px;
        background: #fff;
        box-shadow: 0 0 20px #000;
    }
    .mainOverlay > div > div {
        height: 100%;
        max-height: 100%;
    }
}
@media (min-width:1024px) {
    .mainOverlay > div {
        width: 1024px;
    }
}

#msgArea{display:none;position:fixed;z-index:199999;bottom:0;left:0;right:0;text-align:center;color:#fff;}
#msgArea > div{display:table;width:100%;position:relative;padding:2em 1em;}
#msgArea > div a{color:inherit;text-decoration:underline;}
    #msgArea > div > div {
        display: table-cell;
        vertical-align: top;
        padding: 0 1em;
    }
    #msgArea > div > small {
        display: table-cell;
        vertical-align: top;
        width: 1%;
        white-space: nowrap;
        padding: 0 1em;
    }
        #msgArea > div > small > div {
            display: block;
            width: calc(1.5em + 3px);
            height: calc(1.5em + 2px);
            line-height: 1.5em;
            background: #333;
            color: #fff;
            border-radius: 50%;
            padding-top: 1px;
            /*position: absolute;
            bottom: 1em;
            margin: 0 auto;
            text-decoration: underline;*/
            cursor: pointer;
        }
.msgArea-error{background:rgba(192,0,0,0.9);}
.msgArea-alert{background:rgba(255,215,0,0.9);color:#000 !important;}
.msgArea-ok{background:rgba(0,192,0,0.9);}
.msgClose{position:absolute;bottom:1em;left:0;right:0;margin:0 auto;text-decoration:underline;cursor:pointer;}


/* ANIMATION ROTATE */
.aw-animate-spin{-webkit-animation:spin 2s linear 2s infinite;animation:spin 2s linear 2s infinite;}
@-webkit-keyframes spin{
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes spin{
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

/* ANIMATION FLIP */
.aw-animate-flip{-webkit-animation-name:flip;-webkit-animation-duration:6s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-name:flip;animation-duration:6s;animation-timing-function:linear;animation-iteration-count:infinite;}
@-webkit-keyframes flip{
0%{-webkit-transform:rotateY(0deg);}
100%{-webkit-transform:rotateY(360deg);}}
@keyframes flip{
0%{transform:rotateY(0deg);}
100%{transform:rotateY(360deg);}}
/* ANIMATION OPACITY */
.aw-animate-opacity{
-webkit-animation-name:opac;-webkit-animation-duration:4s;animation-name:opac;animation-duration:4s}
@-webkit-keyframes opac{from{opacity:0} to{opacity:1}}
@keyframes opac{from{opacity:0} to{opacity:1}}
/* ANIMATION TOP */
.aw-animate-top{
position:relative;-webkit-animation-name:animatetop;-webkit-animation-duration:0.4s;animation-name:animatetop;animation-duration:0.4s}
@-webkit-keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
/* ANIMATION LEFT */
.aw-animate-left{
position:relative;-webkit-animation-name:animateleft;-webkit-animation-duration:0.4s;animation-name:animateleft;animation-duration:0.4s}
@-webkit-keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
/* ANIMATION RIGHT */
.aw-animate-right{
position:relative;-webkit-animation-name:animateright;-webkit-animation-duration:0.4s;animation-name:animateright;animation-duration:0.4s}
@-webkit-keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
/* ANIMATION BOTTOM */
.aw-animate-bottom{
position:relative;-webkit-animation-name:animatebottom;-webkit-animation-duration:0.4s;animation-name:animatebottom;animation-duration:0.4s}
@-webkit-keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0px;opacity:1}}
@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
/* ANIMATION ZOOM */
.aw-animate-zoom {-webkit-animation-name:animatezoom;-webkit-animation-duration:0.6s;animation-name:animatezoom;animation-duration:0.6s}
@-webkit-keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
/* ANIMATION ZOOM FOCUS */
.aw-animate-fzoom{transition:0.2s;}
.aw-animate-fzoom:hover{-webkit-transform:scale(1.5);transform:scale(1.5);}
.aw-animate-fzoom12{transition:0.2s;}
.aw-animate-fzoom12:hover{-webkit-transform:scale(1.5);transform:scale(1.2);}

.ddmenu-side {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #eee;
    box-shadow: 10px 0 10px #ccc inset;
}
.ddmenu-side > a{color:#666;border-bottom:1px solid #ccc;transition:0.5s;}
.ddmenu-side > a:hover{color:#111;background:#fff;}
@media (max-width:900px) {
    .ddmenu-side{display:block !important;}
}

@media print{
	header.bar{display:none;}
    #infoBar{display:none;}
	.aw-print-break{page-break-after:always;}
    footer.aw-footer{display:none;}
}